@media screen and (max-device-width:767px) {
  body {
    -webkit-text-size-adjust: 100%
  }
}

* {
  margin: 0;
  padding: 0
}

a,
input[type=button] {
  cursor: pointer;
  text-decoration: none
}

input[type=button],
.btn {}

body {
  font-size: 16px;
  font-weight: 300;
  font-family: open-sans, sans-serif, Arial
}

.content {
  max-width: 1100px;
  margin: 0 5%;
  text-align: left;
  position: relative
}

.column {
  vertical-align: top;
  position: relative;
  display: inline-block;
  box-sizing: border-box
}

.nav {
  list-style-type: none
}

@keyframes animarrow {
  0% {
    background-position: 30% center
  }

  100% {
    background-position: 100% center
  }
}

@keyframes arrowSway {
  0% {
    transform: translate(0)
  }

  50% {
    transform: translate(17px)
  }

  100% {
    transform: translate(0)
  }
}

@keyframes hti1 {
  0% {
    transform: rotate(0deg)
  }

  50% {
    opacity: 0.3
  }

  100% {
    transform: rotate(360deg);
    opacity: 1
  }
}

@keyframes hti23 {
  0% {
    opacity: 1
  }

  30% {
    opacity: 0
  }

  70% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes hti4 {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.btn-more {
  font-family: josefin-sans;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1.75em;
  background: url(/i/svg/learn_more_circle_white.svg) no-repeat 93% center;
  background-size: 1.75em auto;
  height: 1.75em
}

.btn-more span {
  float: right;
  display: inline-block;
  height: 1.75em;
  width: 4em;
  background: url(/i/svg/learn_more_arrow_white.svg) no-repeat 30% center;
  background-size: 55% auto
}

.btn-more:hover span {
  animation-duration: 0.35s;
  animation-name: animarrow;
  animation-iteration-count: infinite;
  animation-direction: alternate
}

p {
  margin: 1em 0;
  font-weight: 300;
  font-size: 1.125em;
  line-height: 1.556em
}

p strong {
  font-weight: 600
}

#shade {
  background: #000;
  opacity: 0.7;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 105;
  display: none
}

.popup .content {
  overflow-y: scroll;
  box-sizing: border-box;
  margin: 0;
  padding: 2em;
  height: 100%;
  max-width: 100%
}

.popup {
  z-index: 106;
  width: 80%;
  height: 80%;
  top: 10%;
  left: 10%;
  position: fixed;
  background: #fff
}

#crypto-popup p.header {
  font-size: 1.2rem;
  line-height: 1.25em;
  font-weight: 400;
  margin-bottom: 2rem
}

#crypto-popup p.header a {
  color: #0ab3be
}

#crypto-popup p.header a:hover {
  text-decoration: underline
}

#crypto-popup p {
  font-size: .85rem
}

#crypto-popup .btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
  background: url(/i/svg/X_blue.svg) no-repeat center / 100%;
  width: 26px;
  height: 26px;
  display: block
}

#crypto-popup {
  height: auto;
  max-height: 70vh;
  width: 80vw;
  max-width: 750px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 3rem 3.5rem;
  display: none
}

.award_link_top {
  display: block;
  background: url(/i/award_tall.svg) center/contain no-repeat;
  width: 60px;
  height: 90%;
  right: -17px;
  top: 4px !important;
  position: absolute !important
}

.award_link_footer {
  display: none;
  background: url(/i/award_wide.svg) center/contain no-repeat;
  width: 200px;
  height: 78px;
  margin-top: 35px
}

.navbeta {
  right: 65px
}

.cookie-disclaimer .btn-preferences {
  background-color: #00a4df !important;
  font-family: josefin-sans !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
  font-style: normal !important
}

.cookie-disclaimer .btn-agree {
  background: #122233 !important;
  font-family: josefin-sans !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
  font-style: normal !important
}

.cookie-disclaimer p,
.cookie-disclaimer div {
  font-family: open-sans, sans-serif, Arial !important;
  font-size: 16px !important;
  color: black !important;
  line-height: 1.5em !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
  font-style: normal !important
}

.cookie-disclaimer .c-nav .btn-close-pref a {
  background: #122233 !important;
  font-family: josefin-sans !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
  font-style: normal !important
}

.cookie-disclaimer .c-nav li a {
  font-family: josefin-sans !important;
  font-size: 16px !important;
  line-height: 1.5em !important;
  letter-spacing: 0px !important;
  font-weight: 400 !important;
  font-style: normal !important
}

.cookie-disclaimer .c-content h2 {
  color: black;
  border-color: black
}

.cookie-disclaimer {
  background-color: white !important;
  box-shadow: 0px -1px 1px 1px rgba(0, 0, 0, 0.15)
}

.cookie-disclaimer .c-content a:nth-child(6) {
  background-color: #00a4df !important
}

#award * {
  box-sizing: border-box
}

#award .contain {
  width: 80%;
  max-width: 600px;
  background: white;
  position: relative
}

#award img {
  width: 100%
}

#award a {
  display: block;
  width: 100%;
  padding: .4em 1em .5em;
  text-align: right;
  text-transform: uppercase;
  color: #002D5B;
  font-weight: 400;
  margin-top: -4px;
  letter-spacing: 0.15em
}

#award a:hover {
  color: #00aeef
}

#award .close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(/i/svg/X_white.svg) no-repeat center/100%;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer
}

#award .close:hover {
  background: url(/i/svg/X_blue.svg) no-repeat center/100%
}

#award {
  background: rgba(0, 0, 0, .6);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 105;
  display: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box
}

#terms h2,
#login h2 {
  text-transform: uppercase;
  height: 12%;
  padding: 3%;
  box-sizing: border-box
}

#terms .content,
#login .content {
  max-height: 76%
}

#terms .tb li,
#login .tb li {
  float: left;
  width: 50%;
  height: 100%;
  position: relative
}

#terms .tb a,
#login .tb a {
  display: block;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center
}

#terms .tb p,
#login .tb p {
  margin: 0;
  display: inline-block;
  line-height: 1em;
  font-size: 1.875em
}

#terms .tb .btn-agree p,
#login .tb .btn-agree p,
#terms .tb .btn-decline p,
#login .tb .btn-decline p {
  max-width: 238px;
  background-position: 80% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  line-height: 1.25em
}

#terms .tb .btn-agree,
#login .tb .btn-agree {
  background-color: #00AEEF;
  color: #002D5B
}

#terms .tb .btn-agree p,
#login .tb .btn-agree p {
  background-image: url(/i/svg/learn_more_circle_dark_blue.svg)
}

#terms .tb .btn-decline,
#login .tb .btn-decline {
  background-color: #002D5B;
  color: #00AEEF
}

#terms .tb .btn-decline p,
#login .tb .btn-decline p {
  background-image: url(/i/svg/learn_more_circle_blue.svg)
}

#terms .tb .btn-agree span,
#login .tb .btn-agree span {
  float: right;
  display: inline-block;
  height: 1.25em;
  width: 4em;
  background: url(/i/svg/learn_more_arrow_dark_blue.svg) no-repeat 30% center;
  background-size: 46% auto
}

#terms .tb .btn-decline span,
#login .tb .btn-decline span {
  float: right;
  display: inline-block;
  height: 1.25em;
  width: 4em;
  background: url(/i/svg/learn_more_arrow_blue.svg) no-repeat 20% center;
  background-size: 46% auto
}

#terms .tb .btn-agree:hover span,
#login .tb .btn-agree:hover span,
#terms .tb .btn-decline:hover span,
#login .tb .btn-decline:hover span {
  animation-duration: 0.35s;
  animation-name: animarrow;
  animation-iteration-count: infinite;
  animation-direction: alternate
}

#terms .tb,
#login .tb {
  height: 12%;
  list-style-type: none
}

#terms,
#login {
  display: none
}

#login h2 {
  height: 5%;
  padding: 3%;
  box-sizing: border-box;
  margin-bottom: 0;
  font-family: josefin-sans;
  font-size: 1.875em;
  color: #00aeef;
  letter-spacing: .15em;
  text-transform: uppercase;
  line-height: 1em
}

#login .tb {
  height: 14%
}

#legal .content {
  max-height: 90%
}

#legal h2 {
  height: 5%;
  padding: 3%;
  box-sizing: border-box;
  margin-bottom: 0;
  font-family: josefin-sans;
  font-size: 1.875em;
  color: #00aeef;
  letter-spacing: .15em;
  text-transform: uppercase;
  line-height: 1em
}

#legal .btn-close {
  position: absolute;
  left: 0;
  top: 0;
  background: url(/i/svg/X_blue.svg) no-repeat center/100%;
  width: 2em;
  height: 2em;
  display: block
}

#legal {
  display: none
}

header .content {
  position: relative;
  max-width: 1260px;
  vertical-align: middle;
  height: 90px
}

header .logo {
  width: 240px;
  height: 70px;
  display: inline-block;
  position: absolute;
  left: 0;
  background-repeat: no-repeat
}

header .nwrap {
  float: right
}

header .nav li:first-child {
  display: none
}

header .nav li {
  float: left;
  margin-right: 1.5em
}

header .nav li:last-child {
  margin-right: 0
}

header .nav li.blank {
  display: none !important
}

header .nav a {
  color: #fff;
  transition: color 0.5s ease-out;
  letter-spacing: 0.15em;
  font-weight: 400;
  font-family: josefin-sans
}

header .nav a.sel,
header .nav a:hover {
  color: #7ED0E0
}

header .nav {
  text-transform: uppercase;
  vertical-align: top
}

header #btn-menu i {
  transition: all 0.2s ease-out;
  position: absolute;
  height: 3px;
  width: 30px;
  background-color: #fff
}

header #btn-menu i:nth-child(1) {
  left: 0;
  top: 0
}

header #btn-menu i:nth-child(2) {
  left: 0;
  top: 10px
}

header #btn-menu i:nth-child(3) {
  left: 0;
  top: 20px
}

header #btn-menu {
  display: none;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 102;
  position: absolute !important;
  right: 0;
  color: #fff;
  top: -10px;
  width: 30px;
  height: 30px
}

header #btn-menu:hover i:nth-child(2) {
  width: 20px
}

header #btn-menu:hover i:nth-child(3) {
  width: 10px
}

header #btn-menu.on i {
  top: 10px
}

header #btn-menu.on i:nth-child(1) {
  transform: rotate(45deg)
}

header #btn-menu.on i:nth-child(2) {
  opacity: 0
}

header #btn-menu.on i:nth-child(3) {
  transform: rotate(-45deg);
  width: 30px
}

header {
  z-index: 101;
  transition: background 0.5s ease-out;
  position: fixed;
  height: 90px;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 1px solid #fff
}

header.scroll .nav a {
  color: #002D5B
}

header.scroll .nav a.sel {
  color: #00aeef
}

header.scroll #btn-menu i {
  background-color: #002D5B
}

header.scroll {
  background: #fff;
  box-shadow: .1em -1em 1.4em #000;
  z-index: 100
}

.nav-on header .nwrap {
  vertical-align: middle;
  background: #111D29;
  display: block;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  position: fixed !important;
  left: 0;
  top: 0 !important
}

.nav-on header .nav li:first-child {
  display: block
}

.nav-on header .nav li {
  font-size: 1em;
  float: none;
  padding: 1em 0;
  display: block;
  text-align: center;
  margin-right: 0
}

.nav-on header .nav a {
  color: #fff
}

.nav-on header .nav a.sel {
  color: #00aeef
}

.nav-on header #btn-menu i {
  background-color: #fff
}

.nav-on {
  overflow: hidden
}

#subnav ul {
  display: none;
  list-style-type: none;
  width: 100%
}

#subnav li {
  float: left;
  position: relative;
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  box-sizing: border-box
}

#subnav li:last-child {
  border-right: 0
}

#subnav a {
  font-family: josefin-sans;
  font-size: 0.875em;
  text-transform: uppercase;
  background: #fff;
  background-repeat: repeat;
  color: #002d5b;
  display: block;
  padding: 0.9em 0 0.6em 0;
  text-align: center;
  letter-spacing: 0.25em;
  font-weight: 400
}

#subnav a:hover {
  background: url(/i/light-blue-tr.png) repeat;
  color: #fff
}

#subnav ul.on,
#subnav ul.on2 {
  display: block
}

#subnav .sub-about li {
  width: 50%
}

#subnav .sub-solutions li {
  width: 33.33%
}

#subnav .sub-solutions li:nth-of-type(1) {
  width: 23%
}

#subnav .sub-solutions li:nth-of-type(2) {
  width: 27%
}

#subnav .sub-solutions li:nth-of-type(3) {
  width: 23%
}

#subnav .sub-solutions li:nth-of-type(4) {
  width: 27%
}

#subnav .sub-news li {
  width: 33.33%
}

#subnav .sub-contact li {
  width: 16.666%
}

#subnav {
  position: fixed;
  top: 90px;
  left: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 1px solid #fff
}

#subnav.vertical * {
  box-sizing: border-box
}

#subnav.vertical ul {
  width: 100%;
  text-align: left
}

#subnav.vertical li {
  width: 100% !important;
  border: 0 !important
}

