.aspect {
  position: relative;
  width: 100%;
  height: 0;
}
.aspect--1x1 {
  padding-top: 100%;
}
.aspect--1x2 {
  padding-top: 200%;
}
.aspect--1x3 {
  padding-top: 300%;
}
.aspect--2x3 {
  padding-top: 150%;
}
.aspect--1x4 {
  padding-top: 400%;
}
.aspect--3x4 {
  padding-top: 133.33333333%;
}
.aspect--1x5 {
  padding-top: 500%;
}
.aspect--2x5 {
  padding-top: 250%;
}
.aspect--3x5 {
  padding-top: 166.66666667%;
}
.aspect--4x5 {
  padding-top: 125%;
}
.aspect--1x6 {
  padding-top: 600%;
}
.aspect--5x6 {
  padding-top: 120%;
}
.aspect--1x7 {
  padding-top: 700%;
}
.aspect--2x7 {
  padding-top: 350%;
}
.aspect--3x7 {
  padding-top: 233.33333333%;
}
.aspect--4x7 {
  padding-top: 175%;
}
.aspect--5x7 {
  padding-top: 140%;
}
.aspect--6x7 {
  padding-top: 116.66666667%;
}
.aspect--1x8 {
  padding-top: 800%;
}
.aspect--3x8 {
  padding-top: 266.66666667%;
}
.aspect--5x8 {
  padding-top: 160%;
}
.aspect--7x8 {
  padding-top: 114.28571429%;
}
.aspect--1x9 {
  padding-top: 900%;
}
.aspect--2x9 {
  padding-top: 450%;
}
.aspect--4x9 {
  padding-top: 225%;
}
.aspect--5x9 {
  padding-top: 180%;
}
.aspect--7x9 {
  padding-top: 128.57142857%;
}
.aspect--8x9 {
  padding-top: 112.5%;
}
.aspect--1x10 {
  padding-top: 1000%;
}
.aspect--3x10 {
  padding-top: 333.33333333%;
}
.aspect--7x10 {
  padding-top: 142.85714286%;
}
.aspect--9x10 {
  padding-top: 111.11111111%;
}
.aspect--1x11 {
  padding-top: 1100%;
}
.aspect--2x11 {
  padding-top: 550%;
}
.aspect--3x11 {
  padding-top: 366.66666667%;
}
.aspect--4x11 {
  padding-top: 275%;
}
.aspect--5x11 {
  padding-top: 220%;
}
.aspect--6x11 {
  padding-top: 183.33333333%;
}
.aspect--7x11 {
  padding-top: 157.14285714%;
}
.aspect--8x11 {
  padding-top: 137.5%;
}
.aspect--9x11 {
  padding-top: 122.22222222%;
}
.aspect--10x11 {
  padding-top: 110%;
}
.aspect--1x12 {
  padding-top: 1200%;
}
.aspect--5x12 {
  padding-top: 240%;
}
.aspect--7x12 {
  padding-top: 171.42857143%;
}
.aspect--11x12 {
  padding-top: 109.09090909%;
}
.aspect--2x1 {
  padding-top: 50%;
}
.aspect--3x1 {
  padding-top: 33.33333333%;
}
.aspect--3x2 {
  padding-top: 66.66666667%;
}
.aspect--4x1 {
  padding-top: 25%;
}
.aspect--4x3 {
  padding-top: 75%;
}
.aspect--5x1 {
  padding-top: 20%;
}
.aspect--5x2 {
  padding-top: 40%;
}
.aspect--5x3 {
  padding-top: 60%;
}
.aspect--5x4 {
  padding-top: 80%;
}
.aspect--6x1 {
  padding-top: 16.66666667%;
}
.aspect--6x5 {
  padding-top: 83.33333333%;
}
.aspect--7x1 {
  padding-top: 14.28571429%;
}
.aspect--7x2 {
  padding-top: 28.57142857%;
}
.aspect--7x3 {
  padding-top: 42.85714286%;
}
.aspect--7x4 {
  padding-top: 57.14285714%;
}
.aspect--7x5 {
  padding-top: 71.42857143%;
}
.aspect--7x6 {
  padding-top: 85.71428571%;
}
.aspect--8x1 {
  padding-top: 12.5%;
}
.aspect--8x3 {
  padding-top: 37.5%;
}
.aspect--8x5 {
  padding-top: 62.5%;
}
.aspect--8x7 {
  padding-top: 87.5%;
}
.aspect--9x1 {
  padding-top: 11.11111111%;
}
.aspect--9x2 {
  padding-top: 22.22222222%;
}
.aspect--9x4 {
  padding-top: 44.44444444%;
}
.aspect--9x5 {
  padding-top: 55.55555556%;
}
.aspect--9x7 {
  padding-top: 77.77777778%;
}
.aspect--9x8 {
  padding-top: 88.88888889%;
}
.aspect--10x1 {
  padding-top: 10%;
}
.aspect--10x3 {
  padding-top: 30%;
}
.aspect--10x7 {
  padding-top: 70%;
}
.aspect--10x9 {
  padding-top: 90%;
}
.aspect--11x1 {
  padding-top: 9.09090909%;
}
.aspect--11x2 {
  padding-top: 18.18181818%;
}
.aspect--11x3 {
  padding-top: 27.27272727%;
}
.aspect--11x4 {
  padding-top: 36.36363636%;
}
.aspect--11x5 {
  padding-top: 45.45454545%;
}
.aspect--11x6 {
  padding-top: 54.54545455%;
}
.aspect--11x7 {
  padding-top: 63.63636364%;
}
.aspect--11x8 {
  padding-top: 72.72727273%;
}
.aspect--11x9 {
  padding-top: 81.81818182%;
}
.aspect--11x10 {
  padding-top: 90.90909091%;
}
.aspect--12x1 {
  padding-top: 8.33333333%;
}
.aspect--12x5 {
  padding-top: 41.66666667%;
}
.aspect--12x7 {
  padding-top: 58.33333333%;
}
.aspect--12x11 {
  padding-top: 91.66666667%;
}
.aspect__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
* {
  box-sizing: border-box;
}
body {
  position: relative;
  font-family: "Helvetica Neue", HelveticaNeue, "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
}
.content {
  position: relative;
  padding-bottom: 193px;
  overflow: hidden;
}
.top {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
.top:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10em;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5) 35%, rgba(0, 0, 0, 0.8));
  z-index: 2;
}
@media (max-width: 767px) {
  .top:before {
    bottom: 9.7em;
  }
}
.top__scrollDown {
  font-size: 1.2em;
  position: absolute;
  bottom: 6em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 1.8em;
  height: 1.8em;
  margin: 0 auto;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
@media (max-width: 767px) {
  .top__scrollDown {
    bottom: 15.5em;
    background-color: transparent;
  }
}
.top__scrollDown:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6em;
  height: 0.6em;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: translateX(-50%) translateY(-75%) rotate(45deg);
          transform: translateX(-50%) translateY(-75%) rotate(45deg);
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
.top__scrollDown:hover {
  border-color: #febe10;
}
.top__scrollDown:hover:after {
  border-color: #febe10;
}
@media (min-width: 1530px) {
  .top__scrollDown {
    width: 2.5em;
    height: 2.5em;
  }
  .top__scrollDown:after {
    width: 0.8em;
    height: 0.8em;
  }
}
.jsLangText[data-language="zh-CN"] {
  font-size: 120%;
}
@media (min-width: 360px) {
  .jsLangText[data-language="zh-CN"] {
    font-size: 110%;
  }
}
@media (min-width: 640px) {
  .jsLangText[data-language="zh-CN"] {
    font-size: 100%;
  }
}
@media (min-width: 768px) {
  .jsLangText[data-language="zh-CN"] {
    font-size: 120%;
  }
}
.container {
  position: relative;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
}
.container--mobileFull {
  padding: 0;
}
@media (min-width: 480px) {
  .container {
    padding: 0;
    width: 448px;
  }
  .container--mobileFull {
    width: 100%;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .container {
    width: 736px;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1530px) {
  .container {
    width: 1498px;
  }
}
.row {
  margin: 0 -8px;
}
.col-xs-1 {
  position: relative;
  float: left;
  width: 8.33333333%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-2 {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-3 {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-4 {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-5 {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-6 {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-7 {
  position: relative;
  float: left;
  width: 58.33333333%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-8 {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-9 {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-10 {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-11 {
  position: relative;
  float: left;
  width: 91.66666667%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-xs-12 {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding: 0 8px;
  box-sizing: border-box;
}
.col-sm-1 {
  padding: 0 8px;
}
.col-sm-2 {
  padding: 0 8px;
}
.col-sm-3 {
  padding: 0 8px;
}
.col-sm-4 {
  padding: 0 8px;
}
.col-sm-5 {
  padding: 0 8px;
}
.col-sm-6 {
  padding: 0 8px;
}
.col-sm-7 {
  padding: 0 8px;
}
.col-sm-8 {
  padding: 0 8px;
}
.col-sm-9 {
  padding: 0 8px;
}
.col-sm-10 {
  padding: 0 8px;
}
.col-sm-11 {
  padding: 0 8px;
}
.col-sm-12 {
  padding: 0 8px;
}
.col-md-1 {
  padding: 0 8px;
}
.col-md-2 {
  padding: 0 8px;
}
.col-md-3 {
  padding: 0 8px;
}
.col-md-4 {
  padding: 0 8px;
}
.col-md-5 {
  padding: 0 8px;
}
.col-md-6 {
  padding: 0 8px;
}
.col-md-7 {
  padding: 0 8px;
}
.col-md-8 {
  padding: 0 8px;
}
.col-md-9 {
  padding: 0 8px;
}
.col-md-10 {
  padding: 0 8px;
}
.col-md-11 {
  padding: 0 8px;
}
.col-md-12 {
  padding: 0 8px;
}
.col-lg-1 {
  padding: 0 8px;
}
.col-lg-2 {
  padding: 0 8px;
}
.col-lg-3 {
  padding: 0 8px;
}
.col-lg-4 {
  padding: 0 8px;
}
.col-lg-5 {
  padding: 0 8px;
}
.col-lg-6 {
  padding: 0 8px;
}
.col-lg-7 {
  padding: 0 8px;
}
.col-lg-8 {
  padding: 0 8px;
}
.col-lg-9 {
  padding: 0 8px;
}
.col-lg-10 {
  padding: 0 8px;
}
.col-lg-11 {
  padding: 0 8px;
}
.col-lg-12 {
  padding: 0 8px;
}
@media (min-width: 481px) {
  .col-sm-1 {
    position: relative;
    float: left;
    width: 8.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-2 {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-3 {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-4 {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-5 {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-6 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-7 {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-8 {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-9 {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-10 {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-11 {
    position: relative;
    float: left;
    width: 91.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-sm-12 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
}
@media (min-width: 769px) {
  .col-md-1 {
    position: relative;
    float: left;
    width: 8.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-2 {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-3 {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-4 {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-5 {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-6 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-7 {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-8 {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-9 {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-10 {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-11 {
    position: relative;
    float: left;
    width: 91.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-md-12 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
}
@media (min-width: 1025px) {
  .col-lg-1 {
    position: relative;
    float: left;
    width: 8.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-2 {
    position: relative;
    float: left;
    width: 16.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-3 {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-4 {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-5 {
    position: relative;
    float: left;
    width: 41.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-6 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-7 {
    position: relative;
    float: left;
    width: 58.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-8 {
    position: relative;
    float: left;
    width: 66.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-9 {
    position: relative;
    float: left;
    width: 75%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-10 {
    position: relative;
    float: left;
    width: 83.33333333%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-11 {
    position: relative;
    float: left;
    width: 91.66666667%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
  .col-lg-12 {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding: 0 8px;
    box-sizing: border-box;
  }
}
.visible-sm {
  display: none;
}
.visible-xs {
  display: block;
}
@media (min-width: 480px) {
  .visible-xs {
    display: none;
  }
}
@media (min-width: 480px) {
  .visible-sm {
    display: block;
  }
}
@media (min-width: 768px) {
  .visible-sm {
    display: none;
  }
}
.container:after,
.row:after {
  content: "";
  display: table;
  clear: both;
}
.clearFloat:after {
  content: "";
  display: table;
  clear: both;
}
.logo {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 5em 1em 1em;
  margin-left: -3.5em;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 2;
}
@media (min-width: 360px) {
  .logo {
    padding: 6em 1.5em 1.5em;
    margin-left: -5em;
  }
}
@media (min-width: 768px) {
  .logo {
    padding: 5.4em 1.5em 1.5em;
    margin-left: -5em;
  }
}
@media (min-width: 768px) and (min-height: 679px) {
  .logo {
    padding: 7.4em 2em 2em;
    margin-left: -6em;
  }
}
.logo__img {
  width: 5em;
  display: block;
}
@media (min-width: 360px) {
  .logo__img {
    width: 7em;
  }
}
@media (min-width: 768px) and (min-height: 679px) {
  .logo__img {
    width: 8em;
  }
}
@media (min-width: 1530px) {
  .logo {
    padding: 11em 3em 3em;
    margin-left: -9em;
  }
  .logo__img {
    width: 10em;
  }
}
.language {
  display: block;
  position: absolute;
  top: 0.8em;
  right: 0.5em;
  z-index: 2;
}
.language__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.language__item {
  font-size: 80%;
  line-height: 1;
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  border-right: 1px solid #4b3767;
}
@media (max-width: 768px) {
  .language__item {
    font-size: 50%;
  }
}
.language__item:last-child {
  border-right: 0;
}
.language__link {
  padding: 0.2em 0.5em;
  text-decoration: none;
  color: #fff;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  font-weight: bold;
}
.language__link:hover {
  color: #4b3767;
}
.language__link--active {
  color: #4b3767;
}
.slick-track {
  display: table;
}
.slick-initialized .slick-slide {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.slider {
  position: relative;
  text-align: center;
  z-index: 1;
}
.slider-top {
  background-color: #949494;
}
.slider .slick-arrow {
  display: block;
  position: absolute;
  font-size: 50%;
  bottom: 3em;
  width: 3em;
  height: 3em;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  z-index: 1;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
@media (min-width: 768px) {
  .slider .slick-arrow {
    font-size: 100%;
    top: 50%;
  }
}
.slider .slick-arrow:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1em;
  height: 1em;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
.slider--gold .slick-arrow {
  border-color: #febe10;
}
.slider--gold .slick-arrow:hover {
  border-color: #fcdb23;
}
.slider--gold .slick-arrow:after {
  border-color: #febe10;
}
.slider--gold .slick-arrow:hover:after {
  border-color: #fcdb23;
}
.slider .slick-prev {
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slider .slick-prev:after {
  -webkit-transform: translateX(-25%) translateY(-50%) rotate(135deg);
          transform: translateX(-25%) translateY(-50%) rotate(135deg);
}
.slider .slick-next {
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.slider .slick-next:after {
  -webkit-transform: translateX(-75%) translateY(-50%) rotate(-45deg);
          transform: translateX(-75%) translateY(-50%) rotate(-45deg);
}
.slider__arrowText {
  display: none;
}
.slider .slick-dots {
  position: absolute;
  font-size: 30%;
  bottom: 6.4em;
  width: 100%;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .slider .slick-dots {
    font-size: 100%;
    bottom: 1em;
  }
}
.slider .slick-dots li {
  display: inline-block;
  margin-right: 2em;
}
@media (min-width: 768px) {
  .slider .slick-dots li {
    margin-right: 1em;
  }
}
.slider .slick-dots li button {
  font-size: 0;
  position: relative;
  width: 12px;
  height: 12px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.slider .slick-dots li.slick-active button {
  background-color: #4b3767;
}
@media (min-width: 1530px) {
  .slider .slick-arrow {
    width: 4em;
    height: 4em;
  }
  .slider .slick-arrow:after {
    width: 1.4em;
    height: 1.4em;
  }
  .slider .slick-dots {
    bottom: 2em;
  }
  .slider .slick-dots li button {
    width: 19px;
    height: 19px;
    border-width: 3px;
  }
}
.top .slide {
  height: 100vh;
}
.slide {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.slide--loading {
  opacity: 0;
  visibility: hidden;
}
.slide--padding {
  padding: 4em 0;
}
.slide__img {
  max-width: 100%;
}
.slide__content {
  width: 80%;
  margin: auto;
}
@media (max-height: 640px) {
  .slide__content {
    padding-top: 2em;
  }
}
.slide__title,
.slide__text {
  text-align: center;
}
.slide__title--narrow,
.slide__text--narrow {
  padding-left: 55px;
  padding-right: 55px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .slide__title--narrow,
  .slide__text--narrow {
    padding: 0;
  }
}
.slide__title {
  font-size: 120%;
  margin-bottom: 1em;
  background: -webkit-linear-gradient(#fcdb23, #ee9802);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #febe10;
}
@media (min-width: 360px) {
  .slide__title {
    font-size: 140%;
  }
}
@media (max-width: 768px) {
  .slide__title {
    font-size: 160%;
  }
}
.slide__text {
  font-size: 80%;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 1em;
}
@media (min-width: 360px) {
  .slide__text {
    font-size: 90%;
  }
}
@media (min-width: 768px) {
  .slide__text {
    font-size: 100%;
  }
}
@media (min-width: 1024px) {
  .slide__title--narrow,
  .slide__text--narrow {
    width: 65%;
    padding-left: 0;
    padding-right: 0;
  }
  .slide__title {
    font-size: 160%;
  }
  .slide__text {
    font-size: 110%;
  }
}
@media (min-width: 1530px) {
  .slide--padding {
    padding: 4em 0 6em;
  }
  .slide__title {
    font-size: 250%;
  }
  .slide__text {
    font-size: 160%;
  }
}
.quote {
  display: inline-block;
  position: relative;
  font-style: italic;
  text-align: center;
  text-shadow: 0 1px 3px #000;
}
.quote--white {
  color: #fff;
}
.quote--noShadow {
  text-shadow: none;
}
.quote__text {
  font-size: 100%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media (min-width: 360px) {
  .quote__text {
    font-size: 120%;
  }
}
@media (min-width: 768px) {
  .quote__text {
    font-size: 150%;
  }
}
.quote__break {
  display: none;
}
.quote__cite {
  font-size: 70%;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media (min-width: 360px) {
  .quote__cite {
    font-size: 80%;
  }
}
@media (min-width: 768px) {
  .quote__cite {
    font-size: 100%;
  }
}
.quote__mark {
  position: absolute;
  width: 3em;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}
@media (max-width: 767px) {
  .quote__mark {
    width: 2em;
  }
}
.quote__mark--left {
  top: -4em;
  left: -0.5em;
}
@media (max-width: 767px) {
  .quote__mark--left {
    top: -3em;
  }
}
.quote__mark--left.quote__mark--zhcn {
  left: -2em;
}
.quote__mark--right {
  bottom: -1em;
  right: -1em;
}
@media (max-width: 767px) {
  .quote__mark--right {
    bottom: -2em;
  }
}
@media (min-width: 768px) {
  .quote {
    -webkit-transform: translateY(30%);
            transform: translateY(30%);
  }
}
@media (min-width: 1024px) {
  .quote__break {
    display: inline;
  }
}
@media (min-width: 1530px) {
  .quote__text {
    font-size: 220%;
  }
  .quote__cite {
    font-size: 160%;
  }
}
.nav {
  font-size: 80%;
  position: absolute;
  bottom: 0;
  padding-bottom: 4.5em;
  width: 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .nav--top {
    position: relative;
    padding-bottom: 0;
  }
}
.nav--footer {
  line-height: 1.2;
  position: relative;
  width: 100%;
  padding: 0;
  margin-bottom: 2.5em;
}
@media (max-width: 767px) {
  .nav--footer {
    padding-bottom: 2em;
    border-bottom: 1px solid #fff;
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .nav--footer {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
  }
}
.menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.menu:after {
  content: '';
  display: table;
  clear: both;
}
.menuItem {
  display: inline-block;
  margin-right: 2em;
}
@media (max-width: 767px) {
  .menuItem--main {
    display: block;
    margin: 0;
  }
}
.menuItem:last-child {
  margin-right: 0;
}
.menuItem--footer {
  padding-right: 1em;
  border-right: 1px solid #fff;
  margin-right: 1em;
}
.menuItem--footer:last-child {
  border-right: none;
}
.menuItem--footerBreak {
  display: none;
}
@media (max-width: 639px) {
  .menuItem--footerEnd {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
  .menuItem--footerBreak {
    display: block;
    width: 100%;
    height: 0;
  }
}
@media (max-width: 767px) {
  .menuItem--footer {
    margin-bottom: 1em;
  }
}
.menuItem__link {
  position: relative;
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
@media (max-width: 767px) {
  .menuItem__link--main {
    font-size: 100%;
    display: block;
    border-top: 3px solid #fff;
    background-color: #d5d5d5;
    color: #000;
    text-align: left;
    padding: 1.2em 2em;
  }
  .menuItem__link--mainlast {
    border-bottom: 3px solid #fff;
  }
}
.menuItem__link:hover {
  text-decoration: none;
}
.menuItem__link--hoverGoldAll:hover {
  color: #febe10;
}
@media (min-width: 768px) {
  .menuItem__link--hoverGold:hover {
    color: #febe10;
  }
}
.menuItem__icon {
  display: none;
}
@media (max-width: 767px) {
  .menuItem__icon {
    display: block;
    width: 1.8em;
    height: 1.8em;
    position: absolute;
    right: 1.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.about {
  position: relative;
  background-image: url(assets/images/AboutBG-Texture.jpg);
  z-index: 1;
}
.value {
  position: relative;
  background-image: url(assets/images/ValuePropBG-Texture.jpg);
  padding: 4em 0 3em;
  text-align: center;
  z-index: 1;
}
.value .container {
  padding-left: 2em;
  padding-right: 2em;
}
.value__title {
  font-size: 120%;
  background: -webkit-linear-gradient(#5b5b5b, #000000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 360px) {
  .value__title {
    font-size: 160%;
  }
}
.value__text {
  font-size: 80%;
}
@media (min-width: 360px) {
  .value__text {
    font-size: 90%;
  }
}
@media (min-width: 1024px) {
  .value__title {
    font-size: 160%;
  }
  .value__text {
    font-size: 100%;
  }
}
@media (min-width: 1530px) {
  .value {
    padding: 5em 0 4em;
  }
  .value__title {
    font-size: 250%;
  }
  .value__text {
    font-size: 160%;
  }
}
.valueGrid {
  border-top: 1px solid #949494;
}
.valueGrid:after {
  content: '';
  display: table;
  clear: both;
}
.valueCell {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: #949494;
  border-left-color: #949494;
}
.valueCell__cover {
  position: relative;
  background-image: url(assets/images/GreyBG-Texture.jpg);
  z-index: 1;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.valueCell--expand .valueCell__cover {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.valueCell__toggle {
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .valueCell__toggle {
    display: none;
  }
}
.valueCell__icon {
  fill: none;
  max-width: 33.33333333%;
  stroke: #4b3767;
  stroke-width: 10;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .valueCell__icon {
    margin-bottom: 1em;
  }
}
.valueCell__icon--init {
  stroke-opacity: 0;
  -webkit-animation-name: none;
          animation-name: none;
}
.valueCell__icon--animated#Investment_Selection rect {
  stroke-dasharray: 280px;
  stroke-dashoffset: 280px;
}
.valueCell__icon--animated#Investment_Selection line {
  stroke-dasharray: 350px;
  stroke-dashoffset: 350px;
}
.valueCell__icon--animated#Investment_Selection .top rect {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Investment_Selection .top line {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Investment_Selection .middle rect {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Investment_Selection .middle line {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Investment_Selection .bottom rect {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Investment_Selection .bottom line {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#shield {
  stroke-dasharray: 1430px;
  stroke-dashoffset: 1430px;
  -webkit-animation-name: drawShield;
          animation-name: drawShield;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Big_Picture_Risk_Management {
  stroke-dasharray: 700px;
  stroke-dashoffset: 700px;
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Single_Point .outer {
  stroke-dasharray: 1400px;
  stroke-dashoffset: 1400px;
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Single_Point .inner {
  stroke-dasharray: 410px;
  stroke-dashoffset: 410px;
  -webkit-animation-name: drawInnerCircle;
          animation-name: drawInnerCircle;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Continuous_Learning .outer {
  stroke-dasharray: 1150px;
  stroke-dashoffset: 1150px;
  -webkit-animation-name: drawOuter;
          animation-name: drawOuter;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Continuous_Learning .left,
.valueCell__icon--animated#Continuous_Learning .right {
  stroke-dasharray: 430px;
  stroke-dashoffset: 430px;
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Continuous_Learning .middle {
  stroke-dasharray: 210px;
  stroke-dashoffset: 210px;
  -webkit-animation-name: drawMiddle;
          animation-name: drawMiddle;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Transparency_of_costs {
  stroke-dasharray: 350px;
  stroke-dashoffset: 350px;
}
.valueCell__icon--animated#Transparency_of_costs .bottom {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Transparency_of_costs .top {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animated#Transparency_of_costs .middle {
  -webkit-animation-name: draw;
          animation-name: draw;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Investment_Selection rect {
  stroke-dasharray: 280px;
  stroke-dashoffset: 280px;
}
.valueCell__icon--animateAgain#Investment_Selection line {
  stroke-dasharray: 350px;
  stroke-dashoffset: 350px;
}
.valueCell__icon--animateAgain#Investment_Selection .top rect {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Investment_Selection .top line {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Investment_Selection .middle rect {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Investment_Selection .middle line {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Investment_Selection .bottom rect {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Investment_Selection .bottom line {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#shield {
  stroke-dasharray: 1430px;
  stroke-dashoffset: 1430px;
  -webkit-animation-name: drawShieldAgain;
          animation-name: drawShieldAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Big_Picture_Risk_Management {
  stroke-dasharray: 700px;
  stroke-dashoffset: 700px;
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Single_Point .outer {
  stroke-dasharray: 1400px;
  stroke-dashoffset: 1400px;
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Single_Point .inner {
  stroke-dasharray: 410px;
  stroke-dashoffset: 410px;
  -webkit-animation-name: drawInnerCircleAgain;
          animation-name: drawInnerCircleAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Continuous_Learning .outer {
  stroke-dasharray: 1150px;
  stroke-dashoffset: 1150px;
  -webkit-animation-name: drawOuterAgain;
          animation-name: drawOuterAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Continuous_Learning .left,
.valueCell__icon--animateAgain#Continuous_Learning .right {
  stroke-dasharray: 430px;
  stroke-dashoffset: 430px;
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Continuous_Learning .middle {
  stroke-dasharray: 210px;
  stroke-dashoffset: 210px;
  -webkit-animation-name: drawMiddleAgain;
          animation-name: drawMiddleAgain;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Transparency_of_costs {
  stroke-dasharray: 350px;
  stroke-dashoffset: 350px;
}
.valueCell__icon--animateAgain#Transparency_of_costs .bottom {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Transparency_of_costs .top {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__icon--animateAgain#Transparency_of_costs .middle {
  -webkit-animation-name: drawAgain;
          animation-name: drawAgain;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.valueCell__caption {
  font-size: 90%;
}
@media (min-width: 360px) {
  .valueCell__caption {
    font-size: 100%;
  }
}
@media (min-width: 768px) {
  .valueCell__caption {
    font-size: 110%;
  }
}
.valueCell__copy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #4b3767;
  color: #fff;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.valueCell--expand .valueCell__copy {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.valueCell__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 767px) {
  .valueCell__inner {
    top: 45%;
  }
  .valueCell__inner--copy {
    top: 50%;
  }
}
.valueCell__textTitle {
  font-size: 110%;
}
.valueCell__textContent {
  font-size: 80%;
  margin-bottom: 0;
}
@media (min-width: 360px) {
  .valueCell__textContent {
    font-size: 90%;
  }
}
@media (min-width: 640px) {
  .valueCell__textContent {
    font-size: 80%;
  }
}
@media (min-width: 360px) {
  .valueCell__textContent {
    font-size: 100%;
  }
}
.valueCell__textBlock {
  display: block;
  margin-bottom: 1em;
}
@media (min-width: 640px) {
  .valueCell {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .valueCell {
    width: 33.33333333%;
  }
  .valueCell__icon {
    max-width: 40%;
  }
  .valueCell__caption {
    font-size: 110%;
  }
  .valueCell__inner {
    width: 65%;
  }
  .valueCell__textTitle {
    font-size: 110%;
  }
  .valueCell__textContent {
    font-size: 80%;
    margin-bottom: 0;
  }
}
@media (min-width: 1530px) {
  .valueCell__icon {
    max-width: 40%;
  }
  .valueCell__caption {
    font-size: 150%;
  }
  .valueCell__inner {
    width: 65%;
  }
  .valueCell__textTitle {
    font-size: 150%;
  }
  .valueCell__textContent {
    font-size: 120%;
  }
}
.ie svg,
.ie svg#shield,
.ie svg rect,
.ie svg circle {
  /*disable svg animation on ie that don't support*/
  stroke-dashoffset: 0;
}
@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawShield {
  from {
    stroke-dashoffset: 1430px;
  }
  to {
    stroke-dashoffset: 2860px;
  }
}
@keyframes drawShield {
  from {
    stroke-dashoffset: 1430px;
  }
  to {
    stroke-dashoffset: 2860px;
  }
}
@-webkit-keyframes drawInnerCircle {
  from {
    stroke-dashoffset: 410px;
  }
  to {
    stroke-dashoffset: 820px;
  }
}
@keyframes drawInnerCircle {
  from {
    stroke-dashoffset: 410px;
  }
  to {
    stroke-dashoffset: 820px;
  }
}
@-webkit-keyframes drawOuter {
  from {
    stroke-dashoffset: 1150px;
  }
  to {
    stroke-dashoffset: 2300px;
  }
}
@keyframes drawOuter {
  from {
    stroke-dashoffset: 1150px;
  }
  to {
    stroke-dashoffset: 2300px;
  }
}
@-webkit-keyframes drawMiddle {
  from {
    stroke-dashoffset: 210px;
  }
  to {
    stroke-dashoffset: 420px;
  }
}
@keyframes drawMiddle {
  from {
    stroke-dashoffset: 210px;
  }
  to {
    stroke-dashoffset: 420px;
  }
}
@-webkit-keyframes fadeInRect {
  0% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 1;
  }
}
@keyframes fadeInRect {
  0% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 1;
  }
}
@-webkit-keyframes drawAgain {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawAgain {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawShieldAgain {
  from {
    stroke-dashoffset: 1430px;
  }
  to {
    stroke-dashoffset: 2860px;
  }
}
@keyframes drawShieldAgain {
  from {
    stroke-dashoffset: 1430px;
  }
  to {
    stroke-dashoffset: 2860px;
  }
}
@-webkit-keyframes drawInnerCircleAgain {
  from {
    stroke-dashoffset: 410px;
  }
  to {
    stroke-dashoffset: 820px;
  }
}
@keyframes drawInnerCircleAgain {
  from {
    stroke-dashoffset: 410px;
  }
  to {
    stroke-dashoffset: 820px;
  }
}
@-webkit-keyframes drawOuterAgain {
  from {
    stroke-dashoffset: 1150px;
  }
  to {
    stroke-dashoffset: 2300px;
  }
}
@keyframes drawOuterAgain {
  from {
    stroke-dashoffset: 1150px;
  }
  to {
    stroke-dashoffset: 2300px;
  }
}
@-webkit-keyframes drawMiddleAgain {
  from {
    stroke-dashoffset: 210px;
  }
  to {
    stroke-dashoffset: 420px;
  }
}
@keyframes drawMiddleAgain {
  from {
    stroke-dashoffset: 210px;
  }
  to {
    stroke-dashoffset: 420px;
  }
}
@-webkit-keyframes fadeInRectAgain {
  0% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 1;
  }
}
@keyframes fadeInRectAgain {
  0% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 1;
  }
}
.personnel {
  position: relative;
  padding: 4em 1em 0;
  background-image: url(assets/images/AboutBG-Texture.jpg);
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 768px) {
  .personnel {
    padding: 4em 0;
  }
}
@media (min-width: 1530px) {
  .personnel {
    padding: 10em 0;
  }
}
@media (min-width: 768px) {
  .personnel--zh-CN {
    padding: 6em 0 4em;
  }
}
@media (min-width: 1530px) {
  .personnel--zh-CN {
    padding: 16em 0 10em;
  }
}
@media (min-width: 768px) {
  .personnel__imageWrapper {
    position: absolute;
    bottom: -6em;
    width: 45%;
  }
}
@media (min-width: 1530px) {
  .personnel__imageWrapper {
    bottom: -10em;
  }
}
.personnel__image {
  display: block;
  width: 100%;
}
.personnel__content {
  margin-bottom: 2.5em;
}
@media (min-width: 768px) {
  .personnel__content {
    padding-left: 50%;
    margin-bottom: 0;
  }
}
.personnel__title,
.personnel__text {
  text-align: center;
}
@media (min-width: 768px) {
  .personnel__title,
  .personnel__text {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  .personnel__title--narrow,
  .personnel__text--narrow {
    width: 65%;
    padding-left: 0;
    padding-right: 0;
  }
}
.personnel__title {
  font-size: 120%;
  margin-bottom: 1em;
  background: -webkit-linear-gradient(#fcdb23, #ee9802);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #febe10;
}
@media (min-width: 360px) {
  .personnel__title {
    font-size: 140%;
  }
}
@media (max-width: 768px) {
  .personnel__title {
    font-size: 160%;
  }
}
@media (min-width: 1024px) {
  .personnel__title {
    font-size: 160%;
  }
}
@media (min-width: 1530px) {
  .personnel__title {
    font-size: 250%;
  }
}
.personnel__text {
  font-size: 80%;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 1.5em;
}
@media (min-width: 360px) {
  .personnel__text {
    font-size: 90%;
  }
}
@media (min-width: 768px) {
  .personnel__text {
    font-size: 100%;
  }
}
@media (min-width: 1024px) {
  .personnel__text {
    font-size: 110%;
  }
}
@media (min-width: 1530px) {
  .personnel__text {
    font-size: 160%;
  }
}
.clients {
  position: relative;
  padding: 4em 0 3em;
  text-align: center;
  z-index: 1;
}
@media (min-width: 1530px) {
  .clients {
    padding: 5em 0 4em;
  }
}
.clients .container {
  padding-left: 2em;
  padding-right: 2em;
}
.clients__title {
  font-size: 120%;
  font-weight: normal;
}
@media (min-width: 360px) {
  .clients__title {
    font-size: 160%;
  }
}
@media (min-width: 1024px) {
  .clients__title {
    font-size: 160%;
  }
}
@media (min-width: 1530px) {
  .clients__title {
    font-size: 250%;
  }
}
.clients__text,
.clients__listText {
  font-size: 80%;
}
@media (min-width: 360px) {
  .clients__text,
  .clients__listText {
    font-size: 90%;
  }
}
@media (min-width: 1024px) {
  .clients__text,
  .clients__listText {
    font-size: 100%;
  }
}
@media (min-width: 1530px) {
  .clients__text,
  .clients__listText {
    font-size: 160%;
  }
}
@media (min-width: 768px) {
  .clients__list {
    padding: 0 4em;
  }
}
.clients__listItem {
  position: relative;
}
.clients__listIcon {
  font-size: 0;
}
@media (min-width: 768px) {
  .clients__listIcon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-45%);
            transform: translateY(-45%);
  }
}
@media (min-width: 768px) {
  .clients__listText {
    padding: 1em 0 1em 6em;
    text-align: left;
  }
}
.clients__tick {
  font-size: 16px;
  width: 5.5em;
  height: 5.5em;
  margin: 1em 0;
}
@media (min-width: 768px) {
  .clients__tick {
    width: 4em;
    height: 4em;
  }
}
@media (min-width: 1530px) {
  .clients__tick {
    width: 6.4em;
    height: 6.4em;
  }
}
.clients__tickCircle {
  fill: none;
  stroke: #231F20;
  stroke-width: 11;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.clients__tickMark {
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
.clients__tick--init .clients__tickCircle {
  stroke-opacity: 0;
  -webkit-animation-name: none;
          animation-name: none;
}
.clients__tick--init .clients__tickMark {
  fill: transparent;
  -webkit-transition: fill 0s;
  transition: fill 0s;
}
.clients__tick--animated .clients__tickCircle {
  stroke-dasharray: 840px;
  stroke-dashoffset: 840px;
  -webkit-animation-name: drawTickCircle;
          animation-name: drawTickCircle;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.clients__tick--animated .clients__tickMark {
  fill: transparent;
  -webkit-animation-name: drawTickMark;
          animation-name: drawTickMark;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes drawTickCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes drawTickCircle {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes drawTickMark {
  to {
    fill: black;
  }
}
@keyframes drawTickMark {
  to {
    fill: black;
  }
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  -webkit-transform: translateY(351.5px);
          transform: translateY(351.5px);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.footer--show {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}
.details {
  font-size: 70%;
  position: relative;
  padding: 3em 2em;
  background-color: rgba(0, 0, 0, 0.9);
}
.details:after {
  content: '';
  display: table;
  clear: both;
}
.details__content {
  position: relative;
}
.details__logo,
.details__address {
  float: left;
}
@media (max-width: 1023px) {
  .details__logo,
  .details__address {
    float: none;
  }
}
.details__logo {
  display: block;
  margin-right: 3em;
  height: 4.8em;
}
@media (max-width: 1023px) {
  .details__logo {
    height: 7em;
    margin: 4em auto;
  }
}
.details__address {
  padding-left: 3em;
  border-left: 1px solid #fff;
  color: #fff;
}
@media (max-width: 1023px) {
  .details__address {
    padding: 0;
    border: none;
    text-align: center;
  }
}
.details__text,
.details__text .jsLangText {
  font-size: 100%;
  line-height: 1;
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .details__text,
  .details__text .jsLangText {
    line-height: 2;
    margin-bottom: 0;
  }
}
.details__text:last-child,
.details__text .jsLangText:last-child {
  margin-bottom: 0;
}
.details__link {
  color: #fff;
  text-decoration: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}
.details__link:active,
.details__link:hover {
  color: #fff;
  text-decoration: underline;
  color: #e6e6e6;
  outline: none;
}
@media (min-width: 1530px) {
  .details {
    font-size: 100%;
  }
}
.contactToggle {
  font-size: 90%;
  position: relative;
  display: block;
  padding: 1em 0;
  border-top: 1px solid #7650ab;
  text-align: center;
  background-color: #422e5e;
  color: #fff;
  text-decoration: none;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.contactToggle:hover {
  text-decoration: none;
  background-color: #5a3f80;
}
.contactToggle__icon {
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.contactToggle__icon--expand {
  display: block;
}
.contactToggle__icon--collapse {
  display: none;
}
.contactToggle--collapse .contactToggle__icon--expand {
  display: none;
}
.contactToggle--collapse .contactToggle__icon--collapse {
  display: block;
}
@media (min-width: 1530px) {
  .contactToggle {
    font-size: 120%;
  }
  .contactToggle:before {
    width: 1.5em;
    height: 1.5em;
  }
  .contactToggle:after {
    width: 0.6em;
    height: 0.6em;
  }
}
.contact {
  position: relative;
  background-color: #212121;
  padding: 2em 0;
}
.contact__close {
  font-size: 0.8em;
  position: absolute;
  top: 2em;
  right: 2em;
  display: block;
  width: 3em;
  height: 3em;
}
@media (min-width: 1024px) {
  .contact__close {
    top: 4em;
    right: 4em;
  }
}
.contact__close:before,
.contact__close:after {
  content: '';
  position: absolute;
  top: 1.4142em;
  left: -0.5em;
  display: block;
  width: 141.42%;
  height: 1px;
  background-color: #fff;
}
.contact__close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.contact__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.contact__messageContainer {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.contact__message {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}
.contact__message--visible {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}
.contact__messageTitle {
  font-size: 120%;
  font-style: italic;
}
@media (min-width: 360px) {
  .contact__messageTitle {
    font-size: 160%;
  }
}
@media (min-width: 1024px) {
  .contact__messageTitle {
    font-size: 160%;
  }
}
@media (min-width: 1530px) {
  .contact__messageTitle {
    font-size: 250%;
  }
}
.contact__messageText {
  font-size: 80%;
}
@media (min-width: 360px) {
  .contact__messageText {
    font-size: 90%;
  }
}
@media (min-width: 1024px) {
  .contact__messageText {
    font-size: 100%;
  }
}
@media (min-width: 1530px) {
  .contact__messageText {
    font-size: 160%;
  }
}
.contactForm {
  display: block;
}
.contactForm__message {
  display: none;
  color: #fff;
}
.contactForm__message--success {
  color: #688E26;
}
.contactForm__message--error {
  color: #ab2400;
}
.contactForm__messageEmail {
  color: #ab2400;
}
.contactForm__message--visible {
  display: block;
}
.contactForm__input {
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #d49d3d;
  background-color: #d5d5d5;
  margin-bottom: 1em;
  color: #616161;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
.contactForm__input::-webkit-input-placeholder {
  font-style: italic;
  color: #949494;
}
.contactForm__input:-moz-placeholder {
  /* Firefox 18- */
  font-style: italic;
  color: #949494;
}
.contactForm__input::-moz-placeholder {
  /* Firefox 19+ */
  font-style: italic;
  color: #949494;
}
.contactForm__input:-ms-input-placeholder {
  font-style: italic;
  color: #949494;
}
.contactForm__input.error {
  border-color: #ab2400;
}
.contactForm__submit {
  display: block;
  width: 50%;
  padding: 0.8em 0;
  border: none;
  margin: 0 auto;
  color: #fff;
  background-color: #d49d3d;
}
.contactForm__submit:disabled {
  background-color: #949494;
}
@media (min-width: 768px) {
  .contactForm {
    width: 50%;
    margin: 0 auto;
  }
}
@media (min-width: 1530px) {
  .contactForm {
    font-size: 120%;
  }
  .contactForm__input {
    margin-bottom: 1.5em;
  }
  .contactForm .row {
    margin-left: -12px;
    margin-right: -12px;
  }
  .contactForm .col-sm-6 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .contactForm__submit {
    width: 12em;
  }
}
.form-error {
  position: relative;
  top: -1em;
  color: #ab2400;
}
.zhcn .form-error {
  display: block;
  height: 1.4em;
}
.terms {
  display: block;
  line-height: 1.6;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 6.4em 2em 0;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.5s, opacity 0.5s;
  transition: visibility 0.5s, opacity 0.5s;
}
@media (min-width: 1024px) {
  .terms {
    padding: 9.6em 2em 6.4em;
  }
}
.terms--visible {
  opacity: 1;
  visibility: visible;
  z-index: 3;
}
.terms__close {
  font-size: 0.8em;
  position: absolute;
  top: 2em;
  right: 2em;
  display: block;
  width: 3em;
  height: 3em;
}
@media (min-width: 1024px) {
  .terms__close {
    top: 4em;
    right: 4em;
  }
}
.terms__close:before,
.terms__close:after {
  content: '';
  position: absolute;
  top: 1.4142em;
  left: -0.5em;
  display: block;
  width: 141.42%;
  height: 1px;
  background-color: #fff;
}
.terms__close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.terms__close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.terms__content {
  height: 100%;
  padding-right: 2em;
  overflow-y: scroll;
}
.terms__content::-webkit-scrollbar {
  width: 10px;
  background-color: #222021;
}
.terms__content::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #3d3d3d;
}
@media (min-width: 1024px) {
  .terms__content {
    width: 960px;
    padding-right: 4em;
    margin: 0 auto;
  }
}
.terms__heading,
.terms__text {
  color: #fff;
}
.terms__heading {
  margin-top: 3em;
}
.terms__heading--noMarginTop {
  margin-top: 0;
}
.sr .quote__text,
.sr .logo {
  visibility: hidden;
}
.sr .quote__mark {
  opacity: 0;
  visibility: hidden;
}
.sr .quote__mark--left:not(.quote__mark--animated) {
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
}
.sr .quote__mark--right:not(.quote__mark--animated) {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
.sr .quote__mark--visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.sr .quote__text,
.sr .quote__cite {
  opacity: 0;
  visibility: hidden;
}
.sr .quote__text--visible,
.sr .quote__cite--visible {
  opacity: 1;
  visibility: visible;
}
.jsHidden {
  display: none;
}

/*# sourceMappingURL=style.e7b951e5da153bc00c74.css.map*/