#nprogress {
  pointer-events: none
}
#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px
}
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px)
}
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
  position: absolute
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
/*! responsive-nav.js 1.0.39 by @viljamis */
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none
}
.nav-collapse li {
  width: 100%;
  display: block
}
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1
}
.nav-collapse.opened {
  max-height: 9999px
}
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}
@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative
  }
  .js .nav-collapse.closed {
    max-height: none
  }
  .nav-toggle {
    display: none
  }
}
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block
}
.slick-track:before, .slick-track:after {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir='rtl'] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-loading .slick-list {
  background: #fff url('/workspace/assets/components/slick-carousel/slick/ajax-loader.gif') center center no-repeat
}
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/slick.eot');
  src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg')
}
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: -10px\9;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25
}
.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 29px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto
}
.slick-prev:before {
  content: '←'
}
[dir='rtl'] .slick-prev:before {
  content: '→'
}
.slick-next {
  right: -25px
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px
}
.slick-next:before {
  content: '→'
}
[dir='rtl'] .slick-next:before {
  content: '←'
}
.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black
} /*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ @font-face {
  font-family: 'FontAwesome';
  src: url('/workspace/assets/components/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('/workspace/assets/components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('/workspace/assets/components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('/workspace/assets/components/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('/workspace/assets/components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('/workspace/assets/components/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}
.fa-2x {
  font-size: 2em
}
.fa-3x {
  font-size: 3em
}
.fa-4x {
  font-size: 4em
}
.fa-5x {
  font-size: 5em
}
.fa-fw {
  width: 1.28571429em;
  text-align: center
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}
.fa-ul > li {
  position: relative
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}
.fa-li.fa-lg {
  left: -1.85714286em
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}
.fa-pull-left {
  float: left
}
.fa-pull-right {
  float: right
}
.fa.fa-pull-left {
  margin-right: .3em
}
.fa.fa-pull-right {
  margin-left: .3em
}
.pull-right {
  float: right
}
.pull-left {
  float: left
}
.fa.pull-left {
  margin-right: .3em
}
.fa.pull-right {
  margin-left: .3em
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  filter: none
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}
.fa-stack-1x {
  line-height: inherit
}
.fa-stack-2x {
  font-size: 2em
}
.fa-inverse {
  color: #fff
}
.fa-glass:before {
  content: "\f000"
}
.fa-music:before {
  content: "\f001"
}
.fa-search:before {
  content: "\f002"
}
.fa-envelope-o:before {
  content: "\f003"
}
.fa-heart:before {
  content: "\f004"
}
.fa-star:before {
  content: "\f005"
}
.fa-star-o:before {
  content: "\f006"
}
.fa-user:before {
  content: "\f007"
}
.fa-film:before {
  content: "\f008"
}
.fa-th-large:before {
  content: "\f009"
}
.fa-th:before {
  content: "\f00a"
}
.fa-th-list:before {
  content: "\f00b"
}
.fa-check:before {
  content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d"
}
.fa-search-plus:before {
  content: "\f00e"
}
.fa-search-minus:before {
  content: "\f010"
}
.fa-power-off:before {
  content: "\f011"
}
.fa-signal:before {
  content: "\f012"
}
.fa-gear:before, .fa-cog:before {
  content: "\f013"
}
.fa-trash-o:before {
  content: "\f014"
}
.fa-home:before {
  content: "\f015"
}
.fa-file-o:before {
  content: "\f016"
}
.fa-clock-o:before {
  content: "\f017"
}
.fa-road:before {
  content: "\f018"
}
.fa-download:before {
  content: "\f019"
}
.fa-arrow-circle-o-down:before {
  content: "\f01a"
}
.fa-arrow-circle-o-up:before {
  content: "\f01b"
}
.fa-inbox:before {
  content: "\f01c"
}
.fa-play-circle-o:before {
  content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e"
}
.fa-refresh:before {
  content: "\f021"
}
.fa-list-alt:before {
  content: "\f022"
}
.fa-lock:before {
  content: "\f023"
}
.fa-flag:before {
  content: "\f024"
}
.fa-headphones:before {
  content: "\f025"
}
.fa-volume-off:before {
  content: "\f026"
}
.fa-volume-down:before {
  content: "\f027"
}
.fa-volume-up:before {
  content: "\f028"
}
.fa-qrcode:before {
  content: "\f029"
}
.fa-barcode:before {
  content: "\f02a"
}
.fa-tag:before {
  content: "\f02b"
}
.fa-tags:before {
  content: "\f02c"
}
.fa-book:before {
  content: "\f02d"
}
.fa-bookmark:before {
  content: "\f02e"
}
.fa-print:before {
  content: "\f02f"
}
.fa-camera:before {
  content: "\f030"
}
.fa-font:before {
  content: "\f031"
}
.fa-bold:before {
  content: "\f032"
}
.fa-italic:before {
  content: "\f033"
}
.fa-text-height:before {
  content: "\f034"
}
.fa-text-width:before {
  content: "\f035"
}
.fa-align-left:before {
  content: "\f036"
}
.fa-align-center:before {
  content: "\f037"
}
.fa-align-right:before {
  content: "\f038"
}
.fa-align-justify:before {
  content: "\f039"
}
.fa-list:before {
  content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
  content: "\f03b"
}
.fa-indent:before {
  content: "\f03c"
}
.fa-video-camera:before {
  content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e"
}
.fa-pencil:before {
  content: "\f040"
}
.fa-map-marker:before {
  content: "\f041"
}
.fa-adjust:before {
  content: "\f042"
}
.fa-tint:before {
  content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044"
}
.fa-share-square-o:before {
  content: "\f045"
}
.fa-check-square-o:before {
  content: "\f046"
}
.fa-arrows:before {
  content: "\f047"
}
.fa-step-backward:before {
  content: "\f048"
}
.fa-fast-backward:before {
  content: "\f049"
}
.fa-backward:before {
  content: "\f04a"
}
.fa-play:before {
  content: "\f04b"
}
.fa-pause:before {
  content: "\f04c"
}
.fa-stop:before {
  content: "\f04d"
}
.fa-forward:before {
  content: "\f04e"
}
.fa-fast-forward:before {
  content: "\f050"
}
.fa-step-forward:before {
  content: "\f051"
}
.fa-eject:before {
  content: "\f052"
}
.fa-chevron-left:before {
  content: "\f053"
}
.fa-chevron-right:before {
  content: "\f054"
}
.fa-plus-circle:before {
  content: "\f055"
}
.fa-minus-circle:before {
  content: "\f056"
}
.fa-times-circle:before {
  content: "\f057"
}
.fa-check-circle:before {
  content: "\f058"
}
.fa-question-circle:before {
  content: "\f059"
}
.fa-info-circle:before {
  content: "\f05a"
}
.fa-crosshairs:before {
  content: "\f05b"
}
.fa-times-circle-o:before {
  content: "\f05c"
}
.fa-check-circle-o:before {
  content: "\f05d"
}
.fa-ban:before {
  content: "\f05e"
}
.fa-arrow-left:before {
  content: "\f060"
}
.fa-arrow-right:before {
  content: "\f061"
}
.fa-arrow-up:before {
  content: "\f062"
}
.fa-arrow-down:before {
  content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
  content: "\f064"
}
.fa-expand:before {
  content: "\f065"
}
.fa-compress:before {
  content: "\f066"
}
.fa-plus:before {
  content: "\f067"
}
.fa-minus:before {
  content: "\f068"
}
.fa-asterisk:before {
  content: "\f069"
}
.fa-exclamation-circle:before {
  content: "\f06a"
}
.fa-gift:before {
  content: "\f06b"
}
.fa-leaf:before {
  content: "\f06c"
}
.fa-fire:before {
  content: "\f06d"
}
.fa-eye:before {
  content: "\f06e"
}
.fa-eye-slash:before {
  content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071"
}
.fa-plane:before {
  content: "\f072"
}
.fa-calendar:before {
  content: "\f073"
}
.fa-random:before {
  content: "\f074"
}
.fa-comment:before {
  content: "\f075"
}
.fa-magnet:before {
  content: "\f076"
}
.fa-chevron-up:before {
  content: "\f077"
}
.fa-chevron-down:before {
  content: "\f078"
}
.fa-retweet:before {
  content: "\f079"
}
.fa-shopping-cart:before {
  content: "\f07a"
}
.fa-folder:before {
  content: "\f07b"
}
.fa-folder-open:before {
  content: "\f07c"
}
.fa-arrows-v:before {
  content: "\f07d"
}
.fa-arrows-h:before {
  content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080"
}
.fa-twitter-square:before {
  content: "\f081"
}
.fa-facebook-square:before {
  content: "\f082"
}
.fa-camera-retro:before {
  content: "\f083"
}
.fa-key:before {
  content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
  content: "\f085"
}
.fa-comments:before {
  content: "\f086"
}
.fa-thumbs-o-up:before {
  content: "\f087"
}
.fa-thumbs-o-down:before {
  content: "\f088"
}
.fa-star-half:before {
  content: "\f089"
}
.fa-heart-o:before {
  content: "\f08a"
}
.fa-sign-out:before {
  content: "\f08b"
}
.fa-linkedin-square:before {
  content: "\f08c"
}
.fa-thumb-tack:before {
  content: "\f08d"
}
.fa-external-link:before {
  content: "\f08e"
}
.fa-sign-in:before {
  content: "\f090"
}
.fa-trophy:before {
  content: "\f091"
}
.fa-github-square:before {
  content: "\f092"
}
.fa-upload:before {
  content: "\f093"
}
.fa-lemon-o:before {
  content: "\f094"
}
.fa-phone:before {
  content: "\f095"
}
.fa-square-o:before {
  content: "\f096"
}
.fa-bookmark-o:before {
  content: "\f097"
}
.fa-phone-square:before {
  content: "\f098"
}
.fa-twitter:before {
  content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a"
}
.fa-github:before {
  content: "\f09b"
}
.fa-unlock:before {
  content: "\f09c"
}
.fa-credit-card:before {
  content: "\f09d"
}
.fa-feed:before, .fa-rss:before {
  content: "\f09e"
}
.fa-hdd-o:before {
  content: "\f0a0"
}
.fa-bullhorn:before {
  content: "\f0a1"
}
.fa-bell:before {
  content: "\f0f3"
}
.fa-certificate:before {
  content: "\f0a3"
}
.fa-hand-o-right:before {
  content: "\f0a4"
}
.fa-hand-o-left:before {
  content: "\f0a5"
}
.fa-hand-o-up:before {
  content: "\f0a6"
}
.fa-hand-o-down:before {
  content: "\f0a7"
}
.fa-arrow-circle-left:before {
  content: "\f0a8"
}
.fa-arrow-circle-right:before {
  content: "\f0a9"
}
.fa-arrow-circle-up:before {
  content: "\f0aa"
}
.fa-arrow-circle-down:before {
  content: "\f0ab"
}
.fa-globe:before {
  content: "\f0ac"
}
.fa-wrench:before {
  content: "\f0ad"
}
.fa-tasks:before {
  content: "\f0ae"
}
.fa-filter:before {
  content: "\f0b0"
}
.fa-briefcase:before {
  content: "\f0b1"
}
.fa-arrows-alt:before {
  content: "\f0b2"
}
.fa-group:before, .fa-users:before {
  content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
  content: "\f0c1"
}
.fa-cloud:before {
  content: "\f0c2"
}
.fa-flask:before {
  content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
  content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
  content: "\f0c5"
}
.fa-paperclip:before {
  content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7"
}
.fa-square:before {
  content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9"
}
.fa-list-ul:before {
  content: "\f0ca"
}
.fa-list-ol:before {
  content: "\f0cb"
}
.fa-strikethrough:before {
  content: "\f0cc"
}
.fa-underline:before {
  content: "\f0cd"
}
.fa-table:before {
  content: "\f0ce"
}
.fa-magic:before {
  content: "\f0d0"
}
.fa-truck:before {
  content: "\f0d1"
}
.fa-pinterest:before {
  content: "\f0d2"
}
.fa-pinterest-square:before {
  content: "\f0d3"
}
.fa-google-plus-square:before {
  content: "\f0d4"
}
.fa-google-plus:before {
  content: "\f0d5"
}
.fa-money:before {
  content: "\f0d6"
}
.fa-caret-down:before {
  content: "\f0d7"
}
.fa-caret-up:before {
  content: "\f0d8"
}
.fa-caret-left:before {
  content: "\f0d9"
}
.fa-caret-right:before {
  content: "\f0da"
}
.fa-columns:before {
  content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de"
}
.fa-envelope:before {
  content: "\f0e0"
}
.fa-linkedin:before {
  content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
  content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4"
}
.fa-comment-o:before {
  content: "\f0e5"
}
.fa-comments-o:before {
  content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
  content: "\f0e7"
}
.fa-sitemap:before {
  content: "\f0e8"
}
.fa-umbrella:before {
  content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea"
}
.fa-lightbulb-o:before {
  content: "\f0eb"
}
.fa-exchange:before {
  content: "\f0ec"
}
.fa-cloud-download:before {
  content: "\f0ed"
}
.fa-cloud-upload:before {
  content: "\f0ee"
}
.fa-user-md:before {
  content: "\f0f0"
}
.fa-stethoscope:before {
  content: "\f0f1"
}
.fa-suitcase:before {
  content: "\f0f2"
}
.fa-bell-o:before {
  content: "\f0a2"
}
.fa-coffee:before {
  content: "\f0f4"
}
.fa-cutlery:before {
  content: "\f0f5"
}
.fa-file-text-o:before {
  content: "\f0f6"
}
.fa-building-o:before {
  content: "\f0f7"
}
.fa-hospital-o:before {
  content: "\f0f8"
}
.fa-ambulance:before {
  content: "\f0f9"
}
.fa-medkit:before {
  content: "\f0fa"
}
.fa-fighter-jet:before {
  content: "\f0fb"
}
.fa-beer:before {
  content: "\f0fc"
}
.fa-h-square:before {
  content: "\f0fd"
}
.fa-plus-square:before {
  content: "\f0fe"
}
.fa-angle-double-left:before {
  content: "\f100"
}
.fa-angle-double-right:before {
  content: "\f101"
}
.fa-angle-double-up:before {
  content: "\f102"
}
.fa-angle-double-down:before {
  content: "\f103"
}
.fa-angle-left:before {
  content: "\f104"
}
.fa-angle-right:before {
  content: "\f105"
}
.fa-angle-up:before {
  content: "\f106"
}
.fa-angle-down:before {
  content: "\f107"
}
.fa-desktop:before {
  content: "\f108"
}
.fa-laptop:before {
  content: "\f109"
}
.fa-tablet:before {
  content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b"
}
.fa-circle-o:before {
  content: "\f10c"
}
.fa-quote-left:before {
  content: "\f10d"
}
.fa-quote-right:before {
  content: "\f10e"
}
.fa-spinner:before {
  content: "\f110"
}
.fa-circle:before {
  content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
  content: "\f112"
}
.fa-github-alt:before {
  content: "\f113"
}
.fa-folder-o:before {
  content: "\f114"
}
.fa-folder-open-o:before {
  content: "\f115"
}
.fa-smile-o:before {
  content: "\f118"
}
.fa-frown-o:before {
  content: "\f119"
}
.fa-meh-o:before {
  content: "\f11a"
}
.fa-gamepad:before {
  content: "\f11b"
}
.fa-keyboard-o:before {
  content: "\f11c"
}
.fa-flag-o:before {
  content: "\f11d"
}
.fa-flag-checkered:before {
  content: "\f11e"
}
.fa-terminal:before {
  content: "\f120"
}
.fa-code:before {
  content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123"
}
.fa-location-arrow:before {
  content: "\f124"
}
.fa-crop:before {
  content: "\f125"
}
.fa-code-fork:before {
  content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127"
}
.fa-question:before {
  content: "\f128"
}
.fa-info:before {
  content: "\f129"
}
.fa-exclamation:before {
  content: "\f12a"
}
.fa-superscript:before {
  content: "\f12b"
}
.fa-subscript:before {
  content: "\f12c"
}
.fa-eraser:before {
  content: "\f12d"
}
.fa-puzzle-piece:before {
  content: "\f12e"
}
.fa-microphone:before {
  content: "\f130"
}
.fa-microphone-slash:before {
  content: "\f131"
}
.fa-shield:before {
  content: "\f132"
}
.fa-calendar-o:before {
  content: "\f133"
}
.fa-fire-extinguisher:before {
  content: "\f134"
}
.fa-rocket:before {
  content: "\f135"
}
.fa-maxcdn:before {
  content: "\f136"
}
.fa-chevron-circle-left:before {
  content: "\f137"
}
.fa-chevron-circle-right:before {
  content: "\f138"
}
.fa-chevron-circle-up:before {
  content: "\f139"
}
.fa-chevron-circle-down:before {
  content: "\f13a"
}
.fa-html5:before {
  content: "\f13b"
}
.fa-css3:before {
  content: "\f13c"
}
.fa-anchor:before {
  content: "\f13d"
}
.fa-unlock-alt:before {
  content: "\f13e"
}
.fa-bullseye:before {
  content: "\f140"
}
.fa-ellipsis-h:before {
  content: "\f141"
}
.fa-ellipsis-v:before {
  content: "\f142"
}
.fa-rss-square:before {
  content: "\f143"
}
.fa-play-circle:before {
  content: "\f144"
}
.fa-ticket:before {
  content: "\f145"
}
.fa-minus-square:before {
  content: "\f146"
}
.fa-minus-square-o:before {
  content: "\f147"
}
.fa-level-up:before {
  content: "\f148"
}
.fa-level-down:before {
  content: "\f149"
}
.fa-check-square:before {
  content: "\f14a"
}
.fa-pencil-square:before {
  content: "\f14b"
}
.fa-external-link-square:before {
  content: "\f14c"
}
.fa-share-square:before {
  content: "\f14d"
}
.fa-compass:before {
  content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "\f152"
}
.fa-euro:before, .fa-eur:before {
  content: "\f153"
}
.fa-gbp:before {
  content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
  content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
  content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158"
}
.fa-won:before, .fa-krw:before {
  content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a"
}
.fa-file:before {
  content: "\f15b"
}
.fa-file-text:before {
  content: "\f15c"
}
.fa-sort-alpha-asc:before {
  content: "\f15d"
}
.fa-sort-alpha-desc:before {
  content: "\f15e"
}
.fa-sort-amount-asc:before {
  content: "\f160"
}
.fa-sort-amount-desc:before {
  content: "\f161"
}
.fa-sort-numeric-asc:before {
  content: "\f162"
}
.fa-sort-numeric-desc:before {
  content: "\f163"
}
.fa-thumbs-up:before {
  content: "\f164"
}
.fa-thumbs-down:before {
  content: "\f165"
}
.fa-youtube-square:before {
  content: "\f166"
}
.fa-youtube:before {
  content: "\f167"
}
.fa-xing:before {
  content: "\f168"
}
.fa-xing-square:before {
  content: "\f169"
}
.fa-youtube-play:before {
  content: "\f16a"
}
.fa-dropbox:before {
  content: "\f16b"
}
.fa-stack-overflow:before {
  content: "\f16c"
}
.fa-instagram:before {
  content: "\f16d"
}
.fa-flickr:before {
  content: "\f16e"
}
.fa-adn:before {
  content: "\f170"
}
.fa-bitbucket:before {
  content: "\f171"
}
.fa-bitbucket-square:before {
  content: "\f172"
}
.fa-tumblr:before {
  content: "\f173"
}
.fa-tumblr-square:before {
  content: "\f174"
}
.fa-long-arrow-down:before {
  content: "\f175"
}
.fa-long-arrow-up:before {
  content: "\f176"
}
.fa-long-arrow-left:before {
  content: "\f177"
}
.fa-long-arrow-right:before {
  content: "\f178"
}
.fa-apple:before {
  content: "\f179"
}
.fa-windows:before {
  content: "\f17a"
}
.fa-android:before {
  content: "\f17b"
}
.fa-linux:before {
  content: "\f17c"
}
.fa-dribbble:before {
  content: "\f17d"
}
.fa-skype:before {
  content: "\f17e"
}
.fa-foursquare:before {
  content: "\f180"
}
.fa-trello:before {
  content: "\f181"
}
.fa-female:before {
  content: "\f182"
}
.fa-male:before {
  content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
  content: "\f184"
}
.fa-sun-o:before {
  content: "\f185"
}
.fa-moon-o:before {
  content: "\f186"
}
.fa-archive:before {
  content: "\f187"
}
.fa-bug:before {
  content: "\f188"
}
.fa-vk:before {
  content: "\f189"
}
.fa-weibo:before {
  content: "\f18a"
}
.fa-renren:before {
  content: "\f18b"
}
.fa-pagelines:before {
  content: "\f18c"
}
.fa-stack-exchange:before {
  content: "\f18d"
}
.fa-arrow-circle-o-right:before {
  content: "\f18e"
}
.fa-arrow-circle-o-left:before {
  content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "\f191"
}
.fa-dot-circle-o:before {
  content: "\f192"
}
.fa-wheelchair:before {
  content: "\f193"
}
.fa-vimeo-square:before {
  content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
  content: "\f195"
}
.fa-plus-square-o:before {
  content: "\f196"
}
.fa-space-shuttle:before {
  content: "\f197"
}
.fa-slack:before {
  content: "\f198"
}
.fa-envelope-square:before {
  content: "\f199"
}
.fa-wordpress:before {
  content: "\f19a"
}
.fa-openid:before {
  content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d"
}
.fa-yahoo:before {
  content: "\f19e"
}
.fa-google:before {
  content: "\f1a0"
}
.fa-reddit:before {
  content: "\f1a1"
}
.fa-reddit-square:before {
  content: "\f1a2"
}
.fa-stumbleupon-circle:before {
  content: "\f1a3"
}
.fa-stumbleupon:before {
  content: "\f1a4"
}
.fa-delicious:before {
  content: "\f1a5"
}
.fa-digg:before {
  content: "\f1a6"
}
.fa-pied-piper:before {
  content: "\f1a7"
}
.fa-pied-piper-alt:before {
  content: "\f1a8"
}
.fa-drupal:before {
  content: "\f1a9"
}
.fa-joomla:before {
  content: "\f1aa"
}
.fa-language:before {
  content: "\f1ab"
}
.fa-fax:before {
  content: "\f1ac"
}
.fa-building:before {
  content: "\f1ad"
}
.fa-child:before {
  content: "\f1ae"
}
.fa-paw:before {
  content: "\f1b0"
}
.fa-spoon:before {
  content: "\f1b1"
}
.fa-cube:before {
  content: "\f1b2"
}
.fa-cubes:before {
  content: "\f1b3"
}
.fa-behance:before {
  content: "\f1b4"
}
.fa-behance-square:before {
  content: "\f1b5"
}
.fa-steam:before {
  content: "\f1b6"
}
.fa-steam-square:before {
  content: "\f1b7"
}
.fa-recycle:before {
  content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
  content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
  content: "\f1ba"
}
.fa-tree:before {
  content: "\f1bb"
}
.fa-spotify:before {
  content: "\f1bc"
}
.fa-deviantart:before {
  content: "\f1bd"
}
.fa-soundcloud:before {
  content: "\f1be"
}
.fa-database:before {
  content: "\f1c0"
}
.fa-file-pdf-o:before {
  content: "\f1c1"
}
.fa-file-word-o:before {
  content: "\f1c2"
}
.fa-file-excel-o:before {
  content: "\f1c3"
}
.fa-file-powerpoint-o:before {
  content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8"
}
.fa-file-code-o:before {
  content: "\f1c9"
}
.fa-vine:before {
  content: "\f1ca"
}
.fa-codepen:before {
  content: "\f1cb"
}
.fa-jsfiddle:before {
  content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd"
}
.fa-circle-o-notch:before {
  content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
  content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
  content: "\f1d1"
}
.fa-git-square:before {
  content: "\f1d2"
}
.fa-git:before {
  content: "\f1d3"
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4"
}
.fa-tencent-weibo:before {
  content: "\f1d5"
}
.fa-qq:before {
  content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9"
}
.fa-history:before {
  content: "\f1da"
}
.fa-circle-thin:before {
  content: "\f1db"
}
.fa-header:before {
  content: "\f1dc"
}
.fa-paragraph:before {
  content: "\f1dd"
}
.fa-sliders:before {
  content: "\f1de"
}
.fa-share-alt:before {
  content: "\f1e0"
}
.fa-share-alt-square:before {
  content: "\f1e1"
}
.fa-bomb:before {
  content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3"
}
.fa-tty:before {
  content: "\f1e4"
}
.fa-binoculars:before {
  content: "\f1e5"
}
.fa-plug:before {
  content: "\f1e6"
}
.fa-slideshare:before {
  content: "\f1e7"
}
.fa-twitch:before {
  content: "\f1e8"
}
.fa-yelp:before {
  content: "\f1e9"
}
.fa-newspaper-o:before {
  content: "\f1ea"
}
.fa-wifi:before {
  content: "\f1eb"
}
.fa-calculator:before {
  content: "\f1ec"
}
.fa-paypal:before {
  content: "\f1ed"
}
.fa-google-wallet:before {
  content: "\f1ee"
}
.fa-cc-visa:before {
  content: "\f1f0"
}
.fa-cc-mastercard:before {
  content: "\f1f1"
}
.fa-cc-discover:before {
  content: "\f1f2"
}
.fa-cc-amex:before {
  content: "\f1f3"
}
.fa-cc-paypal:before {
  content: "\f1f4"
}
.fa-cc-stripe:before {
  content: "\f1f5"
}
.fa-bell-slash:before {
  content: "\f1f6"
}
.fa-bell-slash-o:before {
  content: "\f1f7"
}
.fa-trash:before {
  content: "\f1f8"
}
.fa-copyright:before {
  content: "\f1f9"
}
.fa-at:before {
  content: "\f1fa"
}
.fa-eyedropper:before {
  content: "\f1fb"
}
.fa-paint-brush:before {
  content: "\f1fc"
}
.fa-birthday-cake:before {
  content: "\f1fd"
}
.fa-area-chart:before {
  content: "\f1fe"
}
.fa-pie-chart:before {
  content: "\f200"
}
.fa-line-chart:before {
  content: "\f201"
}
.fa-lastfm:before {
  content: "\f202"
}
.fa-lastfm-square:before {
  content: "\f203"
}
.fa-toggle-off:before {
  content: "\f204"
}
.fa-toggle-on:before {
  content: "\f205"
}
.fa-bicycle:before {
  content: "\f206"
}
.fa-bus:before {
  content: "\f207"
}
.fa-ioxhost:before {
  content: "\f208"
}
.fa-angellist:before {
  content: "\f209"
}
.fa-cc:before {
  content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b"
}
.fa-meanpath:before {
  content: "\f20c"
}
.fa-buysellads:before {
  content: "\f20d"
}
.fa-connectdevelop:before {
  content: "\f20e"
}
.fa-dashcube:before {
  content: "\f210"
}
.fa-forumbee:before {
  content: "\f211"
}
.fa-leanpub:before {
  content: "\f212"
}
.fa-sellsy:before {
  content: "\f213"
}
.fa-shirtsinbulk:before {
  content: "\f214"
}
.fa-simplybuilt:before {
  content: "\f215"
}
.fa-skyatlas:before {
  content: "\f216"
}
.fa-cart-plus:before {
  content: "\f217"
}
.fa-cart-arrow-down:before {
  content: "\f218"
}
.fa-diamond:before {
  content: "\f219"
}
.fa-ship:before {
  content: "\f21a"
}
.fa-user-secret:before {
  content: "\f21b"
}
.fa-motorcycle:before {
  content: "\f21c"
}
.fa-street-view:before {
  content: "\f21d"
}
.fa-heartbeat:before {
  content: "\f21e"
}
.fa-venus:before {
  content: "\f221"
}
.fa-mars:before {
  content: "\f222"
}
.fa-mercury:before {
  content: "\f223"
}
.fa-intersex:before, .fa-transgender:before {
  content: "\f224"
}
.fa-transgender-alt:before {
  content: "\f225"
}
.fa-venus-double:before {
  content: "\f226"
}
.fa-mars-double:before {
  content: "\f227"
}
.fa-venus-mars:before {
  content: "\f228"
}
.fa-mars-stroke:before {
  content: "\f229"
}
.fa-mars-stroke-v:before {
  content: "\f22a"
}
.fa-mars-stroke-h:before {
  content: "\f22b"
}
.fa-neuter:before {
  content: "\f22c"
}
.fa-genderless:before {
  content: "\f22d"
}
.fa-facebook-official:before {
  content: "\f230"
}
.fa-pinterest-p:before {
  content: "\f231"
}
.fa-whatsapp:before {
  content: "\f232"
}
.fa-server:before {
  content: "\f233"
}
.fa-user-plus:before {
  content: "\f234"
}
.fa-user-times:before {
  content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
  content: "\f236"
}
.fa-viacoin:before {
  content: "\f237"
}
.fa-train:before {
  content: "\f238"
}
.fa-subway:before {
  content: "\f239"
}
.fa-medium:before {
  content: "\f23a"
}
.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b"
}
.fa-optin-monster:before {
  content: "\f23c"
}
.fa-opencart:before {
  content: "\f23d"
}
.fa-expeditedssl:before {
  content: "\f23e"
}
.fa-battery-4:before, .fa-battery-full:before {
  content: "\f240"
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241"
}
.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242"
}
.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243"
}
.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244"
}
.fa-mouse-pointer:before {
  content: "\f245"
}
.fa-i-cursor:before {
  content: "\f246"
}
.fa-object-group:before {
  content: "\f247"
}
.fa-object-ungroup:before {
  content: "\f248"
}
.fa-sticky-note:before {
  content: "\f249"
}
.fa-sticky-note-o:before {
  content: "\f24a"
}
.fa-cc-jcb:before {
  content: "\f24b"
}
.fa-cc-diners-club:before {
  content: "\f24c"
}
.fa-clone:before {
  content: "\f24d"
}
.fa-balance-scale:before {
  content: "\f24e"
}
.fa-hourglass-o:before {
  content: "\f250"
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251"
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252"
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253"
}
.fa-hourglass:before {
  content: "\f254"
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255"
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256"
}
.fa-hand-scissors-o:before {
  content: "\f257"
}
.fa-hand-lizard-o:before {
  content: "\f258"
}
.fa-hand-spock-o:before {
  content: "\f259"
}
.fa-hand-pointer-o:before {
  content: "\f25a"
}
.fa-hand-peace-o:before {
  content: "\f25b"
}
.fa-trademark:before {
  content: "\f25c"
}
.fa-registered:before {
  content: "\f25d"
}
.fa-creative-commons:before {
  content: "\f25e"
}
.fa-gg:before {
  content: "\f260"
}
.fa-gg-circle:before {
  content: "\f261"
}
.fa-tripadvisor:before {
  content: "\f262"
}
.fa-odnoklassniki:before {
  content: "\f263"
}
.fa-odnoklassniki-square:before {
  content: "\f264"
}
.fa-get-pocket:before {
  content: "\f265"
}
.fa-wikipedia-w:before {
  content: "\f266"
}
.fa-safari:before {
  content: "\f267"
}
.fa-chrome:before {
  content: "\f268"
}
.fa-firefox:before {
  content: "\f269"
}
.fa-opera:before {
  content: "\f26a"
}
.fa-internet-explorer:before {
  content: "\f26b"
}
.fa-tv:before, .fa-television:before {
  content: "\f26c"
}
.fa-contao:before {
  content: "\f26d"
}
.fa-500px:before {
  content: "\f26e"
}
.fa-amazon:before {
  content: "\f270"
}
.fa-calendar-plus-o:before {
  content: "\f271"
}
.fa-calendar-minus-o:before {
  content: "\f272"
}
.fa-calendar-times-o:before {
  content: "\f273"
}
.fa-calendar-check-o:before {
  content: "\f274"
}
.fa-industry:before {
  content: "\f275"
}
.fa-map-pin:before {
  content: "\f276"
}
.fa-map-signs:before {
  content: "\f277"
}
.fa-map-o:before {
  content: "\f278"
}
.fa-map:before {
  content: "\f279"
}
.fa-commenting:before {
  content: "\f27a"
}
.fa-commenting-o:before {
  content: "\f27b"
}
.fa-houzz:before {
  content: "\f27c"
}
.fa-vimeo:before {
  content: "\f27d"
}
.fa-black-tie:before {
  content: "\f27e"
}
.fa-fonticons:before {
  content: "\f280"
}
@-webkit-keyframes a {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
    transform: translate(-50%, -50%) rotateX(0) rotateY(0)
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0)
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg)
  }
}
@keyframes a {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
    transform: translate(-50%, -50%) rotateX(0) rotateY(0)
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0)
  }
  to {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg)
  }
}
.fluidbox {
  outline: none
}
.fluidbox__overlay {
  background-color: hsla(0, 0%, 100%, .85);
  cursor: pointer;
  cursor: zoom-out;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.fluidbox--opened .fluidbox__overlay {
  pointer-events: auto
}
.fluidbox__wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}
.fluidbox--closed .fluidbox__thumb, .fluidbox__thumb {
  -webkit-transition: opacity 0s ease-in-out 0s;
  transition: opacity 0s ease-in-out 0s
}
.fluidbox__ghost {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  transition-duration: 0s, .5s;
  transition-delay: 0s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform
}
.fluidbox--opened .fluidbox__ghost {
  cursor: pointer;
  cursor: zoom-out
}
.fluidbox--closed .fluidbox__ghost {
  -webkit-transition-delay: .5s, 0s;
  transition-delay: .5s, 0s
}
.fluidbox__loader {
  opacity: 0;
  -webkit-perspective: 200px;
  perspective: 200px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}
.fluidbox__loader:before {
  background-color: hsla(0, 0%, 100%, .85);
  content: '';
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  padding-bottom: 20%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}
.fluidbox--loading .fluidbox__loader {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out .5s;
  transition: opacity .5s ease-in-out .5s
}
.fluidbox--loading .fluidbox__loader:before {
  -webkit-animation: a 1s 0s infinite ease-in-out forwards;
  animation: a 1s 0s infinite ease-in-out forwards
}
/*# sourceMappingURL=fluidbox.min.css.map */ .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
  float: left
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
  overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1)
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.pswp img {
  max-width: none
}
.pswp--animate_opacity {
  opacity: 0.001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--open {
  display: block
}
.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab
}
.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing
}
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity
}
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none
}
.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden
}
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0
}
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
  background: #222
}
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0
}
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC
}
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1
}
.pswp__button:active {
  outline: none;
  opacity: 0.9
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0
}
.pswp__ui--over-close .pswp__button--close {
  opacity: 1
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background: url(/workspace/assets/components/photoswipe/dist/default-skin/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/workspace/assets/components/photoswipe/dist/default-skin/default-skin.svg)
  }
  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none
  }
}
.pswp__button--close {
  background-position: 0 -44px
}
.pswp__button--share {
  background-position: -44px -44px
}
.pswp__button--fs {
  display: none
}
.pswp--supports-fs .pswp__button--fs {
  display: block
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
  visibility: hidden
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute
}
.pswp__button--arrow--left {
  left: 0
}
.pswp__button--arrow--right {
  right: 0
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px
}
.pswp__counter, .pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity
}
.pswp__share-modal--hidden {
  display: none
}
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000
}
.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
  opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px
}
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A
}
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF
}
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D
}
a.pswp__share--download:hover {
  background: #DDD
}
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px
}
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB
}
.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC
}
.pswp__caption--empty {
  display: none
}
.pswp__caption--fake {
  visibility: hidden
}
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr
}
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px
}
.pswp__preloader--active {
  opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
  background: url(/workspace/assets/components/photoswipe/dist/default-skin/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0
}
@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550
}
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%
}
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible
}
.pswp__top-bar, .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5)
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3)
}
.pswp__ui--idle .pswp__top-bar {
  opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0
}
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001
}
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
  display: none
}
.pswp__element--disabled {
  display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
  background: none
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap
}
.select2-container .select2-search--inline {
  float: left
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051
}
.select2-results {
  display: block
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none
}
.select2-results__option[aria-selected] {
  cursor: pointer
}
.select2-container--open .select2-dropdown {
  left: 0
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-search--dropdown {
  display: block;
  padding: 4px
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none
}
.select2-search--dropdown.select2-search--hide {
  display: none
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0)
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none
}
.select2-container--classic .select2-dropdown--below {
  border-top: none
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb
}
.plyr input[type=range]:focus, .plyr:focus {
  outline: 0
}
.plyr .plyr__video-embed iframe, .plyr__tooltip {
  pointer-events: none
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0
  }
}
.plyr {
  position: relative;
  max-width: 100%;
  min-width: 200px;
  font-family: Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
  direction: ltr
}
.plyr, .plyr *, .plyr ::after, .plyr ::before {
  box-sizing: border-box
}
.plyr a, .plyr button, .plyr input, .plyr label {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}
.plyr audio, .plyr video {
  width: 100%;
  height: auto;
  vertical-align: middle;
  border-radius: inherit
}
.plyr input[type=range] {
  display: block;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  background: 0 0
}
.plyr input[type=range]::-webkit-slider-runnable-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -webkit-user-select: none;
  user-select: none
}
.plyr input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  margin-top: -4px;
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
  box-sizing: border-box
}
.plyr input[type=range]::-moz-range-track {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -moz-user-select: none;
  user-select: none
}
.plyr input[type=range]::-moz-range-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
  box-sizing: border-box
}
.plyr input[type=range]::-ms-track {
  height: 8px;
  background: 0 0;
  border: 0;
  color: transparent
}
.plyr input[type=range]::-ms-fill-upper {
  height: 8px;
  background: 0 0;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none
}
.plyr input[type=range]::-ms-fill-lower {
  height: 8px;
  border: 0;
  border-radius: 4px;
  -ms-user-select: none;
  user-select: none;
  background: #258fa5
}
.plyr input[type=range]::-ms-thumb {
  position: relative;
  height: 16px;
  width: 16px;
  background: #fff;
  border: 2px solid transparent;
  border-radius: 100%;
  transition: background .2s ease, border .2s ease, transform .2s ease;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .15);
  box-sizing: border-box;
  margin-top: 0
}
.plyr input[type=range]::-ms-tooltip {
  display: none
}
.plyr input[type=range]::-moz-focus-outer {
  border: 0
}
.plyr input[type=range].tab-focus:focus {
  outline-offset: 3px
}
.plyr input[type=range]:active::-webkit-slider-thumb {
  background: #258fa5;
  border-color: #fff;
  transform: scale(1.25)
}
.plyr input[type=range]:active::-moz-range-thumb {
  background: #258fa5;
  border-color: #fff;
  transform: scale(1.25)
}
.plyr input[type=range]:active::-ms-thumb {
  background: #258fa5;
  border-color: #fff;
  transform: scale(1.25)
}
.plyr--video input[type=range].tab-focus:focus {
  outline: rgba(255, 255, 255, .5) dotted 1px
}
.plyr--audio input[type=range].tab-focus:focus {
  outline: rgba(86, 93, 100, .5) dotted 1px
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute !important;
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important
}
.plyr__video-wrapper {
  position: relative;
  background: #000;
  border-radius: inherit;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC)
}
.plyr__video-embed {
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden
}
.plyr__video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.plyr__video-embed > div {
  position: relative;
  padding-bottom: 200%;
  transform: translateY(-35.95%)
}
.plyr video::-webkit-media-text-track-container {
  display: none
}
.plyr__captions {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  transform: translateY(-40px);
  transition: transform .3s ease;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 400
}
.plyr__captions span {
  border-radius: 2px;
  padding: 3px 10px;
  background: rgba(0, 0, 0, .7);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 150%
}
.plyr__captions span:empty {
  display: none
}
@media (min-width:768px) {
  .plyr__captions {
    font-size: 24px
  }
}
.plyr--captions-active .plyr__captions {
  display: block
}
.plyr--fullscreen-active .plyr__captions {
  font-size: 32px
}
.plyr--hide-controls .plyr__captions {
  transform: translateY(-15px)
}
.plyr ::-webkit-media-controls {
  display: none
}
.plyr__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  text-align: center
}
.plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button {
  margin-left: 5px
}
.plyr__controls .plyr__progress:first-child, .plyr__controls .plyr__time:first-child, .plyr__controls > button:first-child {
  margin-left: 0
}
.plyr__controls .plyr__volume {
  margin-left: 5px
}
.plyr__controls [data-plyr=pause] {
  margin-left: 0
}
.plyr__controls button {
  position: relative;
  display: inline-block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: visible;
  vertical-align: middle;
  padding: 7px;
  border: 0;
  background: 0 0;
  border-radius: 3px;
  cursor: pointer;
  transition: background .3s ease, color .3s ease, opacity .3s ease;
  color: inherit
}
.plyr__controls button svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: currentColor
}
.plyr__controls button:focus {
  outline: 0
}
.plyr__controls .icon--captions-on, .plyr__controls .icon--exit-fullscreen, .plyr__controls .icon--muted {
  display: none
}
@media (min-width:480px) {
  .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls > button {
    margin-left: 10px
  }
}
.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none
}
.plyr--video .plyr__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 10px 10px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: #fff;
  transition: opacity .3s ease
}
.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover {
  background: #258fa5;
  color: #fff
}
.plyr--audio .plyr__controls {
  padding: 10px;
  border-radius: inherit;
  background: #fff;
  border: 1px solid #dbe3e8;
  color: #565D64
}
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large {
  background: #258fa5;
  color: #fff
}
.plyr__play-large {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border: 4px solid currentColor;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
  transition: all .3s ease
}
.plyr__play-large svg {
  position: relative;
  left: 2px;
  width: 20px;
  height: 20px;
  display: block;
  fill: currentColor
}
.plyr__play-large:focus {
  outline: rgba(255, 255, 255, .5) dotted 1px
}
.plyr .plyr__play-large {
  display: inline-block
}
.plyr--audio .plyr__play-large, .plyr--playing .plyr__controls [data-plyr=play], .plyr__controls [data-plyr=pause] {
  display: none
}
.plyr--playing .plyr__play-large {
  opacity: 0;
  visibility: hidden
}
.plyr--playing .plyr__controls [data-plyr=pause] {
  display: inline-block
}
.plyr--captions-active .plyr__controls .icon--captions-on, .plyr--fullscreen-active .icon--exit-fullscreen, .plyr--muted .plyr__controls .icon--muted {
  display: block
}
.plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr--captions-active .plyr__controls .icon--captions-on + svg, .plyr--fullscreen-active .icon--exit-fullscreen + svg, .plyr--muted .plyr__controls .icon--muted + svg {
  display: none
}
.plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen] {
  display: inline-block
}
.plyr__tooltip {
  position: absolute;
  z-index: 2;
  bottom: 100%;
  margin-bottom: 10px;
  padding: 5px 7.5px;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
  transform: translate(-50%, 10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease, opacity .2s .1s ease
}
.plyr__tooltip::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, .7);
  border-left: 4px solid transparent;
  z-index: 2
}
.plyr button.tab-focus:focus .plyr__tooltip, .plyr button:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1)
}
.plyr button:hover .plyr__tooltip {
  z-index: 3
}
.plyr__controls button:first-child .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(.8);
  transform-origin: 0 100%
}
.plyr__controls button:first-child .plyr__tooltip::before {
  left: 16px
}
.plyr__controls button:last-child .plyr__tooltip {
  right: 0;
  transform: translate(0, 10px) scale(.8);
  transform-origin: 100% 100%
}
.plyr__controls button:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%)
}
.plyr__controls button:first-child .plyr__tooltip--visible, .plyr__controls button:first-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:first-child:hover .plyr__tooltip, .plyr__controls button:last-child .plyr__tooltip--visible, .plyr__controls button:last-child.tab-focus:focus .plyr__tooltip, .plyr__controls button:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1)
}
.plyr__progress {
  position: relative;
  display: none;
  -ms-flex: 1;
  flex: 1
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2
}
.plyr__progress input[type=range]::-webkit-slider-runnable-track {
  background: 0 0
}
.plyr__progress input[type=range]::-moz-range-track {
  background: 0 0
}
.plyr__progress input[type=range]::-ms-fill-upper {
  background: 0 0
}
.plyr__progress .plyr__tooltip {
  left: 0
}
.plyr .plyr__progress {
  display: inline-block
}
.plyr__progress--buffer, .plyr__progress--played, .plyr__volume--display {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 8px;
  margin: -4px 0 0;
  padding: 0;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 100px
}
.plyr__progress--buffer::-webkit-progress-bar, .plyr__progress--played::-webkit-progress-bar, .plyr__volume--display::-webkit-progress-bar {
  background: 0 0
}
.plyr__progress--buffer::-webkit-progress-value, .plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px
}
.plyr__progress--buffer::-moz-progress-bar, .plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 8px
}
.plyr__progress--buffer::-ms-fill, .plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill {
  border-radius: 100px
}
.plyr__progress--played, .plyr__volume--display {
  z-index: 1;
  color: #258fa5;
  background: 0 0;
  transition: none
}
.plyr__progress--played::-webkit-progress-value, .plyr__volume--display::-webkit-progress-value {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: none
}
.plyr__progress--played::-moz-progress-bar, .plyr__volume--display::-moz-progress-bar {
  min-width: 8px;
  max-width: 99%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: none
}
.plyr__progress--played::-ms-fill, .plyr__volume--display::-ms-fill {
  display: none
}
.plyr__progress--buffer::-webkit-progress-value {
  transition: width .2s ease
}
.plyr__progress--buffer::-moz-progress-bar {
  transition: width .2s ease
}
.plyr__progress--buffer::-ms-fill {
  transition: width .2s ease
}
.plyr--video .plyr__progress--buffer, .plyr--video .plyr__volume--display {
  background: rgba(255, 255, 255, .25)
}
.plyr--video .plyr__progress--buffer {
  color: rgba(255, 255, 255, .25)
}
.plyr--audio .plyr__progress--buffer, .plyr--audio .plyr__volume--display {
  background: rgba(198, 214, 219, .66)
}
.plyr--audio .plyr__progress--buffer {
  color: rgba(198, 214, 219, .66)
}
.plyr--loading .plyr__progress--buffer {
  animation: plyr-progress 1s linear infinite;
  background-size: 25px 25px;
  background-repeat: repeat-x;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, .15) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .15) 75%, transparent 75%, transparent);
  color: transparent
}
.plyr--video.plyr--loading .plyr__progress--buffer {
  background-color: rgba(255, 255, 255, .25)
}
.plyr--audio.plyr--loading .plyr__progress--buffer {
  background-color: rgba(198, 214, 219, .66)
}
.plyr__time {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px
}
.plyr__time + .plyr__time {
  display: none
}
@media (min-width:768px) {
  .plyr__time + .plyr__time {
    display: inline-block
  }
}
.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px
}
.plyr__volume {
  display: none
}
.plyr .plyr__volume {
  -ms-flex: 1;
  flex: 1;
  position: relative
}
.plyr .plyr__volume input[type=range] {
  position: relative;
  z-index: 2
}
@media (min-width:480px) {
  .plyr .plyr__volume {
    display: block;
    max-width: 60px
  }
}
@media (min-width:768px) {
  .plyr .plyr__volume {
    max-width: 100px
  }
}
.plyr--is-ios .plyr__volume, .plyr--is-ios [data-plyr=mute] {
  display: none !important
}
.plyr--fullscreen-active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10000000;
  background: #000;
  border-radius: 0 !important
}
.plyr--fullscreen-active video {
  height: 100%
}
.plyr--fullscreen-active .plyr__video-wrapper {
  height: 100%;
  width: 100%
}
.plyr--fullscreen-active .plyr__controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}
.plyr--fullscreen-active.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%)
}
body.stop-scrolling {
  height: 100%;
  overflow: hidden
}
.sweet-overlay {
  background-color: black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000
}
.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999
}
@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px
  }
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block
}
.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal
}
.sweet-alert fieldset {
  border: none;
  position: relative
}
.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s
}
.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s
}
.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px
}
.sweet-alert .sa-error-container p {
  display: inline-block
}
.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s
}
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px
}
.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s
}
.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed
}
.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5
}
.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5
}
.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5
}
.sweet-alert input::-moz-placeholder {
  color: #bdbdbd
}
.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd
}
.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd
}
.sweet-alert.show-input input {
  display: block
}
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative
}
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden
}
.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer
}
.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05)
}
.sweet-alert button:hover {
  background-color: #7ecff4
}
.sweet-alert button:active {
  background-color: #5dc2f1
}
.sweet-alert button.cancel {
  background-color: #C1C1C1
}
.sweet-alert button.cancel:hover {
  background-color: #b9b9b9
}
.sweet-alert button.cancel:active {
  background-color: #a8a8a8
}
.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important
}
.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default
}
.sweet-alert button.confirm[disabled] {
  color: transparent
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s
}
.sweet-alert button::-moz-focus-inner {
  border: 0
}
.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box
}
.sweet-alert .sa-icon.sa-error {
  border-color: #F27474
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86
}
.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1
}
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1
}
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1
}
.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86
}
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px
}
.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat
}
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7)
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95)
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7)
  }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
  }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95)
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5)
  }
}
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5)
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%
  }
  100% {
    top: 50%
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%
  }
  100% {
    top: 50%
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%
  }
  100% {
    top: 0%
  }
}
@keyframes slideToTop {
  0% {
    top: 50%
  }
  100% {
    top: 0%
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%
  }
  100% {
    top: 50%
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%
  }
  100% {
    top: 50%
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%
  }
  100% {
    top: 70%
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%
  }
  100% {
    top: 70%
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s
}
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none
}
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s
}
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s
}
.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s
}
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none
}
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s
}
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s
}
@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px
  }
}
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px
  }
}
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px
  }
  84% {
    width: 55px;
    right: 0px;
    top: 35px
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px
  }
}
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
}
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
  }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg)
  }
}
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s
}
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s
}
.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in
}
@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1
  }
}
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0
  }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1
  }
}
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s
}
@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1
  }
}
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0
  }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0
  }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1
  }
}
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s
}
@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486
  }
  100% {
    border-color: #F8BB86
  }
}
@keyframes pulseWarning {
  0% {
    border-color: #F8D486
  }
  100% {
    border-color: #F8BB86
  }
}
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate
}
@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486
  }
  100% {
    background-color: #F8BB86
  }
}
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486
  }
  100% {
    background-color: #F8BB86
  }
}
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate
}
@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg)
  }
  100% {
    transform: rotate(360deg)
  }
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9
}
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall, .la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff
}
.la-ball-fall.la-dark {
  color: #333
}
.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor
}
.la-ball-fall {
  width: 54px;
  height: 18px
}
.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite
}
.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms
}
.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms
}
.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms
}
.la-ball-fall.la-sm {
  width: 26px;
  height: 8px
}
.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px
}
.la-ball-fall.la-2x {
  width: 108px;
  height: 36px
}
.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px
}
.la-ball-fall.la-3x {
  width: 162px;
  height: 54px
}
.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px
}
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%)
  }
  10% {
    opacity: .5
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  90% {
    opacity: .5
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%)
  }
}
@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%)
  }
  10% {
    opacity: .5
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0)
  }
  90% {
    opacity: .5
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%)
  }
}
@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%)
  }
  10% {
    opacity: .5
  }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  90% {
    opacity: .5
  }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%)
  }
}
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%)
  }
  10% {
    opacity: .5
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  90% {
    opacity: .5
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%)
  }
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0)
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1)
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg)
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg)
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg)
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg)
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada
}
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}
@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
  }
  to {
    -webkit-transform: none;
    transform: none
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fadeOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge
}
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}
@keyframes rollOut {
  from {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
  from {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
@keyframes zoomOut {
  from {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
} /*!
	Modaal - accessible modals - v0.3.1
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-accessible-hide, .modaal-close span, .modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden
}
.modaal-overlay, .modaal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0
}
.modaal-wrapper {
  display: block;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all .3s ease-in-out
}
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden
}
.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0
}
.modaal-wrapper [tabindex="0"] {
  outline: none !important
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden
}
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%
}
.modaal-fullscreen .modaal-outer-wrapper, .modaal-gallery-item img {
  display: block
}
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top
}
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
  cursor: auto
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto
}
.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: 0 0;
  border-radius: 100%;
  transition: all .2s ease-in-out
}
.modaal-close:focus, .modaal-close:hover {
  outline: none;
  background: #fff
}
.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #b93d0c
}
.modaal-close:after, .modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background .2s ease-in-out
}
.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px
}
.modaal-content-container {
  padding: 30px
}
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0
}
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background .2s ease-in-out
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f
}
@keyframes instaReveal {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards
}
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%
}
.modaal-gallery-wrap {
  position: relative;
  color: #fff
}
.modaal-gallery-item {
  display: none
}
.modaal-gallery-item.is_active {
  display: block
}
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff
}
.modaal-gallery-label:focus {
  outline: none
}
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: 0 0;
  border: none;
  border-radius: 100%;
  transition: all .2s ease-in-out
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default
}
.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: none;
  background: #fff
}
.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
  background: #afb7bc
}
.modaal-gallery-control:after, .modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background .2s ease-in-out
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-gallery-next {
  left: 100%;
  margin-left: 40px
}
.modaal-gallery-prev {
  right: 100%;
  margin-right: 40px
}
.modaal-gallery-prev:after, .modaal-gallery-prev:before {
  left: 22px
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}
.modaal-video-wrap {
  margin: auto 50px;
  position: relative
}
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto
}
.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.modaal-iframe .modaal-content, .modaal-iframe-elem {
  width: 100%;
  height: 100%
}
.modaal-iframe-elem {
  display: block
}
@media only screen and (min-width:1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px
  }
}
@media only screen and (max-width:1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: rgba(0, 0, 0, .7)
  }
  .modaal-gallery-control:after, .modaal-gallery-control:before {
    background: #fff
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto
  }
}
@media screen and (max-width:900px) {
  .modaal-instagram iframe {
    width: 500px !important
  }
}
@media screen and (max-height:1100px) {
  .modaal-instagram iframe {
    width: 700px !important
  }
}
@media screen and (max-height:1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px
  }
  .modaal-instagram iframe {
    width: 600px !important
  }
}
@media screen and (max-height:900px) {
  .modaal-instagram iframe {
    width: 500px !important
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px
  }
}
@media only screen and (max-width:600px) {
  .modaal-instagram iframe {
    width: 280px !important
  }
}
@media only screen and (max-height:820px) {
  .modaal-gallery-label {
    display: none
  }
}
.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(.25);
  -ms-transform: scale(.25);
  transform: scale(.25)
}
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  to {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
  }
  to {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute
}
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s
}
.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s
}
.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(3) > div, .modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s
}
.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s
}
.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}
.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite
}
.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div, .modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s
}
.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(7) > div, .modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation-delay: .75s;
  animation-delay: .75s
}
.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0)
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation-delay: .87s;
  animation-delay: .87s
}
.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0)
}
body {
  background-color: #fff
}
@media only screen and (max-width: 40em) {
  .row {
    padding: 0 10px
  }
}
.oem-image-grid-section .section-hd {
  padding: 30px 16px 20px;
  background-color: #1d90a6
}
.oem-image-grid-section .section-hd .zh-title, .oem-image-grid-section .section-hd .en-title {
  color: #fff
}
.oem-image-grid-section .section-hd .zh-title:after {
  display: none
}
.oem-image-grid-section .section-bd {
  padding: 16px 0 0
}
.oem-image-grid-section .image-row {
  margin-bottom: 16px
}
.oem-image-grid-section .no-padding-Yes .image-row {
  margin-bottom: 0
}
.oem-image-grid-section .no-padding-Yes .column {
  padding: 0
}
.oem-image-grid-section .image-box {
  position: relative;
  overflow: hidden
}
.oem-image-grid-section .no-padding-Yes .swiper-pagination {
  bottom: 0
}
.oem-image-grid-section .swiper-pagination {
  bottom: 50px
}
.oem-image-grid-section .swiper-pagination-bullet {
  background: #fff
}
.oem-image-grid-section .swiper-pagination-bullet-active {
  background: #fff
}
.oem-image-grid-section .image-item {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden
}
.oem-image-grid-section .image-item img {
  display: block;
  width: 100%;
  height: auto
}
.oem-image-grid-section .image-box .title {
  margin: 0;
  padding: 10px;
  line-height: 28px;
  font-size: 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20
}
.oem-image-grid-section .hide-info-Yes .image-box .title {
  display: none
}
.oem-video-section {
  margin-bottom: 20px;
  background-position: 50% 0;
  -webkit-background-size: cover;
  background-size: cover
}
.oem-video-section .section-hd .en-title {
  color: #fff
}
.oem-video-section .section-hd .zh-title {
  color: #fff
}
.oem-video-section .section-hd .zh-title:after {
  background-color: #fff
}
.oem-video-section .section-hd {
  padding-bottom: 0
}
.oem-video-section .section-bd {
  padding-bottom: 50px;
  padding-top: 30px
}
.oem-video-section .video-box {
  padding: 10px
}
.oem-video-section .video-box video {
  object-fit: cover
}
@media only screen and (min-width:64.0625em) {
  .oem-video-section .video-wrap {
    display: flex;
    justify-content: space-between
  }
}
.oem-quality-control-section {
  padding: 0 16px
}
.oem-quality-control-section .section-hd {
  padding-bottom: 0
}
.oem-quality-control-section .section-bd {
  padding-top: 30px
}
.oem-quality-control-section .block-summary {
  text-align: center;
  margin-bottom: 40px
}
.oem-quality-control-section .block-images {
  text-align: center
}
.oem-quality-control-section .block-images img {
  display: inline-block;
  max-width: 280px;
  height: auto;
  margin: 0 30px;
  vertical-align: top
}
.contact-section p {
  font-size: 16px;
  color: #000
}
.contact-section strong {
  font-weight: bold
}
.contact-section ul {
  margin: 0;
  padding: 0
}
.contact-section ul li {
  list-style: none;
  font-size: 15px
}
:focus {
  outline: none
}
.cfix::after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both
}
.valign-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}
.valign-wrapper .valign {
  display: block;
  width: 100%
}
.plyr__controls button {
  margin: 0
}
#infscr-loading {
  text-align: center
}
.no-flexbox .valign-wrapper {
  width: 100%;
  height: 100%;
  display: table
}
.no-flexbox .valign-wrapper .valign {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}
.no-padding {
  padding: 0 !important
}
.no-padding-top {
  padding-top: 0 !important
}
.no-padding-bottom {
  padding-bottom: 0 !important
}
.sweet-alert fieldset {
  margin: 0;
  padding: 0
}
.sweet-alert .sa-input-error {
  top: 23px
}
.sweet-alert button {
  box-shadow: none !important
}
.sweet-alert button.confirm {
  background-color: #258fa5 !important
}
.sweet-alert input:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #258fa5
}
video {
  max-width: 100%
}
html.js-nav-active {
  height: 100%
}
.js-nav-active body {
  height: 100%;
  overflow: hidden
}
.js-nav-active header {
  position: fixed !important;
  background-color: #fff
}
body.coc-index-page {
  background-color: #fff
}
picture {
  display: block;
  margin: 0;
  padding: 0
}
picture img {
  width: 100%;
  height: auto;
  max-width: 100%
}
a {
  -webkit-tap-highlight-color: transparent
}
.button:focus, .button:hover, button:focus, button:hover {
  outline: none
}
#nprogress .bar {
  background: #258fa5
}
#nprogress .peg {
  box-shadow: 0 0 10px #258fa5, 0 0 5px #258fa5
}
#nprogress .spinner-icon {
  border-top-color: #258fa5;
  border-left-color: #258fa5
}
header {
  width: 100%;
  height: 4.8125rem;
  background-color: #fff;
  border-bottom: #e5e5e5 solid 1px;
  position: relative;
  z-index: 999
}
header .row {
  height: 100%;
  max-width: 100%
}
@media only screen and (min-width: 64.0625em) {
  header .row {
    max-width: 83.75rem
  }
}
header .row .column {
  height: 100%;
  position: relative;
  padding: 0
}
@media only screen and (min-width: 64.0625em) {
  header .row .column {
    padding: 0 0.3125rem
  }
}
#sitename {
  display: block;
  width: 7.375rem;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99
}
@media only screen and (max-width: 40em) {
  #sitename {
    left: 1.875rem
  }
}
#sitename a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/workspace/assets/img/header/logo.png") no-repeat 0 50%;
  text-indent: -9999px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #sitename a {
    -webkit-background-size: 118px 42px;
    background-size: 118px 42px;
    background-image: url("/workspace/assets/img/header/logo@2x.png")
  }
}
#cocos {
  display: none;
  width: 2.75rem;
  height: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0.9375rem;
  z-index: 99
}
#cocos a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/workspace/assets/img/header/cocos_logo.png") no-repeat 0 50%;
  text-indent: -9999px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #cocos a {
    -webkit-background-size: 43px 57px;
    background-size: 43px 57px;
    background-image: url("/workspace/assets/img/header/cocos_logo@2x.png")
  }
}
#homeslide-wrap {
  position: relative;
  overflow: hidden
}
#homeslide {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0
}
@media only screen and (min-width: 64.0625em) {
  #homeslide {
    height: 41.66666vw
  }
}
#homeslide a {
  display: block;
  width: 100%;
  height: 100%
}
#homeslide a picture {
  width: 100%;
  height: 100%
}
#homeslide a picture img {
  display: block
}
#homeslide .item {
  display: none;
  float: left
}
#homeslide .slide-info {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer
}
#homeslide .slide-info .row {
  max-width: 90%
}
#homeslide .slide-info .en-title p {
  color: #fff;
  font-size: 3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  line-height: 100%;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #homeslide .slide-info .en-title p {
    font-size: 2rem
  }
}
@media only screen and (max-width: 40em) {
  #homeslide .slide-info .en-title p {
    font-size: 1.25rem
  }
}
#homeslide .swiper-slide-active .slide-info .en-title p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#homeslide .slide-info .zh-title p {
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 3.125rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #homeslide .slide-info .zh-title p {
    font-size: 2rem
  }
}
@media only screen and (max-width: 40em) {
  #homeslide .slide-info .zh-title p {
    font-size: 1.25rem;
    margin-bottom: 0.75rem
  }
}
#homeslide .swiper-slide-active .slide-info .zh-title p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#homeslide .slide-info .btn {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#homeslide .swiper-slide-active .slide-info .btn {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#homeslide .slide-info .btn a {
  display: inline-block;
  color: #258fa5;
  background-color: #fff;
  overflow: hidden;
  font-size: 0.6875rem;
  width: 10rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding-right: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  position: relative
}
@media only screen and (max-width: 40em) {
  #homeslide .slide-info .btn a {
    width: 8.75rem;
    font-size: 0.625rem;
    height: 2rem;
    line-height: 2rem
  }
}
#homeslide .slide-info .btn a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  opacity: 0;
  background-color: #b2b2b2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#homeslide .slide-info .btn a:hover:after {
  opacity: 1;
  width: 100%
}
#homeslide .slide-info .btn a i.fa {
  font-size: 1rem;
  padding-left: 1rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 2
}
#homeslide .slide-info .btn a:hover i.fa {
  color: #fff
}
#homeslide .slide-info .btn a span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: 0.75rem;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#homeslide .slide-info .btn .en-text {
  font-family: "Roboto", sans-serif
}
#homeslide .slide-info .btn .zh-text {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0)
}
#homeslide .slide-info .btn a:hover .en-text {
  opacity: 0;
  -webkit-transform: translate3d(0, -30%, 0);
  -ms-transform: translate3d(0, -30%, 0);
  -o-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0)
}
#homeslide .slide-info .btn a:hover .zh-text {
  color: #fff;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#homeslide-wrap .homeslide-button {
  display: none !important
}
@media only screen and (min-width: 40.0625em) {
  #homeslide-wrap .homeslide-button {
    display: block !important;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.875rem;
    position: absolute;
    top: 50%;
    margin-top: -1.875rem;
    cursor: pointer;
    padding: 0.9375rem 0.625rem;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
}
#homeslide-wrap .homeslide-button i.fa {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#homeslide-wrap .homeslide-button:hover i.fa {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5)
}
#homeslide-wrap .homeslide-button-prev {
  left: 1.25rem
}
@media only screen and (max-width: 40em) {
  #homeslide-wrap .homeslide-button-prev {
    left: 0.3125rem
  }
}
#homeslide-wrap .homeslide-button-next {
  right: 1.25rem
}
@media only screen and (max-width: 40em) {
  #homeslide-wrap .homeslide-button-next {
    right: 0.3125rem
  }
}
.js .nav-collapse {
  width: 100%;
  float: none;
  position: absolute;
  top: 4.75rem;
  background-color: #fff;
  height: calc(100vh - 4.75rem);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch
}
@media only screen and (min-width: 64.0625em) {
  .js .nav-collapse {
    float: left;
    height: auto !important;
    position: relative;
    top: auto;
    padding-left: 30%;
    background-color: transparent;
    overflow: visible !important;
    -webkit-transform: translate3d(0, 0, 0) translateZ(0);
    -ms-transform: translate3d(0, 0, 0) translateZ(0);
    -o-transform: translate3d(0, 0, 0) translateZ(0);
    transform: translate3d(0, 0, 0) translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
}
.nav-collapse #main-nav {
  width: 100%
}
.nav-collapse li.level-0 {
  position: relative
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li.level-0 {
    width: auto;
    display: inline-block;
    float: left
  }
}
.nav-collapse li.level-0 {
  font-size: 0.8125rem;
  font-weight: 500
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li.level-0 {
    width: 15%;
    display: inline-block;
    float: left;
    padding: 1.5rem 0
  }
}
.nav-collapse li a.level-0 {
  display: block;
  width: 100%;
  height: 3.75rem;
  line-height: 3.75rem;
  border-bottom: #f0f0f0 solid 1px;
  font-size: 1rem;
  font-weight: 500
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li a.level-0 {
    font-size: 0.8125rem;
    font-weight: 500;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border: 0 none;
    -webkit-transition: color, background-color 0.3s ease;
    -o-transition: color, background-color 0.3s ease;
    transition: color, background-color 0.3s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
.nav-collapse li a.level-0 .fa {
  margin-right: 0.25rem
}
@media only screen and (max-width: 40em) {
  .nav-collapse li.first a.level-0 {
    border-top: #f0f0f0 solid 1px
  }
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li a.level-0:hover, .nav-collapse li.active a.level-0, .nav-collapse li:hover a.level-0 {
    color: #fff;
    background-color: #b2b2b2
  }
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li.active a.level-0 span {
    color: #fff
  }
}
.nav-collapse li a.level-0 span {
  color: #4d4d4d;
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: 1rem
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li a.level-0 span {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li a.level-0:hover span.zh-text, .nav-collapse li:hover a.level-0 span.zh-text {
    opacity: 0
  }
}
.nav-collapse li a.level-0 span.en-text {
  display: none;
  color: #fff
}
@media only screen and (min-width: 64.0625em) {
  .nav-collapse li a.level-0 span.en-text {
    display: inline-block;
    opacity: 0
  }
}
.nav-collapse li a.level-0:hover span.en-text, .nav-collapse li:hover a.level-0 span.en-text {
  opacity: 1
}
.menu-global a {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  background: none !important
}
.menu-global a span {
  font-size: 0.8125rem
}
.menu-global a span, .menu-global a:hover span {
  opacity: 1 !important
}
.menu-global a:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background: url("/workspace/assets/img/header/icon_en.png") no-repeat 0 0;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
  position: absolute;
  top: 50%;
  right: 0.375rem;
  margin-top: -0.5rem
}
.menu-search {
  width: 40px
}
#main-nav .submenu {
  visibility: hidden;
  width: 100%;
  opacity: 1;
  position: relative;
  top: auto;
  left: auto;
  padding: 0;
  border-bottom: #f0f0f0 solid 1px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none
}
@media only screen and (min-width: 64.0625em) {
  #main-nav .submenu {
    width: 15rem;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 4.75rem;
    left: 0;
    z-index: 99;
    margin: 0;
    padding-top: 1px;
    border-bottom: 0 none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
  }
}
.js .nav-collapse-0.opened #main-nav .submenu {
  visibility: visible
}
@media only screen and (min-width: 64.0625em) {
  #main-nav li:hover .submenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}
#main-nav .submenu li {
  list-style: none
}
@media only screen and (max-width: 40em) {
  #main-nav .submenu li {
    border-top: #f5f5f5 solid 1px
  }
}
@media only screen and (min-width: 64.0625em) {
  #main-nav .submenu li {
    position: relative
  }
}
#main-nav .submenu li.first {}
#main-nav .submenu li:last-child {
  border-bottom: 0 none
}
#main-nav .submenu li a.level-1 {
  display: block;
  background-color: #fff;
  height: 3.5rem;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease
}
#main-nav .submenu li a:hover {
  color: #fff;
  background-color: #258fa5
}
#main-nav .submenu li a.level-1 span {
  color: #4d4d4d;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.9375rem 0;
  text-indent: 3.125rem
}
@media only screen and (min-width: 64.0625em) {
  #main-nav .submenu li a.level-1 span {
    font-size: 0.875rem;
    width: 100%;
    height: 100%;
    padding: 0.9375rem 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
  }
}
#main-nav .submenu li a.level-1:hover span.zh-text {
  opacity: 0
}
@media only screen and (max-width: 40em) {
  #main-nav .submenu li a.level-1:hover span.zh-text {
    opacity: 1;
    color: #fff
  }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #main-nav .submenu li a.level-1:hover span.zh-text {
    opacity: 1;
    color: #fff
  }
}
#main-nav .submenu li a.level-1 span.en-text {
  display: none;
  opacity: 0
}
@media only screen and (min-width: 64.0625em) {
  #main-nav .submenu li a.level-1 span.en-text {
    display: block
  }
}
@media only screen and (min-width: 64.0625em) {
  #main-nav .submenu li a.level-1:hover span.en-text {
    color: #fff;
    opacity: 1
  }
}
@media only screen and (min-width: 64.0625em) {
  #main-nav .tertiary-menu {
    visibility: hidden;
    width: 30rem;
    height: auto;
    background-color: #f2f2f2;
    position: absolute;
    top: 0;
    left: 15rem;
    padding: 0.625rem;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease
  }
}
@media only screen and (max-width: 40em) {
  #main-nav .products-topic-menu {
    display: none !important;
    visibility: hidden !important
  }
}
#main-nav .tertiary-menu li {
  width: 50%;
  float: left;
  margin-bottom: 0.625rem
}
#main-nav .submenu li.level-1:hover .tertiary-menu {
  visibility: visible;
  opacity: 1
}
#main-nav .tertiary-menu a {
  display: block;
  padding: 0.625rem;
  text-align: center;
  font-size: 0.875rem
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #main-nav .tertiary-menu a {
    padding: 1.25rem 1.25rem 1.25rem 3.75rem
  }
}
@media only screen and (max-width: 40em) {
  #main-nav .tertiary-menu a {
    padding: 1.25rem 1.25rem 1.25rem 3.75rem;
    text-align: left
  }
}
#main-nav .tertiary-menu a .cover {
  display: block;
  margin-bottom: 0.375rem
}
.nav-toggle {
  display: block;
  width: 2.25rem;
  height: 1.5rem;
  line-height: 1.75rem;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.75rem
}
@media only screen and (min-width: 64.0625em) {
  .nav-toggle {
    display: none
  }
}
.nav-toggle:before {
  content: "\f0c9";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  color: #258fa5;
  font-size: 1.5rem
}
.news-index-page #main {
  padding-bottom: 3.125rem
}
#support-page #main {
  padding-bottom: 1.875rem
}
.home-section > .row {
  max-width: 80rem
}
@media only screen and (max-width: 40em) {
  .home-section > .row > .column {
    padding: 0 0.9375rem
  }
}
.home-section .section-hd {
  padding: 1.25rem 0
}
.home-section .section-hd .section-title .zh-text {
  display: block;
  color: #454545;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 110%
}
.home-section .section-hd .section-title .en-text {
  display: block;
  font-family: "Roboto", sans-serif;
  color: #999;
  font-weight: normal;
  font-size: 0.875rem;
  text-transform: uppercase
}
.home-section .section-hd > .row {
  max-width: 80rem
}
@media only screen and (max-width: 40em) {
  .home-section .section-hd > .row > .column {
    padding: 0 0.9375rem
  }
}
.home-section .section-bd {
  padding: 0.625rem 0 1.875rem
}
.home-section .section-bd > .row {
  max-width: 80rem
}
@media only screen and (max-width: 40em) {
  .home-section .section-bd > .row > .column {
    padding: 0 0.9375rem
  }
}
.products-cats-entrance {
  margin-bottom: 0
}
@media only screen and (min-width: 40.0625em) {
  .products-cats-entrance {
    margin-bottom: 1.875rem
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-cats-entrance {
    margin-bottom: 3.125rem
  }
}
.products-cats-entrance a {
  display: block
}
@media only screen and (max-width: 40em) {
  .products-cats-entrance a {
    margin-bottom: 1rem
  }
}
.products-cats-entrance a .cover-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.625rem
}
.products-cats-entrance a .cover-wrap::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 110%
}
.products-cats-entrance a .cover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: transform 0.4s ease
}
.products-cats-entrance a:hover .cover {
  transform: scale(1.04)
}
#home-solution-wrap {
  position: relative
}
#home-solution-wrap .home-solution-button {
  display: none
}
@media only screen and (min-width: 40.0625em) {
  #home-solution-wrap .home-solution-button {
    color: #afafaf;
    font-size: 2.5rem;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4.375rem;
    cursor: pointer;
    transition: color 0.3s ease
  }
  #home-solution-wrap .home-solution-button:hover {
    color: #258fa5
  }
}
#home-solution-wrap .home-solution-button-prev {
  left: -3.125rem
}
#home-solution-wrap .home-solution-button-next {
  right: -3.125rem
}
.home-solution-swiper {
  background-color: #fff
}
.home-solution-swiper .section-hd {
  padding: 2.5rem 0 1.25rem
}
#home-solution-swiper .slide-bd {
  margin-bottom: 1.25rem
}
#home-solution-swiper .slide-bd .cover {
  display: block;
  position: relative;
  background-size: cover;
  background-position: 50% 50%
}
@media only screen and (max-width: 40em) {
  #home-solution-swiper .slide-bd .cover {
    margin-bottom: 1rem
  }
}
#home-solution-swiper .slide-bd .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50.80128205128205%
}
@media only screen and (min-width: 40.0625em) {
  #home-solution-swiper .slide-bd .info-inner {
    padding: 1.25rem
  }
}
@media only screen and (min-width: 64.0625em) {
  #home-solution-swiper .slide-bd .info-inner {
    padding: 2.5rem
  }
}
#home-solution-swiper .slide-bd .info-inner h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem
}
@media only screen and (min-width: 40.0625em) {
  #home-solution-swiper .slide-bd .info-inner h3 {
    font-size: 1.375rem;
    margin-bottom: 1.125rem
  }
}
@media only screen and (min-width: 64.0625em) {
  #home-solution-swiper .slide-bd .info-inner h3 {
    font-size: 1.5rem;
    margin-bottom: 1.25rem
  }
}
#home-solution-swiper .slide-bd .info-inner p {
  color: #4d4d4d;
  font-size: 0.9375rem
}
#home-solution-swiper .slide-bd .info-inner p.subtitle {
  color: #fff;
  display: inline-block;
  background-color: #258fa5;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 0.375rem;
  padding: 0 0.75rem
}
@media only screen and (min-width: 40.0625em) {
  #home-solution-swiper .slide-bd .info-inner p.subtitle {
    font-size: 1rem;
    margin-bottom: 0.5rem
  }
}
@media only screen and (min-width: 64.0625em) {
  #home-solution-swiper .slide-bd .info-inner p.subtitle {
    font-size: 1.125rem;
    margin-bottom: 0.625rem
  }
}
#home-solution-swiper .slide-bd .info-inner .viewmore {
  font-size: 0.8125rem
}
#home-solution-swiper .slide-bd .info-inner .viewmore a {
  color: #258fa5;
  transition: color 0.3s ease;
  text-decoration: underline;
  font-size: 0.9375rem
}
#home-solution-swiper .slide-bd .info-inner .viewmore a:hover {
  color: #1e7284
}
#home-solution-swiper .slide-bd .info-inner .viewmore a::after {
  content: "\f105";
  font: normal normal normal 15px/1 FontAwesome;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 4px
}
#home-solution-swiper .slide-ft a {
  display: block;
  color: #707070;
  font-size: 0.875rem
}
#home-solution-swiper .slide-ft a:hover {
  color: #258fa5
}
@media only screen and (max-width: 40em) {
  #home-solution-swiper .slide-ft a {
    margin-bottom: 0.75rem
  }
}
#home-solution-swiper .slide-ft .cover {
  display: block;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-bottom: 0.625rem;
  transition: opacity 0.3s ease
}
#home-solution-swiper .slide-ft .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 47.26027397260274%
}
#home-solution-swiper .slide-ft .cover::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: rgba(37, 143, 165, 0) solid 0;
  transition: border 0.3s ease
}
#home-solution-swiper .slide-ft a {
  display: block
}
#home-solution-swiper .slide-ft a:hover .cover {
  opacity: 0.8
}
#home-solution-swiper .slide-ft a:hover .cover::after {
  border: #258fa5 solid 4px
}
#home-solution-swiper .slide-ft .title {
  display: block;
  height: 1.375rem;
  line-height: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
#home-fitness {
  padding-bottom: 1.875rem
}
#home-fitness .section-hd {
  padding-top: 1.875rem
}
#home-fitness .section-bd {
  padding: 0
}
#home-fitness .section-bd .banner {
  display: block;
  position: relative;
  background-size: cover;
  background-position: 50% 0
}
#home-fitness .section-bd .banner::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 30%
}
#home-fitness .section-ft a {
  display: block;
  overflow: hidden;
  position: relative;
  background-color: #258fa5
}
#home-fitness .section-ft a:hover span.title {
  color: #fff;
  background-color: #258fa5
}
#home-fitness .section-ft a:hover .cover {
  transform: scale(1.04);
  opacity: 0.8
}
#home-fitness .section-ft .cover {
  display: block;
  position: relative;
  background-size: cover;
  transition: transform 0.4s ease;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  transform-style: preserve-3d
}
#home-fitness .section-ft .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50%
}
#home-fitness .section-ft span.title {
  display: block;
  background-color: #fff;
  padding: 0.625rem 0.75rem;
  position: relative;
  z-index: 2;
  transition: background-color, color 0.3s ease
}
@media only screen and (max-width: 40em) {
  #home-fitness .section-ft .column:nth-child(1) {
    padding-right: 0.3125rem
  }
  #home-fitness .section-ft .column:nth-child(2) {
    padding-left: 0.3125rem
  }
}
#about-overview-section {
  margin-bottom: 5.625rem
}
@media only screen and (max-width: 40em) {
  #about-overview-section {
    margin-bottom: 3.75rem
  }
}
#about-overview-section .row {
  max-width: 61.25rem
}
@media only screen and (max-width: 40em) {
  #about-overview-section .row .column {
    padding: 0 0.9375rem
  }
}
.about-overview-block .block-hd {
  padding: 3.75rem 0;
  text-align: center
}
@media only screen and (max-width: 40em) {
  .about-overview-block .block-hd {
    padding: 0 0 1.25rem
  }
}
.about-overview-block .en-title {
  color: #ccc;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0
}
.about-overview-block .zh-title {
  display: inline-block;
  color: #1a1a1a;
  font-size: 1.125rem;
  position: relative;
  padding: 0 0 0.375rem
}
.about-overview-block .zh-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background-color: #d9d9d9
}
.about-overview-block p {
  color: #666;
  font-size: 0.875rem;
  line-height: 180%;
  text-align: justify
}
.about-overview-block .btn {
  color: #4d4d4d;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 2rem;
  padding-top: 2rem;
  background: url("/workspace/assets/img/about/more_dots.png") no-repeat 50% 0
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .about-overview-block .btn {
    background-image: url("/workspace/assets/img/about/more_dots@2x.png");
    -webkit-background-size: 23px 5px;
    background-size: 23px 5px
  }
}
#about-history-section {
  padding: 5rem 0 0 0;
  background-image:url("../images/bj_cc.jpg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 100%;
  overflow: hidden
}
@media only screen and (max-width: 40em) {
  #about-history-section {
    padding: 2.5rem 0
  }
}
#about-history-section .row {
  max-width: 60.625rem
}
#about-history-section .block-ft .row {
  max-width: 64.75rem
}
.about-history-block .block-hd {
  text-align: center;
  margin-bottom: 2.8125rem
}
.about-history-block .en-title {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0
}
.about-history-block .zh-title {
  display: inline-block;
  color: #fff;
  font-size: 36px;
  position: relative;
  padding: 20px 0 25px 0;
}
.about-history-block .cover {
  display: inline-block;
  position: relative;
  float: left;
  margin-right: 2.5rem;
  margin-bottom: 0.875rem
}
@media only screen and (max-width: 40em) {
  .about-history-block .cover {
    display: block;
    float: none;
    width: 9.375rem;
    margin: 0 auto 1.25rem
  }
}
.about-history-block .cover img {
  display: block;
  border: #fff solid 0.375rem;
  opacity: 0;
  -webkit-box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s
}
.about-history-block .slick-active .cover img {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.cover-desc {
  display: inline-block;
  color: #258fa5;
  background-color: #fff;
  height: 2rem;
  line-height: 2rem;
  padding: 0.5rem 1.5rem;
  font-size: 32px;
  font-weight: 500;
margin-bottom: 30px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (max-width: 40em) {
  .about-history-block .cover-desc {
    text-align: center;
    font-size: 0.75rem
  }
}
.about-history-block .slick-active .cover-desc {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.about-history-block .item-content {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s
}
@media only screen and (max-width: 40em) {
  .about-history-block .item-content {
    padding: 0 1.875rem
  }
}
.about-history-block .slick-active .item-content {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.about-history-block p {
  color: #fff
}
#about-history-carousel {
  visibility: hidden;
  margin-bottom: 2.5rem;
  opacity: 0
}
#about-history-carousel.slick-initialized {
  visibility: visible;
  opacity: 1
}
#about-history-carousel .year {
  color: #fff;
  font-size: 15rem;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
  position: absolute;
  bottom: -1.25rem;
  left: 19.375rem;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-delay: 0.35s;
  -moz-transition-delay: 0.35s;
  -ms-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s
}
@media only screen and (max-width: 40em) {
  #about-history-carousel .year {
    width: 100%;
    left: 0;
    bottom: -0.625rem;
    font-size: 7.5rem;
    text-align: center
  }
}
#about-history-carousel .slick-active .year {
  opacity: 0.2;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#about-history-carousel .item {
  display: none;
  position: relative;
  min-height: 19.75rem;
  padding: 3.25rem 0 0
}
@media only screen and (max-width: 40em) {
  #about-history-carousel .item {
    min-height: 22.5rem
  }
}
#about-history-carousel .item:focus {
  outline: none
}
#about-history-carousel .slick-track .item {
  display: block
}
#about-history-carousel-nav {
  height: 1.875rem;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
#about-history-carousel-nav.slick-initialized {
  visibility: visible;
  opacity: 1
}
#about-history-carousel-nav:before {
  content: "";
  display: block;
  width: 110%;
  height: 0.25rem;
  background-color: #fff;
  position: absolute;
  left: -5%;
  top: 3.75rem
}
#about-history-carousel-nav .item {
  width: 1.25rem;
  height: 1.25rem;
  padding: 3.5rem 0;
  position: relative;
  text-align: center;
  cursor: pointer
}
#about-history-carousel-nav .item:focus {
  outline: none
}
#about-history-carousel-nav .item:before {
  content: "";
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 100%;
  background-color: #fff;
  border: #ddd solid 0.1875rem;
  margin: 0 auto
}
#about-history-carousel-nav .item.slick-current:before {
  background-color: #258fa5;
  border-color: #fff
}
#about-history-carousel-nav .item .item-label {
  position: absolute;
  color: #258fa5;
  background-color: #fff;
  top: 0;
  left: 50%;
  margin-left: -1.25rem;
  padding: 0.25rem 0.625rem;
  font-size: 0.875rem;
  visibility: hidden;
  opacity: 0
}
#about-history-carousel-nav .item.slick-current .item-label {
  visibility: visible;
  opacity: 1
}
#about-history-carousel-nav .item .item-label:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: transparent solid 0.625rem;
  border-right: transparent solid 0.625rem;
  border-top: #fff solid 0.5rem;
  position: absolute;
  bottom: -0.5rem
}
#about-history-carousel-nav .item .year {
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  padding-top: 0.25rem;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
#about-history-carousel-nav .item.slick-current .year {
  opacity: 1
}
#about-history-carousel-nav .slick-next, #about-history-carousel-nav .slick-prev {
  top: 75%
}
#about-culture-section {
  width: 100%;
  padding: 2.5rem 0;
  overflow: hidden;
	background-color: #f4f4f4;
}
#about-culture-section .block-hd {
  padding: 3.75rem 0;
  text-align: center
}
#about-culture-section .en-title {
  color: #ccc;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0
}
#about-culture-section .zh-title {
  display: inline-block;
  color: #1a1a1a;
  font-size: 36px;
  position: relative;
  padding: 20px 0 25px 0;
}

#about-culture-carousel {
  visibility: hidden;
  margin-bottom: 2.5rem;
  opacity: 0
}
#about-culture-carousel.slick-initialized {
  visibility: visible;
  opacity: 1
}
#about-culture-carousel .item {
  display: none;
  position: relative;
  min-height: 19.75rem;
  padding: 30px 0 0
}
#about-culture-carousel .item img{max-width: 1200px; margin: 0 auto;}
@media only screen and (max-width: 40em) {
  #about-culture-carousel .item {
    min-height: 22.5rem;
    padding: 3.25rem 0.9375rem 0
  }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #about-culture-carousel .item {
    padding: 3.25rem 0.9375rem 0
  }
}
#about-culture-carousel .item p {
  color: #4d4d4d;
  font-size: 0.875rem;
  text-align: justify;
  line-height: 26px;
}
#about-culture-carousel .item:focus {
  outline: none
}
#about-culture-carousel .slick-track .item {
  display: block
}
#about-culture-carousel-nav {
  margin-bottom: 1.875rem;
  position: relative;
  opacity: 0;
  visibility: hidden;
  border: #35adbe solid 1px;
  border-left: 0 none;
  border-right: 0 none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
#about-culture-carousel-nav.slick-initialized {
  visibility: visible;
  opacity: 1
}
#about-culture-carousel-nav .item {
  color: #35adbe;
  width: 1.25rem;
  position: relative;
  text-align: center;
  cursor: pointer;
  font-size: 1rem;
  padding: 0.375rem 0
}
#about-culture-carousel-nav .item.slick-current {
  color: #4c5355;
}
#about-culture-carousel-nav .item.slick-current:before {
  content: "";
  width: 1.875rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
#about-culture-carousel-nav .item:focus {
  outline: none
}
#about-culture-carousel-nav .item:after {
  content: "";
  display: block;
  width: 1px;
  height: 60%;
  position: absolute;
  top: 20%;
  right: -10%;
  background-color: #35adbe;
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
  transform: skewX(-25deg)
}
#about-technology-section {
  background-color: #258fa5;
  margin-bottom: 1.25rem
}
#about-technology-section .section-hd {
  padding: 1.875rem 0
}
#about-technology-section .section-hd .en-title {
  color: #fff;
  font-size: 1.875rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0
}
#about-technology-section .section-hd .zh-title {
  color: #fff;
  font-size: 1.125rem;
  margin: 0
}
#about-technology-section .section-bd .row {
  max-width: 100%
}
#about-technology-section .section-bd .row .column {
  padding: 0
}
#about-awards-section {
  background-color: #fff;
  padding-bottom: 3.125rem
}
#about-awards-section .section-hd {
  padding-bottom: 0
}
#about-awards-section .section-bd {
  padding-bottom: 0
}
@media only screen and (max-width: 40em) {
  #about-awards-section table thead th {
    width: 25%;
    text-align: left
  }
}
@media only screen and (max-width: 40em) {
  #about-awards-section table thead th:last-child {
    display: none
  }
}
@media only screen and (max-width: 40em) {
  #about-awards-section table tr {
    display: block
  }
  #about-awards-section table tr th {
    width: 33.333333%
  }
}
#about-awards-section table tbody td {
  border: 0 none;
  border-bottom: #d9d9d9 solid 1px
}
@media only screen and (max-width: 40em) {
  #about-awards-section table tbody td {
    display: block
  }
}
.tech-text-block {
  position: relative
}
.tech-text-block img.placeholder {
  display: block
}
.tech-text-block .text-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding: 1.875rem
}
.tech-block-1 .tech-text-block, .tech-block-2 .tech-text-block {
  color: #666;
  background-color: #fff
}
.tech-text-block {
  color: #fff;
  background-color: #258fa5
}
@media only screen and (max-width: 40em) {
  .tech-text-block {
    color: #666;
    background-color: #fff
  }
}
.tech-text-block h4 {
  color: inherit;
  font-size: 1rem;
  font-weight: 600
}
.tech-text-block p {
  color: inherit;
  font-size: 0.875rem
}
.tech-text-block .num {
  color: #fff;
  font-size: 3.75rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  line-height: 100%;
  margin-bottom: 0.375rem
}
.tech-block-1 .tech-text-block .num, .tech-block-2 .tech-text-block .num {
  color: #258fa5
}
#news-grid {
  max-width: 80.375rem;
  margin: 0 auto;
  overflow: hidden
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #news-grid {
    padding: 0 6px 1.875rem
  }
}
@media only screen and (max-width: 40em) {
  #news-grid {
    padding: 0 6px 1.875rem
  }
}
#news-grid .row {
  max-width: 80.375rem
}
#news-grid .grid-item {
  padding: 0 0.375rem;
  overflow: hidden;
  margin-bottom: 0.75rem
}
#news-grid .grid-item .cover {
  width: 100%;
  height: auto;
  background-color: #258fa5
}
#news-grid .grid-item .cover a {
  display: block;
  width: 100%;
  height: auto
}
@media only screen and (min-width: 64.0625em) {
  #news-grid .grid-item .cover a img {
    height: 16.25rem
  }
}
#news-grid .grid-item:hover .cover a {
  opacity: 0.5
}
#news-grid .grid-item .no-cover a {
  background: url("/workspace/assets/img/news/cover_logo.png") no-repeat 50% 50%;
  -webkit-background-size: auto;
  background-size: auto
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #news-grid .grid-item .no-cover a {
    background-image: url("/workspace/assets/img/news/cover_logo@2x.png");
    -webkit-background-size: 133px 46px;
    background-size: 133px 46px
  }
}
#news-grid .grid-item .info {
  color: #999;
  height: 6.375rem;
  background-color: #fff;
  overflow: hidden;
  padding: 0.625rem 1.25rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media only screen and (max-width: 40em) {
  #news-grid .grid-item .info {
    height: 8.5rem
  }
}
#news-grid .grid-item .info h3 {
  font-size: 1rem;
  margin: 0
}
#news-grid .grid-item .info h3 a {
  display: block;
  min-height: 2.75rem;
  line-height: 1.375rem;
  width: 100%;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#news-grid .grid-item:hover .info h3 a {
  color: #fff
}
#news-grid .grid-item .info time {
  font-size: 0.875rem;
  color: gray;
  margin-right: 0.625rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#news-grid .grid-item:hover .info time {
  color: #fff
}
#news-grid .grid-item:hover .info {
  color: #fff;
  background-color: #258fa5
}
#news-grid .grid-item .info i.fa {
  margin-right: 0.25rem
}
#news-grid .grid-item .info .views {
  font-size: 0.875rem
}
#headlines-wrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.875rem
}
#headlines {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0
}
@media only screen and (min-width: 64.0625em) {
  #headlines {
    height: 31.59722vw
  }
}
#headlines .item {
  display: none;
  float: left
}
#headlines .item-1 {
  display: block
}
#headlines .slick-track .item {
  display: block
}
#headlines .slide-info {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
#headlines .slide-info .row {
  max-width: 90%
}
#headlines .slide-info .title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 100%;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #headlines .slide-info .title {
    font-size: 1.375rem
  }
}
@media only screen and (max-width: 40em) {
  #headlines .slide-info .title {
    font-size: 1.125rem;
    width: 11.25rem;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}
#headlines .light .slide-info .title {
  color: #258fa5
}
#headlines .dark .slide-info .title {
  color: #fff
}
#headlines .slick-active .slide-info .title {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#headlines .slick-active .slide-info .title a {
  display: inline-block;
  color: inherit;
  position: relative;
  padding-bottom: 0.25rem;
  overflow: hidden
}
#headlines .slick-active .slide-info .title a:focus {
  outline: none
}
#headlines .slick-active .slide-info .title a:after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateX(-100%)
}
#headlines .light .slide-info .title a:after {
  background-color: #258fa5
}
#headlines .slick-active .slide-info .title a:hover:after {
  opacity: 1;
  width: 100%;
  transform: translateX(0)
}
#headlines .slide-info .subtitle {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #headlines .slide-info .subtitle {
    font-size: 1rem
  }
}
@media only screen and (max-width: 40em) {
  #headlines .slide-info .subtitle {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    width: 12.5rem;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }
}
#headlines .light .slide-info .subtitle {
  color: #666
}
#headlines .dark .slide-info .subtitle {
  color: #fff
}
#headlines .slide-info time {
  display: block;
  font-size: 0.875rem;
  padding-top: 1rem;
  position: relative;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#headlines .slick-active .slide-info time {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#headlines .light .slide-info time {
  color: #666
}
#headlines .dark .slide-info time {
  color: #fff
}
#headlines .slide-info time:before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s
}
#headlines .slick-active .slide-info time:before {
  width: 2.5rem
}
#headlines .light .slide-info time:before {
  background-color: rgba(0, 0, 0, 0.3)
}
#headlines .dark .slide-info time:before {
  background-color: #fff
}
#headlines .slick-active .slide-info .subtitle {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#headlines-wrap .slick-dots {
  width: 100%;
  height: 0.5rem;
  margin: 0;
  padding: 0 5.125rem;
  position: absolute;
  bottom: 3.875rem;
  left: 0;
  text-align: right
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #headlines-wrap .slick-dots {
    bottom: 3rem;
    padding: 0 0.75rem
  }
}
@media only screen and (max-width: 40em) {
  #headlines-wrap .slick-dots {
    bottom: 2.25rem;
    padding: 0 0.75rem
  }
}
#headlines-wrap .slick-dots li {
  display: inline-block
}
#headlines-wrap .slick-dots li {
  width: 3rem;
  height: 0.3125rem;
  padding: 0;
  margin: 0 0.125rem
}
#headlines-wrap .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0
}
#headlines-wrap .slick-dots li button:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0
}
#headlines-wrap .slick-dots li.slick-active button:before {
  background-color: #258fa5
}
.new-products-list .products-index-section {
  background-color: transparent !important;
  padding-bottom: 3.125rem
}
.new-products-list .products-index-section .products-section-solution {
  max-width: 82.5rem !important;
  margin: 0 0 1.25rem 6px !important
}
.new-products-list .products-index-section .products-section-list {
  max-width: 82.5rem !important;
  margin: 0 0 0 6px !important
}
.products-index-section:nth-child(even) {
  background-color: #fff
}
.products-index-section:nth-last-child(1) {
  padding-bottom: 2.5rem
}
@media only screen and (max-width: 40em) {
  .products-index-section {
    padding: 0 0.9375rem
  }
}
.products-index-section .row {
  max-width: 80rem
}
.products-index-section .section-hd {
  padding: 1.25rem 0
}
.products-index-section .section-bd {
  padding: 0 0 1.25rem
}
.products-index-section .section-ft {
  padding: 0 0 1.875rem
}
.products-index-section .banner {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 0
}
.products-index-section .banner::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 58.59375%
}
@media only screen and (min-width: 40.0625em) {
  .products-index-section .banner::before {
    padding-top: 28.47141190198366%
  }
}
.products-section-solution {
  max-width: 65rem !important;
  margin: 0 auto 1.25rem !important
}
.products-section-solution .cover {
  display: block;
  position: relative;
  background-size: cover;
  background-position: 50% 50%
}
@media only screen and (max-width: 40em) {
  .products-section-solution .cover {
    margin-bottom: 1rem
  }
}
.products-section-solution .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50.80128205128205%
}
@media only screen and (min-width: 40.0625em) {
  .products-section-solution .info-inner {
    padding: 1.25rem
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-section-solution .info-inner {
    padding: 1.875rem
  }
}
.products-section-solution .info-inner h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1rem
}
@media only screen and (min-width: 40.0625em) {
  .products-section-solution .info-inner h3 {
    font-size: 1.375rem;
    margin-bottom: 1.125rem
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-section-solution .info-inner h3 {
    font-size: 1.5rem;
    margin-bottom: 1.25rem
  }
}
.products-section-solution .info-inner p {
  color: #4d4d4d;
  font-size: 0.9375rem
}
.products-section-solution .info-inner p.subtitle {
  color: #fff;
  display: inline-block;
  background-color: #258fa5;
  font-size: 0.9375rem;
  font-weight: bold;
  margin-bottom: 0.375rem;
  padding: 0 0.75rem
}
@media only screen and (min-width: 40.0625em) {
  .products-section-solution .info-inner p.subtitle {
    font-size: 1rem;
    margin-bottom: 0.5rem
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-section-solution .info-inner p.subtitle {
    font-size: 1.125rem;
    margin-bottom: 0.625rem
  }
}
.products-section-solution .info-inner .viewmore {
  font-size: 0.8125rem
}
.products-section-solution .info-inner .viewmore a {
  color: #258fa5;
  transition: color 0.3s ease;
  text-decoration: underline;
  font-size: 0.9375rem
}
.products-section-solution .info-inner .viewmore a:hover {
  color: #1e7284
}
.products-section-solution .info-inner .viewmore a::after {
  content: "\f105";
  font: normal normal normal 15px/1 FontAwesome;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-left: 4px
}
.products-section-list {
  max-width: 65rem !important;
  margin: 0 auto !important
}
.products-list-swiper-wrap {
  position: relative
}
.products-list-swiper-wrap .products-list-swiper-button {
  display: none
}
@media only screen and (min-width: 40.0625em) {
  .products-list-swiper-wrap .products-list-swiper-button {
    color: #afafaf;
    font-size: 2.5rem;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -2.625rem;
    cursor: pointer;
    transition: color 0.3s ease
  }
  .products-list-swiper-wrap .products-list-swiper-button:hover {
    color: #258fa5
  }
}
.products-list-swiper-wrap .products-list-swiper-button-prev {
  left: -1.875rem
}
.products-list-swiper-wrap .products-list-swiper-button-next {
  right: -1.875rem
}
@media only screen and (min-width: 40.0625em) {
  .products-list-swiper-wrap .swiper-slide {
    width: 33.3333333%;
    margin-right: 0.75rem
  }
}
.products-list-swiper-wrap .swiper-slide a {
  color: #707070;
  display: block;
  width: 100%;
  font-size: 0.875rem
}
.products-list-swiper-wrap .swiper-slide a:hover .cover::after {
  border: #258fa5 solid 4px
}
.products-list-swiper-wrap .swiper-slide .cover {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-color: #e0e0e0;
  margin-bottom: 0.25rem
}
.products-list-swiper-wrap .swiper-slide .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50%
}
.products-list-swiper-wrap .swiper-slide .cover::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: rgba(37, 143, 165, 0) solid 0;
  transition: border 0.3s ease
}
#products-head-section {
  background-color: #258fa5;
  padding: 4.6875rem 0
}
@media only screen and (max-width: 40em) {
  #products-head-section {
    padding: 4.0625rem 0
  }
}
#products-head-section .en-text {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: 3rem;
  margin: 0
}
@media only screen and (max-width: 40em) {
  #products-head-section .en-text {
    font-size: 2rem
  }
}
#products-head-section .zh-text {
  color: #fff;
  font-size: 1.375rem;
  margin: 0
}
@media only screen and (max-width: 40em) {
  #products-head-section .zh-text {
    font-size: 1.25rem
  }
}
.products-grid {
  max-width: 80rem;
  margin: 0 auto
}
.products-grid .row {
  max-width: 100%
}
.products-grid .grid-item {
  width: 50%;
  float: left;
  padding: 0 0.25rem;
  margin-bottom: 0.5rem
}
.products-grid .grid-item.w1h1 {
  width: 50%
}
@media only screen and (min-width: 40.0625em) {
  .products-grid .grid-item.w1h1 {
    width: 25%
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-grid .grid-item.w1h1 {
    height: 25.25rem
  }
}
.products-grid .grid-item.w2h1 {
  width: 50%
}
@media only screen and (min-width: 40.0625em) {
  .products-grid .grid-item.w2h1 {
    width: 50%
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-grid .grid-item.w2h1 {
    height: 25.25rem
  }
}
.products-grid .grid-item.w1h2 {
  width: 50%
}
@media only screen and (min-width: 40.0625em) {
  .products-grid .grid-item.w1h2 {
    width: 25%
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-grid .grid-item.w1h2 {
    width: 25%;
    height: 44.8125rem
  }
}
.products-grid .grid-item .cover {
  background-color: #258fa5
}
.products-grid .grid-item a img {
  display: block
}
.products-grid .grid-item .cover a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.products-grid .grid-item:hover .cover a {
  opacity: 0.5
}
.products-grid .grid-item .info {
  color: #999;
  height: 6.1875rem;
  background-color: #fff;
  overflow: hidden;
  padding: 0.625rem 1.875rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media only screen and (max-width: 40em) {
  .products-grid .grid-item .info {
    height: 8.5rem
  }
}
.products-grid .grid-item:hover .info {
  background-color: #258fa5
}
.products-grid .grid-item .info h3 {
  font-size: 1rem;
  margin: 0
}
.products-grid .grid-item .info h3 a {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.products-grid .grid-item:hover .info h3 a {
  color: #fff
}
.products-grid .grid-item .info h3 {
  color: #4d4d4d;
  font-size: 1.125rem;
  margin: 0;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.products-grid .grid-item .info h3 a {
  color: inherit
}
.products-grid .grid-item .info p {
  color: gray;
  font-size: 0.9375rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.products-grid .grid-item:hover .info p {
  color: #fff
}
#products-cats-section {
  margin: 0.75rem 0
}
@media only screen and (min-width: 40.0625em) {
  #products-cats-section {
    margin: 0;
    background-color: #e0e0e0;
    border: #e5e5e5 solid 1px;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none
  }
}
#products-cats-section .row {
  max-width: 80rem
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #products-cats-section .row {
    padding: 0 0.75rem
  }
}
.products-cats-menu {
  margin: 0
}
.products-cats-menu .menu-item {
  width: 33.33333%;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left
}
@media only screen and (min-width: 40.0625em) {
  .products-cats-menu .menu-item {
    width: 16.666666666666667%
  }
  .total-8 .products-cats-menu .menu-item {
    width: 25%
  }
  .total-7 .products-cats-menu .menu-item {
    width: 14.285714286%
  }
  .total-8 .products-cats-menu .menu-item-5 a {
    background-color: #f1f1f1 !important
  }
  .total-8 .products-cats-menu .menu-item-6 a {
    background-color: #fff !important
  }
  .total-8 .products-cats-menu .menu-item a:hover, .total-8 .products-cats-menu .menu-item.active a {
    color: #fff !important;
    background-color: #258fa5 !important
  }
}
.products-cats-menu .menu-item span.icon-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  width: 5.4375rem;
  margin: 0 auto
}
.products-cats-menu .menu-item span.icon-wrap::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 105%
}
.products-cats-menu .menu-item span.icon-wrap img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  z-index: 1
}
.products-cats-menu .menu-item span.icon-wrap img.icon-hover {
  z-index: 2
}
.products-cats-menu .menu-item a {
  color: #666;
  display: block;
  width: 100%;
  height: 8.75rem;
  background-color: #fff;
  padding: 0;
  text-align: center;
  position: relative;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
.products-cats-menu .menu-item:nth-child(even) a {
  background-color: #f1f1f1
}
.products-cats-menu .menu-item.active a, .products-cats-menu .menu-item a:focus {
  color: #fff !important;
  background-color: #258fa5 !important
}
@media only screen and (max-width: 40em) {
  .products-cats-menu .menu-item-7 {
    width: 100%;
    border-top: #e3e3e3 solid 1px
  }
}
@media only screen and (min-width: 40.0625em) {
  .products-cats-menu.menu-item-even a {
    background-color: #f3f3f3
  }
}
@media only screen and (max-width: 40em) {
  .products-cats-menu .menu-item-2 a, .products-cats-menu .menu-item-4 a, .products-cats-menu .menu-item-6 a {
    background-color: #f3f3f3
  }
}
.products-cats-menu .menu-item a:hover, .products-cats-menu .menu-item.active a {
  color: #fff;
  background-color: #258fa5
}
.products-cats-menu .menu-item a .icon, .products-cats-menu .menu-item a .icon-hover {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.products-cats-menu .menu-item a:focus .icon, .products-cats-menu .menu-item a:hover .icon, .products-cats-menu .menu-item.active a .icon {
  opacity: 0
}
.products-cats-menu .menu-item a .icon-hover {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2.75rem;
  opacity: 0
}
.products-cats-menu .menu-item a:focus .icon-hover, .products-cats-menu .menu-item a:hover .icon-hover, .products-cats-menu .menu-item.active a .icon-hover {
  opacity: 1
}
#products-filter {
  padding-top: 10.5625rem
}
@media only screen and (max-width: 40em) {
  #products-filter {
    padding: 1.25rem 1rem 0
  }
}
#products-filter .filter-block {
  margin-bottom: 3.125rem
}
#products-filter h3 {
  color: #4d4d4d;
  font-size: 0.875rem;
  height: 2.5rem;
  line-height: 2.25rem;
  margin: 0;
  padding: 0
}
#products-filter ul {
  margin: 0;
  padding: 0
}
#products-filter .block-hd h4 {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.5rem;
  font-size: 0.875rem;
  padding: 0.625rem 0 0.375rem;
  border-top: #909090 solid 1px;
  border-bottom: #c0c0c0 solid 1px
}
#products-filter .block-hd h4 svg {
  display: block;
  max-width: 24px;
  margin-right: 0.625rem;
  float: left
}
#products-filter ul li {
  list-style: none
}
#products-filter ul li a {
  color: #333;
  position: relative;
  display: block;
  cursor: pointer;
  font-size: 0.875rem;
  padding: 2px 5px;
  margin: 5px 0
}
#products-filter ul li a:hover {
  color: #258fa5
}
#products-filter ul li a.current {
  color: #fff;
  background-color: #258fa5
}
#productslide-wrap {
  position: relative;
  overflow: hidden
}
#productslide {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0
}
@media only screen and (min-width: 64.0625em) {
  #productslide {
    height: 29.16666666666667vw
  }
}
#productslide a {
  display: block
}
#productslide .slide-info {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer
}
#productslide .slide-info .row {
  max-width: 90%
}
#productslide .slide-info .en-title p {
  color: #fff;
  font-size: 3rem;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  line-height: 100%;
  margin-bottom: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #productslide .slide-info .en-title p {
    font-size: 2rem
  }
}
@media only screen and (max-width: 40em) {
  #productslide .slide-info .en-title p {
    font-size: 1.25rem
  }
}
#productslide .swiper-slide-active .slide-info .en-title p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#productslide .slide-info .zh-title p {
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 3.125rem;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-transition-delay: 0.15s;
  -moz-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #productslide .slide-info .zh-title p {
    font-size: 2rem
  }
}
@media only screen and (max-width: 40em) {
  #productslide .slide-info .zh-title p {
    font-size: 1.25rem;
    margin-bottom: 0.75rem
  }
}
#productslide .swiper-slide-active .slide-info .zh-title p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#productslide .slide-info .btn {
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0);
  -webkit-transition: opacity, -webkit-transform 0.3s ease;
  -o-transition: opacity, -o-transform 0.3s ease;
  transition: opacity, transform 0.3s ease;
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#productslide .swiper-slide-active .slide-info .btn {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#productslide .slide-info .btn a {
  display: inline-block;
  color: #258fa5;
  background-color: #fff;
  overflow: hidden;
  font-size: 0.6875rem;
  width: 10rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding-right: 1.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  position: relative
}
@media only screen and (max-width: 40em) {
  #productslide .slide-info .btn a {
    width: 8.75rem;
    font-size: 0.625rem;
    height: 2rem;
    line-height: 2rem
  }
}
#productslide .slide-info .btn a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  opacity: 0;
  background-color: #b2b2b2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#productslide .slide-info .btn a:hover:after {
  opacity: 1;
  width: 100%
}
#productslide .slide-info .btn a i.fa {
  font-size: 1rem;
  padding-left: 1rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.5rem;
  z-index: 2
}
#productslide .slide-info .btn a:hover i.fa {
  color: #fff
}
#productslide .slide-info .btn a span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: 0.75rem;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#productslide .slide-info .btn .en-text {
  font-family: "Roboto", sans-serif
}
#productslide .slide-info .btn .zh-text {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 30%, 0);
  -ms-transform: translate3d(0, 30%, 0);
  -o-transform: translate3d(0, 30%, 0);
  transform: translate3d(0, 30%, 0)
}
#productslide .slide-info .btn a:hover .en-text {
  opacity: 0;
  -webkit-transform: translate3d(0, -30%, 0);
  -ms-transform: translate3d(0, -30%, 0);
  -o-transform: translate3d(0, -30%, 0);
  transform: translate3d(0, -30%, 0)
}
#productslide .slide-info .btn a:hover .zh-text {
  color: #fff;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#productslide-wrap .productslide-button {
  display: none !important
}
@media only screen and (min-width: 40.0625em) {
  #productslide-wrap .productslide-button {
    display: block !important;
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.875rem;
    position: absolute;
    top: 50%;
    margin-top: -1.875rem;
    cursor: pointer;
    padding: 0.9375rem 0.625rem;
    z-index: 99;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
}
#productslide-wrap .productslide-button i.fa {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
#productslide-wrap .productslide-button:hover i.fa {
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5)
}
#productslide-wrap .productslide-button-prev {
  left: 1.25rem
}
@media only screen and (max-width: 40em) {
  #productslide-wrap .productslide-button-prev {
    left: 0.3125rem
  }
}
#productslide-wrap .productslide-button-next {
  right: 1.25rem
}
@media only screen and (max-width: 40em) {
  #productslide-wrap .productslide-button-next {
    right: 0.3125rem
  }
}
#new-products-list > .row > .column {
  padding: 0 1.25rem
}
@media only screen and (max-width: 40em) {
  #new-products-list > .row > .column {
    padding: 0 5px
  }
}
.products-list-section {
  margin-bottom: 7.5rem
}
@media only screen and (max-width: 40em) {
  .products-list-section {
    margin-bottom: 3.75rem
  }
}
.new-products-list .products-list-section {
  margin-bottom: 3.125rem
}
@media only screen and (max-width: 40em) {
  .new-products-list .products-list-section {
    margin-bottom: 1.25rem
  }
}
.new-products-list .row {
  max-width: 100rem
}
.new-products-list .section-bd {
  padding: 0
}
.products-list-section .row {
  max-width: 82.5rem
}
@media only screen and (min-width: 40.0625em) {
  .products-list-section .section-hd .column {
    padding-right: 0.75rem
  }
}
@media only screen and (max-width: 40em) {
  .products-list-section .section-hd .column {
    padding: 0 0.75rem
  }
}
.products-list-section .filters .row {
  max-width: 31.25rem;
  margin: 0 auto
}
.products-list-section .section-bd-more {
  max-height: 0;
  overflow: hidden
}
.products-list-section .section-bd-more[aria-expanded="true"] {
  overflow: visible !important
}
.products-list-section a.btn {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-top: 1.875rem
}
@media only screen and (max-width: 40em) {
  .products-list-section .medium-7 {
    padding: 0 0.75rem
  }
}
@media medium-up {
  .products-list-section .medium-5 {
    padding-right: 0
  }
}
.products-list-section .section-cover {
  background-color: #fff;
  position: relative;
  margin-bottom: 0.75rem
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .products-list-section .section-cover {
    margin-bottom: 0
  }
}
@media only screen and (min-width: 64.0625em) {
  .products-list-section .section-cover {
    margin-bottom: 0;
    min-height: 33.75rem
  }
}
.products-list-section .section-cover img {
  display: block
}
.products-list-section .section-cover .desc {
  color: #fff;
  display: block;
  width: 100%;
  height: 3.375rem;
  line-height: 2rem;
  padding: 0.6875rem 1.25rem;
  font-size: 1.375rem;
  background-color: #258fa5;
  position: absolute;
  bottom: 0;
  left: 0
}
.products-list-section .row .column .column {
  padding: 0 0.375rem
}
.products-list-section .feature-item {
  margin-bottom: 0.75rem
}
@media only screen and (min-width: 64.0625em) {
  .products-list-section .feature-item {
    min-height: 16.5rem;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
  }
}
.products-list-section .feature-item a {
  display: block
}
.products-list-section .feature-item .cover {
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.products-list-section .feature-item .cover:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 81.4%
}
.products-list-section .feature-item a img {
  display: block;
  width: 101%;
  max-width: 101%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.products-list-section .feature-item a:hover {
  background-color: #258fa5
}
.products-list-section .feature-item a:hover img {
  opacity: 0.5
}
.products-list-section .feature-item .title {
  color: #fff;
  display: block;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  line-height: 1rem;
  background-color: #258fa5
}
.products-list-section .feature-item .title em {
  font-style: normal;
  display: block;
  line-height: 22px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.products-list-section .section-hd .en-title {
  color: #258fa5;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0
}
.products-list-section .section-hd .zh-title {
  font-size: 1.375rem;
  border-bottom: #258fa5 solid 0.125rem;
  padding-bottom: 0.25rem;
  margin: 0 0 1.25rem
}
#page-hero-wrap {
  height: 35rem;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  margin-bottom: 1.875rem
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap {
    height: auto
  }
}
#page-hero-wrap.no-margin-bottom {
  margin-bottom: 0
}
#contact-page #page-hero-wrap {
  margin-bottom: 0
}
#page-hero-wrap .row {
  height: 100%
}
#page-hero-wrap .row .column {
  height: 100%
}
#page-hero-bg {
  position: absolute;
  top: -5%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 110%;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media only screen and (max-width: 40em) {
  #page-hero-bg {
    display: none;
    visibility: hidden;
    background: none !important
  }
}
#page-hero-bg::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(45deg, #f9c556 0%, #09c 50%, #3646dc 100%);
  background: linear-gradient(45deg, #f9c556 0%, #09c 50%, #3646dc 100%);
  opacity: 0.5
}
#page-hero-wrap picture {
  display: none
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap picture {
    display: block;
    height: 58.5vw;
    margin-bottom: 0.75rem
  }
}
#page-hero-info {
  position: relative;
  top: -1.875rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden
}
@media only screen and (max-width: 40em) {
  #page-hero-info {
    top: auto
  }
}
@media only screen and (max-width: 40em) {
  #about-page #page-hero-info {
    display: none
  }
}
#page-hero-wrap .hero-info-wrap {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center
}
#page-hero-wrap .zh-title {
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  line-height: 140%;
  text-align: center
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap .zh-title {
    font-size: 1.125rem;
    line-height: 1.25rem
  }
}
#page-hero-wrap .en-title {
  color: #fff;
  font-size: 3.75rem;
  line-height: 4rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 0
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap .en-title {
    font-size: 2rem;
    line-height: 2.25rem
  }
}
#page-hero-wrap .zh-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin: 0 auto;
  opacity: 0.7
}
#page-hero-wrap .page-breadcrumb {
  padding: 0.9375rem 0;
  line-height: 1rem;
  font-size: 0.875rem;
  position: relative;
  top: -3.125rem
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap .page-breadcrumb {
    top: auto;
    border-top: #eee solid 1px;
    padding: 0.9375rem 0;
    margin: 0 -0.9375rem;
    text-indent: 0.9375rem
  }
}
#page-hero-wrap .page-breadcrumb p {
  color: #fff;
  margin: 0
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap .page-breadcrumb p {
    color: #4d4d4d
  }
}
#page-hero-wrap .page-breadcrumb a {
  color: #fff
}
@media only screen and (max-width: 40em) {
  #page-hero-wrap .page-breadcrumb a {
    color: #4d4d4d
  }
}
.page-hero {
  margin-bottom: 1.875rem;
  position: relative
}
.solution-index-section {
  margin-bottom: 4.375rem
}
@media only screen and (max-width: 40em) {
  .solution-index-section .row {
    padding: 0 1rem
  }
}
@media only screen and (max-width: 40em) {
  .solution-index-section .item {
    margin-bottom: 1rem
  }
}
.solution-index-section .item .title {
  color: #4d4d4d;
  display: block;
  width: 100%;
  height: 3.375rem;
  padding: 1.1875rem 1.25rem;
  font-size: 1rem;
  line-height: 1rem;
  background-color: #fff
}
.solution-index-section .item a {
  display: block;
  background-color: #258fa5
}
.solution-index-section .item a img {
  display: block;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.solution-index-section .item a:hover img {
  opacity: 0.5
}
.solution-index-section .item .title em {
  font-style: normal
}
.solution-index-section .section-hd {
  padding: 1.875rem 0 0.625rem
}
.solution-index-section .section-bd {
  padding: 1.25rem 0
}
.solution-index-section .section-hd .en-title {
  color: #258fa5;
  font-size: 2rem;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
  -webkit-transition: opacity, background-color 0.3s ease;
  -o-transition: opacity, background-color 0.3s ease;
  transition: opacity, background-color 0.3s ease
}
.solution-index-section .item a:hover .title {
  color: #fff;
  background-color: #258fa5
}
.solution-index-section .section-hd .zh-title {
  font-size: 1.375rem;
  border-bottom: #258fa5 solid 0.125rem;
  padding-bottom: 0.25rem;
  margin: 0 0 1.25rem
}
.solution-index-section .section-hd .zh-title::after {
  display: none
}
.fitness-grid {
  max-width: 80.25rem;
  margin: 0 auto 1.875rem
}
.fitness-grid .row {
  max-width: 100%
}
.fitness-grid .grid-item {
  width: 100%;
  padding: 0 0.375rem;
  margin-bottom: 0.75rem
}
@media only screen and (min-width: 40.0625em) {
  .fitness-grid .grid-item {
    float: left
  }
}
.fitness-grid .grid-item.w1h1 {
  width: 100%
}
@media only screen and (min-width: 40.0625em) {
  .fitness-grid .grid-item.w1h1 {
    width: 33.33333%
  }
}
.fitness-grid .grid-item.w2h1 {
  width: 100%;
  min-height: 18.5625rem
}
@media only screen and (min-width: 40.0625em) {
  .fitness-grid .grid-item.w2h1 {
    width: 33.33333%
  }
}
#solution-entry .fitness-grid .grid-item.w2h1 {
  min-height: 0
}
.fitness-grid .grid-item.w1h2 {
  width: 100%
}
@media only screen and (min-width: 40.0625em) {
  .fitness-grid .grid-item.w1h2 {
    width: 33.33333%
  }
}
.fitness-grid .grid-item .cover {
  background-color: #258fa5
}
.fitness-grid .grid-item a img {
  display: block
}
.fitness-grid .grid-item .cover a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.fitness-grid .grid-item:hover .cover a {
  opacity: 0.5
}
.fitness-grid .grid-item .info {
  color: #999;
  height: 6.1875rem;
  background-color: #fff;
  overflow: hidden;
  padding: 0.625rem 1.875rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
@media only screen and (max-width: 40em) {
  .fitness-grid .grid-item .info {
    height: 8.5rem
  }
}
.sports-health-wellness-course-page .fitness-grid .grid-item .info {
  height: auto
}
.fitness-grid .grid-item:hover .info {
  background-color: #258fa5
}
.fitness-grid .grid-item .info h3 {
  font-size: 1rem;
  margin: 0
}
.fitness-grid .grid-item .info h3 a {
  line-height: 1.375rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.fitness-grid .grid-item:hover .info h3 a {
  color: #fff
}
.fitness-grid .grid-item .info h3 {
  min-height: 2.75rem;
  color: #4d4d4d;
  font-size: 1rem;
  margin: 0;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.fitness-grid .grid-item .info h3 a {
  color: inherit
}
.fitness-grid .grid-item .info p {
  color: gray;
  font-size: 0.9375rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.fitness-grid .grid-item:hover .info p {
  color: #fff
}
.fitness-grid .grid-item .info time {
  font-size: 0.875rem;
  color: gray;
  margin-right: 0.625rem;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.fitness-grid .grid-item:hover .info time {
  color: #fff
}
.fitness-grid .grid-item:hover .info {
  color: #fff;
  background-color: #258fa5
}
.fitness-grid .grid-item .info i.fa {
  margin-right: 0.25rem
}
.fitness-grid .grid-item .info .views {
  font-size: 0.875rem
}
#fitness-cats-section {
  margin-bottom: 1.875rem;
  background-color: #e0e0e0;
  border: #e5e5e5 solid 1px;
  border-left: 0 none;
  border-right: 0 none
}
#fitness-cats-section .row {
  max-width: 80rem
}
.fitness-cats-menu {
  margin: 0
}
.fitness-cats-menu .menu-item {
  width: 50%;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left
}
.cats-3 .fitness-cats-menu .menu-item {
  width: 33.3333333%
}
.cats-4 .fitness-cats-menu .menu-item {
  width: 25%
}
.cats-5 .fitness-cats-menu .menu-item {
  width: 20%
}
@media only screen and (max-width: 40em) {
  .fitness-cats-menu .menu-item-5 {
    width: 100%;
    border-top: #e3e3e3 solid 1px
  }
}
.fitness-cats-menu .menu-item a {
  color: #666;
  display: block;
  width: 100%;
  height: 8.75rem;
  background-color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
.fitness-cats-menu .menu-item a.active, .fitness-cats-menu .menu-item a:hover {
  color: #fff;
  background-color: #258fa5
}
@media only screen and (min-width: 40.0625em) {
  .fitness-cats-menu .menu-item-even a {
    background-color: #f3f3f3
  }
}
@media only screen and (max-width: 40em) {
  .fitness-cats-menu .menu-item-2 a, .fitness-cats-menu .menu-item-3 a {
    background-color: #f3f3f3
  }
}
.fitness-cats-menu .menu-item a:hover {
  color: #fff;
  background-color: #258fa5
}
.fitness-cats-menu .menu-item a i.fa {
  display: block;
  font-size: 2rem;
  width: 5.4375rem;
  height: 3.75rem;
  padding-top: 1.25rem;
  margin: 0 auto;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
#fitness-promo {
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0
}
#fitness-promo .row {
  height: 100%
}
#fitness-promo .row > .column {
  height: 100%
}
#fitness-promo .promo-item a {
  display: block
}
#fitness-promo .promo-item a img {
  display: block
}
.project-cases-menu {
  margin: 0
}
.project-cases-menu .menu-item {
  width: 50%;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left
}
@media only screen and (min-width: 40.0625em) {
  .project-cases-menu .menu-item {
    width: 25%
  }
  .project-cases-menu .menu-item-5 a, .project-cases-menu .menu-item-7 a {
    background-color: #f3f3f3 !important
  }
  .project-cases-menu .menu-item-6 a, .project-cases-menu .menu-item-8 a {
    background-color: #fff !important
  }
  .project-cases-menu .menu-item a:hover, .project-cases-menu .menu-item a.active {
    background-color: #258fa5 !important
  }
}
@media only screen and (max-width: 40em) {
  .project-cases-menu .menu-item-5 {
    width: 100%;
    border-top: #e3e3e3 solid 1px
  }
}
.project-cases-menu .menu-item a {
  color: #666;
  display: block;
  width: 100%;
  height: 8.75rem;
  line-height: 0;
  background-color: #fff;
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  outline: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
.project-cases-menu .menu-item a .icon-wrap {
  display: inline-block;
  width: 42px;
  height: 55px;
  overflow: hidden;
  position: relative;
  margin: 2.1875rem auto 0.25rem
}
.project-cases-menu .menu-item a .icon-wrap .icon {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
.project-cases-menu .menu-item a .icon-wrap .icon-hover {
  opacity: 0;
  visibility: hidden
}
.project-cases-menu .menu-item a.active, .project-cases-menu .menu-item a:hover {
  color: #fff;
  background-color: #258fa5
}
.project-cases-menu .menu-item a.active .icon-default, .project-cases-menu .menu-item a:hover .icon-default {
  visibility: hidden;
  opacity: 0
}
.project-cases-menu .menu-item a.active .icon-hover, .project-cases-menu .menu-item a:hover .icon-hover {
  visibility: visible;
  opacity: 1
}
.project-cases-menu .menu-item a:focus {
  color: #fff;
  background-color: #258fa5
}
@media only screen and (min-width: 40.0625em) {
  .project-cases-menu .menu-item-even a {
    background-color: #f3f3f3
  }
}
@media only screen and (max-width: 40em) {
  .project-cases-menu .menu-item-2 a, .project-cases-menu .menu-item-3 a {
    background-color: #f3f3f3
  }
}
.project-cases-menu .menu-item a:hover {
  color: #fff;
  background-color: #258fa5
}
.project-cases-menu .menu-item a i.fa {
  display: block;
  font-size: 2rem;
  width: 5.4375rem;
  height: 3.75rem;
  padding-top: 1.25rem;
  margin: 0 auto;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.breadcrumb-wrap {
  margin-bottom: 1.875rem;
  background-color: #258fa5
}
.product-custom-entry .breadcrumb-wrap {
  margin-bottom: 0
}
.breadcrumb-wrap .row .column {
  padding: 0 0.75rem
}
.breadcrumbs {
  border: 0 none;
  background: none;
  height: 2.5rem;
  padding: 0.75rem 0
}
.breadcrumbs > a::before {
  color: #fff !important;
  opacity: 0.5
}
.breadcrumbs > * {
  color: #fff;
  opacity: 0.7
}
.breadcrumbs > a:hover {
  color: #fff;
  opacity: 1
}
.breadcrumbs > *.current {
  color: #fff;
  opacity: 0.7
}
.product-entry {
  background-color: #fff
}
.product-overview-section {
  padding: 0 0 3.125rem
}
.product-overview-section .row .column {
  padding: 0 0.75rem
}
.product-photo-carousel-wrap {
  padding-bottom: 2.5rem;
  border: #dedede solid 1px
}
@media only screen and (max-width: 40em) {
  .product-photo-carousel-wrap {
    margin-bottom: 1rem
  }
}
.product-photo-carousel .item {
  display: none;
  outline: none
}
@media only screen and (min-width: 64.0625em) {
  .product-photo-carousel .item {
    min-height: 28.4375rem
  }
}
.product-photo-carousel .item-1, .product-photo-carousel .slick-track .item {
  display: block
}
.product-photo-carousel .item img {
  display: block
}
.product-photo-carousel-nav {
  width: 80%;
  margin: 0 auto
}
.product-photo-carousel-nav .item {
  display: none;
  outline: none;
  position: relative
}
.product-photo-carousel-nav .item img {
  opacity: 0.5;
  background-color: #258fa5;
  border: #e5e5e5 solid 1px
}
.product-photo-carousel-nav .item:after {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  border: #258fa5 solid 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden
}
.product-photo-carousel-nav .item.slick-current:after {
  visibility: visible;
  opacity: 1
}
.product-photo-carousel-nav .slick-track .item.slick-current img {
  opacity: 1
}
.product-photo-carousel-nav .slick-track .item {
  display: block
}
.product-photo-carousel-nav .slick-next:before, .product-photo-carousel-nav .slick-prev:before {
  color: #258fa5
}
.product-photo-carousel-nav .slick-prev {
  left: -1.875rem
}
.product-photo-carousel-nav .slick-next {
  right: -1.875rem
}
.product-overview-info .model {
  display: inline-block;
  color: #fff;
  background-color: #258fa5;
  padding: 0.5rem 1rem;
  font-size: 1.125rem;
  margin: 0 0 0.625rem
}
.product-overview-info .title {
  color: #4d4d4d;
  font-size: 1.375rem;
  margin-bottom: 1.25rem
}
.product-overview-info .price {
  display: inline-block;
  color: #1a1a1a;
  background-color: #f0f0f0;
  padding: 0.125rem 5rem 0.125rem 0.75rem
}
.product-overview-info .price span {
  font-size: 1rem
}
.product-overview-info .price em {
  color: #258fa5;
  font-style: normal;
  font-size: 2.25rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400
}
.product-overview-info .colors > span {
  display: block;
  margin-bottom: 0.25rem
}
.product-overview-info .colors span.color {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  text-indent: -9999px;
  margin-right: 0.375rem
}
.product-overview-info .category a {
  color: #666;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.product-overview-info .category a:hover {
  color: #258fa5
}
.product-overview-info .category a i.fa {
  color: inherit;
  margin-right: 0.25rem
}
.product-overview-info .dropdown.button, .product-overview-info button.dropdown {
  margin-right: 1.25rem;
  padding: 0.375rem 8rem 0.375rem 1rem
}
.product-overview-info a.qrcode {
  color: #999;
  height: 1.75rem;
  line-height: 1.75rem;
  position: relative;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.product-overview-info a.qrcode:hover {
  color: #258fa5
}
.product-overview-info a.qrcode .qrcode-img {
  display: block;
  max-width: none;
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: -220px;
  left: 0;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.product-overview-info a.qrcode:hover .qrcode-img {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.product-overview-info a.qrcode .fa {
  font-size: 1.5rem;
  margin-right: 0.25rem;
  position: relative;
  top: 0.1875rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
  -ms-transform: translate3d(0, 0, 0) rotate(0deg);
  -o-transform: translate3d(0, 0, 0) rotate(0deg);
  transform: translate3d(0, 0, 0) rotate(0deg);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.product-overview-info a.qrcode:hover .fa {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
.product-details-section .section-hd {
  background-color: #f6f6f6;
  padding: 0
}
.product-details-section .section-hd .tabs .column {
  padding: 0
}
.product-details-section .section-hd .tabs .tab-title > a, .product-details-section .section-hd .tabs .tab-title > a:active {
  outline: none
}
.product-details-section .section-hd .tabs .tab-title > a {
  color: #4d4d4d;
  padding: 0.5rem 0;
  text-align: center;
  border-right: #ddd solid 1px;
  font-size: 1rem;
  background: none
}
.product-details-section .section-hd .tabs .tab-title:first-child > a {
  border-left: #ddd solid 1px
}
.product-details-section .section-hd .tabs .tab-title.active > a {
  color: #258fa5;
  font-weight: 500;
  position: relative;
  background-color: #fff
}
.product-details-section .section-hd .tabs .tab-title.active > a:after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: 0.125rem;
  background-color: #258fa5;
  position: absolute;
  top: 0;
  left: -1px
}
.product-details-section .section-bd {
  padding-top: 1.25rem
}
.tabs-content .content {
  padding: 1.875rem 0
}
.tabs-content .content table {
  width: 100%;
  border-collapse: collapse;
  border: 0 none
}
.tabs-content .content table td.highlight {
  color: #fff;
  background-color: #258fa5;
  border: 0 none
}
.tabs-content .content table td {
  color: #666;
  font-size: 1rem;
  width: 25%;
  border: #e5e5e5 solid 1px;
  border-left: 0 none;
  border-right: 0 none;
  padding: 0.75rem 1rem;
  vertical-align: middle;
  word-break: break-all
}
.tabs-content .content table td:nth-child(2) {
  border-right: #e5e5e5 solid 1px
}
.tabs-content .content .block-title {
  font-size: 1rem;
  color: #258fa5
}
.spec-cover {
  text-align: center;
  padding: 3.125rem 0
}
.tabs-content .content .faq-block table td:nth-child(1), .tabs-content .content .faq-block table td:nth-child(2) {
  border-right: #e5e5e5 solid 1px
}
.tabs-content .content .faq-block table td.highlight:nth-child(1) {
  border: 0 none
}
.tabs-content .content .faq-block table td p {
  margin: 0
}
.tabs-content .content .faq-block table td ol {
  margin: 0;
  padding: 0
}
.tabs-content .content .faq-block table td ol li {
  list-style: none
}
#about-responsibility-section {
  margin-bottom: 3.75rem
}
#about-responsibility-section .section-hd {
  padding: 1.875rem 0;
  text-align: center
}
@media only screen and (max-width: 40em) {
  #about-responsibility-section .section-hd {
    padding: 1.25rem 0
  }
}
#about-responsibility-section .en-title {
  color: #ccc;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0
}
#about-responsibility-section .zh-title {
  display: inline-block;
  color: #1a1a1a;
  font-size: 1.125rem;
  position: relative;
  padding: 0 0 0.375rem
}
#about-responsibility-section .zh-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background-color: #d9d9d9
}
.section-hd {
  padding: 3.75rem 0;
  text-align: center
}
@media only screen and (max-width: 40em) {
  .section-hd {
    padding: 1.875rem 0
  }
}
.section-bd {
  padding: 3.75rem 0
}
@media only screen and (max-width: 40em) {
  .section-bd {
    padding: 1.875rem 0
  }
}
#support-index-download .section-bd {
  padding-bottom: 0
}
.section-hd .en-title {
  color: #ccc;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0
}
.section-hd .zh-title {
  display: inline-block;
  color: #1a1a1a;
  font-size: 1.125rem;
  position: relative;
  padding: 0 0 0.375rem
}
.section-hd .zh-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background-color: #d9d9d9
}
.products-list-section .section-hd .zh-title:after {
  display: none
}
.section-ft {
  padding: 1.25rem 0
}
.section-ft .btn-readmore {
  display: inline-block;
  color: #4d4d4d;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 2rem;
  padding-top: 2rem;
  background: url("/workspace/assets/img/about/more_dots.png") no-repeat 50% 0;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.section-ft a.btn-readmore:hover {
  color: #258fa5
}
.news-entry {
  background-color: #fff;
  position: relative;
  padding-bottom: 3.125rem
}
.news-entry .row {
  max-width: 80rem
}
#fitness-page .news-entry .row {
  max-width: 73.125rem
}
@media only screen and (max-width: 40em) {
  .news-entry .row > .column {
    padding: 0 1rem
  }
}
.news-entry .entry-hd {
  padding: 4.375rem 0
}
@media only screen and (max-width: 40em) {
  .news-entry .entry-hd {
    padding: 1.875rem 0
  }
}
.news-entry .entry-hd .entry-title {
  color: #258fa5;
  font-size: 1.75rem;
  text-align: center
}
@media only screen and (max-width: 40em) {
  .news-entry .entry-hd .entry-title {
    font-size: 1.375rem;
    text-align: left
  }
}
.news-entry .entry-hd .entry-subtitle {
  color: #666;
  font-size: 1.25rem;
  text-align: center
}
@media only screen and (max-width: 40em) {
  .news-entry .entry-hd .entry-subtitle {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    text-align: left
  }
}
.news-entry .entry-hd .entry-meta {
  font-size: 0.875rem;
  color: gray;
  text-align: center;
  padding-top: 0.625rem;
  border-top: #e9e9e9 solid 1px;
  margin-top: 1.875rem
}
@media only screen and (max-width: 40em) {
  .news-entry .entry-hd .entry-meta {
    text-align: left
  }
}
.news-entry .entry-hd .sep {
  display: inline-block;
  padding: 0 0.625rem
}
.news-entry .entry-hd .date {
  display: inline-block;
  color: gray;
  font-size: 0.875rem
}
.news-entry .entry-hd .buttons a.back {
  display: inline-block;
  text-indent: -9999px
}
.news-entry .entry-hd .buttons a.back:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  vertical-align: middle;
  content: "";
  background: url("/workspace/assets/img/icons/bg_header_icon.png") no-repeat;
  background-position: 0 -144px;
  display: inline-block
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .news-entry .entry-hd .buttons a.back:before {
    background: url("/workspace/assets/img/icons/bg_header_iconx2.png") no-repeat;
    background-size: 96px 192px;
    background-position: 0 -144px
  }
}
.news-entry .entry-hd .buttons a.back:hover:before {
  background-position: -48px -144px
}
.news-entry .entry-ft .row {
  color: #999;
  border-top: #e3e3e3 solid 1px;
  padding-top: 1.875rem;
  margin-top: 1.875rem
}
.news-entry .entry-ft span, .news-entry .entry-hd span {
  display: inline-block;
  margin-right: 0.25rem
}
.news-entry .entry-ft a, .news-entry .entry-hd a {
  color: gray;
  display: inline-block;
  margin-right: 0.375rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.news-entry .entry-ft a:hover, .news-entry .entry-hd a:hover {
  color: #258fa5
}
@media only screen and (max-width: 40em) {
  .news-entry .entry-ft .quick-links {
    margin-bottom: 1.25rem
  }
}
.news-entry .entry-ft .quick-links a:hover {
  text-decoration: underline
}
.news-entry .entry-share {
  text-align: right
}
@media only screen and (max-width: 40em) {
  .news-entry .entry-share {
    text-align: left
  }
}
.news-entry .entry-bd p {
  color: #666;
  font-size: 1rem;
  line-height: 180%
}
.news-entry .entry-bd p * {
  font-size: inherit !important
}
.news-entry img {
  display: block;
  margin: 0 auto
}
.news-entry iframe {
  display: block;
  max-width: 100%;
  min-width: 720px;
  min-height: 405px;
  margin: 0 auto
}
@media only screen and (max-width: 40em) {
  .news-entry iframe {
    height: 56.25vw
  }
}
.news-entry-next-section {
  color: rgba(255, 255, 255, 0.7);
  padding: 6.25rem 0;
  background-color: #1f7a8c
}
.news-entry-next-section h4 a {
  color: #fff
}
.news-entry-next-section h4 a:hover {
  text-decoration: underline
}
.news-entry-next-section a.button {
  display: inline-block;
  height: 2.75rem;
  line-height: 1.75rem;
  border-radius: 1.375rem;
  padding: 0.5rem 1rem
}
.news-entry-next-section a.button:hover {
  color: #258fa5;
  background-color: #fff
}
.small-hero-block {
  position: relative
}
@media only screen and (max-width: 40em) {
  .small-hero-block {
    margin-bottom: 0.75rem
  }
}
.small-hero-block a {
  display: block;
  background-color: #258fa5
}
.small-hero-block a img {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.small-hero-block a:hover img.cover {
  opacity: 0.5
}
.small-hero-block a .icon {
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem
}
.small-hero-block .cover {
  position: absolute;
  top: 0;
  left: 0
}
.large-hero-block {
  background-color: #258fa5
}
@media only screen and (max-width: 40em) {
  .large-hero-block {
    margin-bottom: 0.75rem
  }
}
.large-hero-block a img {
  display: block;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.large-hero-block a:hover img {
  opacity: 0.5
}
.product-item-carousel-wrap {
  position: relative;
  background-color: #fff
}
.product-item-carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0
}
.product-item-carousel .swiper-slide a {
  outline: none
}
.product-item-carousel .swiper-slide a img {
  display: block;
  margin-bottom: 0.625rem
}
.product-item-carousel .swiper-slide .title {
  display: block;
  width: 80%;
  height: 1rem;
  line-height: 1rem;
  color: #666;
  font-size: 0.875rem;
  padding: 0 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 auto
}
.product-item-carousel-wrap .swiper-pagination {
  width: 100%;
  bottom: 1.25rem;
  position: absolute
}
.product-item-carousel-wrap .swiper-pagination-bullet {
  background-color: #258fa5;
  margin: 0 0.25rem
}
#footer {
  padding: 3.125rem 0 0;
  background-color: #258fa5
}
#footer .row {
  position: relative
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #footer .row {
    padding: 0 1rem 0 2.25rem
  }
}
@media only screen and (max-width: 40em) {
  #footer .row {
    padding: 0 0.9375rem
  }
}
@media only screen and (max-width: 40em) {
  #footer .row > .column {
    padding: 0
  }
}
#footer .menu-block {
  margin-bottom: 1.875rem
}
@media only screen and (max-width: 40em) {
  #footer .menu-block {
    margin-bottom: 0
  }
}
@media only screen and (max-width: 40em) {
  #footer .column:first-child .menu-block {
    min-height: 0
  }
}
#footer .menu-block h4 {
  color: #fff;
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: 0.9375rem
}
@media only screen and (max-width: 40em) {
  #footer .menu-block h4 {
    margin: 0
  }
}
#footer .menu-block h4 a {
  color: #fff
}
@media only screen and (max-width: 40em) {
  #footer .menu-block h4 a {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    border-bottom: rgba(0, 0, 0, 0.15) solid 1px;
    padding: 0.75rem
  }
}
@media only screen and (max-width: 40em) {
  #footer .column:first-child > .menu-block:first-child h4 a {
    border-top: rgba(0, 0, 0, 0.15) solid 1px
  }
}
#footer .menu-block li {
  display: block
}
#footer .menu-block a {
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
  position: relative;
  padding-bottom: 0.125rem;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
#footer .menu-block a:hover {
  color: white
}
@media only screen and (max-width: 40em) {
  #footer .menu-block a:hover {
    background-color: #23889d
  }
}
#footer .menu-block a span {
  position: relative;
  z-index: 2
}
#footer .menu-block a i {
  font-size: 1rem;
  padding-right: 0.1875rem
}
#footer .menu-block a:after {
  opacity: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (max-width: 40em) {
  #footer .menu-block a:after {
    display: none
  }
}
#footer .menu-block a:hover:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
#footer .menu-block ul {
  margin: 0;
  padding: 0
}
@media only screen and (max-width: 40em) {
  #footer .menu-block ul {
    display: none
  }
}
#footer .menu-block ul li {
  list-style: none;
  font-size: 0.875rem;
  line-height: 140%
}
@media only screen and (max-width: 40em) {
  #footer .footer-bd {
    padding-bottom: 2.5rem
  }
}
#footer .footer-ft {
  background-color: #218195;
  padding: 1.875rem 0
}
@media only screen and (max-width: 40em) {
  #footer .footer-ft {
    padding: 1.25rem 0
  }
}
#footer .footer-ft p {
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  font-size: 0.875rem
}
.index-cats-menu {
  position: relative;
  margin-bottom: 0.625rem
}
#contact-cats-menu {
  padding: 1.875rem 0
}
.index-cats-menu .menu-block {
  display: block;
  width: 100%
}
@media only screen and (max-width: 40em) {
  .index-cats-menu .menu-block {
    margin-bottom: 0.75rem
  }
}
.index-cats-menu .menu-block a {
  color: #1a1a1a;
  display: block;
  width: 100%;
  height: 14.75rem;
  background-color: #fff;
  padding-top: 2.5rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .index-cats-menu .menu-block a {
    height: 13.5rem
  }
}
@media only screen and (max-width: 40em) {
  .index-cats-menu .menu-block a {
    height: 9.75rem;
    padding-top: 1.875rem
  }
}
.index-cats-menu .menu-block a:hover {
  color: #fff;
  background-color: #258fa5
}
.index-cats-menu .menu-block a .block-title {
  color: inherit;
  display: block;
  font-size: 1.125rem;
  text-align: center
}
@media only screen and (max-width: 40em) {
  .index-cats-menu .menu-block a .block-title {
    font-size: 1rem
  }
}
.index-cats-menu .menu-block a .block-desc {
  color: inherit;
  display: block;
  text-align: center;
  font-size: 0.875rem;
  margin-bottom: 2rem;
  opacity: 0.6
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .index-cats-menu .menu-block a .block-desc {
    margin-bottom: 1.375rem
  }
}
@media only screen and (max-width: 40em) {
  .index-cats-menu .menu-block a .block-desc {
    width: 90%;
    height: 0.875rem;
    line-height: 0.875rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto 1rem
  }
}
.index-cats-menu .menu-block a .block-icon {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
@media only screen and (max-width: 40em) {
  .index-cats-menu .menu-block a .block-icon {
    width: 2rem;
    height: 2rem
  }
}
#contact-page .index-cats-menu .menu-block-1 a .block-icon {
  width: 4.875rem;
  height: 4.875rem;
  margin-top: -0.4375rem
}
@media only screen and (max-width: 40em) {
  #contact-page .index-cats-menu .menu-block-1 a .block-icon {
    width: 2.375rem;
    height: 2.375rem;
    margin-top: 0
  }
}
.index-cats-menu .menu-block a .block-icon .icon-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.index-cats-menu .menu-block a:hover .block-icon .icon {
  opacity: 0
}
.index-cats-menu .menu-block a:hover .block-icon .icon-hover {
  opacity: 1
}
.index-extra-menu {
  background-color: #fff
}
@media only screen and (max-width: 40em) {
  .index-extra-menu {
    background: none
  }
}
.index-extra-menu .row .column {
  padding: 0 0.75rem
}
@media only screen and (min-width: 40.0625em) {
  .index-extra-menu .row .column {
    padding: 0
  }
}
.index-extra-menu .menu-block {
  display: block;
  width: 100%
}
@media only screen and (max-width: 40em) {
  .index-extra-menu .menu-block {
    margin-bottom: 0.75rem
  }
}
.index-extra-menu .menu-block a {
  color: #1a1a1a;
  display: block;
  width: 100%;
  background-color: #fff;
  padding: 1.875rem 0 2.5rem;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease
}
.index-extra-menu .menu-block a:hover {
  color: #fff;
  background-color: #258fa5
}
.index-extra-menu .menu-block a .block-num {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  display: block;
  color: inherit;
  font-size: 3rem;
  opacity: 0.1;
  text-align: center
}
.index-extra-menu .menu-block a:hover .block-num {
  color: inherit
}
.index-extra-menu .menu-block a .block-title {
  color: inherit;
  display: block;
  font-size: 1.125rem;
  text-align: center
}
@media only screen and (max-width: 40em) {
  .index-extra-menu .menu-block a .block-title {
    font-size: 1rem
  }
}
.index-extra-menu .menu-block a .block-desc {
  color: inherit;
  display: block;
  text-align: center;
  font-size: 0.875rem;
  margin-bottom: 2rem;
  opacity: 0.6
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .index-extra-menu .menu-block a .block-desc {
    margin-bottom: 1.375rem
  }
}
@media only screen and (max-width: 40em) {
  .index-extra-menu .menu-block a .block-desc {
    width: 90%;
    height: 0.875rem;
    line-height: 0.875rem;
    font-size: 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto 1rem
  }
}
.index-extra-menu .menu-block a .block-label {
  color: #258fa5;
  display: block;
  text-align: center;
  font-size: 1.25rem
}
.index-extra-menu .menu-block a:hover .block-label {
  color: inherit
}
.index-extra-menu .menu-block a .block-icon {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 0 auto 0.75rem;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
@media only screen and (max-width: 40em) {
  .index-extra-menu .menu-block a .block-icon {
    width: 2rem;
    height: 2rem
  }
}
.index-extra-menu .menu-block a .block-icon .icon-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease
}
.index-extra-menu .menu-block a:hover .block-icon .icon {
  opacity: 0
}
.index-extra-menu .menu-block a:hover .block-icon .icon-hover {
  opacity: 1
}
table.table-download-list {
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
  background: none
}
table.table-download-list thead {
  background: none
}
table.table-download-list th {
  color: #fff;
  background-color: #258fa5;
  border-bottom: #258fa5 solid 1px;
  font-size: 0.875rem;
  padding: 1rem
}
table.table-download-list tbody {
  background: none
}
table.table-download-list tr {
  background: #fff
}
table.table-download-list tr.alt, table.table-download-list tr.even, table.table-download-list tr:nth-of-type(even) {
  background: #fafafa
}
table.table-download-list tbody td {
  color: gray;
  background-color: transparent;
  font-size: 0.875rem;
  border-bottom: #e5e5e5 solid 1px;
  padding: 1rem
}
table.table-download-list tbody td a:hover {
  text-decoration: underline
}
table.table-download-list tbody td i.fa {
  margin-right: 0.125rem
}
@media only screen and (max-width: 40em) {
  table.table-download-list tbody tr td.btn-download span {
    display: none
  }
}
#contact-info-section .row {
  max-width: 61.25rem
}
#contact-info-section .contact-info-block {
  padding: 6.25rem 3rem
}
#contact-info-section .en-title {
  color: #ccc;
  font-family: "Roboto", sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0
}
#contact-info-section .zh-title {
  display: inline-block;
  color: #1a1a1a;
  font-size: 1.125rem;
  position: relative;
  padding: 0 0 0.375rem;
  margin-bottom: 1.875rem
}
#contact-info-section .zh-title:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  background-color: #d9d9d9
}
#contact-info-section .zh-title.highlight {
  color: #258fa5
}
#contact-info-section .section-hd {
  margin-bottom: 0;
  padding-bottom: 0
}
#contact-info-section .card {
  background-color: #fff;
  margin-bottom: 0.75rem
}
#contact-info-section .card .cover img {
  display: block;
  width: 100%
}
#contact-info-section .card-content {
  padding: 1.25rem
}
#contact-info-section .card-content p {
  font-size: 0.875rem
}
.faq-list-table {
  width: 100%;
  border-collapse: collapse;
  border: 0 none
}
@media only screen and (max-width: 40em) {
  .faq-list-table td {
    display: block;
    width: 100%
  }
}
table.faq-list-table {
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
  background: none;
  margin-bottom: 20px
}
table.faq-list-table.active {
  margin-bottom: 2px
}
table.faq-list-table thead {
  background: none
}
table.faq-list-table th {
  width: 80%;
  font-size: 0.875rem;
  border-bottom: #d8d8d8 solid 1px;
  padding: 1rem;
  text-align: left
}
table.faq-list-table th:first-child {
  width: 20%
}
table.faq-list-table.active th {
  background-color: #258fa5;
  color: #fff;
  border-bottom: #258fa5 solid 1px
}
table.faq-list-table tbody {
  background: none
}
table.faq-list-table.active tbody {
  width: 100%;
  display: table-row-group
}
@media only screen and (max-width: 40em) {
  table.faq-list-table.active tbody {
    display: block
  }
}
table.faq-list-table tr {
  background: #fff
}
@media only screen and (max-width: 40em) {
  table.faq-list-table tr {
    display: block;
    width: 100%
  }
}
table.faq-list-table tr.alt, table.faq-list-table tr.even, table.faq-list-table tr:nth-of-type(even) {
  background: #fafafa
}
table.faq-list-table ol, table.faq-list-table ul {
  margin: 0
}
table.faq-list-table li, table.faq-list-table p, table.faq-list-table td {
  font-size: 0.875rem;
  margin: 0
}
table.faq-list-table tbody td {
  color: gray;
  background-color: transparent;
  font-size: 0.875rem;
  border-bottom: #e5e5e5 solid 1px;
  border-right: #e5e5e5 solid 1px;
  padding: 1rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
@media only screen and (max-width: 40em) {
  table.faq-list-table tbody td {
    display: block;
    width: 100%
  }
}
table.faq-list-table tbody td:first-child {
  width: 20%
}
@media only screen and (max-width: 40em) {
  table.faq-list-table tbody td:first-child {
    display: block;
    width: 100%
  }
}
table.faq-list-table tbody td:last-child {
  border-right: 0 none
}
table.faq-list-table tbody td i.fa {
  margin-right: 0.25rem
}
table.faq-list-table tbody tr:hover td a {
  color: #fff
}
table.faq-list-table .subhead {
  color: #1a1a1a;
  background-color: #eceae6
}
table.faq-list-table .subhead td {
  font-size: 1rem;
  font-weight: bold;
  border-right: #d8d8d8 solid 1px
}
@media only screen and (max-width: 40em) {
  table.faq-list-table .subhead td {
    border-right: 0 none
  }
}
table.faq-list-table .subhead td:last-child {
  border-right: 0 none
}
table.faq-list-table ol, table.faq-list-table ul {
  margin: 0
}
table.faq-list-table ol li {
  list-style: none
}
.single-paper {
  background-color: #fff;
  padding: 3.125rem 1.875rem
}
.single-paper h3 {
  font-size: 1rem;
  font-weight: bold
}
.single-paper p {
  color: #666;
  font-size: 0.875rem
}
#feedback-section {
  padding-bottom: 3.125rem
}
#feedback-section .row {
  max-width: 60rem
}
.feedback-form .row {
  max-width: 45rem;
  margin: 0 auto
}
.feedback-form input, .feedback-form textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #c8c8c8
}
.feedback-form input:focus, .feedback-form textarea:focus {
  color: #258fa5;
  border-color: #258fa5
}
.feedback-form button {
  padding: 0.5rem 0.9375rem
}
.feedback-form button span {
  display: inline-block;
  margin-right: 1.875rem
}
#recruit-section {
  margin-bottom: 3.125rem
}
.accordion .accordion-navigation > a {
  background-color: transparent;
  border-bottom: #d9d9d9 solid 1px;
  font-size: 0.875rem;
  color: #4d4d4d;
  padding: 0.75rem 1rem
}
.accordion-navigation a span {
  display: inline-block;
  float: left
}
.accordion-navigation a span.num {
  width: 10%
}
.accordion-navigation a span.title {
  width: 60%
}
.accordion-navigation a span.date {
  width: 20%
}
.accordion-navigation a i.fa {
  display: inline-block;
  text-align: right;
  float: right;
  width: 10%
}
.accordion .accordion-navigation > .content {
  padding: 1.875rem 0
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  background-color: transparent;
  border-bottom: #258fa5 solid 1px
}
.accordion .accordion-navigation.active .fa-angle-down:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}
.accordion .accordion-navigation .content p {
  color: #333;
  font-size: 0.875rem;
  line-height: 180%
}
.accordion .accordion-navigation .content ol, .accordion .accordion-navigation .content ul {
  margin: 0 0 1rem
}
.accordion .accordion-navigation .content li {
  color: #333;
  list-style: none;
  font-size: 0.875rem;
  line-height: 180%
}
.accordion .accordion-head {
  height: 3rem;
  list-style: none;
  font-size: 0.875rem;
  color: #fff;
  background-color: #258fa5;
  padding: 0.75rem 1rem
}
.accordion .accordion-head span {
  display: inline-block;
  float: left
}
.accordion .accordion-head span.num-head {
  width: 10%
}
.accordion .accordion-head span.title-head {
  width: 60%
}
.accordion .accordion-head span.date-head {
  width: 20%
}
#hotline-section {
  margin-bottom: 3.125rem
}
#hotline-section .section-hd {
  margin-bottom: 0.625rem;
  padding-bottom: 1.25rem
}
#hotline-section .section-hd .title {
  color: #4d4d4d;
  font-size: 1.125rem
}
#hotline-section span.sep {
  display: inline-block;
  width: 0.9375rem
}
@media only screen and (max-width: 40em) {
  #hotline-section span.sep {
    display: block
  }
}
#hotline-section .section-hd .row {
  border-bottom: #258fa5 solid 2px
}
#hotline-section .section-bd {
  padding: 0
}
#hotline-section .section-bd p {
  color: #258fa5;
  font-size: 1.125rem;
  font-weight: bold
}
#support-policy-section .section-hd {
  padding-bottom: 0.625rem
}
#support-policy-section .section-bd {
  padding-top: 1.25rem
}
table {
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
  background: none;
  margin-bottom: 0
}
table thead {
  background: none
}
table thead tr th, table tr th {
  color: #fff;
  background-color: #258fa5;
  font-size: 0.875rem;
  border-bottom: #d8d8d8 solid 1px;
  padding: 1rem;
  text-align: left
}
table tr {
  background: #fff
}
@media only screen and (max-width: 40em) {
  table tr {
    display: flex;
    width: 100%
  }
}
table tr.alt, table tr.even, table tr:nth-of-type(even) {
  background: #fafafa
}
table tbody td {
  color: gray;
  background-color: transparent;
  font-size: 0.875rem;
  border-bottom: #e5e5e5 solid 1px;
  border-right: #e5e5e5 solid 1px;
  padding: 1rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease
}
@media only screen and (max-width: 40em) {
  table tbody td {
    display: block;
    width: 100%
  }
}
table tbody td:first-child {
  width: 20%
}
@media only screen and (max-width: 40em) {
  table tbody td:first-child {
    display: block;
    width: 100%
  }
}
table tbody td:last-child {
  border-right: 0 none
}
table tbody td i.fa {
  margin-right: 0.25rem
}
table .subhead {
  color: #1a1a1a;
  background-color: #eceae6
}
table .subhead td {
  font-size: 1rem;
  font-weight: bold;
  border-right: #d8d8d8 solid 1px
}
@media only screen and (max-width: 40em) {
  table .subhead td {
    border-right: 0 none
  }
}
table .subhead td:last-child {
  border-right: 0 none
}
table ol, table ul {
  margin: 0
}
table ol li {
  list-style: none
}
.table-section {
  margin-bottom: 1.875rem
}
.table-section-hd .title {
  color: #4d4d4d;
  font-size: 1.125rem
}
#recruit-entry-section .row {
  max-width: 60rem
}
.button {
  min-width: 10rem;
  padding: 0.5rem 1rem;
  text-align: left
}
.button i.fa {
  float: right
}
.btn-apply {
  display: inline-block;
  width: 10rem;
  padding: 0.5rem 1rem
}
.btn-apply span {
  float: left
}
.btn-apply i.fa {
  float: right
}
#location-map-section .content-row {
  display: none
}
#location-map-section.has-result .content-row {
  display: block
}
.network-list {
  margin: 0;
  min-height: 42.75rem;
  max-height: 42.75rem;
  overflow: scroll
}
.network-list li {
  list-style: none
}
.network-list li a {
  display: block;
  min-height: 4.75rem;
  background-color: #f8f8f6;
  border-bottom: #d9d9d9 solid 1px;
  text-align: left;
  padding: 1rem
}
.network-list li a:hover, .network-list li.active a {
  background-color: #fff;
  border-bottom-color: #258fa5
}
.network-list li a .title {
  display: block;
  color: #333;
  font-size: 1rem
}
.network-list li a:hover .title, .network-list li.active a .title {
  color: #258fa5
}
.network-list li a .address {
  display: block;
  color: #666;
  font-size: 0.875rem
}
#product-download-list tr td {
  border-right: #e5e5e5 solid 1px
}
@media only screen and (max-width: 40em) {
  #product-download-list tr td {
    display: table-cell
  }
}
@media only screen and (max-width: 40em) {
  #product-download-list table.table-download-list thead tr {
    background-color: #258fa5
  }
}
#product-download-list tr td:last-child {
  border-right: 0 none
}
#product-download-list tr td:nth-child(1) {
  width: 10%
}
#product-download-list tr td:nth-child(2) {
  width: 50%
}
#product-download-list tr td:nth-child(5) {
  width: 15%
}
#product-download-list tr td a {
  display: inline-block;
  width: 5rem;
  text-align: center
}
#solution-entry .row {
  max-width: 61.25rem
}
#solution-entry .entry-hd {
  margin-bottom: 1.25rem
}
#solution-entry .entry-hd .title {
  color: #4d4d4d;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem
}
#solution-entry .entry-hd p {
  color: gray;
  font-size: 0.875rem;
  line-height: 160%
}
.solution-gallery-wrap {
  background-color: #e9f4f6;
  padding: 1.25rem;
  margin-bottom: 1.875rem;
  border-bottom: #258fa5 solid 8px
}
.solution-gallery-wrap .title {
  color: #258fa5;
  font-size: 1.375rem;
  font-weight: bold
}
.solution-gallery-wrap .gallery-bd {
  margin-bottom: 1.25rem
}
.solution-gallery-wrap .gallery-ft p {
  font-size: 0.875rem
}
.solution-gallery-wrap .gallery-ft p strong {
  color: #258fa5
}
.solution-gallery-wrap .thumb {
  margin-bottom: 0.75rem;
  text-align: center
}
.solution-gallery-wrap .thumb img {
  margin-bottom: 0.625rem
}
.solution-gallery-wrap .thumb span.zoom {
  display: inline-block;
  color: #fff;
  padding: 0.25rem 1.875rem;
  background-color: #258fa5
}
.solution-content {
  padding: 0.3125rem 0.625rem
}
.solution-content p {
  color: #666;
  font-size: 0.875rem;
  line-height: 160%
}
#solution-entry .block {
  margin-bottom: 0.625rem
}
#solution-entry .block a.btn {
  color: #fff;
  display: block;
  width: 100%;
  background-color: #258fa5;
  padding: 0.5rem 1.25rem
}
#solution-entry .block-contact {
  background-color: #f1f1f1;
  padding: 0.75rem
}
#solution-entry .block-contact img {
  display: block;
  margin-bottom: 1rem
}
#solution-entry .block-contact .block-title {
  font-size: 1rem;
  color: #258fa5;
  font-weight: bold
}
#solution-entry .block-contact p {
  color: #4d4d4d;
  font-size: 1rem;
  line-height: 180%
}
.infowindow h3 {
  font-size: 1.125rem
}
.select2 select {
  visibility: hidden;
  margin: 0;
  height: 2.25rem;
  line-height: 2.25rem
}
.filters {
  height: 2rem;
  margin-bottom: 1.875rem
}
.select2-container--default .select2-selection--single {
  border-radius: 0
}
.news-index-page .select2-search--dropdown {
  display: none
}
.select2-dropdown {
  border-radius: 0;
  border: 0 none
}
.select2-container .select2-selection--single {
  height: 2.25rem;
  line-height: 2.25rem;
  background-color: transparent;
  border: 0 none;
  border-radius: 0;
  border-bottom: #878787 solid 2px
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #fff;
  background-color: #258fa5
}
.select2-container--default .select2-results__option--highlighted[aria-selected] a {
  color: #fff
}
.select2-container--default.select2-container--open .select2-selection--single {
  background-color: #fff;
  border-bottom-color: #fff
}
#news-page .filters {
  max-width: 33.33333%;
  margin: 0 auto 1.875rem
}
.coc-section .section-hd {
  padding: 0;
  background-color: #e8e8e8
}
.coc-section .section-hd .tabs .column {
  padding: 0
}
.coc-section .section-hd .tabs .tab-title > a, .coc-section .section-hd .tabs .tab-title > a:active {
  outline: none
}
.coc-section .section-hd .tabs .tab-title > a {
  color: #4d4d4d;
  padding: 0.5rem 0;
  text-align: center;
  border-right: #ddd solid 1px;
  font-weight: 300;
  font-size: 1rem;
  background: none
}
.coc-section .section-hd .tabs .tab-title:first-child > a {
  border-left: #ddd solid 1px
}
.coc-section .section-hd .tabs .tab-title.active > a {
  color: #258fa5;
  font-weight: 500;
  position: relative;
  background-color: #fff
}
.coc-section .section-hd .tabs .tab-title.active > a:after {
  content: "";
  display: block;
  width: calc(100% + 2px);
  height: 0.125rem;
  background-color: #258fa5;
  position: absolute;
  top: 0;
  left: -1px
}
.coc-section .section-bd {
  background-color: #fff
}
@media only screen and (max-width: 40em) {
  .coc-section .column {
    padding: 0 1.25rem
  }
}
@media only screen and (max-width: 40em) {
  .coc-news-list .news-item .cover {
    margin-bottom: 0.9375rem
  }
}
.coc-news-list .news-item h3 {
  display: inline-block;
  font-size: 1.125rem;
  float: left
}
@media only screen and (max-width: 40em) {
  .coc-news-list .news-item h3 {
    display: block;
    float: none;
    margin-bottom: 0.625rem
  }
}
@media only screen and (min-width: 40.0625em) {
  .coc-news-list .news-item .medium-8 {
    padding-left: 1.25rem
  }
}
.coc-news-list .news-item h3 a:hover {
  text-decoration: underline
}
.coc-news-list .news-item time {
  float: right;
  font-size: 0.875rem;
  color: #4d4d4d
}
@media only screen and (max-width: 40em) {
  .coc-news-list .news-item time {
    float: none
  }
}
.coc-news-list .news-item .info-hd {
  border-bottom: #ccc solid 1px;
  margin-bottom: 0.9375rem
}
.coc-news-list .news-item .info-bd p {
  font-size: 0.875rem;
  color: #666;
  line-height: 180%
}
.coc-news-list .news-item .info-bd a {
  font-size: 0.875rem
}
.coc-news-list .news-item .info-bd a:hover {
  text-decoration: underline
}
.olympic-schedule .schedule-section {
  margin-bottom: 0.75rem
}
.olympic-schedule .schedule-hd h4 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #258fa5
}
.olympic-hd h3 {
  font-size: 1.375rem;
  color: #258fa5;
  text-align: center
}
.olympic-hd {
  margin-bottom: 0.9375rem;
  border-bottom: #ddd solid 1px;
  padding-bottom: 0.9375rem
}
.pswp__caption, .pswp__top-bar {
  background-color: #258fa5
}
.pswp__img--placeholder--blank {
  background-color: #fff
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background-color: rgba(37, 143, 165, 0.5)
}
.pswp__bg {
  background-color: rgba(37, 143, 165, 0.7)
}
#support-download-list .filters .row {
  max-width: 25rem;
  margin: 0 auto
}
#support-download-list .section-bd {
  padding-bottom: 0
}
#sh-gotop {
  position: fixed;
  right: 0.625rem;
  bottom: 40px;
  z-index: 102;
  border: #e5e5e5;
  background-color: #fff
}
#sh-gotop.show {
  opacity: 1
}
#sh-gotop a {
  color: #fff;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.625rem;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.25rem;
  background-color: #fff;
  border-bottom: #e5e5e5 solid 1px
}
#sh-gotop a.btn-gotop {
  border-bottom: 0 none;
  background-color: #258fa5
}
#sh-gotop svg path {
  fill: #999
}
#sh-gotop .btn-form svg {
  width: 16px;
  height: 16px
}
#sh-gotop .btn-qrcode svg {
  width: 18px;
  height: 18px
}
#sh-gotop .btn-phone {
  border-bottom: none
}
#sh-gotop .btn-phone svg {
  width: 24px;
  height: 24px
}
#sh-gotop a:hover svg path {
  fill: #fff
}
#sh-gotop a:hover, .show-global-phone #sh-gotop a.btn-phone, .show-global-form #sh-gotop a.btn-form {
  background-color: #258fa5
}
.show-global-phone #sh-gotop a.btn-phone svg path, .show-global-form #sh-gotop a.btn-form svg path {
  fill: #fff
}
.weixin-link a {
  position: relative;
  overflow: visible !important
}
.weixin-link a .qrcode {
  background: url("/workspace/assets/img/footer/sh_weixin.png") no-repeat 0 0;
  width: 194px;
  height: 215px;
  position: absolute !important;
  left: -210px;
  top: -70px;
  opacity: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
  transform-origin: 100% 70%;
  -webkit-transform-origin: 100% 70%;
  transition: transform ease 0.3s, opacity ease 0.3s;
  -webkit-transition: all ease 0.3s
}
.weixin-link a:hover .qrcode {
  display: block;
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1
}
.menu-search {
  width: 40px !important;
  padding: 14px 0 !important
}
.sh-search-trigger {
  display: block;
  position: absolute;
  right: 30px;
  top: 17px;
  z-index: 3;
  height: 40px !important;
  width: 40px !important;
  margin: 0;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s
}
.sh-search-trigger span.text {
  display: block;
  color: #4d4d4d;
  font-size: 0.875rem;
  width: 2.5rem;
  position: absolute;
  top: 0.625rem;
  left: 2.125rem
}
.sh-search-trigger.search-form-visible span.text {
  display: none
}
.sh-search-trigger::after, .sh-search-trigger:before {
  content: "";
  position: absolute
}
.sh-search-trigger::after {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  height: 16px;
  width: 16px;
  background: url("/workspace/assets/img/icons/icons_search.svg") no-repeat -16px 0
}
.sh-search-trigger::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
  -moz-transform: translateX(-50%) translateY(-50%) scale(0);
  -ms-transform: translateX(-50%) translateY(-50%) scale(0);
  -o-transform: translateX(-50%) translateY(-50%) scale(0);
  transform: translateX(-50%) translateY(-50%) scale(0);
  height: 100%;
  width: 100%;
  background-color: #258fa5;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s
}
.no-touch .sh-search-trigger:hover::before {
  background-color: #258fa5
}
.sh-search-trigger.search-form-visible {
  -webkit-transform: translateX(-120px);
  -moz-transform: translateX(-120px);
  -ms-transform: translateX(-120px);
  -o-transform: translateX(-120px);
  transform: translateX(-120px)
}
.sh-search-trigger.search-form-visible::after {
  background-image: url("/workspace/assets/img/icons/icons_search_white.svg")
}
.sh-search-trigger.search-form-visible::before {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -moz-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50%) scale(1);
  transform: translateX(-50%) translateY(-50%) scale(1)
}
.nav-collapse li a.sh-search-trigger:hover, .nav-collapse li.active a.sh-search-trigger, .nav-collapse li:hover a.sh-search-trigger {
  background: none
}
.sh-main-search .sh-select {
  display: none
}
.sh-main-search .close {
  display: none
}
.sh-main-search input[type="search"] {
  width: 100%;
  color: #4d4d4d
}
.sh-main-search input[type="search"]:focus {
  outline: none
}
.sh-main-search input[type="search"]::-webkit-input-placeholder {
  color: #5c5d6a
}
.sh-main-search input[type="search"]::-moz-placeholder {
  color: #5c5d6a
}
.sh-main-search input[type="search"]:-moz-placeholder {
  color: #5c5d6a
}
.sh-main-search input[type="search"]:-ms-input-placeholder {
  color: #5c5d6a
}
@media only screen and (max-width: 1024px) {
  .sh-main-search {
    display: none
  }
  .sh-search-trigger {
    display: none
  }
}
@media only screen and (min-width: 1024px) {
  .sh-main-search {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s
  }
  .sh-main-search form {
    position: relative;
    height: 100%;
    margin: 0 calc(5% + 116px) 0 calc(5% + 170px)
  }
  .sh-main-search input[type="search"] {
    font-size: 0.875rem;
    height: 100%;
    background-color: transparent;
    padding-right: 170px;
    border: 0 none;
    box-shadow: none
  }
  .sh-main-search .sh-select {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #5c5d6a;
    font-size: 1.4rem;
    overflow: hidden
  }
  .sh-main-search span {
    display: inline-block
  }
  .sh-main-search option {
    color: #333545;
    background-color: #fff
  }
  .sh-main-search select {
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    color: transparent
  }
  .sh-main-search select:focus {
    outline: none
  }
  .sh-main-search select:focus + span.selected-value {
    background-color: #3d3f4e
  }
  .sh-main-search .selected-value {
    color: #fff;
    pointer-events: none;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s
  }
  .sh-main-search .selected-value, .sh-main-search select {
    padding: 0.5em 1.7em 0.5em 0.3em;
    font-size: 1.4rem;
    border-radius: 3px
  }
  .no-pointerevents .sh-main-search .selected-value {
    display: none
  }
  .no-pointerevents .sh-main-search select {
    position: relative;
    color: #fff;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
  .no-pointerevents .sh-main-search select:focus {
    background-color: #3d3f4e
  }
  .sh-main-search .close {
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 50%;
    height: 40px;
    width: 40px;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s
  }
  .sh-main-search .close::after, .sh-main-search .close::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #258fa5;
    left: 50%;
    top: 50%
  }
  .sh-main-search .close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
  }
  .sh-main-search .close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
  }
  .sh-main-search.is-visible {
    opacity: 1;
    visibility: visible
  }
  .sh-main-search.is-visible .close {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
  }
  .animate-search .sh-main-search.is-visible {
    -webkit-animation: cd-slide-in 0.3s;
    -moz-animation: cd-slide-in 0.3s;
    animation: cd-slide-in 0.3s
  }
}
@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translateY(-100%)
  }
  100% {
    -webkit-transform: translateY(0)
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translateY(-100%)
  }
  100% {
    -moz-transform: translateY(0)
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
  }
}
.search-index-section .search-hd {
  margin-bottom: 0;
  padding-bottom: 0 !important
}
.product-default-section {
  position: relative
}
.product-default-section .section-layer, .product-image-parallax-section .section-layer {
  position: absolute
}
.product-image-parallax-section {
  position: relative;
  overflow: hidden
}
@media only screen and (min-width: 40.0625em) {
  .product-image-parallax-section .section-bg {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
}
@media only screen and (max-width: 40em) {
  .product-image-parallax-section .section-bg {
    position: relative !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
  }
}
.product-image-parallax-section .section-bg img {
  display: block;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d
}
@media only screen and (min-width: 40.0625em) {
  .product-image-parallax-section:first-child .section-bg {
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
  }
}
.product-image-parallax-section .section-info {
  height: auto;
  position: relative;
  top: auto;
  left: auto
}
@media only screen and (min-width: 64.0625em) {
  .product-image-parallax-section .section-info {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
  }
}
@media only screen and (max-width: 40em) {
  .product-image-parallax-section .section-info {
    padding: 0 0.625rem 1.875rem
  }
}
.product-image-parallax-section .align-center {
  text-align: center
}
.product-image-parallax-section .align-left .product-image-parallax-section .align-right {
  text-align: left
}
.product-image-parallax-section .section-info .info {
  padding: 4.375rem 0
}
.product-image-parallax-section .section-info .column {
  float: none
}
.product-image-parallax-section .align-center .column {
  margin: 0 auto
}
.product-image-parallax-section .align-right .column {
  float: right
}
.product-image-parallax-section .section-info .light-info {
  color: #fff
}
.product-image-parallax-section .section-info .subtitle {
  font-size: 1rem;
  font-weight: 200;
  margin-bottom: 0
}
.products-entry > div:nth-child(1) .section-info .subtitle {
  color: inherit;
  font-size: 1.375rem;
  font-weight: 700
}
.product-image-parallax-section .section-info h3 {
  font-size: 2rem;
  font-weight: 100;
  margin-bottom: 1.25rem
}
@media only screen and (max-width: 40em) {
  .product-image-parallax-section .section-info h3 {
    font-size: 1.375rem
  }
}
.product-image-parallax-section .section-info .desc p {
  font-size: 0.875rem;
  margin-bottom: 0;
  opacity: 0.7
}
.fitness-password-form {
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  padding: 1.875rem;
  text-align: center;
  margin-top: 5.625rem;
  margin-bottom: 3.75rem
}
.sports-health-section.primary-bg {
  color: #fff;
  background-color: #258fa5
}
.sports-health-section.primary-bg p {
  color: #fff !important
}
.sports-health-section.primary-bg p strong {
  color: #fff !important
}
.sports-health-section.primary-bg h3 {
  color: #fff !important
}
.sports-health-section .section-hd {
  padding: 1.875rem 0.9375rem 0.625rem
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section .section-hd {
    padding: 3.125rem 0.9375rem 1.25rem
  }
}
.sports-health-section .section-hd h3 {
  color: #258fa5
}
.sports-health-section .section-hd h3 .en-text {
  display: block;
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 1.375rem;
  font-family: "Roboto"
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section .section-hd h3 .en-text {
    font-size: 1.5rem
  }
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section .section-hd h3 .en-text {
    font-size: 1.75rem
  }
}
.sports-health-section .section-hd h3 .zh-text {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.125rem;
  text-decoration: underline
}
.sports-health-section .section-hd .summary {
  font-size: 0.875rem
}
.sports-health-section .section-bd {
  padding: 1.875rem 0.9375rem
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section .section-bd {
    padding: 2.5rem 0.9375rem
  }
}
.sports-health-section table {
  width: 100%;
  margin-bottom: 1.25rem
}
.sports-health-section p {
  color: #707070;
  font-size: 1rem
}
@media only screen and (max-width: 40em) {
  .sports-health-section p br {
    display: none
  }
}
.sports-health-section p strong {
  color: #258fa5
}
#sports-health-page .modaal-content .title {
  color: #258fa5;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1.25rem
}
#sports-health-page .modaal-content .label {
  color: #fff;
  background-color: #258fa5;
  padding: 2px 8px;
  margin-bottom: 1.25rem
}
#sports-health-page .modaal-content p {
  font-size: 1rem
}
#sports-health-page .modaal-content p strong {
  color: #258fa5;
  font-weight: bold
}
#sports-health-page .modaal-content ul li {
  color: #4d4d4d;
  font-size: 0.875rem;
  margin-bottom: 0.625rem
}
.sports-health-section-01 {
  background-color: #f8f8f8
}
.sports-health-section-01 .section-bd {
  padding-top: 2.5rem
}
.sports-health-section-01 table tr:nth-of-type(even) {
  background-color: #f5f5f5
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-01 table tr td {
    font-size: 1rem
  }
}
.sports-health-section-01 table tr td:nth-child(2) {
  color: #258fa5;
  font-family: "fontawesome";
  letter-spacing: 1px
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-01 table tr td:nth-child(2) {
    font-size: 1.25rem;
    letter-spacing: 8px
  }
}
.sports-health-section-02 svg {
  max-width: 62.5rem
}
.sports-health-section-02 .row-02 {
  margin-bottom: 1.25rem;
  text-align: center
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-02 .row-02 {
    margin-bottom: 1.875rem
  }
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-02 .row-03 .column {
    padding: 0 1.125rem
  }
}
.sports-health-section-03 .cover {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  background-size: cover
}
@media only screen and (max-width: 40em) {
  .sports-health-section-03 .cover {
    margin-bottom: 1.25rem
  }
}
.sports-health-section-03 .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62.25%
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-03 .section-bd .row .column {
    padding: 0 0.625rem
  }
}
.sports-health-section-03 .section-bd .row .column p {
  text-align: justify;
  font-size: 1rem;
  line-height: 180%
}
.sports-health-section-04 {
  background-color: #fff
}
.sports-health-section-04 .cover {
  position: relative;
  overflow: hidden;
  background-color: #258fa5;
  background-size: cover
}
@media only screen and (max-width: 40em) {
  .sports-health-section-04 .cover {
    margin-bottom: 1.25rem
  }
}
.sports-health-section-04 .cover::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 62.25%
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-04 .section-bd .row .column {
    padding: 0 0.625rem
  }
}
.sports-health-section-04 .section-bd .row .column h3 {
  font-size: 1.25rem;
  color: #258fa5;
  font-weight: bold
}
.sports-health-section-04 .section-bd .row .column p {
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 0.25rem;
  margin-bottom: 1.25rem
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-04 .section-bd .row .column p {
    margin-bottom: 1.875rem
  }
}
.sports-health-section-04 .section-bd .row .column p strong {
  color: #707070;
  font-size: 0.9375rem
}
.sports-health-section-05 .section-bd .row-01 {
  margin-bottom: 1.25rem
}
@media only screen and (max-width: 40em) {
  .sports-health-section-05 .section-bd .row-01 {
    text-align: center
  }
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-05 .section-bd .row-01 {
    margin-bottom: 1.25rem
  }
}
.sports-health-section-05 .section-bd .row-01 .column {
  position: relative
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-05 .section-bd .row-01 .column::before {
    content: "";
    display: block;
    width: 27px;
    height: 18px;
    background: url("/workspace/assets/svg/sports_health/arrow_right.svg") no-repeat 0 0;
    background-size: 27px 18px;
    position: absolute;
    top: 6.25rem;
    right: 1.875rem
  }
  .sports-health-section-05 .section-bd .row-01 .column:nth-last-child(1)::before {
    display: none
  }
}
.sports-health-section-05 .section-bd .row-01 .flow-item {
  color: #fff;
  background-color: #258fa5;
  max-width: 100%
}
@media only screen and (max-width: 40em) {
  .sports-health-section-05 .section-bd .row-01 .flow-item {
    margin-bottom: 1.25rem
  }
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section-05 .section-bd .row-01 .flow-item {
    max-width: 18.4375rem
  }
}
.sports-health-section-05 .section-bd .row-01 .flow-item ul li, .sports-health-section-05 .section-bd .row-01 .flow-item p {
  color: inherit
}
@media only screen and (max-width: 40em) {
  .sports-health-section-05 .section-bd .row-01 .flow-item .cover {
    margin-bottom: 1.875rem
  }
}
.sports-health-section-05 .section-bd .row-01 .flow-item .info {
  padding: 1.25rem 1.25rem 0.625rem
}
.sports-health-section-05 .section-bd .row-01 .flow-item .info ul li, .sports-health-section-05 .section-bd .row-01 .flow-item .info p {
  color: inherit
}
@media only screen and (max-width: 40em) {
  .sports-health-section-05 .section-bd .row-01 .flow-item .info ul li, .sports-health-section-05 .section-bd .row-01 .flow-item .info p {
    text-align: left !important
  }
}
.sports-health-section-05 .section-bd .row .column h3 {
  font-size: 1.25rem;
  color: #258fa5;
  font-weight: bold
}
.sports-health-section-05 .section-bd .row .column p {
  text-align: justify;
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0 0 0.25rem
}
.sports-health-section-05 .section-bd .row .column p.zh-text {
  font-size: 1rem
}
.sports-health-section-05 .section-bd .tags-row {
  padding: 1.25rem 0
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section-05 .section-bd .tags-row {
    padding: 1.875rem 0
  }
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section-05 .section-bd .tags-row .row-hd {
    padding: 1.25rem 0
  }
}
.sports-health-section-05 .section-bd .tags-row .row-hd h4 {
  font-size: 1rem;
  color: #258fa5;
  font-weight: bold;
  margin-bottom: 1rem
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section-05 .section-bd .tags-row .row-bd {
    max-width: 65rem;
    margin: 0 auto;
    text-align: center
  }
}
.sports-health-section-05 .section-bd .tags-row .row-bd .tag {
  display: inline-block;
  width: 50%;
  color: #258fa5;
  font-size: 0.875rem;
  padding: 0 0.25rem;
  margin: 0 0 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem
}
@media only screen and (max-width: 40em) {
  .sports-health-section-05 .section-bd .tags-row .row-bd .tag {
    float: left
  }
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section-05 .section-bd .tags-row .row-bd .tag {
    width: 20%
  }
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-05 .section-bd .tags-row .row-bd .tag {
    width: 16.666666666666667%
  }
}
.sports-health-section-05 .section-bd .tags-row .row-bd .tag .tag-inner {
  display: inline-block;
  width: 100%;
  padding: 0.75rem 0.9375rem;
  background-color: #fff;
  border-radius: 6px
}
.sports-health-section-05 .section-bd .devices-row a {
  display: block
}
.sports-health-section-05 .section-bd .devices-row a:hover .title {
  color: #258fa5
}
.sports-health-section-05 .section-bd .devices-row .cover {
  display: block;
  margin-bottom: 0.5rem
}
.sports-health-section-05 .section-bd .devices-row .title {
  color: #505050;
  font-size: 1rem;
  transition: color 0.3s ease
}
@media only screen and (max-width: 40em) {
  .sports-health-section-05 .section-bd .devices-row .title {
    height: 2.75rem;
    line-height: 1.375rem;
    text-overflow: ellipsis;
    overflow: hidden
  }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .sports-health-section-05 .section-bd .devices-row .title {
    height: 2.75rem;
    line-height: 1.375rem;
    text-overflow: ellipsis;
    overflow: hidden
  }
}
@media only screen and (min-width: 64.0625em) {
  .sports-health-section-05 .section-bd .devices-row .title {
    height: 1.375rem;
    line-height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis
  }
}
.sports-health-section-05 .section-bd .devices-row .label {
  color: #fff;
  display: inline-block;
  background-color: #258fa5;
  font-size: 1rem;
  padding: 6px 8px;
  margin-bottom: 1.25rem !important
}
.sports-health-wellness-course-page .sports-health-section-06 {
  background-color: transparent
}
.sports-health-section-06 {
  background-color: #fff
}
.sports-health-section-06 .course-item {
  max-width: 22.5rem;
  margin: 0 auto
}
.sports-health-section-06 .cover img {
  display: block;
  width: 100%;
  height: auto
}
.sports-health-section-06 .info .title {
  display: block;
  width: 100%;
  padding: 12px 20px;
  margin-top: 0;
  color: #fff;
  background-color: #0cbbe8;
  margin-bottom: 1.875rem
}
.sports-health-section-06 .info .desc {
  color: #707070;
  font-size: 0.875rem;
  padding: 1.25rem;
  border: #258fa5 solid 1px;
  border-radius: 6px;
  margin-bottom: 1.25rem
}
.sports-health-section-06 .info .desc ul li, .sports-health-section-06 .info .desc p {
  color: inherit;
  font-size: inherit
}
.sports-health-section-07 .section-bd {
  padding-bottom: 0
}
.sports-health-section-07 .section-bd svg {
  display: block;
  margin: 0 auto
}
.sports-health-section-08 {
  background-color: #fff
}
.sports-health-section-08 #expert-team-swiper .swiper-slide {
  width: 100%
}
@media only screen and (min-width: 40.0625em) {
  .sports-health-section-08 #expert-team-swiper .swiper-slide {
    width: 33.333333333%;
    padding: 0 0.625rem
  }
}
.sports-health-section-08 #expert-team-swiper .swiper-slide .cover {
  width: 100%;
  display: block;
  margin-bottom: 0.625rem
}
.sports-health-section-08 #expert-team-swiper .swiper-slide img {
  width: 100%;
  height: auto
}
.sports-health-section-08 #expert-team-swiper .swiper-slide p {
  font-size: 0.875rem
}
#about-bases-section .section-hd {
  padding-bottom: 0
}
@media only screen and (max-width: 40em) {
  #about-bases-section .section-bd {
    padding: 0 0.625rem
  }
}
#about-bases-section .section-bd .base-item .cover {
  margin-bottom: 0.625rem
}
#about-bases-section .section-bd .base-item .info .title {
  font-size: 15px;
  font-weight: bold;
  color: #258fa5
}
#about-bases-section .section-bd .base-item .info .desc p {
  font-size: 0.875rem
}
#about-marketing-section {
  background-color: #fff
}
@media only screen and (max-width: 40em) {
  #about-marketing-section p {
    font-size: 0.875rem;
    line-height: 160%
  }
  #about-marketing-section p:nth-child(1) img {
    display: block;
    margin: 0.9375rem 0 0
  }
  #about-marketing-section p br {
    display: none
  }
}
#about-marketing-section p strong {
  color: #258fa5
}
#about-marketing-section .section-hd {
  padding-bottom: 0
}
@media only screen and (max-width: 40em) {
  #about-marketing-section .section-bd {
    padding: 0 0.625rem
  }
}
#about-marketing-section .model-items {
  display: flex;
  padding: 1.25rem 0
}
@media only screen and (min-width: 40.0625em) {
  #about-marketing-section .model-items {
    padding: 2.5rem 0 3.75rem
  }
}
#about-marketing-section .model-items .model-item {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  margin-bottom: 1.25rem
}
@media only screen and (min-width: 40.0625em) {
  #about-marketing-section .model-items .model-item {
    width: 20%;
    margin-bottom: 0.625rem
  }
}
#about-marketing-section .model-items .model-item .icon {
  display: block;
  max-width: 6.25rem;
  margin: 0 auto 1rem;
  position: relative;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden
}
#about-marketing-section .model-items .model-item .icon::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}
#about-research-section .block-hd .zh-title {
  color: inherit;
  text-align: left !important;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1.25rem
}
#about-research-section .block-hd .en-title {
  color: inherit;
  text-align: left !important;
  font-size: 1.5rem;
  font-weight: bold
}
#about-research-section .section-bd {
  color: #fff;
  background-color: #258fa5
}
@media only screen and (max-width: 40em) {
  #about-research-section .section-bd {
    padding: 1.25rem 0.625rem
  }
}
@media only screen and (min-width: 40.0625em) {
  #about-research-section .section-bd .info {
    padding: 0.9375rem
  }
}
@media only screen and (min-width: 64.0625em) {
  #about-research-section .section-bd .info {
    padding: 1.25rem 2.5rem 1.25rem 0
  }
}
#about-research-section .section-bd p {
  text-align: left;
  text-align: justify;
  line-height: 180%;
  font-size: 0.875rem
}
@media only screen and (min-width: 40.0625em) {
  #about-research-section .section-bd p {
    font-size: 1rem
  }
}
#about-research-section .section-bd p strong {
  color: #258fa5;
  font-weight: bold
}
#about-services-section .section-hd {
  padding-bottom: 0
}
@media only screen and (max-width: 40em) {
  #about-services-section .section-bd {
    padding: 0 0.625rem
  }
}
#about-services-section .section-bd .service-item .cover {
  margin-bottom: 0.625rem
}
#about-cooperation-section {
  background-color: #fff
}
#about-cooperation-section .section-hd {
  padding-bottom: 0
}
@media only screen and (max-width: 40em) {
  #about-cooperation-section .section-bd {
    padding: 0 0.625rem
  }
}
#about-cooperation-section .section-bd h3 {
  color: #258fa5;
  font-weight: bold;
  font-size: 1.125rem
}
#about-cooperation-section .section-bd p {
  font-size: 0.875rem
}
#about-cooperation-section .section-bd p strong {
  color: #258fa5
}
#about-cooperation-section .about-cooperation-logos {
  width: 18.75rem
}
@media only screen and (max-width: 40em) {
  #about-cooperation-section .about-cooperation-logos {
    margin: 0 auto;
    padding: 1.25rem 0
  }
}
@media only screen and (min-width: 40.0625em) {
  #about-cooperation-section .about-cooperation-logos {
    float: right
  }
}
#about-cooperation-section .about-cooperation-logos .logo-item {
  width: 100%;
  max-width: 7.5rem;
  margin: 0 0.9375rem 0.9375rem;
  float: left
}
#about-cooperation-section .about-cooperation-logos .logo-item .cover {
  display: block;
  width: 100%;
  max-width: 7.5rem;
  margin: 0 auto;
  position: relative;
  background-size: cover;
  border-radius: 100%;
  border: #c9c9c9 solid 8px
}