#subnav.vertical a {
  text-align: left;
  letter-spacing: .15em
}

#subnav.vertical a:hover {
  background: none;
  color: #00aeef
}

#subnav.vertical {
  left: 50%;
  transform: translateX(-260px);
  width: 290px;
  border: 0 !important;
  background: #fff;
  padding: 26px 40px
}

footer .content {
  max-width: 1260px
}

footer .content:first-child .column:first-child {
  width: 30%
}

footer .content:first-child .column:last-child {
  width: 70%
}

footer .content:first-child {
  padding: 4.5em 0
}

footer .content:last-child .column:first-child {
  text-align: left;
  width: 50%
}

footer .content:last-child .column:last-child {
  text-align: right;
  width: 50%
}

footer .content:last-child a {
  color: #455565
}

footer .content:last-child {
  padding: 1em 0;
  color: #455565;
  text-transform: uppercase
}

footer .line {
  height: 1px;
  background: #415262
}

footer .logo {
  width: 240px;
  display: inline-block
}

footer .nav li {
  padding: 3px 20px;
  display: inline-block;
  box-sizing: border-box;
  ;
  border-right: 1px solid #2D3C4A
}

footer .nav li:nth-child(1) {
  order: 1;
  -webkit-order: 1
}

footer .nav li:nth-child(2) {
  order: 2;
  -webkit-order: 2
}

footer .nav li:nth-child(3) {
  order: 6;
  -webkit-order: 6;
  display: none
}

footer .nav li:nth-child(4) {
  order: 3;
  -webkit-order: 3
}

footer .nav li:nth-child(5) {
  order: 4;
  -webkit-order: 4
}

footer .nav li:nth-child(6) {
  order: 5;
  -webkit-order: 5;
  border: none
}

footer .nav li:nth-child(7) {
  order: 8;
  -webkit-order: 8
}

footer .nav li:nth-child(8) {
  order: 3;
  -webkit-order: 3
}

footer .nav a {
  color: #455565;
  letter-spacing: 0.15em;
  font-weight: 400;
  font-family: josefin-sans
}

footer .nav a.sel {
  color: #00aeef
}

footer .nav {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-transform: uppercase
}

footer {
  background: #111D29
}

.inner .s1 h1 {
  font-family: josefin-sans;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 6.8em;
  color: #fff;
  line-height: 0.963em;
  font-weight: 300
}

.inner .s1 h1 strong {
  font-weight: 600
}

.inner .s1 {
  vertical-align: middle;
  height: 150px
}

.inner ul.circles li {
  text-transform: uppercase;
  font-weight: 600;
  background: url(/i/circle-bg.png) repeat;
  width: 14.5em;
  height: 14.5em;
  border-radius: 7.25em;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  padding: 0 1em;
  box-sizing: border-box;
  font-family: josefin-sans;
  letter-spacing: 0.15em
}

.inner ul.circles .line {
  display: block;
  margin: 0.5em auto
}

.inner ul.circles .line::after {
  content: " ";
  width: 80px;
  height: 2px;
  background: #00AEEF;
  display: inline-block
}

.inner ul.circles .btn-more {
  display: inline-block;
  color: #00a4df;
  background-image: url(/i/svg/learn_more_circle_blue.svg);
  background-position: bottom center;
  padding-bottom: 4em;
  position: relative
}

.inner ul.circles .btn-more span {
  margin-left: -2em;
  background-image: url(/i/svg/learn_more_arrow_blue.svg);
  transform: rotate(90deg);
  position: absolute;
  left: 50%;
  bottom: 0.5em
}

.inner ul.circles .btn-close {
  display: inline-block;
  color: #00a4df;
  background-image: url(/i/svg/minus_in_circle_blue.svg);
  background-position: bottom center;
  padding-bottom: 4em;
  position: relative;
  background-repeat: no-repeat;
  background-size: 1.75em auto
}

.inner ul.circles {
  width: 100%;
  list-style-type: none
}

.cform input[type=text],
.cform textarea {
  border: 1px solid #00AEEF;
  font-size: 1.125em;
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box
}

.cform label {
  font-size: 1.125em;
  color: #abb7c4;
  background: #fff;
  left: 0.5em;
  padding: 0 0.25em
}

.cform textarea {
  resize: none;
  height: 10em
}

.cform .fx-field {
  margin-right: 5%;
  margin-bottom: 3em
}

.cform .fx-field:last-child {
  margin-right: 0
}

.cform .fx-msg {
  left: 0 !important;
  top: 100% !important;
  color: #ff0000;
  font-size: 0.875em
}

.cform .fx-input:focus~label,
.cform .fx-input.hasData~label {
  left: 0.75em
}

#home .s1.v2 .zimg {
  background: url(/i/home-theater3-1920.jpg) no-repeat center/cover
}

#home .s1.v3 .zimg {
  background: url(/i/home-theater2-1920.jpg) no-repeat center/cover
}

#home .s1.v4 .zimg {
  background: url(/i/home-theater-1920.jpg) no-repeat center/cover
}

#home .s1 .zimg {
  transition: all 0s linear;
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0;
  position: absolute !important;
  background: url(/i/home-theater4-1920.jpg) no-repeat left top/cover
}

#home .s1 .zimg.on {
  transition: all 8s linear;
  width: 110vw
}

#home .s1 canvas {
  position: absolute !important;
  left: 0;
  top: 0 !important;
  height: 100%;
  width: 100%
}

#home .s1 .a1 {
  opacity: 0.5;
  transition: transform 6s ease-out;
  margin-top: -15%;
  height: 130%
}

#home .s1 .a2 {
  transition: transform 6s ease-out
}

#home .s1 .imgs>div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

#home .s1 .imgs .i3 {
  background: url(/i/shadow-lines03.png) no-repeat left top/auto 100%
}

#home .s1 .imgs .i3.on {
  animation-name: hti23;
  animation-duration: 10s;
  animation-iteration-count: infinite
}

#home .s1 .imgs .i4 {
  background: url(/i/shadow-lines02.png) no-repeat left top/auto 100%;
  opacity: 0
}

#home .s1 .imgs {
  position: absolute !important;
  left: 0;
  top: 0 !important;
  height: 100%;
  width: 100%;
  text-align: left
}

#home .s1 .i1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(/i/shadow-lines02.png) no-repeat left top/auto 100%;
  left: 15%
}

#home .s1 .i1.on {
  animation-name: hti1;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

#home .s1 h1 {
  font-family: josefin-sans;
  text-transform: uppercase;
  font-size: 6.8em;
  color: #fff;
  line-height: 0.963em;
  font-weight: 300;
  letter-spacing: 0.05em
}

#home .s1 h1 strong {
  font-weight: 600
}

#home .s1 .holders span {
  position: relative;
  top: 0;
  transition: top 0.75s ease-in, opacity 1s ease-out
}

#home .s1 .holders .holder1 .t1 {
  position: relative;
  left: -100%;
  top: 0
}

#home .s1 .holders .holder1 .t1.dis span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

#home .s1 .holders .holder1 .t1.dis span:nth-child(even) {
  top: 1em;
  opacity: 0
}

#home .s1 .holders .holder1 .t4 span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

#home .s1 .holders .holder1 .t4 span:nth-child(even) {
  top: 1em;
  opacity: 0
}

#home .s1 .holders .holder1 .t4 {
  position: absolute;
  top: 0 !important;
  width: 100%;
  text-align: center;
  opacity: 0
}

#home .s1 .holders .holder1 .t4.on span {
  top: 0 !important;
  opacity: 1 !important
}

#home .s1 .holders .holder1 .t4.on {
  opacity: 1
}

#home .s1 .holders .holder1 {
  border-radius: 3.4em;
  overflow: hidden;
  position: relative;
  height: 6.8em
}

#home .s1 .holders .holder2 .t2 {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  text-align: center
}

#home .s1 .holders .holder2 .t3 {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  text-align: center
}

#home .s1 .holders .holder2 .t3.dis span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

#home .s1 .holders .holder2 .t3.dis span:nth-child(even) {
  top: 1em;
  opacity: 0
}

#home .s1 .holders .holder2 .t5 span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

#home .s1 .holders .holder2 .t5 span:nth-child(even) {
  top: 1em;
  opacity: 0
}

#home .s1 .holders .holder2 .t5 {
  opacity: 0
}

#home .s1 .holders .holder2 .t5.on span {
  top: 0 !important;
  opacity: 1 !important
}

#home .s1 .holders .holder2 .t5.on {
  opacity: 1
}

#home .s1 .holders .holder2 {
  border-radius: 1.8em;
  overflow: hidden;
  position: relative;
  height: 6.8em
}

#home .s1 .holders .holder3 h2 span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

#home .s1 .holders .holder3 h2 span:nth-child(even) {
  top: 1em;
  opacity: 0
}

#home .s1 .holders .holder3 h2 {
  display: inline;
  opacity: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 1.875em;
  font-weight: 300;
  color: #fff
}

#home .s1 .holders .holder3 h2.on span {
  top: 0 !important;
  opacity: 1 !important
}

#home .s1 .holders .holder3 h2.on {
  opacity: 1
}

#home .s1 .holders .holder3 {
  max-width: 900px;
  margin: 0 10%
}

#home .s1 .holders {
  height: 20.4em;
  width: 146.66666666666666px;
  position: relative
}

#home .s1 {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  height: 150px
}

#home .s2 .content {
  z-index: 1;
  position: relative
}

#home .s2 canvas {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 33%;
  opacity: 0.5
}

#home .s2 p {
  font-size: 1.5em;
  line-height: 1.333em
}

#home .s2 h2 {
  font-weight: 400;
  text-transform: uppercase;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em
}

#home .s2 {
  position: relative;
  background: url(/i/home-overview.png) no-repeat left top;
  background-size: cover;
  padding: 7em 0;
  color: #fff
}

#home .s3.v2,
#home .s3.v4 {
  background-image: url(/i/home-products-1920.jpg)
}

#home .s3 h2 {
  z-index: 2;
  font-weight: 400;
  position: absolute;
  top: 3em;
  text-align: center;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em
}

#home .s3 .column>div {
  text-align: center;
  transition: top 0.2s ease-out;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap
}

#home .s3 .column h3 {
  width: 100%;
  transition: color 0.2s ease-out;
  color: #fff;
  text-transform: uppercase;
  font-family: josefin-sans;
  letter-spacing: 0.15em;
  font-size: 1.125em;
  font-weight: 400
}

#home .s3 .column p,
#home .s3 .column a {
  display: none;
  opacity: 0;
  transition: opacity 0.5 ease-out
}

#home .s3 .column p {
  margin: 2em 0
}

#home .s3 .column .line {
  margin: 2em 0;
  display: inline-block;
  width: 60px;
  height: 2px;
  background-color: #00aeef;
  transition: background-color 0.2s ease-out
}

#home .s3 .column .btn-more {
  color: #fff
}

#home .s3 .column ce {
  display: block
}

#home .s3 .column {
  transition: background-image 0.5s ease-out;
  width: 33.33% !important;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  vertical-align: middle;
  height: 709px
}

#home .s3 .column.col-2 {
  width: 50% !important
}

#home .s3 .column:last-child {
  border-right: 0
}

#home .s3 .column.on .line {
  order: 1;
  -webkit-order: 1;
  background-color: #fff
}

#home .s3 .column.on h3 {
  color: #002d5b;
  order: 2;
  -webkit-order: 2
}

#home .s3 .column.on ce {
  order: 3;
  -webkit-order: 3
}

#home .s3 .column.on p {
  color: #002d5b;
  padding: 0 10%;
  font-weight: 600
}

#home .s3 .column.on p,
#home .s3 .column.on a {
  display: block;
  opacity: 1
}

#home .s3 .column.on a {
  order: 4;
  -webkit-order: 4
}

#home .s3 .column.on {
  background-image: url(/i/home-products-on-1920.jpg);
  background-repeat: no-repeat;
  background-size: 300% 100%
}

#home .s3 .column.on:nth-child(1) {
  background-position: 0 top
}

#home .s3 .column.on:nth-child(2) {
  background-position: 50% top
}

#home .s3 .column.on:nth-child(3) {
  background-position: 100% top
}

#home .s3 {
  position: relative;
  background-image: url(/i/home-products2-1920.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}

#home .s4 h2 {
  width: 100%;
  color: #00a4df;
  text-transform: uppercase;
  margin-bottom: 1.5em;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em;
  font-weight: 400
}

#home .s4 .btn-more {
  margin-top: 2em;
  display: inline-block;
  color: #00a4df;
  background-image: url(/i/svg/learn_more_circle_blue.svg)
}

#home .s4 .btn-more span {
  background-image: url(/i/svg/learn_more_arrow_blue.svg)
}

#home .s4 .content {
  z-index: 1;
  position: relative
}

#home .s4 canvas {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 33%;
  opacity: 0.5
}

#home .s4 {
  position: relative;
  padding: 7em 0;
  position: relative;
  background-image: url(/i/home-salt-1920.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}

#solutions .rdisclosure p {
  text-align: left !important
}

#solutions .rdisclosure ul {
  font-size: 1.125em;
  padding-left: 1em
}

#solutions .rdisclosure {
  font-size: 0.75em;
  text-align: left;
  padding: 1em 0
}

#solutions .s1 {
  background-image: url(/i/solutions-s1-1920.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

#solutions .s2 canvas {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 100%;
  opacity: 0.5
}

#solutions .s2 p {
  font-size: 1.5em;
  line-height: 1.333em;
  margin: 0
}

#solutions .s2 {
  position: relative;
  background-image: url(/i/solutions-s2-1920.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
  padding: 7em 0;
  color: #fff
}

#solutions .s3 .g1,
#solutions .s3 .g2 {
  display: none
}

#solutions .s3 h2 {
  font-weight: 400;
  text-transform: uppercase;
  padding: 1.5em 0;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em
}

#solutions .s3 .fx-nav {
  font-family: josefin-sans;
  letter-spacing: 0.15em;
  font-weight: 400;
  height: 200px;
  vertical-align: middle;
  font-size: 1.625em;
  text-transform: uppercase;
  line-height: 1.154em
}

#solutions .s3 .fx-nav:first-child {
  margin-right: 1px
}

#solutions .s3 .fx-nav:last-child {
  margin-left: 1px
}

#solutions .s3 .fx-nav span {
  opacity: 0.5;
  transition: opacity 0.25s ease-out
}

#solutions .s3 .fx-nav.fx-on span,
#solutions .s3 .fx-nav:hover span {
  opacity: 1
}

#solutions .s3 .fx-bgimage {
  position: absolute !important;
  top: 0 !important
}

#solutions .s3 .fx-slides .content {
  text-align: center;
  margin: 3em 5% 0 5%
}

#solutions .s3 .fx-slides p {
  text-align: center
}

#solutions .s3 .fx-slides ul.circles li {
  margin: 2.5em 6% 0 6%
}

#solutions .s3 .fx-slides ul.circles .btn-close {
  display: none
}

#solutions .s3 .fx-slides ul.circles li.on .btn-close {
  display: block;
  color: #00a4df
}

#solutions .s3 .fx-slides ul.circles li.on .btn-more {
  display: none
}

#solutions .s3 .fx-slides ul.circles li.on {
  background: #fff;
  color: #122233
}

#solutions .s3 .fx-slides ul.circles {
  text-align: center
}

#solutions .s3 .fx-slides .pr h2 {
  background-color: #fff;
  color: #455565
}

#solutions .s3 .fx-slides .pr .wc .btn-more {
  background-position: 95% center;
  color: #00a4df;
  background-image: url(/i/svg/learn_more_circle_blue.svg)
}

#solutions .s3 .fx-slides .pr .wc .btn-more span {
  background-image: url(/i/svg/learn_more_arrow_blue.svg)
}

#solutions .s3 .fx-slides .pr .wc .btn-submit {
  margin-top: 0.5em
}

#solutions .s3 .fx-slides .pr .wc {
  background-color: #fff;
  color: #111f2b
}

#solutions .s3 .fx-slides .pr .tb li {
  float: left;
  width: 50%;
  height: 100%;
  position: relative
}

#solutions .s3 .fx-slides .pr .tb a {
  display: block;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  vertical-align: middle;
  text-align: center
}

#solutions .s3 .fx-slides .pr .tb p {
  margin: 0;
  display: inline-block;
  line-height: 1em;
  font-size: 1.875em
}

#solutions .s3 .fx-slides .pr .tb .btn-agree p,
#solutions .s3 .fx-slides .pr .tb .btn-decline p {
  max-width: 238px;
  background-position: 80% center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  line-height: 1.25em
}

#solutions .s3 .fx-slides .pr .tb .btn-agree {
  background-color: #00AEEF;
  color: #002D5B
}

#solutions .s3 .fx-slides .pr .tb .btn-agree p {
  background-image: url(/i/svg/learn_more_circle_dark_blue.svg)
}

#solutions .s3 .fx-slides .pr .tb .btn-decline {
  background-color: #002D5B;
  color: #00AEEF
}

#solutions .s3 .fx-slides .pr .tb .btn-decline p {
  background-image: url(/i/svg/learn_more_circle_blue.svg)
}

#solutions .s3 .fx-slides .pr .tb .btn-agree span {
  float: right;
  display: inline-block;
  height: 1.25em;
  width: 4em;
  background: url(/i/svg/learn_more_arrow_dark_blue.svg) no-repeat 30% center;
  background-size: 46% auto
}

#solutions .s3 .fx-slides .pr .tb .btn-decline span {
  float: right;
  display: inline-block;
  height: 1.25em;
  width: 4em;
  background: url(/i/svg/learn_more_arrow_blue.svg) no-repeat 20% center;
  background-size: 46% auto
}

#solutions .s3 .fx-slides .pr .tb .btn-agree:hover span,
#solutions .s3 .fx-slides .pr .tb .btn-decline:hover span {
  animation-duration: 0.35s;
  animation-name: animarrow;
  animation-iteration-count: infinite;
  animation-direction: alternate
}

#solutions .s3 .fx-slides .pr .tb {
  height: 100px;
  list-style-type: none
}

#solutions .s3 .fx-slides .pr {
  display: none;
  margin-top: 2em
}

#solutions .s3 .fx-slides .main .pr .wc {
  max-height: 300px;
  overflow-y: auto
}

#solutions .s3 .fx-slides .wc {
  background: #17A1E1;
  padding: 3em 0;
  color: #fff
}

#solutions .s3 .fx-slides .gc {
  background: #108CCE;
  padding: 3em 0;
  color: #fff
}

#solutions .s3 .fx-slides .wc .content,
#solutions .s3 .fx-slides .gc .content {
  text-align: left;
  margin: 0 5%;
  max-width: 1100px
}

#solutions .s3 .fx-slides .wc .btn-close,
#solutions .s3 .fx-slides .gc .btn-close {
  background: url(/i/btn-close-white.png) no-repeat;
  width: 37px;
  height: 37px;
  display: block
}

#solutions .s3 .fx-slides .wc h3,
#solutions .s3 .fx-slides .gc h3 {
  font-weight: 300;
  font-size: 3em;
  line-height: 1.3em;
  padding-top: 0.5em;
  color: #111f2b
}

#solutions .s3 .fx-slides .wc h4,
#solutions .s3 .fx-slides .gc h4 {
  color: #111f2b;
  font-size: 1.875em;
  border-bottom: 2px solid #82D8DE;
  width: 50%;
  padding-bottom: 0.5em
}

#solutions .s3 .fx-slides .wc .btn-more,
#solutions .s3 .fx-slides .gc .btn-more {
  margin-top: 2em;
  display: inline-block;
  color: #fff;
  background-image: url(/i/svg/learn_more_circle_white.svg);
  background-position: 95% center
}

#solutions .s3 .fx-slides .wc .btn-more span,
#solutions .s3 .fx-slides .gc .btn-more span {
  background-image: url(/i/svg/learn_more_arrow_white.svg)
}

#solutions .s3 .fx-slides .wc h5,
#solutions .s3 .fx-slides .gc h5 {
  font-weight: 400;
  letter-spacing: 0.15em;
  font-family: josefin-sans;
  font-size: 1.125em;
  margin: 1em 0;
  text-transform: uppercase;
  color: #111f2b
}

#solutions .s3 .fx-slides .wc p,
#solutions .s3 .fx-slides .gc p {
  text-align: left
}

#solutions .s3 .fx-slides .wc .docs li,
#solutions .s3 .fx-slides .gc .docs li {
  padding: 5px 0
}

#solutions .s3 .fx-slides .wc .docs .btn-pdf,
#solutions .s3 .fx-slides .gc .docs .btn-pdf {
  color: #fff;
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 1.125em;
  padding-left: 40px;
  background: url(/i/btn-pdf-white.png) no-repeat left center
}

#solutions .s3 .fx-slides .wc .docs .btn-zip,
#solutions .s3 .fx-slides .gc .docs .btn-zip {
  color: #fff;
  display: block;
  height: 36px;
  line-height: 36px;
  font-size: 1.125em;
  padding-left: 40px;
  background: url(/i/svg/zip_icon_white.svg) no-repeat left center/26px auto
}

#solutions .s3 .fx-slides .wc .docs,
#solutions .s3 .fx-slides .gc .docs {
  list-style-type: none
}

#solutions .s3 .fx-slides .wc .snav a.btn-more.reversed,
#solutions .s3 .fx-slides .gc .snav a.btn-more.reversed {
  background-position: left center
}

#solutions .s3 .fx-slides .wc .snav a.btn-more.reversed span,
#solutions .s3 .fx-slides .gc .snav a.btn-more.reversed span {
  background-position: left center;
  float: left;
  transform: rotate(180deg);
  margin-left: -1.25em;
  margin-right: 1em
}

#solutions .s3 .fx-slides .wc .snav a:last-child,
#solutions .s3 .fx-slides .gc .snav a:last-child {
  float: right
}

#solutions .s3 .fx-slides .wc .snav,
#solutions .s3 .fx-slides .gc .snav {
  margin: 3em 0;
  border-top: 1px solid #E1E1E1;
  width: 50%
}

#solutions .s3 .philosophy h3 {
  font-weight: 400;
  text-transform: uppercase;
  font-family: josefin-sans;
  font-size: 1.125em;
  letter-spacing: 0.15em
}

#solutions .s3 .philosophy .line {
  width: 60px;
  display: inline-block;
  height: 2px;
  background: #00AEEF;
  margin: 1.25em 0 0 0;
  clear: both
}

#solutions .s3 .philosophy p {
  clear: both;
  display: inline-block;
  margin: 1em 5% 2em 5%;
  text-align: center
}

#solutions .s3 .philosophy .column {
  width: 33.33%;
  border-right: 1px solid #737879;
  color: #05a0ac;
  font-size: 1.5em;
  display: inline-block;
  padding-bottom: 2.25em;
  background: url(/i/svg/plus_philosophy.svg) no-repeat center 2em;
  background-size: 1.25em auto;
  transition: background-image 0.5s ease-out
}

#solutions .s3 .philosophy .column:last-child {
  border-right: 0
}

#solutions .s3 .philosophy .column.on {
  background-image: url(/i/svg/minus_philosophy.svg);
  background-position: center 2.65em
}

#solutions .s3 .philosophy {
  margin-top: 5.625em;
  text-align: center;
  background: url(/i/gray-tr.png) repeat;
  padding: 2.5em 0
}

#solutions .s3 .philosophy.on {
  margin-top: 0
}

#solutions .s3 {
  background-image: url(/i/solutions-s3-1920.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
  color: #fff
}

#solutions .phh .content {
  margin: 0 5%;
  padding: 5em 0
}

#solutions .phh p,
#solutions .phh li {
  margin-bottom: 1.5em
}

#solutions .phh .t1,
#solutions .phh .t2,
#solutions .phh .t3 {
  display: none
}

#solutions .phh ul {
  list-style-type: none;
  font-size: 1.125em
}

#solutions .phh li {
  color: #00aeef
}

#solutions .phh li span {
  color: #fff
}

#solutions .phh {
  background: #0F1720;
  color: #fff;
  display: none;
  overflow: hidden
}

#solutions .s4 h2 {
  font-weight: 400;
  text-transform: uppercase;
  padding: 0 0 1.5em 0;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em
}

#solutions .s4 .btn-more {
  margin: 2em 0;
  display: none;
  color: #00a4df;
  background-image: url(/i/svg/learn_more_circle_blue.svg);
  background-position: 93% center
}

#solutions .s4 .btn-more span {
  background-image: url(/i/svg/learn_more_arrow_blue.svg)
}

#solutions .s4 .btn-close {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1.75em;
  height: 1.75em;
  display: none;
  margin: 2em 0;
  color: #00a4df;
  background-image: url(/i/svg/minus_in_circle_blue.svg);
  background-position: right center;
  background-size: 1.75em auto;
  background-repeat: no-repeat;
  padding-right: 2.5em
}

#solutions .s4 .wc .btn-more {
  background-position: 95% center
}

#solutions .s4 .wc .content {
  text-align: left
}

#solutions .s4 .wc {
  background: #fff;
  color: #455565;
  display: none;
  overflow: hidden;
  padding: 3em 0
}

#solutions .s4 .btn-close.on,
#solutions .s4 .btn-more.on {
  display: inline-block
}

#solutions .s4 .cbtn {
  margin: 2em 0;
  font-size: 1.125em;
  line-height: 1.556em;
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  max-width: 620px;
  padding-right: 80px;
  min-height: 48px;
  text-align: left
}

#solutions .s4 .cbtn strong {
  font-weight: 600
}

#solutions .s4 .content.pb {
  padding-bottom: 2em
}

#solutions .s4 .benefits .box {
  display: inline-block;
  width: 25%;
  height: 50%;
  vertical-align: middle;
  color: #fff;
  font-family: josefin-sans;
  font-size: 1.125em;
  letter-spacing: 0.15em
}

#solutions .s4 .benefits .box:nth-child(1) p {
  color: #fff;
  font-size: 1.875em;
  font-weight: 600
}

#solutions .s4 .benefits .box:nth-child(2n+1) {
  background: url(/i/solutions-benefits-white.png) repeat
}

#solutions .s4 .benefits .box:nth-child(2n+6) {
  background: url(/i/solutions-benefits-white.png) repeat
}

#solutions .s4 .benefits .box:nth-last-child(-2n+4) {
  background: none
}

#solutions .s4 .benefits .box:first-child {
  background: #214A73
}

#solutions .s4 .benefits p {
  text-transform: uppercase;
  margin: 0 10%;
  opacity: 0;
  transition: opacity 0.25s ease-out
}

#solutions .s4 .benefits .line {
  width: 50px;
  height: 5px;
  background: #fff;
  display: block;
  margin: 1em auto
}

#solutions .s4 .benefits {
  display: none;
  height: 620px;
  background-image: url(/i/solutions-benefits-1920.jpg);
  background-repeat: no-repeat;
  background-size: cover
}

#solutions .s4 .benefits.on p {
  opacity: 1;
  transition: opacity 0.25s ease-out
}

#solutions .s4 {
  background: #122233;
  color: #fff;
  padding: 7em 0 0 0
}

#solutions .s5 h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em
}

#solutions .s5 h3 {
  margin-top: 2.5em;
  margin-bottom: 1.25em;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  font-family: josefin-sans;
  font-size: 1.5em;
  letter-spacing: 0.1em
}

#solutions .s5 p {
  color: #fff
}

#solutions .s5 p>a {
  color: #00a4df
}

#solutions .s5 p>a:hover {
  text-decoration: underline
}

#solutions .s5 .content>div:first-child {
  margin-bottom: 6em
}

#solutions .s5 .btn-more {
  margin-top: 2em;
  display: inline-block;
  color: #fff;
  background-image: url(/i/learn_more_circle_wh.svg)
}

#solutions .s5 .btn-more span {
  background-image: url(/i/learn_more_arrow_wh.svg)
}

#solutions .s5 .disclaimer p {
  font-size: 0.75rem
}

#solutions .s5 .disclaimer {
  padding-top: 5rem
}

#solutions .s5 {
  padding: 7em 0;
  background: url(/i/Investment_Solutions_bitcoin_backgound.jpg) center/cover no-repeat
}

#solutions .pre-ipo * {
  box-sizing: border-box
}

#solutions .pre-ipo h2 {
  font-weight: 400;
  text-transform: uppercase;
  color: #03b1bc;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em;
  margin-bottom: 2em
}

#solutions .pre-ipo p {
  color: #111d29
}

#solutions .pre-ipo .wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 4.5em 0;
  border: 1px solid rgba(153, 153, 153, 40%)
}

#solutions .pre-ipo .box,
#solutions .pre-ipo .wrapper a {
  width: 33.33%;
  height: 0px;
  vertical-align: middle;
  text-align: center
}

#solutions .pre-ipo .box {
  width: 100%;
  height: 100%
}

#solutions .pre-ipo .box>img {
  object-fit: contain;
  width: 95%;
  height: 95%
}

#solutions .pre-ipo .wrapper a:nth-child(7),
#solutions .pre-ipo .wrapper a:nth-child(8),
#solutions .pre-ipo .wrapper a:nth-child(9) {
  border-bottom: 1px solid rgba(153, 153, 153, 40%)
}

#solutions .pre-ipo .wrapper a:not(:nth-of-type(3n)) {
  border-right: 1px solid rgba(153, 153, 153, 40%)
}

#solutions .pre-ipo .wrapper a:not(:nth-of-type(n + 7)) {
  border-bottom: 1px solid rgba(153, 153, 153, 40%)
}

#solutions .pre-ipo .wrapper a:nth-of-type(8) img {
  max-height: 50% !important
}

#solutions .pre-ipo p a,
#solutions .pre-ipo p span {
  color: #03b1bc
}

#solutions .pre-ipo p.contact {
  font-weight: 400
}

#solutions .pre-ipo {
  padding: 7em 0;
  background: #fff
}

#solutions .s6 h2 {
  font-weight: 400;
  text-transform: uppercase;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em
}

#solutions .s6 ul.circles {
  text-align: center;
  margin-top: 2.5em
}

#solutions .s6 .btn-more {
  display: inline-block;
  margin-top: 2em
}

#solutions .s6 {
  padding: 7em 0;
  background-image: url(/i/solutions-s6-1920.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  color: #fff
}

#solutions .s7 .wc {
  background: #fff;
  padding: 3em 0;
  color: #455565
}

#solutions .s7 .gc {
  background: #F3F5F6;
  padding: 3em 0;
  color: #455565
}

#solutions .s7 .wc .content,
#solutions .s7 .gc .content {
  text-align: left;
  margin: 0 5%
}

#solutions .s7 .wc .btn-close,
#solutions .s7 .gc .btn-close {
  background: url(/i/btn-close.png) no-repeat;
  width: 37px;
  height: 37px;
  display: block
}

#solutions .s7 .wc h3,
#solutions .s7 .gc h3 {
  font-weight: 300;
  font-size: 3em;
  line-height: 1.3em;
  padding-top: 0.5em
}

#solutions .s7 .wc h4,
#solutions .s7 .gc h4 {
  color: #0ab3be;
  font-size: 1.875em;
  border-bottom: 2px solid #82D8DE;
  width: 50%;
  padding-bottom: 0.5em
}

#solutions .s7 .wc .btn-more,
#solutions .s7 .gc .btn-more {
  margin-top: 2em;
  display: inline-block;
  color: #00a4df;
  background-image: url(/i/svg/learn_more_circle_blue.svg);
  background-position: 92% center
}

#solutions .s7 .wc .btn-more span,
#solutions .s7 .gc .btn-more span {
  background-image: url(/i/svg/learn_more_arrow_blue.svg)
}

#solutions .s7 .wc h5,
#solutions .s7 .gc h5 {
  font-weight: 400;
  letter-spacing: 0.15em;
  font-family: josefin-sans;
  font-size: 1.125em;
  margin: 1em 0;
  text-transform: uppercase
}

#solutions .s7 .wc p,
#solutions .s7 .gc p {
  text-align: left
}

#solutions .s7 .wc .docs li,
#solutions .s7 .gc .docs li {
  padding: 5px 0
}

#solutions .s7 .wc .docs .btn-pdf,
#solutions .s7 .gc .docs .btn-pdf {
  display: block;
  color: #455565;
  height: 36px;
  line-height: 36px;
  font-size: 1.125em;
  padding-left: 40px;
  background: url(/i/btn-pdf.png) no-repeat left center
}

#solutions .s7 .wc .docs .btn-zip,
#solutions .s7 .gc .docs .btn-zip {
  display: block;
  color: #455565;
  height: 36px;
  line-height: 36px;
  font-size: 1.125em;
  padding-left: 40px;
  background: url(/i/svg/zip_icon_blue.svg) no-repeat left center/26px auto
}

#solutions .s7 .wc .docs,
#solutions .s7 .gc .docs {
  list-style-type: none
}

#solutions .s7 .wc .snav a.btn-more.reversed,
#solutions .s7 .gc .snav a.btn-more.reversed {
  background-position: left center
}

#solutions .s7 .wc .snav a.btn-more.reversed span,
#solutions .s7 .gc .snav a.btn-more.reversed span {
  background-position: left center;
  float: left;
  transform: rotate(180deg);
  margin-left: -1.25em;
  margin-right: 1em
}

#solutions .s7 .wc .snav,
#solutions .s7 .gc .snav {
  margin: 3em 0;
  border-top: 1px solid #E1E1E1;
  width: 50%
}

#solutions .s7 {
  display: none
}

#update_pw #logo img,
#reset_pw #logo img {
  width: 240px;
  height: 70px
}

#update_pw header,
#reset_pw header {
  background: #fff
}

#update_pw section,
#reset_pw section {
  margin-top: 90px
}

#update_pw .content,
#reset_pw .content {
  max-width: 1100px;
  margin: 0 5%
}

#update_pw .form-buttons a,
#reset_pw .form-buttons a {
  display: inline-block;
  padding-right: 3em;
  color: rgb(0, 164, 223);
  margin-right: 2em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875em;
  line-height: 1.75em;
  background: url(/i/svg/learn_more_arow_combined_blue.svg) no-repeat 90% center;
  background-size: 1.75em auto;
  height: 1.75em
}

#update_pw .form-buttons,
#reset_pw .form-buttons {
  margin-top: 3em
}

#update_pw .fx-field input,
#reset_pw .fx-field input,
#update_pw .fx-field textarea,
#reset_pw .fx-field textarea {
  border: 1px solid #00AEEF;
  font-size: 1.125em;
  padding: 0.5em;
  width: 100%
}

#update_pw .fx-field,
#reset_pw .fx-field {
  margin-right: 5%;
  margin-bottom: 3em
}

#update_pw label,
#reset_pw label {
  font-size: 1.125em;
  color: #abb7c4;
  background: #fff;
  left: 0.5em;
  padding: 0 0.25em
}

#update_pw textarea,
#reset_pw textarea {
  resize: none;
  height: 10em
}

#update_pw .fx-msg,
#reset_pw .fx-msg {
  left: 0 !important;
  top: 100% !important;
  color: #ff0000;
  font-size: 0.875em
}

#update_pw .fx-input:focus~label,
#reset_pw .fx-input:focus~label,
#update_pw .fx-input.hasData~label,
#reset_pw .fx-input.hasData~label {
  left: 0.75em
}

#update_pw .instruction,
#reset_pw .instruction {
  margin-top: -2.5em
}

#update_pw,
#reset_pw {
  background: #fff
}

#about section *,
#news section *,
#contact section *,
#disc section * {
  box-sizing: border-box
}

#about section,
#news section,
#contact section,
#disc section {
  padding: 7em 0
}

#about section.s1,
#news section.s1,
#contact section.s1,
#disc section.s1 {
  padding: 0
}

#about h4,
#news h4,
#contact h4,
#disc h4 {
  color: #455565;
  font-family: josefin-sans;
  font-size: 1.125em;
  letter-spacing: 0.15em;
  position: relative;
  max-width: 1100px;
  margin: auto;
  text-transform: uppercase
}

#about h4:after,
#news h4:after,
#contact h4:after,
#disc h4:after {
  content: '';
  background: #00aeef;
  display: block;
  position: absolute;
  width: 50px;
  height: 3px;
  bottom: -23px
}

#news .s1,
#disc .s1 {
  background: url(/i/news_1920.jpg) center/cover no-repeat
}

#news section h2,
#disc section h2 {
  text-transform: uppercase;
  font-family: josefin-sans;
  font-size: 1.875em;
  letter-spacing: 0.15em;
  color: #00aeef;
  margin-bottom: 50px;
  font-weight: 400
}

#news h4,
#disc h4 {
  padding-left: 0
}

#news h4:after,
#disc h4:after {
  left: 0
}

#news .newsDate,
#disc .newsDate {
  color: #00aeef;
  font-size: 0.875em;
  letter-spacing: .1em;
  margin: 0;
  font-weight: 400
}

#news .nITitle,
#disc .nITitle {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 0
}

#news .newsDesc,
#disc .newsDesc {
  font-size: 1.125em;
  margin-top: 0;
  margin-bottom: 30px
}

#news .newsItem,
#disc .newsItem {
  padding: 3.625em 0;
  border-bottom: 1px solid grey;
  max-width: 1100px
}

#news .next_nav p,
#disc .next_nav p {
  font-weight: 400;
  width: 150px
}

#news .next_nav img,
#disc .next_nav img {
  width: 85%;
  position: absolute;
  top: 33%;
  left: -6px
}

#news .next_nav div,
#disc .next_nav div {
  width: 40px;
  height: 25px;
  background: url(/i/svg/learn_more_circle_blue.svg) center/40px 25px no-repeat;
  position: relative
}

#news .next_nav,
#disc .next_nav {
  font-size: 0.875em;
  color: #00aeef;
  letter-spacing: .1em;
  text-transform: uppercase;
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#news .next_nav:hover img,
#disc .next_nav:hover img {
  animation: arrowSway .75s ease infinite
}

#news .fx-list,
#disc .fx-list {
  padding: 2em 0 0 0
}

#news .fx-nav,
#disc .fx-nav {
  font-weight: 400;
  margin-right: 7px;
  color: #fff
}

#news .fx-on,
#disc .fx-on {
  color: #00aeef
}

#news #commentary2 h4,
#disc #commentary2 h4,
#news #articles2 h4,
#disc #articles2 h4 {
  margin-bottom: 3.75em;
  color: #fff
}

#news #commentary2 #commentarySlider>.fx-list,
#disc #commentary2 #commentarySlider>.fx-list,
#news #articles2 #commentarySlider>.fx-list,
#disc #articles2 #commentarySlider>.fx-list,
#news #commentary2 #articleSlider>.fx-list,
#disc #commentary2 #articleSlider>.fx-list,
#news #articles2 #articleSlider>.fx-list,
#disc #articles2 #articleSlider>.fx-list {
  height: 0;
  max-height: 0;
  position: absolute;
  padding: 1em 0
}

#news #commentary2 .monthSlider>.fx-list,
#disc #commentary2 .monthSlider>.fx-list,
#news #articles2 .monthSlider>.fx-list,
#disc #articles2 .monthSlider>.fx-list {
  height: 0;
  max-height: 0;
  position: absolute;
  padding: 1em 0
}

#news #commentary2 #commentarySlider,
#disc #commentary2 #commentarySlider,
#news #articles2 #commentarySlider,
#disc #articles2 #commentarySlider,
#news #commentary2 #articleSlider,
#disc #commentary2 #articleSlider,
#news #articles2 #articleSlider,
#disc #articles2 #articleSlider {
  top: -54.5px
}

#news #commentary2 .month-links,
#disc #commentary2 .month-links,
#news #articles2 .month-links,
#disc #articles2 .month-links {
  position: relative;
  left: 0;
  top: -5px;
  border-bottom: 1px solid rgba(176, 196, 215, .2);
  width: 75px
}

#news #commentary2 .year_nav-container,
#disc #commentary2 .year_nav-container,
#news #articles2 .year_nav-container,
#disc #articles2 .year_nav-container {
  position: relative;
  z-index: 10;
  left: 111px;
  width: 50px;
  border-bottom: 1px solid rgba(176, 196, 215, .2)
}

#news #commentary2 select,
#disc #commentary2 select,
#news #articles2 select,
#disc #articles2 select {
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  color: #b0c4d7;
  padding-bottom: .5em;
  background: url(/i/down-arrow.png) right 2px/11px no-repeat;
  height: 23px;
  outline: none;
  border-radius: 0
}

#news #commentary2 select.year,
#disc #commentary2 select.year,
#news #articles2 select.year,
#disc #articles2 select.year {
  width: 50px
}

#news #commentary2 option,
#disc #commentary2 option,
#news #articles2 option,
#disc #articles2 option {
  background: #122233;
  box-shadow: none;
  width: 50px
}

#news #commentary2 .innerSlider .fx-slides>div>div .newsDate,
#disc #commentary2 .innerSlider .fx-slides>div>div .newsDate,
#news #articles2 .innerSlider .fx-slides>div>div .newsDate,
#disc #articles2 .innerSlider .fx-slides>div>div .newsDate {
  color: #00aeef;
  font-size: 0.875em;
  letter-spacing: .1em;
  margin: 0;
  font-weight: 400
}

#news #commentary2 .innerSlider .fx-slides>div>div .nITitle,
#disc #commentary2 .innerSlider .fx-slides>div>div .nITitle,
#news #articles2 .innerSlider .fx-slides>div>div .nITitle,
#disc #articles2 .innerSlider .fx-slides>div>div .nITitle {
  font-size: 1.5em;
  font-weight: 400;
  margin-bottom: 1.875em;
  margin-top: 0
}

#news #commentary2 .innerSlider .fx-slides>div>div .newsDesc,
#disc #commentary2 .innerSlider .fx-slides>div>div .newsDesc,
#news #articles2 .innerSlider .fx-slides>div>div .newsDesc,
#disc #articles2 .innerSlider .fx-slides>div>div .newsDesc {
  font-size: 1.125em;
  margin-top: 0;
  margin-bottom: 30px
}

#news #commentary2 .innerSlider .fx-slides>div>div .newsItem,
#disc #commentary2 .innerSlider .fx-slides>div>div .newsItem,
#news #articles2 .innerSlider .fx-slides>div>div .newsItem,
#disc #articles2 .innerSlider .fx-slides>div>div .newsItem {
  padding: 3.625em 0;
  border-bottom: 1px solid grey;
  max-width: 1100px
}

#news #commentary2 .innerSlider .fx-slides>div>div .next_nav p,
#disc #commentary2 .innerSlider .fx-slides>div>div .next_nav p,
#news #articles2 .innerSlider .fx-slides>div>div .next_nav p,
#disc #articles2 .innerSlider .fx-slides>div>div .next_nav p {
  font-weight: 400 !important;
  width: 150px;
  font-size: 1.125em;
  color: #00aeef;
  letter-spacing: .1em;
  text-transform: uppercase
}

#news #commentary2 .innerSlider .fx-slides>div>div .next_nav img,
#disc #commentary2 .innerSlider .fx-slides>div>div .next_nav img,
#news #articles2 .innerSlider .fx-slides>div>div .next_nav img,
#disc #articles2 .innerSlider .fx-slides>div>div .next_nav img {
  width: 85%;
  position: absolute;
  top: 33%;
  left: -6px
}

#news #commentary2 .innerSlider .fx-slides>div>div .next_nav div,
#disc #commentary2 .innerSlider .fx-slides>div>div .next_nav div,
#news #articles2 .innerSlider .fx-slides>div>div .next_nav div,
#disc #articles2 .innerSlider .fx-slides>div>div .next_nav div {
  width: 40px;
  height: 25px;
  background: url(/i/svg/learn_more_circle_blue.svg) center/40px 25px no-repeat;
  position: relative
}

#news #commentary2 .innerSlider .fx-slides>div>div .next_nav,
#disc #commentary2 .innerSlider .fx-slides>div>div .next_nav,
#news #articles2 .innerSlider .fx-slides>div>div .next_nav,
#disc #articles2 .innerSlider .fx-slides>div>div .next_nav {
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#news #commentary2 .innerSlider .fx-slides>div>div p,
#disc #commentary2 .innerSlider .fx-slides>div>div p,
#news #articles2 .innerSlider .fx-slides>div>div p,
#disc #articles2 .innerSlider .fx-slides>div>div p {
  color: #fff;
  font-size: 1.5em;
  margin-bottom: 0.5em
}

#news #commentary2 .innerSlider .fx-slides>div>div,
#disc #commentary2 .innerSlider .fx-slides>div>div,
#news #articles2 .innerSlider .fx-slides>div>div,
#disc #articles2 .innerSlider .fx-slides>div>div {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  max-width: 1100px
}

#news #commentary2 iframe,
#disc #commentary2 iframe,
#news #articles2 iframe,
#disc #articles2 iframe {
  max-width: 515px !important;
  max-height: 292px !important
}

#news #commentary2 .innerDocs,
#disc #commentary2 .innerDocs,
#news #articles2 .innerDocs,
#disc #articles2 .innerDocs {
  border-bottom: 1px solid rgba(176, 196, 215, .2);
  padding: 2em 0 4em;
  width: 50%;
  color: #fff;
}

#news #commentary2 .innerDocs:nth-child(2n+2),
#disc #commentary2 .innerDocs:nth-child(2n+2),
#news #articles2 .innerDocs:nth-child(2n+2),
#disc #articles2 .innerDocs:nth-child(2n+2) {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

#news #commentary2 .month_slider>.fx-list,
#disc #commentary2 .month_slider>.fx-list,
#news #articles2 .month_slider>.fx-list,
#disc #articles2 .month_slider>.fx-list {
  padding: 0;
  max-height: 0
}

#news #commentary2,
#disc #commentary2,
#news #articles2,
#disc #articles2 {
  background: #122233
}

#news #press2 p,
#disc #press2 p {
  color: #fff
}

#news #press2 h4,
#disc #press2 h4 {
  color: #fff;
  margin-bottom: 2em
}

#news #press2 .month-links,
#disc #press2 .month-links {
  position: relative;
  left: 0;
  top: -5px;
  border-bottom: 1px solid rgba(176, 196, 215, .2);
  width: 75px
}

#news #press2 .month_slider>.fx-list,
#disc #press2 .month_slider>.fx-list {
  display: none
}

#news #press2 .year_nav-container,
#disc #press2 .year_nav-container {
  position: relative;
  z-index: 10;
  left: 111px;
  width: 50px;
  border-bottom: 1px solid rgba(176, 196, 215, .2)
}

#news #press2 select,
#disc #press2 select {
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  color: #b0c4d7;
  padding-bottom: .5em;
  background: url(/i/down-arrow.png) right 2px/11px no-repeat;
  height: 23px;
  outline: none;
  border-radius: 0
}

#news #press2 select.year,
#disc #press2 select.year {
  width: 50px
}

#news #press2 option,
#disc #press2 option {
  background: #122233;
  box-shadow: none;
  width: 50px
}

#news #press2 #articleSlider,
#disc #press2 #articleSlider {
  top: -54.5px
}

#news #press2 .innerDocs .covimg,
#disc #press2 .innerDocs .covimg {
  display: inline-block;
  width: 330px;
  margin-right: 30px;
  vertical-align: top
}

#news #press2 .innerDocs .sideimg,
#disc #press2 .innerDocs .sideimg {
  display: inline-block;
  width: calc(100% - 360px);
  vertical-aign: top
}

#news #press2 .innerDocs,
#disc #press2 .innerDocs {
  margin-top: 2em
}

#news #press2,
#disc #press2 {
  background-attachment: fixed;
  background: url(/i/press_back.png) center/cover no-repeat
}

#news #views .newsSectionSlider,
#disc #views .newsSectionSlider {
  padding: 3.125em 0 0
}

#news #views .fx-slides,
#disc #views .fx-slides {
  padding-bottom: 3.125em;
  border-bottom: 1px solid grey;
  max-width: 1100px
}

#news #views .document a p,
#disc #views .document a p {
  transition: color .7s ease;
  margin: 0;
  color: #000
}

#news #views .document,
#disc #views .document {
  padding-left: 1.875em;
  background: url(/i/pdf_icon.png) 0% 35%/30px no-repeat;
  padding: 1em 0 1em 2.8125em
}

#news #views .document:hover p,
#disc #views .document:hover p {
  color: #00aeef
}

#news #views .document.logo,
#disc #views .document.logo {
  background: none;
  padding-left: 0
}

#news #views .document.logo img,
#disc #views .document.logo img {
  margin-bottom: -20px
}

#news #articles2 .innerDocs,
#disc #articles2 .innerDocs {
  border-bottom: 1px solid rgba(176, 196, 215, .2);
  padding: 2em 0 4em;
  width: 100%
}

#contact .s1 {
  background: url(/i/contact_1920.jpg) center/cover no-repeat
}

#contact .s2 .map_container .map {
  height: auto;
  width: 50%
}

#contact .s2 .map_container .address_container {
  width: 371px;
  margin-left: auto;
  text-align: left;
  height: 100%;
  padding-top: 85px;
  padding-right: 100px
}

#contact .s2 .map_container h4 {
  margin-bottom: 60px
}

#contact .s2 .map_container .address>p {
  font-size: 1.5em;
  margin-bottom: 30px
}

#contact .s2 .map_container .address p {
  font-weight: 400;
  color: #455565
}

#contact .s2 .map_container .address div p {
  font-size: 1.125em;
  margin: 4px 0
}

#contact .s2 .map_container .address a p {
  color: #00aeef
}

#contact .s2 .map_container .address {
  margin-bottom: 85px;
  opacity: .6;
  cursor: pointer;
  transition: opacity .5s ease;
  position: relative
}

#contact .s2 .map_container .address.sel {
  opacity: 1
}

#contact .s2 .map_container .address.sel:after {
  content: '';
  height: 50px;
  width: 50px;
  display: block;
  background: url(/i/contact_arrow.svg) center/contain no-repeat;
  position: absolute;
  top: -6px;
  right: 0;
  transform: rotate(180deg) translate(-143px);
  z-index: 10
}

#contact .s2 .map_container {
  display: flex
}

#contact .s2 .map_container>div:nth-child(1) {
  width: 50%
}

#contact .s2 .map_container:nth-child(2) div:nth-child(1) {
  align-items: flex-start
}

#contact .s2 .map_container:nth-child(2) .address_container {
  width: 371px;
  margin-right: auto;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 0
}

#contact .s2 .map_container:nth-child(2) .address.sel:after {
  content: '';
  height: 50px;
  width: 50px;
  display: block;
  background: url(/i/contact_arrow.svg) center/contain no-repeat;
  position: absolute;
  top: -6px;
  left: 0;
  transform: translate(-143px) rotate(0deg);
  z-index: 10
}

#contact .s2 .map_container:nth-child(2) {
  flex-direction: row-reverse
}

#contact .s2 .map_container:nth-child(2)>div:nth-child(1) {
  align-items: flex-start
}

#contact .s2 {
  padding: 0
}

#contact section h2 {
  font-family: josefin-sans;
  font-size: 1.875em;
  color: #00aeef;
  letter-spacing: .15em;
  text-transform: uppercase;
  margin-bottom: 2.8125em;
  max-width: 300px;
  line-height: 1em
}

#contact .s3 h4,
#contact .s3 h2,
#contact .s3 p {
  color: #fff
}

#contact .s3 h2 {
  max-width: 100%
}

#contact .s3 a {
  color: #00aeef
}

#contact .s3 .content {
  display: flex
}

#contact .s3 .wrapper {
  width: 50%;
  text-align: left
}

#contact .s3 .wrapper>div {
  margin-bottom: 50px
}

#contact .s3 h4 {
  margin-bottom: 1em
}

#contact .s3 h4::after {
  display: none
}

#contact .s3 {
  background-color: #002d5b
}

#contact .s4 h2 {
  max-width: initial;
  text-align: left
}

#contact .s4 .next_nav p {
  font-weight: 400;
  width: 150px
}

#contact .s4 .next_nav img {
  width: 85%;
  position: absolute;
  top: 33%;
  left: -6px
}

#contact .s4 .next_nav div {
  margin-top: 0;
  width: 40px;
  height: 25px;
  background: url(/i/svg/learn_more_circle_blue.svg) center/40px 25px no-repeat;
  position: relative;
  left: -49px
}

#contact .s4 .next_nav {
  font-size: 0.875em;
  color: #00aeef;
  letter-spacing: .1em;
  text-transform: uppercase;
  width: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#contact .s4 .next_nav:hover img {
  animation: arrowSway .75s ease infinite
}

#contact .s4 .btn-more {
  display: inline-block;
  background-position: 88% center;
  color: #00a4df;
  background-image: url(/i/svg/learn_more_circle_blue.svg)
}

#contact .s4 .btn-more span {
  background-image: url(/i/svg/learn_more_arrow_blue.svg)
}

#contact .s4 .btn-submit {
  margin-top: 0.5em
}

#contact .s4 #recaptcha-response {
  margin-top: 1em;
  margin-bottom: 3em
}

#about section {
  background-repeat: no-repeat
}

#about .s1 {
  background: url(/i/about_1920.jpg) center/cover no-repeat
}

#about .s2 p {
  color: #fff;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.333em;
  margin-top: 0
}

#about .s2 p:last-child {
  margin-bottom: 0
}

#about .s2 {
  background-color: #122233;
  background-image: url(/i/overview_back.png);
  background-position: 0 0
}

#about .s3 .content p:nth-child(3) {
  margin-bottom: 4.688em
}

#about .s3 h2 {
  font-family: josefin-sans;
  font-weight: 400;
  font-size: 1.875em;
  color: #00aeef;
  letter-spacing: .15em;
  text-transform: uppercase
}

#about .s3 p {
  color: #455565
}

#about .s3 a {
  color: #0ab3be
}

#about .s3 h4 {
  text-align: left;
  max-width: 1100px;
  margin: 0 5%
}

#about .s3 .team_wrapper:nth-child(n+3) {
  padding: 7em 0 7em;
  width: 100%
}

#about .s3 #leadership {
  padding-bottom: 7em
}

#about .s3 #investment {
  background: #002d5b;
  background-image: url(/i/investment_back.png);
  background-position: 0 0;
  background-size: cover
}

#about .s3 #marketing {
  background: #122233;
  background-image: url(/i/marketing_back.png);
  background-position: 0 0;
  background-size: cover
}

#about .s3 #risk {
  padding-bottom: 7em;
  background-image: url(/i/operational_back.png);
  background-size: cover
}

#about .s3 #operations {
  background: #455565;
  padding-bottom: 7em;
  background-image: url(/i/compliance_back.png);
  background-position: 0% 0%;
  background-size: cover
}

#about .s3 #investment h4,
#about .s3 #operations h4,
#about .s3 #marketing h4,
#about .s3 #investment p,
#about .s3 #operations p,
#about .s3 #marketing p {
  color: #fff
}

#about .s3 #investment .bio div p:nth-child(2),
#about .s3 #operations .bio div p:nth-child(2),
#about .s3 #marketing .bio div p:nth-child(2) {
  color: #baecff
}

#about .s3 .team_container .bio .bio_image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  transition: opacity .7s ease
}

#about .s3 .team_container .bio .bio_image_container {
  width: 100%;
  height: 0px
}

#about .s3 .team_container .bio #grey_image {
  opacity: 1
}

#about .s3 .team_container .bio #color_image {
  opacity: 0
}

#about .s3 .team_container .bio div p {
  margin: 0
}

#about .s3 .team_container .bio div p:nth-child(1) {
  font-weight: 400;
  font-size: 1.5em;
  margin: 21px 0 4px
}

#about .s3 .team_container .bio div p:nth-child(2) {
  font-weight: 300;
  font-size: 1em;
  color: #0d71ba;
  line-height: 1.143em;
  max-width: 225px;
  margin: auto
}

#about .s3 .team_container .bio {
  margin-bottom: 3.8em;
  width: 32%;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-backface-visibility: hidden
}

#about .s3 .team_container .bio:hover #grey_image {
  opacity: 0
}

#about .s3 .team_container .bio:hover #color_image {
  opacity: 1
}

#about .s3 .team_container .bio:nth-child(3n+2) {
  margin: 0 2%
}

#about .s3 .team_container {
  padding: 5em 0 0 0;
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap
}

#about .s3 {
  padding-bottom: 0;
  background-image: url(/i/leadership_back.png);
  background-position: 0 0
}

#about .sliders_containers {
  padding: 0;
  background: url(/i/active_back.png) 0%/cover no-repeat;
  background-color: #fff
}

#about .sliders_containers.active {
  padding: 7em 0
}

#about .fx-list {
  display: none
}

#about .bio_slider {
  display: none
}

#about .bio_slider.active {
  display: block
}

#about .bios_slide .bio_image {
  width: 275px;
  height: 275px
}

#about .bios_slide {
  text-align: left
}

#about .bios_slide.sel .wrapper .bio_slide_top .bio_title:after {
  width: 350px
}

#about .bios_slide .wrapper .bio_slide_top p {
  letter-spacing: .005em;
  margin: 0;
  font-weight: 400
}

#about .bios_slide .wrapper .bio_slide_top .bio_name {
  font-size: 3em
}

#about .bios_slide .wrapper .bio_slide_top .bio_title {
  color: #0ab3be;
  position: relative;
  font-size: 1.875em
}

#about .bios_slide .wrapper .bio_slide_top .bio_title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -28px;
  width: 0px;
  height: 1px;
  left: 0;
  background: #0ab3be;
  transition: width .9s ease
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows p {
  color: #0ab3be;
  font-size: 0.875em;
  letter-spacing: .1em
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a div {
  position: relative;
  top: -3px
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a {
  display: flex;
  width: 50%
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(1) p {
  margin-left: 11px
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(2) div {
  width: 40px;
  height: 25px;
  background: url(/i/learn_more_circle_blue.svg) center/40px 25px no-repeat
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(2) {
  justify-content: flex-end
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows p:nth-child(2)::after {
  display: none
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a img {
  width: 71%;
  position: relative;
  left: -4px
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(1) div {
  width: 40px;
  height: 25px;
  background: url(/i/svg/learn_more_circle_blue.svg) center/40px 25px no-repeat;
  transform: rotate(180deg)
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows a:hover img {
  animation: arrowSway .75s ease infinite
}

#about .bios_slide .wrapper .bio_slide_top .slider_arrows {
  width: 300px;
  display: flex;
  justify-content: space-between;
  padding-top: 3.625em
}

#about .bios_slide .wrapper .bio_slide_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

#about .bios_slide .wrapper .bio_slide_desc p {
  color: #455565;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.556em
}

#about .bios_slide .wrapper .bio_slide_desc {
  padding-top: 25px
}

#about .bios_slide .wrapper {
  max-width: 1100px;
  padding: 0 65px 0 16px;
  margin: auto;
  position: relative
}

#about .close_bio {
  width: 25px;
  height: 25px;
  font-size: 25px;
  position: absolute;
  top: 0;
  right: 23px;
  background-image: url(/i/svg/X_blue.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat
}

.home.about .s1.v2 .zimg {
  background: url(/i/home-theater3-1920.jpg) no-repeat center/cover
}

.home.about .s1.v3 .zimg {
  background: url(/i/home-theater2-1920.jpg) no-repeat center/cover
}

.home.about .s1.v4 .zimg {
  background: url(/i/home-theater-1920.jpg) no-repeat center/cover
}

.home.about .s1 .zimg {
  transition: all 0s linear;
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0;
  position: absolute !important;
  background: url(/i/home-theater4-1920.jpg) no-repeat left top/cover
}

.home.about .s1 .zimg.on {
  transition: all 8s linear;
  width: 110vw
}

.home.about .s1 canvas {
  position: absolute !important;
  left: 0;
  top: 0 !important;
  height: 100%;
  width: 100%
}

.home.about .s1 .a1 {
  opacity: 0.5;
  transition: transform 6s ease-out;
  margin-top: -15%;
  height: 130%
}

.home.about .s1 .a2 {
  transition: transform 6s ease-out
}

.home.about .s1 .imgs>div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.home.about .s1 .imgs .i3 {
  background: url(/i/shadow-lines03.png) no-repeat left top/auto 100%
}

.home.about .s1 .imgs .i3.on {
  animation-name: hti23;
  animation-duration: 10s;
  animation-iteration-count: infinite
}

.home.about .s1 .imgs .i4 {
  background: url(/i/shadow-lines02.png) no-repeat left top/auto 100%;
  opacity: 0
}

.home.about .s1 .imgs {
  position: absolute !important;
  left: 0;
  top: 0 !important;
  height: 100%;
  width: 100%;
  text-align: left
}

.home.about .s1 .i1 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(/i/shadow-lines02.png) no-repeat left top/auto 100%;
  left: 15%
}

.home.about .s1 .i1.on {
  animation-name: hti1;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.home.about .s1 h1 {
  font-family: josefin-sans;
  text-transform: uppercase;
  font-size: 6.8em;
  color: #fff;
  line-height: 1.1 !important;
  font-weight: 300;
  letter-spacing: 0.05em
}

.home.about .s1 h1 strong {
  font-weight: 600
}

.home.about .s1 .holders span {
  position: relative;
  top: 0;
  transition: top 0.75s ease-in, opacity 1s ease-out
}

.home.about .s1 .holders .holder1 .t1 {
  position: relative;
  left: -100%;
  top: 0
}

.home.about .s1 .holders .holder1 .t1.dis span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

.home.about .s1 .holders .holder1 .t1.dis span:nth-child(even) {
  top: 1em;
  opacity: 0
}

.home.about .s1 .holders .holder1 .t4 span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

.home.about .s1 .holders .holder1 .t4 span:nth-child(even) {
  top: 1em;
  opacity: 0
}

.home.about .s1 .holders .holder1 .t4 {
  position: absolute;
  top: 0 !important;
  width: 100%;
  text-align: center;
  opacity: 0
}

.home.about .s1 .holders .holder1 .t4.on span {
  top: 0 !important;
  opacity: 1 !important
}

.home.about .s1 .holders .holder1 .t4.on {
  opacity: 1
}

.home.about .s1 .holders .holder1 {
  border-radius: 0 !important;
  overflow: hidden;
  position: relative;
  height: auto !important
}

.home.about .s1 .holders .holder2 .t2 {
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  text-align: center
}

.home.about .s1 .holders .holder2 .t3 {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  text-align: center
}

.home.about .s1 .holders .holder2 .t3.dis span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

.home.about .s1 .holders .holder2 .t3.dis span:nth-child(even) {
  top: 1em;
  opacity: 0
}

.home.about .s1 .holders .holder2 .t5 span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

.home.about .s1 .holders .holder2 .t5 span:nth-child(even) {
  top: 1em;
  opacity: 0
}

.home.about .s1 .holders .holder2 .t5 {
  opacity: 0
}

.home.about .s1 .holders .holder2 .t5.on span {
  top: 0 !important;
  opacity: 1 !important
}

.home.about .s1 .holders .holder2 .t5.on {
  opacity: 1
}

.home.about .s1 .holders .holder2 {
  border-radius: 1.8em;
  overflow: hidden;
  position: relative;
  height: auto !important
}

.home.about .s1 .holders .holder3 h2 span:nth-child(odd) {
  top: -1em;
  opacity: 0
}

.home.about .s1 .holders .holder3 h2 span:nth-child(even) {
  top: 1em;
  opacity: 0
}

.home.about .s1 .holders .holder3 h2 {
  display: inline;
  opacity: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  font-size: 1.875em;
  font-weight: 300;
  color: #fff
}

.home.about .s1 .holders .holder3 h2.on span {
  top: 0 !important;
  opacity: 1 !important
}

.home.about .s1 .holders .holder3 h2.on {
  opacity: 1
}

.home.about .s1 .holders .holder3 {
  max-width: 900px;
  margin: 0 10%
}

.home.about .s1 .holders {
  height: 20.4em;
  width: fit-content !important;
  position: relative;
  top: 35% !important;
}

.home.about .s1 {
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  height: 150px
}

.home.about .s2 *,
.home.about .s3 * {
  box-sizing: border-box
}

.home.about .s2,
.home.about .s3 {
  padding: 7em 0
}

.home.about h4 {
  color: #455565;
  font-family: josefin-sans;
  font-size: 1.125em;
  letter-spacing: 0.15em;
  position: relative;
  max-width: 1100px;
  margin: auto;
  text-transform: uppercase
}

.home.about h4:after {
  content: '';
  background: #00aeef;
  display: block;
  position: absolute;
  width: 50px;
  height: 3px;
  bottom: -23px
}

.home.about .s2 p {
  color: #fff;
  text-align: left;
  font-size: 1.5em;
  line-height: 1.333em;
  margin-top: 0
}

.home.about .s2 p:last-child {
  margin-bottom: 0
}

.home.about .s2 {
  background-color: #122233;
  background-image: url(/i/overview_back.png);
  background-position: 0 0
}

.home.about .s3 .content p:nth-child(3) {
  margin-bottom: 4.688em
}

.home.about .s3 h2 {
  font-family: josefin-sans;
  font-weight: 400;
  font-size: 1.875em;
  color: #00aeef;
  letter-spacing: .15em;
  text-transform: uppercase
}

.home.about .s3 p {
  color: #455565
}

.home.about .s3 a {
  color: #0ab3be
}

.home.about .s3 h4 {
  text-align: left;
  max-width: 1100px;
  margin: 0 5%
}

.home.about .s3 .team_wrapper:nth-child(n+3) {
  padding: 7em 0 7em;
  width: 100%
}

.home.about .s3 #leadership {
  padding-bottom: 7em
}

.home.about .s3 #investment {
  background: #002d5b;
  background-image: url(/i/investment_back.png);
  background-position: 0 0;
  background-size: cover
}

.home.about .s3 #marketing {
  background: #122233;
  background-image: url(/i/marketing_back.png);
  background-position: 0 0;
  background-size: cover
}

.home.about .s3 #risk {
  padding-bottom: 7em;
  background-image: url(/i/operational_back.png);
  background-size: cover
}

.home.about .s3 #operations {
  background: #455565;
  padding-bottom: 7em;
  background-image: url(/i/compliance_back.png);
  background-position: 0% 0%;
  background-size: cover
}

.home.about .s3 #investment h4,
.home.about .s3 #operations h4,
.home.about .s3 #marketing h4,
.home.about .s3 #investment p,
.home.about .s3 #operations p,
.home.about .s3 #marketing p {
  color: #fff
}

.home.about .s3 #investment .bio div p:nth-child(2),
.home.about .s3 #operations .bio div p:nth-child(2),
.home.about .s3 #marketing .bio div p:nth-child(2) {
  color: #baecff
}

.home.about .s3 .team_container .bio .bio_image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  transition: opacity .7s ease
}

.home.about .s3 .team_container .bio .bio_image_container {
  width: 100%;
  height: 1889px
}

.home.about .s3 .team_container .bio #grey_image {
  opacity: 1
}

.home.about .s3 .team_container .bio #color_image {
  opacity: 0
}

.home.about .s3 .team_container .bio div p {
  margin: 0
}

.home.about .s3 .team_container .bio div p:nth-child(1) {
  font-weight: 400;
  font-size: 1.5em;
  margin: 21px 0 4px
}

.home.about .s3 .team_container .bio div p:nth-child(2) {
  font-weight: 300;
  font-size: 1em;
  color: #0d71ba;
  line-height: 1.143em;
  max-width: 225px;
  margin: auto
}

.home.about .s3 .team_container .bio {
  margin-bottom: 3.8em;
  width: 32%;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-backface-visibility: hidden
}

/* .home.about .s3 .team_container .bio:hover #grey_image {
  opacity: 1 !important
} */
/* 变成黑白色 */
.home.about .s3 .team_container .bio #grey_image {
  filter: grayscale(100%) contrast(100%);
  -webkit-filter: grayscale(100%) contrast(100%);
  -moz-filter: grayscale(100%) contrast(100%);
  -o-filter: grayscale(100%) contrast(100%);
  -ms-filter: grayscale(100%) contrast(100%);
}

.home.about .s3 .team_container .bio:hover #grey_image {
  opacity: 1 !important;
  filter: grayscale(0%) contrast(100%);
  -webkit-filter: grayscale(0%) contrast(100%);
  -moz-filter: grayscale(0%) contrast(100%);
  -o-filter: grayscale(0%) contrast(100%);
  -ms-filter: grayscale(0%) contrast(100%);
}



.home.about .s3 .team_container .bio:nth-child(3n+2) {
  margin: 0 2%
}

.home.about .s3 .team_container {
  padding: 5em 0 0 0;
  display: flex;
  justify-content: flex-start;
  flex-flow: wrap
}

.home.about .s3 {
  padding-bottom: 0;
  background-image: url(/i/leadership_back.png);
  background-position: 0 0
}

.home.about .sliders_containers {
  padding: 0;
  background: url(/i/active_back.png) 0%/cover no-repeat;
  background-color: #fff
}

.home.about .sliders_containers.active {
  padding: 7em 0
}

.home.about .fx-list {
  display: none
}

.home.about .bio_slider {
  display: none
}

.home.about .bio_slider.active {
  display: block
}

.home.about .bios_slide .bio_image {
  width: 275px;
  height: 275px
}

.home.about .bios_slide {
  text-align: left
}

.home.about .bios_slide.sel .wrapper .bio_slide_top .bio_title:after {
  width: 350px
}

.home.about .bios_slide .wrapper .bio_slide_top p {
  letter-spacing: .005em;
  margin: 0;
  font-weight: 400
}

.home.about .bios_slide .wrapper .bio_slide_top .bio_name {
  font-size: 3em
}

.home.about .bios_slide .wrapper .bio_slide_top .bio_title {
  color: #0ab3be;
  position: relative;
  font-size: 1.875em
}

.home.about .bios_slide .wrapper .bio_slide_top .bio_title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -28px;
  width: 0px;
  height: 1px;
  left: 0;
  background: #0ab3be;
  transition: width .9s ease
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows p {
  color: #0ab3be;
  font-size: 0.875em;
  letter-spacing: .1em
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a div {
  position: relative;
  top: -3px
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a {
  display: flex;
  width: 50%
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(1) p {
  margin-left: 11px
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(2) div {
  width: 40px;
  height: 25px;
  background: url(/i/learn_more_circle_blue.svg) center/40px 25px no-repeat
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(2) {
  justify-content: flex-end
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows p:nth-child(2)::after {
  display: none
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a img {
  width: 71%;
  position: relative;
  left: -4px
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a:nth-child(1) div {
  width: 40px;
  height: 25px;
  background: url(/i/svg/learn_more_circle_blue.svg) center/40px 25px no-repeat;
  transform: rotate(180deg)
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows a:hover img {
  animation: arrowSway .75s ease infinite
}

.home.about .bios_slide .wrapper .bio_slide_top .slider_arrows {
  width: 300px;
  display: flex;
  justify-content: space-between;
  padding-top: 3.625em
}

.home.about .bios_slide .wrapper .bio_slide_top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.home.about .bios_slide .wrapper .bio_slide_desc p {
  color: #455565;
  font-weight: 400;
  font-size: 1.125em;
  line-height: 1.556em
}

.home.about .bios_slide .wrapper .bio_slide_desc {
  padding-top: 25px
}

.home.about .bios_slide .wrapper {
  max-width: 1100px;
  padding: 0 65px 0 16px;
  margin: auto;
  position: relative
}

.home.about .close_bio {
  width: 25px;
  height: 25px;
  font-size: 25px;
  position: absolute;
  top: 0;
  right: 23px;
  background-image: url(/i/svg/X_blue.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat
}

@media screen and (max-height:800px) {

  .inner .s1 h1,
  #home .s1 h1 {
    font-size: 5em
  }

  .inner .s1 .holders .holder3 h2,
  #home .s1 .holders .holder3 h2 {
    font-size: 1.563em
  }

  .inner .s1 .holders .holder1,
  #home .s1 .holders .holder1,
  .inner .s1 .holders .holder2,
  #home .s1 .holders .holder2 {
    height: 5em
  }
}

@media screen and (max-width:1500px) {
  #subnav .sub-solutions li:nth-child(1) {
    width: 23%
  }

  #subnav .sub-solutions li:nth-child(2) {
    width: 27%
  }

  #subnav .sub-solutions li:nth-child(3) {
    width: 29%
  }

  #subnav .sub-solutions li:nth-child(4) {
    width: 21%
  }
}

@media screen and (max-width:1320px) {
  header #btn-menu {
    display: block
  }

  header .nwrap {
    display: none
  }

  .award_link_top {
    left: 265px
  }

  .navbeta {
    right: 0px
  }

  #subnav {
    display: none !important
  }

  .inner .s1 h1,
  #home .s1 h1 {
    font-size: 5em
  }

  .inner .s1 .holders .holder3 h2,
  #home .s1 .holders .holder3 h2 {
    font-size: 1.563em
  }

  .inner .s1 .holders .holder1,
  #home .s1 .holders .holder1,
  .inner .s1 .holders .holder2,
  #home .s1 .holders .holder2 {
    height: 5em
  }
}

@media screen and (max-width:1279px) {
  .award_link_footer {
    margin-top: 0;
    margin-left: 55px
  }

  footer .content:first-child .column {
    width: 100% !important;
    display: flex
  }

  footer .content:first-child .column:first-child {
    margin-bottom: 2em
  }

  #news #commentary2 iframe {
    max-width: 428px !important;
    max-height: 257px !important
  }

  #news #commentary2 .innerDocs {
    width: 50%
  }

  #news #commentary2 .innerSlider .fx-slides>div>div p {
    max-width: 428px
  }
}

@media screen and (max-width:980px) {

  .inner .s1 .holders .holder3 h2,
  #home .s1 .holders .holder3 h2,
  #home2 .s1 .holders .holder3 h2 {
    font-size: 1.25em
  }

  footer .nav li {
    width: 100%;
    border-right: none !important;
    padding-left: 0 !important
  }

  footer .nav li.blank {
    display: none
  }

  footer .nav a {
    font-size: 1.25em
  }

  footer .nav {
    display: block
  }

  #about .bios_slide .wrapper,
  #home2 .bios_slide .wrapper {
    padding: 0 2em
  }

  #about .bios_slide .bio_image,
  #home2 .bios_slide .bio_image {
    margin-right: 45px
  }

  #news #commentary2 .innerDocs:nth-child(2n+2),
  #news #articles2 .innerDocs:nth-child(2n+2) {
    display: block
  }

  #news #commentary2 .innerDocs,
  #news #articles2 .innerDocs {
    text-align: center;
    width: 100%;
    padding-bottom: 16em
  }

  #news #commentary2 iframe,
  #news #articles2 iframe {
    max-width: 891px !important;
    max-height: 594px !important;
    width: 100% !important;
    height: 160%
  }

  #news #commentary2 .innerSlider .fx-slides>div>div p,
  #news #articles2 .innerSlider .fx-slides>div>div p {
    max-width: 891px
  }

  #news #articles2 .innerDocs {
    text-align: left;
    padding-bottom: 4em
  }

  #solutions .pre-ipo .wrapper .box {
    width: 50%
  }

  #solutions .pre-ipo .wrapper .box:nth-of-type(n) {
    border-left-width: 1px
  }

  #solutions .pre-ipo .wrapper .box:nth-child(even) {
    border-left-width: 0
  }

  #solutions .pre-ipo .wrapper .box:not(:nth-child(-n + 2)) {
    border-top-width: 0
  }
}

@media screen and (max-width:979px) {
  #home .s3 .column {
    width: 100% !important;
    height: 400px
  }

  #home .s3 h2 {
    top: 1em
  }
}

@media screen and (max-width:767px) {
  .nav-on header .nav li {
    font-size: 1.5em
  }

  footer .content:last-child .column {
    width: 100% !important;
    text-align: left !important
  }

  footer .content:last-child .column:first-child {
    margin-bottom: 0.5em
  }

  .inner .s1 {
    max-height: 400px
  }

  .inner .s1 h1,
  #home .s1 h1,
  #home2 .s1 h1 {
    font-size: 4em
  }

  .inner .s1 .holders .holder3 h2,
  #home .s1 .holders .holder3 h2,
  #home2 .s1 .holders .holder3 h2 {
    font-size: 1em
  }

  .inner .s1 .holders .holder1,
  #home .s1 .holders .holder1,
  #home2 .s1 .holders .holder1,
  .inner .s1 .holders .holder2,
  #home .s1 .holders .holder2,
  #home2 .s1 .holders .holder2 {
    height: 4em
  }

  #home .s1 .zimg {
    background-position: right top
  }

  #home .s1 .zimg.on {
    transition: none
  }

  #home .s1 .i1.on,
  #home .s1 .i3.on {
    animation: none
  }

  #home .s2 canvas {
    display: none
  }

  #home .s2 p {
    font-size: 1.25em
  }

  #home .s2 h2 {
    font-size: 1.5em
  }

  #home .s3 .column {
    width: 100%;
    border-right: 0;
    height: 400px
  }

  #home .s3 h2 {
    top: 1em;
    font-size: 1.5em
  }

  #home .s4 canvas {
    display: none
  }

  #home .s4 h2 {
    font-size: 1.5em
  }

  #home2 .s1 .zimg {
    background-position: right top
  }

  #home2 .s1 .zimg.on {
    transition: none
  }

  #home2 .s1 .i1.on,
  #home2 .s1 .i3.on {
    animation: none
  }

  #home2 .team_wrapper {
    background-size: 1500px
  }

  #home2 .s2 p {
    font-size: 1.25em
  }

  #home2 .s3 h4 {
    box-sizing: initial;
    max-width: 500px
  }

  #home2 .s3 h2 {
    font-size: 1.5em
  }

  #home2 .s3 .team_container .bio:nth-child(3n+2) {
    margin: 2.5% auto
  }

  #home2 .s3 .team_container .bio {
    width: 100%;
    margin: 6.5% auto;
    max-width: 500px
  }

  #home2 .s3 .team_container .bio div p:nth-child(1) {
    font-size: 2em
  }

  #home2 .s3 .team_container .bio div p:nth-child(2) {
    font-size: 1.5em;
    line-height: 1em;
    max-width: 401px;
    margin-top: 10px
  }

  #home2 .s3 .team_container {
    flex-direction: column;
    margin-top: 3.125em
  }

  #home2 .s3 .team_wrapper:nth-child(n+3) {
    padding: 5.188em 0 5.188em
  }

  #home2 .s3 #leadership {
    padding-bottom: 5.188em
  }

  #home2 .s3 {
    background-size: 1500px
  }

  #home2 .bios_slide .wrapper .bio_slide_top .bio_name {
    font-size: 2.571em
  }

  #home2 .bios_slide .wrapper .bio_slide_top .bio_title {
    width: 90%;
    font-size: 1.429em
  }

  #home2 .bios_slide .wrapper .bio_slide_top .slider_arrows a img {
    top: 2px
  }

  #home2 .bios_slide .wrapper .bio_slide_top>div:nth-child(1) {
    width: 100%;
    max-width: 500px;
    padding-top: 35px
  }

  #home2 .bios_slide .wrapper .bio_slide_top>p:nth-child(1) {
    line-height: 25px
  }

  #home2 .bios_slide .wrapper .bio_slide_top {
    flex-direction: column-reverse;
    align-items: center
  }

  #home2 .bios_slide .wrapper .bio_slide_top .bio_slide_desc p {
    max-width: 500px;
    margin: auto;
    text-align: justify
  }

  #home2 .bios_slide .wrapper .bios_slide .bio_image {
    width: 100%;
    height: initial;
    max-width: 500px;
    margin-right: 0
  }

  #home2 .bios_slide .wrapper .close_bio {
    right: 29px
  }

  #home2 .bios_slide .wrapper {
    padding: 4em 2em 0
  }

  #home2 .bios_slide.sel .wrapper .bio_slide_top .bio_title:after {
    width: 75%
  }

  #home2 .sliders_containers.active {
    padding-top: 6.635em
  }

  #about .team_wrapper {
    background-size: 1500px
  }

  #about .s2 p {
    font-size: 1.25em
  }

  #about .s3 h4 {
    box-sizing: initial;
    max-width: 500px
  }

  #about .s3 h2 {
    font-size: 1.5em
  }

  #about .s3 .team_container .bio:nth-child(3n+2) {
    margin: 2.5% auto
  }

  #about .s3 .team_container .bio {
    width: 100%;
    margin: 6.5% auto;
    max-width: 500px
  }

  #about .s3 .team_container .bio div p:nth-child(1) {
    font-size: 2em
  }

  #about .s3 .team_container .bio div p:nth-child(2) {
    font-size: 1.5em;
    line-height: 1em;
    max-width: 401px;
    margin-top: 10px
  }

  #about .s3 .team_container {
    flex-direction: column;
    margin-top: 3.125em
  }

  #about .s3 .team_wrapper:nth-child(n+3) {
    padding: 5.188em 0 5.188em
  }

  #about .s3 #leadership {
    padding-bottom: 5.188em
  }

  #about .s3 {
    background-size: 1500px
  }

  #about .bios_slide .wrapper .bio_slide_top .bio_name {
    font-size: 2.571em
  }

  #about .bios_slide .wrapper .bio_slide_top .bio_title {
    width: 90%;
    font-size: 1.429em
  }

  #about .bios_slide .wrapper .bio_slide_top .slider_arrows a img {
    top: 2px
  }

  #about .bios_slide .wrapper .bio_slide_top>div:nth-child(1) {
    width: 100%;
    max-width: 500px;
    padding-top: 35px
  }

  #about .bios_slide .wrapper .bio_slide_top>p:nth-child(1) {
    line-height: 25px
  }

  #about .bios_slide .wrapper .bio_slide_top {
    flex-direction: column-reverse;
    align-items: center
  }

  #about .bios_slide .wrapper .bio_slide_top .bio_slide_desc p {
    max-width: 500px;
    margin: auto;
    text-align: justify
  }

  #about .bios_slide .wrapper .bios_slide .bio_image {
    width: 100%;
    height: initial;
    max-width: 500px;
    margin-right: 0
  }

  #about .bios_slide .wrapper .close_bio {
    right: 29px
  }

  #about .bios_slide .wrapper {
    padding: 4em 2em 0
  }

  #about .bios_slide.sel .wrapper .bio_slide_top .bio_title:after {
    width: 75%
  }

  #about .sliders_containers.active {
    padding-top: 6.635em
  }

  #solutions .s2 p {
    font-size: 1.25em
  }

  #solutions .s2 canvas {
    display: none
  }

  #solutions .s3 h2 {
    font-size: 1.5em
  }

  #solutions .s3 .fx-nav {
    font-size: 1.25em;
    box-sizing: border-box;
    padding: 0 1em
  }

  #solutions .s3 .fx-slides .pr .tb .btn-agree p,
  #solutions .s3 .fx-slides .pr .tb .btn-decline p {
    background-image: none
  }

  #solutions .s3 .fx-slides .pr .tb .btn-agree span,
  #solutions .s3 .fx-slides .pr .tb .btn-decline span {
    display: none
  }

  #solutions .s3 .fx-slides .wc h3,
  #solutions .s3 .fx-slides .gc h3 {
    font-size: 1.875em
  }

  #solutions .s3 .fx-slides .wc h4,
  #solutions .s3 .fx-slides .gc h4 {
    font-size: 1.5em
  }

  #solutions .s3 .fx-slides .wc .snav a:last-child,
  #solutions .s3 .fx-slides .gc .snav a:last-child {
    float: none
  }

  #solutions .s3 .fx-slides .wc .snav .btn-more,
  #solutions .s3 .fx-slides .gc .snav .btn-more {
    display: block;
    max-width: 200px
  }

  #solutions .s3 .fx-slides .wc .snav,
  #solutions .s3 .fx-slides .gc .snav {
    width: 100%
  }

  #solutions .s3 .fx-slides .wc .docs .btn-pdf,
  #solutions .s3 .fx-slides .gc .docs .btn-pdf {
    font-size: 1em;
    min-height: 36px;
    line-height: 1.25em
  }

  #solutions .s3 .philosophy .column {
    width: 100%;
    border-right: 0;
    border-top: 1px solid #737879;
    font-size: 1.25em;
    padding-top: 0.5em
  }

  #solutions .s3 .philosophy {
    padding-bottom: 0 !important
  }

  #solutions .s4 h2 {
    font-size: 1.5em
  }

  #solutions .s4 .benefits .box {
    width: 50%;
    height: 200px
  }

  #solutions .s4 .benefits p {
    font-size: 0.875em
  }

  #solutions .s4 .benefits .box:nth-child(1) p {
    font-size: 1.25em
  }

  #solutions .s4 .benefits .box:nth-child(n+2) {
    background: none
  }

  #solutions .s4 .benefits .box:nth-child(4),
  #solutions .s4 .benefits .box:nth-child(3n+5) {
    background: url(/i/solutions-benefits-white.png) repeat
  }

  #solutions .s4 .benefits {
    height: auto
  }

  #solutions .s5 h2 {
    font-size: 1.5em
  }

  #solutions .s6 h2 {
    font-size: 1.5em
  }

  #solutions .s7 .wc h3,
  #solutions .s7 .gc h3 {
    font-size: 1.875em
  }

  #solutions .s7 .wc h4,
  #solutions .s7 .gc h4 {
    font-size: 1.5em
  }

  #solutions .s7 .wc .docs .btn-pdf,
  #solutions .s7 .gc .docs .btn-pdf {
    font-size: 1em;
    min-height: 36px;
    line-height: 1.25em;
    display: block
  }

  #news h2,
  #disc h2 {
    font-size: 1.5em
  }

  #news #commentary2 .innerDocs,
  #disc #commentary2 .innerDocs {
    padding-bottom: 11em
  }

  #news #commentary2 iframe,
  #disc #commentary2 iframe {
    max-width: 100% !important;
    max-height: 293px !important;
    width: 100% !important;
    height: 150%
  }

  #news #commentary2 .innerSlider .fx-slides>div>div p,
  #disc #commentary2 .innerSlider .fx-slides>div>div p {
    max-width: 891px
  }

  #news #commentary2 #commentarySlider,
  #disc #commentary2 #commentarySlider {
    top: -49px
  }

  #news #commentary2 .innerSlider .fx-slides>div>div .nITitle,
  #disc #commentary2 .innerSlider .fx-slides>div>div .nITitle,
  #news #articles2 .innerSlider .fx-slides>div>div .nITitle,
  #disc #articles2 .innerSlider .fx-slides>div>div .nITitle {
    font-size: 1.5em
  }

  #news #articles2 #articleSlider,
  #disc #articles2 #articleSlider {
    top: -49px
  }

  #news #press2,
  #disc #press2,
  #news #papers2,
  #disc #papers2 {
    background-attachment: initial
  }

  #contact .s2 .map_container .address_container h2 {
    padding: 0;
    font-size: 1.5em
  }

  #contact .s2 .map_container .address_container h4 {
    padding: 0
  }

  #contact .s2 .map_container .address_container>div {
    display: flex
  }

  #contact .s2 .map_container .address_container {
    padding: 0;
    width: 90%;
    margin: 0 5%
  }

  #contact .s2 .map_container .map,
  #contact .s2 .map_container .map2 {
    height: 500px;
    width: 100%
  }

  #contact .s2 .map_container .address p {
    font-size: 1.429em
  }

  #contact .s2 .map_container .address div p {
    font-size: 1.143em
  }

  #contact .s2 .map_container .address {
    margin-bottom: 1em;
    width: 50%
  }

  #contact .s2 .map_container .address.sel:after {
    transform: rotate(270deg) translate(0, 0);
    top: 113%;
    right: 73%
  }

  #contact .s2 .map_container>div:nth-child(1) {
    width: 100%
  }

  #contact .s2 .map_container {
    flex-direction: column
  }

  #contact .s2 .map_container:nth-child(2) .address.sel:after {
    transform: rotate(270deg) translate(0, 0);
    top: 109%;
    right: 73%;
    left: auto
  }

  #contact .s2 .map_container:nth-child(2) .address_container h4 {
    margin-top: 45px
  }

  #contact .s2 .map_container:nth-child(2) .address_container .address {
    width: 50%
  }

  #contact .s2 .map_container:nth-child(2) .address_container {
    padding: 0;
    width: 90%;
    margin: 0 5%
  }

  #contact .s2 .map_container:nth-child(2) {
    flex-direction: column
  }

  #contact .s2 {
    padding-top: 7em
  }

  #contact .s3 .wrapper {
    width: 100%
  }

  #contact .s3 .content {
    flex-direction: column
  }

  #login .tb .btn-agree p,
  #login .tb .btn-decline p {
    background-image: none
  }

  #login .tb .btn-agree span,
  #login .tb .btn-decline span {
    display: none
  }
}

@media screen and (max-width:500px) {

  .inner .s1 h1,
  #home .s1 h1,
  #home2 .s1 h1 {
    font-size: 2.5em;
    line-height: 1.5em
  }

  .inner .s1 .holders .holder3,
  #home .s1 .holders .holder3,
  #home2 .s1 .holders .holder3 {
    margin: 0 5%
  }

  .inner .s1 .holders .holder1,
  #home .s1 .holders .holder1,
  #home2 .s1 .holders .holder1,
  .inner .s1 .holders .holder2,
  #home .s1 .holders .holder2,
  #home2 .s1 .holders .holder2 {
    height: 3.143em
  }

  .cform .fx-field {
    margin-right: 0;
    width: 100% !important
  }

  #contact .s2 .map_container .address_container>div,
  #contact .s2 .map_container:nth-child(2) .address_container>div {
    display: block
  }

  #contact .s2 .map_container .address_container .address,
  #contact .s2 .map_container:nth-child(2) .address_container .address {
    width: 100%
  }

  #contact .s2 .map_container .address_container .address.sel:after,
  #contact .s2 .map_container:nth-child(2) .address_container .address.sel:after {
    display: none
  }

  #news #press2 .innerDocs .covimg,
  #disc #press2 .innerDocs .covimg {
    display: block;
    width: 330px;
    margin-right: 0px
  }

  #news #press2 .innerDocs .sideimg,
  #disc #press2 .innerDocs .sideimg {
    display: block;
    width: 100%
  }

  #solutions .pre-ipo .wrapper .box {
    width: 100%
  }

  #solutions .pre-ipo .wrapper .box:nth-child(n) {
    border-width: 1px !important
  }

  #solutions .pre-ipo .wrapper .box:not(:first-child) {
    border-top-width: 0 !important
  }
}

#memoriam p.memoriam {
  text-align: center;
  font-size: 16px
}