@charset "UTF-8";
@font-face {
    font-family: 'Facto';
    font-weight: 300;
    src: url("../fonts/Facto-Light.eot");
    src: url("../fonts/Facto-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Facto-Light.woff") format(" woff "), url("../fonts/Facto-Light.woff2") format("woff2"), url("./fonts/Facto-Light.ttf") format("truetype"), url("../fonts/Facto-Light.svg#wf") format("svg");
}

@font-face {
    font-family: 'Facto';
    font-weight: 400;
    src: url("../fonts/Facto-Regular.eot");
    src: url("../fonts/Facto-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Facto-Regular.woff") format("woff"), url("../fonts/Facto-Regular.woff2") format("woff2"), url("../fonts/Facto-Regular.ttf") format("truetype"), url("../fonts/Facto-Regular.svg#wf") format("svg");
}

/* These two weights 500 and 600 both refer to Facto Medium - this allows us to choose whether to
   fall back to 400 or 600 when embedded font is not available, i.e. for CN glyphs (in our tests,
   font-weight 500 renders as 400 for non-embedded fonts on Windows) */
@font-face {
    font-family: 'Facto';
    font-weight: 500;
    src: url("../fonts/Facto-Medium.eot");
    src: url("../fonts/Facto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Facto-Medium.woff") format("woff"), url("../fonts/Facto-Medium.woff2") format("woff2"), url("../fonts/Facto-Medium.ttf") format("truetype"), url("../fonts/Facto-Medium.svg#wf") format("svg");
}

@font-face {
    font-family: 'Facto';
    font-weight: 600;
    src: url("../fonts/Facto-Medium.eot");
    src: url("../fonts/Facto-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Facto-Medium.woff") format("woff"), url("../fonts/Facto-Medium.woff2") format("woff2"), url("../fonts/Facto-Medium.ttf") format("truetype"), url("../fonts/Facto-Medium.svg#wf") format("svg");
}

@font-face {
    font-family: 'Facto';
    font-weight: 700;
    src: url("../fonts/Facto-Bold.eot");
    src: url("../fonts/Facto-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Facto-Bold.woff") format("woff"), url("../fonts/Facto-Bold.woff2") format("woff2"), url("../fonts/Facto-Bold.ttf") format("truetype"), url("../fonts/Facto-Bold.svg#wf") format("svg");
}

/*  Fzjunhei Font */
@font-face {
    font-family: 'fzjunheis-r-gbregular';
    src: url("../fonts/FZJunHei/fzjunhjw-webfont.woff2") format("woff2"), url("../fonts/FZJunHei/fzjunhjw-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fzjunheis-b-gbregular';
    src: url("../fonts/FZJunHei/fzjunhjw_cu-webfont.woff2") format("woff2"), url("../fonts/FZJunHei/fzjunhjw_cu-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fzjunheis-l-gbregular';
    src: url("../fonts/FZJunHei/fzjunhjw_xi-webfont.woff2") format("woff2"), url("../fonts/FZJunHei/fzjunhjw_xi-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fzjunheis-el-gbregular';
    src: url("../fonts/FZJunHei/fzjunhjw_xian-webfont.woff2") format("woff2"), url("../fonts/FZJunHei/fzjunhjw_xian-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fzjunheis-db-gbregular';
    src: url("../fonts/FZJunHei/fzjunhjw_zhong-webfont.woff2") format("woff2"), url("../fonts/FZJunHei/fzjunhjw_zhong-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fzjunheis-m-gbregular';
    src: url("../fonts/FZJunHei/fzjunhjw_zhun-webfont.woff2") format("woff2"), url("../fonts/FZJunHei/fzjunhjw_zhun-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 14px;
    line-height: 1;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    color: #fff;
    background: #a9a8a9;
    background-color: #383736;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

body.no-scroll {
    overflow: hidden !important;
}

ol,
ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

body,
header,
main,
footer {
    float: left;
    width: 100%;
}

/* section clearfix */
section:after {
    content: "";
    display: table;
    clear: both;
}

h1 {
    font-size: 40px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 1.25;
}

h2 {
    font-size: 28px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
}

h3 {
    font-size: 24px;
    margin-bottom: 30px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

h4 {
    font-size: 20px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    line-height: 1.6;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

p {
    font-size: 15px;
    line-height: 1.6;
}

.clear {
    clear: both;
}

div:focus {
    outline: none;
}

p.custom-font {
    font-size: 15px !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
    font-weight: 400 !important;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    outline: 0 !important;
}

.no-transform {
    text-transform: none !important;
}

.btn-default {
    background-color: rgba(56, 55, 54, 0.02);
    border: solid 1px rgba(56, 55, 54, 0.2);
    border-radius: 0;
}

.btn-default:focus {
    outline: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

hr {
    float: left;
    width: 100%;
    border-color: #fff;
    margin: 0;
}

button,
.go-back {
    height: 32px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: center;
    border: 1px solid rgba(56, 55, 54, 0.2);
    background-color: rgba(56, 55, 54, 0.02);
    border-radius: 0;
    box-shadow: none;
    padding: 0 14px;
}

button:focus,
.go-back:focus {
    outline: none;
}

.file {
    visibility: hidden;
    position: absolute;
}

.strong {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
    font-weight: 700 !important;
}

.slider-wrapper .bx-wrapper {
    height: 75vh;
}

.slider-wrapper img {
    width: 100%;
}

.slider-wrapper img.fitted-image {
    width: auto;
    max-width: none !important;
}

input:focus,
textarea:focus,
select:focus {
    outline: none !important;
}

/* Slick Slider
=============================== */
.slick-slider {
    background-color: #ececeb;
    width: 100%;
    overflow: hidden;
}

.slick-disabled {
    opacity: 0;
    cursor: default;
}

.slick-slider .member-wrapper {
    margin: 0 50px;
    width: 1200px;
    position: relative;
    max-height: 75vh;
}

.slick-slide img {
    max-width: 100%;
    height: auto;
}

.slick-dots {
    max-width: 230px;
    margin: 32px auto 72px;
    width: 90%;
    border-bottom: solid 2px rgba(58, 57, 56, 0.2);
    height: 2px;
}

.slick-dots a {
    height: 2px;
    width: 30px;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 -4.75px;
    float: left;
    cursor: pointer;
}

.slick-dots .slick-active a {
    background-color: #3d3c3b;
}

.slick-next {
    right: 28px;
}

.slick-next::before {
    background: url("../svg/Arrow_Next_Slick.svg") no-repeat;
}

.slick-prev {
    left: 28px;
}

.slick-prev::before {
    background: url("../svg/Arrow_Prev_Slick.svg") no-repeat;
}

.slick-arrow {
    position: absolute;
    top: 310px;
    height: 48px;
    width: 48px;
    background-color: transparent;
    line-height: 0;
    font-size: 0;
    color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    margin-top: -24px;
}

.slick-arrow::before {
    width: 48px !important;
    height: 48px !important;
    z-index: 1 !important;
    display: block;
    content: '';
    opacity: 1;
}

/* Modal Style
=============================== */
.modal .modal-content {
    border-radius: 0;
}

.modal-lg {
    width: 100%;
    max-width: 100%;
    margin: auto;
    z-index: 9999999999999999999;
}

.modal-md {
    width: 90%;
    max-width: 1170px;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    float: none;
    text-align: center !important;
    top: 104px;
}

.modal-md .close {
    right: 16px;
    top: 16px;
}

.modal.in#bio-member .modal-dialog,
.modal.fade#bio-member .modal-dialog {
    -webkit-transform: inherit !important;
    -moz-transform: inherit !important;
    -o-transform: inherit !important;
    transform: inherit !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0 !important;
    z-index: 99999;
}

.subscribe-modal {
    max-width: 484px;
    width: 90%;
    height: 493px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    margin: 0;
}

.subscribe-modal .close {
    right: 28px;
    top: 24px;
}

.subscribe-modal .subscribe-popup {
    border: 0;
    background: url("../img/subscribe-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    height: 493px;
}

.subscribe-modal .subscribe-popup .content {
    padding: 72px 10px 81px;
}

.subscribe-modal .subscribe-popup .logo {
    width: 106px;
    margin: 0 auto 48px;
    display: block;
}

.subscribe-modal .subscribe-popup h1 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 40px;
    line-height: 1.25;
    text-align: center;
    color: #ffffff;
    padding-bottom: 0;
    margin-bottom: 48px;
}

.subscribe-modal .subscribe-popup p {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
}

.subscribe-modal .subscribe-popup h3.unsubscribe {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    line-height: 1.25;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px;
}

.subscribe-modal .sapCpWidget,
.subscribe-modal .sapCpLayout {
    padding: 0;
    margin-top: 0;
}

.subscribe-modal input[type=email],
.subscribe-modal input[type=text] {
    padding: 4px 0;
    height: 32px;
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #ffffff;
    width: 270px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    box-shadow: none;
    margin: 0 auto;
    margin-bottom: 12px;
    display: block;
}

.subscribe-modal button.submit {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1);
    display: block;
    height: 32px;
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 2;
    margin: 0 auto;
    padding: 0 14px;
    text-align: center;
    text-transform: uppercase;
    transition: ease all 0.3s;
}

/* cookie consent popup */
.cc-window {
    background: rgba(255, 255, 255, 0.95);
}

.cc-window p, .cc-window a {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 500;
    font-size: 11px;
    line-height: 1.45;
    color: #7a7977;
}

.cc-window p:not(:last-child), .cc-window a:not(:last-child) {
    margin-bottom: 1em;
}

.cc-window .cc-custom-compliance {
    margin-left: 2em;
}

.cc-window .cc-custom-compliance .box {
    margin-left: 0;
    padding: 8px 10px;
    width: 130px;
    min-width: initial;
    color: #7a7977;
    text-align: center;
    border: 1px solid rgba(122, 121, 119, 0.4) !important;
    display: block;
}

.cc-window .cc-custom-compliance .box:before, .cc-window .cc-custom-compliance .box:after {
    border-color: #7a7977 !important;
}

.cc-window .cc-custom-compliance .box.cc-dismiss {
    background-color: rgba(202, 202, 200, 0.4);
}

.cc-revoke {
    display: none;
}

.visualizer-modal {
    width: 90%;
    height: 90%;
    max-width: 1280px;
    max-height: 720px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    background: url("../img/visualizer-selector.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.visualizer-modal .close {
    right: 28px;
    top: 24px;
}

.visualizer-modal .visualizer-popup {
    color: #404040;
    line-height: 1.33 !important;
    text-align: center;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.visualizer-modal .visualizer-popup .content {
    padding: 8%;
}

.visualizer-modal .visualizer-popup h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #808080;
}

.visualizer-modal .visualizer-popup .row {
    position: absolute;
    bottom: 0%;
    padding: 8% 0;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.visualizer-modal .visualizer-popup .row .col-sm-6 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.visualizer-modal .visualizer-popup .row .col-sm-6 .invisible-btn {
    height: 320px;
    width: 80%;
    background: transparent;
    border: none;
    color: transparent;
}

.visualizer-modal .visualizer-popup .row .col-sm-6 .car-label {
    margin-bottom: 20px;
}

.visualizer-modal .visualizer-popup .row .col-sm-6 .car-label b {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}

#wechat .subscribe-modal .subscribe-popup .content {
    width: 100%;
    padding: 63px 10px;
}

#wechat .subscribe-modal .subscribe-popup .content .sign-up-wrapper {
    width: 100%;
}

#wechat .subscribe-modal .subscribe-popup .content p {
    margin-bottom: 10px;
    width: 100%;
}

#wechat .subscribe-modal .subscribe-popup .content h3 {
    margin-bottom: 20px;
    width: 100%;
}

#wechat .subscribe-modal .subscribe-popup .content h3.last-one {
    margin-bottom: 0;
}

#wechat .subscribe-modal .subscribe-popup .content .qr-code {
    margin-bottom: 20px;
}

.sapCpSubmitCompleted h3.unsubscribe,
.sapCpSubmitCompleted .hide-on-complete,
.sapCpSubmitCompleted .button-wrapper button,
.sapCpSubmitCompleted .small-inputs,
.sapCpSubmitCompleted .large-input {
    display: none !important;
}

.close {
    background: url("../svg/close-btn.svg") no-repeat !important;
    width: 48px;
    height: 48px;
    background-size: cover;
    opacity: 1;
    position: relative;
    z-index: 9999999999999;
    right: 32px;
    top: 32px;
}

#inquiryModal {
    overflow: hidden;
}

.sign-up-wrapper .form .half-input {
    float: left;
    width: calc(50% - 6px);
    margin-right: 12px;
}

.sign-up-wrapper .form .half-input.last {
    margin-right: 0;
}

.sign-up-wrapper .form .half-input button {
    width: 100%;
}

.sign-up-wrapper .form .full-input {
    float: left;
    width: 100%;
}

.inquiry-modal h4.form-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 2px;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.inquiry-modal .form-title, .inquiry-modal .form-subtitle {
    padding-bottom: 10px;
    border-bottom: solid 2px rgba(255, 255, 255, 0.2);
    width: 100%;
}

.inquiry-modal p.form-subtitle {
    margin-bottom: 4px !important;
}

.inquiry-modal p.form-tip {
    margin: 10px 0 !important;
    font-style: italic;
    font-size: 12px !important;
    width: 100%;
}

.inquiry-modal .sign-up-wrapper.content {
    padding: 60px 0 48px;
}

.inquiry-modal .sign-up-wrapper div.form {
    min-height: 454px;
    display: inline-block;
    margin-top: 0;
}

.inquiry-modal .sign-up-wrapper div.form form {
    display: inline-block;
    margin-top: 0;
}

.inquiry-modal .sign-up-wrapper div.form input[type=text],
.inquiry-modal .sign-up-wrapper div.form input[type=email] {
    text-align: left;
    padding: 4px 12px;
}

.inquiry-modal .sign-up-wrapper div.form textarea {
    padding: 4px 12px;
    height: 273px;
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color: #ffffff;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    box-shadow: none;
    float: left;
    margin-bottom: 12px;
    resize: none;
}

.inquiry-modal .sign-up-wrapper div.form hr {
    width: calc(100% - 181px);
    height: 2px;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.2);
    float: left;
    border: 0;
}

.inquiry-modal .sign-up-wrapper div.form button[type=submit] {
    width: 169px;
    height: 32px;
    float: right;
}

.inquiry-modal .sign-up-wrapper div.form .success-text {
    opacity: 0;
    -webkit-transition: ease all 0.15s;
    -moz-transition: ease all 0.15s;
    -ms-transition: ease all 0.15s;
    -o-transition: ease all 0.15s;
    transition: ease all 0.15s;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: calc(50% - 63px);
    width: 100%;
    text-align: center;
}

.inquiry-modal .logo {
    width: 74px;
    height: 68px;
    object-fit: contain;
    position: absolute;
    left: 24px;
    top: 60px;
}

.inquiry-modal a.switch-inquiry {
    position: absolute;
    left: -176px;
    bottom: 14px;
    float: left;
    width: 150px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1.3px;
    text-align: left;
    color: #ffffff;
    padding-left: 36px;
    background: url(../img/media-btn.svg) no-repeat left center;
}

.inquiry-modal.waiting-list .logo {
    top: 148px;
    left: 100px;
}

.inquiry-modal.waiting-list .sign-up-wrapper.content {
    padding: 148px 0;
}

.inquiry-modal.waiting-list .sign-up-wrapper form select {
    height: 32px;
    font-size: 14px;
    line-height: 1.71;
    color: #ffffff;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    box-shadow: none;
    float: left;
    margin-bottom: 12px;
    text-align: left;
    padding: 4px 12px;
}

.inquiry-modal.waiting-list .sign-up-wrapper form select option {
    color: #383736;
}

.inquiry-modal.waiting-list .sign-up-wrapper form hr {
    width: 100%;
}

.inquiry-modal.waiting-list .sign-up-wrapper form button.wait-list {
    width: 100%;
}

.inquiry-modal.waiting-list .sign-up-wrapper form p {
    text-align: left;
    margin-bottom: 12px;
}

.inquiry-modal.waiting-list .sign-up-wrapper form hr {
    margin-bottom: 12px;
}

/* Image sharing
================================ */
.share-image-btn {
    background: url("../img/share/share.svg") no-repeat;
}

[data-share="facebook"] {
    background: url("../img/share/facebook.svg") no-repeat;
}

[data-share="linkedin"] {
    background: url("../img/share/linkedin.svg") no-repeat;
}

[data-share="whatsapp"] {
    background: url("../img/share/whatsapp.svg") no-repeat;
}

[data-share="email"] {
    background: url("../img/share/email.svg") no-repeat;
}

[data-share="wechat"] {
    background: url("../img/share/wechat.svg") no-repeat;
}

.round-btn {
    background-size: contain;
    display: inline-block;
    width: 48px;
    height: 48px;
    opacity: 0.5;
}

.round-btn:hover {
    opacity: 1;
}

.round-btn:active {
    opacity: 0.5;
}

.round-btn.share-image-btn {
    width: 36px;
    height: 36px;
    margin-right: 6px;
    margin-bottom: -2px;
}

.image-share-modal {
    margin: 0;
    max-width: 484px;
    width: 90%;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) !important;
}

.image-share-modal .modal-content {
    background: url("../img/subscribe-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 30px;
}

.image-share-modal .logo {
    display: inline-block;
    margin: 25px;
}

.image-share-modal .logo img {
    width: 74px;
}

.image-share-modal .round-btn {
    margin: 13px 8px;
}

.image-share-modal .close {
    float: none;
    position: static;
    margin: 15px;
}

.image-share-modal .share-message {
    font-size: 18px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.image-share-modal .h-line {
    margin: 10px 0;
    background-color: white;
}

.image-share-modal .box {
    padding: 8px 10px;
    width: 130px;
    min-width: initial;
    color: white;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    display: block;
    margin: 24px auto 14px;
}

.image-share-modal .box:before, .image-share-modal .box:after {
    border-color: white !important;
}

.shared-image {
    position: relative;
}

.copy-tooltip {
    opacity: 0;
    user-select: none;
    margin-top: -8px;
}

/* Registration popup
================================ */
.register-modal .chosen-container.chosen-container-single .chosen-single, .reserve-form .chosen-container.chosen-container-single .chosen-single {
    height: 32px;
    font-size: 14px;
    line-height: 1.71;
    width: 100%;
    border-radius: 0;
    background: none;
    box-shadow: none;
    float: left;
    padding: 4px 12px;
    text-align: left;
}

.register-modal .chosen-container.chosen-container-single .chosen-single div b, .reserve-form .chosen-container.chosen-container-single .chosen-single div b {
    background-position: 0 7px;
}

.register-modal .chosen-container.chosen-container-single .chosen-search, .reserve-form .chosen-container.chosen-container-single .chosen-search {
    border-top: 0;
    border: 0;
}

.register-modal .chosen-container .chosen-results, .reserve-form .chosen-container .chosen-results {
    width: 100%;
}

.register-modal .chosen-container .chosen-results li.highlighted, .reserve-form .chosen-container .chosen-results li.highlighted {
    background-color: #7a7977;
    background-image: none;
}

.register-modal .chosen-container .chosen-drop, .reserve-form .chosen-container .chosen-drop {
    border-radius: 0;
    box-shadow: none;
}

.register-modal p a, .register-modal label a {
    color: inherit;
    text-decoration: underline;
}

.register-modal .half-input {
    margin-bottom: 8px;
    position: relative;
}

.register-modal .half-input p.form-tip {
    line-height: 1.1;
}

.register-modal .half-input button[type=submit] {
    width: 100% !important;
}

.register-modal label.error {
    position: absolute;
    top: 31px;
    left: 0;
    font-size: 12px;
    font-weight: 300 !important;
}

.register-modal label.error#register-terms-error {
    left: -10px;
    top: 28px;
}

.register-modal .chosen-container.chosen-container-single .chosen-single {
    color: #fff;
    border: 0;
    background-color: rgba(255, 255, 255, 0.1);
}

.register-modal .chosen-container.chosen-container-single .chosen-search {
    background: rgba(255, 255, 255, 0.1);
}

.register-modal .chosen-container.chosen-container-single .chosen-search input[type=text] {
    border: 0;
}

.register-modal .chosen-container .chosen-results li {
    text-align: left;
    color: #fff;
}

.register-modal .chosen-container .chosen-results li.highlighted, .register-modal .chosen-container .chosen-results li.no-results {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.register-modal .chosen-container .chosen-results li.disabled-result {
    opacity: 0.5;
}

.register-modal .chosen-container .chosen-drop {
    background: #b5b5b4;
}

.unsubscribe-form label.error {
    font-size: 12px;
    position: relative;
    top: -10px;
}

.reserve-form #select_country-error {
    top: 75px;
}

.reserve-form .chosen-container {
    margin-bottom: 55px;
}

.reserve-form .chosen-container.chosen-container-single .chosen-single {
    color: #383736;
    border: solid 1px rgba(56, 55, 54, 0.08);
    background-color: rgba(56, 55, 54, 0.05);
}

.reserve-form .chosen-container.chosen-container-single .chosen-search {
    background-color: #e6e6e5;
}

.reserve-form .chosen-container .chosen-drop {
    background: #e6e6e5;
    border: solid 1px rgba(56, 55, 54, 0.08);
}

.reserve-form .chosen-container .chosen-results li.highlighted {
    background: #7a7977;
}

.reserve-new .application .terms-box, .register-modal .terms-box {
    border: 1px solid #cacac8;
    padding: 24px;
}

.reserve-new .application .terms-box *, .register-modal .terms-box * {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 12px !important;
    color: inherit;
    max-width: initial;
    text-align: left;
    margin: 0 !important;
    float: none;
}

.reserve-new .application .terms-box .checkbox-label, .register-modal .terms-box .checkbox-label {
    padding-left: 50px;
    float: none;
}

.reserve-new .application .terms-box .icheckbox_square-grey, .register-modal .terms-box .icheckbox_square-grey {
    position: absolute;
}

.reserve-new .application .terms-box:nth-child(n+2), .register-modal .terms-box:nth-child(n+2) {
    border-top: none;
}

.reserve-new .application .terms-box:last-child, .register-modal .terms-box:last-child {
    margin-bottom: 24px;
}

.register-modal .terms-box {
    padding: 18px;
}

.register-modal .terms-box:last-child {
    margin-bottom: 14px;
}

.reserve-new .application .terms-box {
    padding: 24px;
}

.form-error .form-mandatory {
    color: #b00020 !important;
}

.form-error .chosen-default {
    color: #b00020 !important;
    border: 1px solid rgba(176, 0, 32, 0.3) !important;
}

.form-error .icheckbox_square-grey:not(.checked) {
    box-shadow: inset 0px 0px 0px 2px rgba(176, 0, 32, 0.3);
}

.form-error button[type=submit] {
    background: rgba(176, 0, 32, 0.4) !important;
}

.form-error input.error {
    border: 1px solid rgba(176, 0, 32, 0.3) !important;
}

.form-error input.error::placeholder {
    color: #b00020 !important;
}

.form-error label.error {
    color: #b00020;
}

.reserve-form .form-error input.error {
    border: 0 !important;
    border-bottom: 1px solid rgba(176, 0, 32, 0.3) !important;
}

.reserve-form .form-error button[type=submit] {
    background: rgba(176, 0, 32, 0.8) !important;
}

/* Slider Style
================================ */
.bx-wrapper {
    border: 0;
    background: transparent;
    margin-bottom: 0;
}

.bx-wrapper .bx-controls-direction a {
    width: 48px !important;
    height: 48px !important;
    z-index: 1 !important;
    opacity: 0.5;
}

.bx-wrapper .bx-controls-direction a:hover {
    opacity: 1;
}

.bx-wrapper .bx-controls-direction a:active {
    opacity: 0.5;
}

.bx-wrapper .bx-controls-direction a.bx-next {
    background: url("../img/Arrow_Next_Slick.svg") no-repeat !important;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    background: url("../img/Arrow_Prev_Slick.svg") no-repeat !important;
}

.bx-wrapper .bx-prev {
    left: 31px;
}

.bx-wrapper .bx-next {
    right: 31px;
}

.bx-wrapper ul.bxslider {
    height: 75vh;
}

.bx-wrapper ul.bxslider > li {
    height: 75vh;
    padding: 69px 0;
}

.bx-wrapper ul.bxslider > li .upper-title {
    text-transform: uppercase;
}

.bx-wrapper .bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.bx-wrapper .slider-container {
    position: relative;
    transform: none !important;
    float: left;
    z-index: 2;
    width: 340px !important;
    margin: 0 auto;
    text-align: left !important;
}

.bx-wrapper .slider-container h1 {
    margin-bottom: 16px;
    line-height: 1.25;
}

.bx-wrapper .slider-container p {
    word-spacing: 2px;
}

.bx-wrapper .slider-container span.sub-line {
    display: block;
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin: 12px auto;
}

.bx-wrapper .slider-container .explore {
    padding: 10px 20px;
    border-radius: 0;
    font-size: 11px;
    line-height: 0.91;
    letter-spacing: 1.6px;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px #ffffff;
    margin-top: 32px;
}

.bx-wrapper .bx-pager {
    bottom: 24px;
    right: 24px;
    padding-top: 0;
    width: auto;
}

.bx-wrapper .bx-pager .bx-pager-item {
    float: left;
    clear: left;
    margin-bottom: 5px;
}

.bx-wrapper .bx-pager .bx-pager-item a {
    width: 6px;
    height: 6px;
    opacity: 0.75;
    border-radius: 6px;
    border: solid 1px #ffffff;
    background-color: transparent;
    float: left;
}

.bx-wrapper .bx-pager .bx-pager-item a.active {
    opacity: 1;
    background: #fff;
}

.slide-counter {
    position: absolute;
    top: 24px;
    left: 54px;
    z-index: 10;
}

/* Layout Style
================================ */
main {
    margin-top: 81px;
}

@media (max-width: 991px) {
    main {
        margin-top: 44px;
    }
}

main .description-content, main .description-content div.desc {
    position: relative;
    height: calc(100vh - 81px);
}

@media (max-width: 991px) {
    main .description-content, main .description-content div.desc {
        height: calc(92vh - 44px);
    }
}

main.product-page {
    margin-top: 63px;
}

@media (max-width: 991px) {
    main.product-page {
        margin-top: 63px;
    }
}

main.product-page .description-content, main.product-page .description-content div.desc {
    position: relative;
    height: calc(100vh - 122px);
}

@media (max-width: 991px) {
    main.product-page .description-content, main.product-page .description-content div.desc {
        height: calc(92vh - 88px);
    }
}

.description-content div.desc {
    z-index: 2;
    margin-top: 0;
    opacity: 1;
    transition: ease all 0.6s;
}

.description-content .mask {
    opacity: 1;
    transition: ease all 0.6s;
}

.description-content h1,
.description-content h2,
.description-content p {
    position: relative;
    top: 45%;
    transform: translateY(-45%);
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.description-content h1 {
    margin-bottom: 14px;
}

.description-content p {
    max-width: 770px;
    font-size: 16px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

.description-content .page-404 {
    max-width: 770px;
    width: 90%;
    position: relative;
    top: 45%;
    transform: translateY(-45%);
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.description-content .page-404 h1 {
    position: relative;
    top: auto;
    transform: none;
    font-size: 72px;
    line-height: 0.9;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    margin-bottom: 24px;
}

.description-content .page-404 h2 {
    margin-bottom: 10px;
    line-height: 1.3;
}

.description-content .page-404 h4 {
    line-height: 1.2;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    padding-bottom: 8px;
}

.description-content .page-404 p {
    font-size: 16px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin: 8px auto 10px;
}

.description-content .page-404 a {
    display: inline-block;
    width: auto;
}

.description-content .page-404 button {
    border: 1px solid rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.06);
    font-size: 11px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    letter-spacing: 1.6px;
    color: #fff;
    min-width: 200px;
}

.description-content .page-404 .logo {
    width: 100px;
    max-width: 25%;
    margin-bottom: 50px;
}

.morelink {
    display: block;
    margin: 20px auto;
    width: 40px;
    height: 40px;
    background: url("../svg/show-more-btn.svg") no-repeat;
    border: none;
    float: none;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    opacity: 1;
}

.morelink.white {
    margin-top: 5px;
    background: url("../img/show-more-btn-white.svg") no-repeat;
}

h4.pre-heading {
    font-size: 15px;
    letter-spacing: 2px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    opacity: 0.5;
    margin-bottom: 12px;
}

.morelink:hover {
    opacity: 0.5 !important;
}

.banner.animate .desc {
    opacity: 0;
}

.banner.animate .mask {
    opacity: 0;
}

.small-description {
    height: 50vh;
}

.small-description h4 {
    position: relative;
    top: 45%;
    transform: translateY(-45%);
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    max-width: 770px;
    line-height: 1.6;
}

.content {
    padding: 60px 0;
}

.content.center-aligned-content {
    text-align: center;
}

.custom-content {
    padding: 72px 0 72px;
}

.custom-content span {
    line-height: 2;
    font-size: 12px;
}

.large-content {
    padding: 48px 0 72px;
}

.container {
    max-width: 1200px;
    width: 90%;
}

.light-gray {
    background-color: #efefef;
    color: #383736;
}

.light-gray .no-break-out {
    color: #383736;
}

.light-gray .labeled hr {
    border-color: #7a7977;
}

.lightest-gray {
    background-color: #ececeb;
    color: #383736;
}

.lightened-gray {
    background-color: #e7e7e6;
    color: #383736;
}

.dark-gray {
    background: #7a7977;
}

.medium-gray {
    background-color: #a9a8a9;
}

.subtle-gray {
    background-color: #f2f3f2;
    color: #383736;
}

.darker-gray {
    background-color: #dcdcdc;
    color: #383736;
}

.dark-light-gray {
    background-color: #d8d8d8;
    color: #383736;
}

.darkest-gray {
    background-color: #383736;
}

.darkest-gray .subtitle span::before {
    background-color: #fff;
}

.light-brown {
    background-color: #f1f1f0;
    color: #383736;
}

.lighter-brown {
    background-color: #e7e7e6;
    color: #383736;
}

.medium-brown {
    color: #383736;
}

.dark-brown {
    background-color: #383736;
    color: #ffffff;
}

.section-border {
    border-top: 2px solid white;
}

label {
    font-size: 20px;
    line-height: 1.5;
    max-width: 264px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

label span {
    float: left;
    width: 100%;
}

hr.label-hr {
    border-bottom: 2px solid #383736;
    opacity: 0.2;
    position: absolute;
    margin: 14px 0;
    max-width: 300px;
    width: 100%;
    bottom: -24px;
}

footer .collapse, .terms .collapse, .terms-new .collapse {
    display: block;
}

.collapse.view-more {
    display: none;
}

.collapse.view-more.in {
    display: block;
}

.large-btn {
    color: #383736;
    margin-bottom: 48px;
    width: 100%;
    max-width: 370px;
    float: left;
    height: 32px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: center;
    border: 1px solid rgba(56, 55, 54, 0.2);
    background-color: rgba(56, 55, 54, 0.02);
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
}

.large-btn:hover {
    text-decoration: none;
}

.centered-description h1 {
    margin-bottom: 0;
    max-width: 770px;
}

.centered-description h1 img {
    width: 100%;
    max-width: 197px;
}

.centered-description p {
    font-size: 16px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 2px;
    text-align: center;
    top: 43.3%;
    padding-left: 2px;
}

.body-content {
    position: relative;
    float: left;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.banner::before {
    position: fixed;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
}

.scroll-to {
    height: 50px;
    text-align: center;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 14;
    opacity: 1;
    left: 0;
    transition: ease all 0.6s;
}

.scroll-to a {
    background: url("../svg/white-scroll-arrow.svg") no-repeat !important;
    background-position: center;
    width: 18px;
    height: 20px;
    position: absolute;
    margin-top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.banner.animate .scroll-to {
    margin-top: -100px;
    opacity: 0;
}

.section-description {
    padding: 43px 0 16px;
}

.section-description h4 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    width: 90%;
    margin: auto;
    max-width: 590px;
    line-height: 1.5;
    margin-bottom: 14px;
}

.section-description p {
    max-width: 570px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin: auto;
    font-size: 15px;
}

/* Spacing Classes
================================= */
.left-0 {
    padding-left: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5px;
}

.pl-0 {
    padding-left: 0 !important;
}

.p-28 {
    padding: 28px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-28 {
    margin-bottom: 28px !important;
}

.mb-48 {
    margin-bottom: 48px !important;
}

.mb-72 {
    margin-bottom: 72px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-48 {
    margin-top: 48px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mb-15-c p {
    margin-bottom: 15px;
}

.mb-15-c :last-child {
    margin-bottom: 0;
}

.op-text {
    opacity: 0.5;
}

.line-h {
    line-height: 1.71 !important;
}

.no-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    /* word-break: break-word;*/
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

a.anchor {
    display: block;
    position: relative;
    top: -75px;
    visibility: hidden;
}

header {
    position: fixed;
    z-index: 51;
    padding: 18.5px 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 44px;
    -webkit-transition: ease-out all 0.35s;
    -moz-transition: ease-out all 0.35s;
    -ms-transition: ease-out all 0.35s;
    -o-transition: ease-out all 0.35s;
    transition: ease-out all 0.35s;
}

header .container {
    padding: 0;
    width: 95%;
}

header .main-menu:before, header .main-menu nav {
    position: relative;
    z-index: 51;
}

header .main-menu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
}

header .navbar-default {
    background: transparent;
    border: none;
    margin: 0;
}

header .navbar-nav {
    position: absolute;
    left: 50%;
    top: 44%;
    transform: translate(10%, -50%);
    text-transform: uppercase;
    transition: ease all 0.5s;
}

header .navbar-nav li {
    float: left;
}

header .navbar-nav li a {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 2px;
    text-align: left;
    float: left;
    text-transform: uppercase;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    color: #a29b96;
    padding: 12px 15px;
}

header .navbar-nav li a:hover, header .navbar-nav li a.current {
    opacity: 0.5;
}

header .navbar-nav li a, header .navbar-nav li a:hover, header .navbar-nav li a:focus, header .navbar-nav li a:active {
    text-decoration: none;
}

header .navbar-nav li a.active {
    opacity: 0.5;
}

header .navbar-brand {
    height: auto;
    padding: 0;
}

header .navbar-toggle {
    border: none;
    background: transparent !important;
    float: left;
}

header .navbar-toggle:hover {
    background: transparent !important;
}

header .navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
    background: #7a7977;
}

header .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 15% 100%;
}

header .navbar-toggle .middle-bar {
    opacity: 0;
}

header .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 38% 90%;
}

header .navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

header .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

header .navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

header a#logo {
    float: left;
}

header a#logo img {
    float: left;
}

header .logo {
    width: 175px;
    height: 44px;
    background: url(../svg/header-wwhite-logo.svg) no-repeat;
    background-size: cover;
}

header .chn .navbar-nav li a {
    font-size: 13px;
}

header .chn .right-nav a.sign-up {
    font-size: 11px;
}

header .chn .right-nav a {
    font-size: 13px;
}

header .right-nav {
    float: right;
    right: 0;
    position: absolute;
    top: 6px;
    max-width: 300px;
}

header .right-nav.extended {
    max-width: 300px;
}

header .right-nav a {
    font-size: 12px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    line-height: 0.86;
    letter-spacing: 0.5px;
    color: #fff;
    padding: 11px;
}

header .right-nav a .caret {
    margin-left: 0;
    opacity: 0.4;
}

header .right-nav a.sign-up-btn {
    margin-right: 5px;
}

header .right-nav a:hover, header .right-nav a:focus {
    text-decoration: none;
}

header .right-nav a.reserve {
    padding: 10px;
}

header .right-nav a.sign-up {
    max-width: 80px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    float: right;
    line-height: 30px;
}

header .right-nav a.sign-up:hover, header .right-nav a.sign-up:focus {
    text-decoration: none;
}

header .right-nav a.pre-order {
    float: right;
    width: auto;
    text-align: center;
    font-size: 11px;
    float: right;
    line-height: 30px;
    max-width: inherit;
    margin-left: 7px;
    padding: 0 5px;
}

header .mob-symbol {
    display: none;
}

header .language {
    display: none;
    position: relative;
}

.header-margin {
    margin-top: 81px;
}

.language-wrapper {
    float: left;
    width: 100%;
    max-width: 90px;
    overflow: hidden;
}

.language-wrapper a {
    text-decoration: none;
}

.language-wrapper a:hover {
    text-decoration: none;
    cursor: default;
}

.language-wrapper .language:hover {
    opacity: 0.5;
}

.language-wrapper:hover .language {
    display: block;
    transition: ease all 1s;
    margin-left: 20px;
    cursor: pointer;
}

.current-lang {
    left: 45px;
    position: relative;
}

.language-wrapper:hover .current-lang {
    transition: ease all 0.5s;
    margin-left: 0;
    left: 15px;
    cursor: pointer;
}

.language-wrapper:hover .current-lang .caret {
    transform: rotate(-90deg);
    transition: ease all 0.2s;
}

.header-bg {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1) !important;
    height: 44px;
}

.header-bg .navbar-nav > li > a,
.header-bg .right-nav a {
    color: #7A7977;
}

.header-bg a.reserve,
.header-bg a.sign-up {
    border: 1px solid #7a7977 !important;
}

.header-bg .navbar-nav::before {
    content: '';
    border-bottom: 1px solid #7A7977 !important;
}

.header-bg .logo {
    background: url("../svg/header-logo-blue.svg") no-repeat;
}

.header-90 {
    height: 44px !important;
}

main {
    margin-bottom: 311px;
}

main.page-error {
    background: url("../img/404-bg.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    z-index: 1;
}

footer {
    background: #383736;
    height: 311px;
    position: fixed;
    z-index: 0 !important;
    bottom: 0;
    display: none;
}

footer .container {
    max-width: 1200px;
    width: 90%;
}

footer .container > div.row {
    margin: 0;
}

footer .container .footer-logo {
    float: left;
    margin-bottom: 45px;
    margin-top: 50px;
    padding: 0;
    margin-left: -12px;
}

footer .container .footer-logo img {
    float: left;
}

footer .container .footer-logo span {
    float: left;
    padding: 22px 0 0 20px;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    color: #cac8c8;
}

footer .container .right-nav {
    float: right;
    padding: 0;
    padding-bottom: 10px;
}

footer .container .right-nav .title {
    color: #A9A9A8;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
    font-weight: 700 !important;
    line-height: 1;
    letter-spacing: 3px;
    margin-bottom: 10px;
    margin-top: 48px;
    float: left;
    width: 100%;
}

footer .container .right-nav:before {
    content: '';
    width: 100%;
    float: left;
    border-bottom: 1px solid #464342;
    top: 69px;
    position: relative;
}

footer .container .right-nav ul li {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    float: left;
    width: 100%;
}

footer .container .right-nav ul li ul {
    float: left;
    width: 100%;
    margin-top: 10px;
}

footer .container hr {
    float: left;
    width: 100%;
    border-color: #464342;
    margin: 0;
}

footer .container ul {
    padding: 0;
    margin-right: 30px;
    float: left;
    width: 100%;
}

footer .container ul li {
    font-size: 12px;
    line-height: 2;
    text-align: left;
    color: #fff;
    float: left;
    width: 100%;
}

footer .container ul li span {
    letter-spacing: 0.5px;
}

footer .container ul li p {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.5px;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

footer .container ul li p:hover {
    cursor: pointer;
    text-decoration: underline;
}

footer .container ul li p {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.5px;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
    float: left;
    width: 100%;
}

footer .container ul li p:hover {
    cursor: pointer;
}

footer .container ul li a {
    float: left;
    width: 100%;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    color: #fff !important;
    text-decoration: none;
}

footer .container ul li a:hover {
    text-decoration: underline;
}

footer .container ul.offices li {
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

footer .container ul.offices li span {
    letter-spacing: 1.3px;
    color: #7d7773;
    text-transform: lowercase;
}

footer .container ul.email li {
    margin-bottom: 0px;
}

footer .container ul.email li span {
    float: left;
    width: 100%;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
}

footer .container .footer-socilas {
    float: left;
    padding: 0;
}

footer .container .footer-socilas .title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

footer .container .footer-socilas .social-icons {
    margin-top: 0;
}

footer .container .footer-socilas .social-icons li {
    float: left;
    width: auto;
    padding-top: 2px;
    font-size: 15px;
    line-height: 1.5;
    margin-right: 21px;
}

footer .container .footer-socilas .social-icons li:last-child {
    margin-right: 0;
}

footer .container .footer-socilas .social-icons a {
    float: left;
    color: #fff;
    text-align: center;
}

footer .container .footer-socilas .social-icons a.facebook {
    background-position: -6px center;
}

footer .container .footer-socilas .social-icons a.linkedin {
    background-position: -38px center;
    margin: 0 15px;
}

footer .container .footer-socilas .social-icons a.chats {
    background-position: -74px center;
}

footer .container .language-bar ul {
    margin: 17px 0;
    float: left;
}

footer .container .language-bar ul li {
    line-height: 1;
    width: auto;
    float: left;
    margin-right: 20px;
}

footer .container .language-bar ul li a {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    color: #ffffff;
}

footer .container .language-bar ul li a.active {
    opacity: 0.5;
}

footer .container .language-bar ul li.title span {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 3.6px;
    text-align: left;
    color: #a9a9a8;
    text-transform: uppercase;
}

footer .container .copyright {
    float: right;
    margin: 10px 0;
}

footer .container .copyright a {
    text-align: left;
    color: #ffffff;
    padding-right: 20px;
}

footer .container .copyright a:hover {
    color: #fff;
    text-decoration: none;
}

footer .container .copyright span {
    color: #A9A9A8;
    letter-spacing: 0.6px;
}

footer .container .copyright a, footer .container .copyright span {
    font-size: 12px;
    line-height: 2;
    text-align: left;
}

footer .container .copyright .icp {
    margin-right: 20px;
}

ul li,
ol li {
    font-size: 14px;
    line-height: 1.71;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

.no-padding {
    padding: 0 !important;
}

a:focus {
    outline: none !important;
}

.subtitle {
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 0;
}

.subtitle span {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 4px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    margin-bottom: 48px;
    padding-bottom: 48px;
}

.subtitle span::before {
    width: 1px;
    background-color: #383736;
    opacity: 0.4;
    content: '';
    height: 40px;
    float: left;
    position: absolute;
    left: 49.87%;
    top: 28px;
}

/* Custom Scrollbar
================================== */
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #383736 !important;
    width: 1px;
    opacity: 0.1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1px;
    opacity: 1;
    background-color: #383736 !important;
}

.mCSB_inside > .mCSB_container {
    margin-right: 25px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 1px;
    margin: 3px 8px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    display: none !important;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background: url(../svg/arrow-down.svg) no-repeat !important;
    background-position: center !important;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    height: 10px;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 0 0 20px;
}

main.terms ul {
    list-style-type: disc;
    padding: 5%;
}

main.terms-new ul {
    list-style-type: disc;
    padding-left: 30px;
}

main.terms-new li {
    margin-bottom: 10px;
}

main.terms-new p, main.terms-new ul {
    margin-bottom: 15px;
}

main.terms-new p a {
    color: white;
    text-decoration: underline;
}

main.terms-new .row:not(:last-child) {
    margin-bottom: 30px;
}

.reserve-header.custom-content p:not(:last-child) {
    margin-bottom: 18px;
}

.reserve-header p a {
    color: inherit;
    text-decoration: underline;
}

.reserve-new .custom-content p:not(:last-child) {
    margin-bottom: 18px;
}

.reserve-new #step_1 input {
    margin-bottom: 60px;
}

.reserve-new #step_1 label#confirm_password-error, .reserve-new #step_1 label#email-error {
    left: 15px;
}

.reserve-new #step_1 label#terms-error {
    left: -14px !important;
}

.reserve-new #step_2 label.error {
    left: 15px;
}

.reserve-new #step_2 label#select_country-error {
    left: 0;
}

.reserve-new .large-btn {
    font-size: 16px;
}

.reserve-new p a, .reserve-new label a {
    color: inherit;
    text-decoration: underline;
}

.reserve-new .application p {
    padding: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    color: inherit;
}

.reserve-new .download-prompt {
    font-size: 15px;
    border: 1px solid #cacac8;
    border-left: none;
    border-right: none;
    padding: 16px 0;
    margin-top: 60px;
}

.reserve-new .download-prompt .store-icons {
    text-align: center;
}

.reserve-new .download-prompt .store-icons a {
    margin: 0 10px;
}

.reserve-new .download-prompt .store-icons img {
    width: 40%;
}

main._404 {
    background-color: #f1f1f1;
}

.imprint h2, .imprint p {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.imprint strong {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
}

.imprint h2 {
    margin-bottom: 20px;
}

.imprint p {
    margin: 0 0 25px !important;
}

.imprint p:after {
    margin-top: 30px !important;
    content: "";
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.imprint a, .imprint a:hover, .imprint a:focus {
    color: white;
}

header .sign-up-btn {
    float: left;
}

.slider-wrapper {
    height: 100%;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
}

.box {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    transition: 0.5s;
    cursor: pointer;
    -webkit-transition: 0.5s;
}

.box:hover {
    border: 1px solid rgba(0, 160, 80, 0);
    color: #FFF;
    text-decoration: none;
}

.box:active {
    text-decoration: none;
}

.box::before, .box::after {
    width: 100%;
    height: 100%;
    z-index: 3;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    transition: 0.5s;
}

.foo::before {
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    -webkit-transform-origin: 0 100%;
}

.foo::after {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform-origin: 100% 0%;
}

header .foo::before,
.foo.light-brown::before {
    border-bottom: 1px solid rgba(122, 121, 119, 0.8);
    border-left: 1px solid rgba(122, 121, 119, 0.8);
    -webkit-transform-origin: 0 100%;
}

header .foo::after,
.foo.light-brown::after {
    border-top: 1px solid rgba(122, 121, 119, 0.8);
    border-right: 1px solid rgba(122, 121, 119, 0.8);
    -webkit-transform-origin: 100% 0%;
}

.square-button-dark {
    padding: 8px 10px;
    min-width: 130px;
    text-align: center;
    border: 1px solid rgba(122, 121, 119, 0.4) !important;
    display: inline-block;
    background: rgba(56, 55, 54, 0.1);
}

.square-button-dark:before, .square-button-dark:after {
    border-color: #7a7977 !important;
}

.square-button-dark, .square-button-dark:hover {
    color: #7a7977;
}

.box:hover::after, .box:hover::before {
    -webkit-transform: scale(1);
}

.main-section .video-js {
    z-index: 11;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    /* Change all text and icon colors in the player. */
    /* Change the border of the big play button. */
    /* Change the color of various "bars". */
}

.main-section .video-js video {
    object-fit: contain;
    background-size: contain;
}

.main-section .video-js .vjs-control {
    width: 7em;
}

.main-section .video-js .vjs-control:hover .vjs-progress-holder {
    height: 6px;
}

.main-section .video-js .vjs-control .vjs-menu li {
    text-transform: initial;
}

.main-section .video-js .vjs-control .vjs-menu li.vjs-menu-item.vjs-texttrack-settings {
    display: none;
}

.main-section .video-js .vjs-control.vjs-captions-button {
    width: 48px;
    object-fit: contain;
    background-image: url("../img/video-caption.png");
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 28px 28px;
    background-size: 28px 28px;
}

.main-section .video-js .vjs-control.vjs-captions-button:before {
    font-size: 25px;
    line-height: 30px;
    content: none;
}

.main-section .video-js .vjs-control-bar {
    width: 90%;
    margin: auto;
    bottom: 20px;
}

.main-section .video-js .vjs-menu-button-inline,
.main-section .video-js .vjs-menu-button-inline:hover,
.main-section .video-js .vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.main-section .video-js .vjs-menu-button-inline .vjs-menu-content {
    width: 17em;
}

.main-section .video-js .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
}

.main-section .video-js .vjs-matrix.video-js {
    color: #00ff00;
}

.main-section .video-js .vjs-matrix .vjs-big-play-button {
    border-color: #00ff00;
}

.main-section .video-js .vjs-matrix .vjs-volume-level,
.main-section .video-js .vjs-matrix .vjs-play-progress,
.main-section .video-js .vjs-matrix .vjs-slider-bar {
    background: #00ff00;
}

.main-section .video-js .vjs-control-bar {
    background-color: transparent;
}

.main-section .video-js .vjs-volume-level,
.main-section .video-js .vjs-progress-holder {
    height: 1px;
}

.main-section .video-js .vjs-control-text {
    margin: 0;
}


.main-section .video-js .vjs-big-play-button span:before, .main-section .video-js .vjs-big-play-button:before {
    content: none;
}

.main-section .video-js .vjs-play-control {
    display: none;
}

.main-section .video-js .vjs-poster {
    background-position: top center;
    -webkit-background-size: cover;
    background-size: cover;
}

.main-section .vjs-has-started {
    z-index: 10;
}

.main-section .video-js .vjs-fullscreen-control span:before {
    content: none;
}

.main-section .video-js .vjs-fullscreen-control:before {
    content: '';
    width: 46px;
    height: 30px;
    display: block;
    background: url("../img/video-fullscreen.png") no-repeat;
    background-size: cover;
    margin-left: 20px;
}

.main-section .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    background: url("../img/video-exit-fullscreen.png") no-repeat center;
}

.main-section .vjs-icon-volume-high:before,
.main-section .video-js .vjs-volume-menu-button:before {
    content: '';
    display: block;
    background: url("../img/video-volume.png") no-repeat;
    background-size: cover;
    width: 18px;
    height: 22px;
    left: 20px;
    top: 3px;
}

.main-section .video-js .vjs-volume-menu-button.vjs-vol-0:before {
    background: url("../img/video-mute.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.main-section .vjs-volume-bar.vjs-slider-horizontal {
    height: 1px;
    width: 126px;
}

.main-section .vjs-icon-circle:before, .main-section .video-js .vjs-mouse-display:before,
.main-section .video-js .vjs-play-progress:before, .main-section .video-js .vjs-volume-level:before {
    content: '';
    display: block;
}

.main-section .vjs-has-started.vjs-paused .vjs-big-play-button {
    pointer-events: all;
    transition: opacity 0.5s;
}

.main-section .vjs-has-started .vjs-big-play-button {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
}

.main-section .vjs-paused .vjs-big-play-button {
    opacity: 1;
    pointer-events: all;
    transition: opacity 0.5s;
    display: block;
}

.main-section .video-js .vjs-current-time {
    display: block;
}

.main-section .close.video-close {
    position: absolute;
    right: 65px;
    top: 83px;
    opacity: 0;
    transition: ease all 0.6s;
}

.main-section .close.video-close.show {
    opacity: 1 !important;
}

.main-section .poster-background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: inherit;
}

.main-section .video-description {
    position: relative;
    z-index: 2;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    transition: ease all 0.2s;
}

.main-section .video-description h1 {
    margin-bottom: 14px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    line-height: 1.25;
}

.main-section .video-description span.sub-line {
    display: block;
    height: 30px;
    width: 2px;
    background-color: #fff;
    margin: 12px auto;
}

.main-section .video-description p {
    word-spacing: 2px;
}

.mask-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 13;
}

.mask-wrapper:hover {
    cursor: pointer;
}

/* Svg Animations of Lines and Gradients*/
.mask {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.mask .home-first-gradient {
    float: left;
    display: none;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.mask span {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    float: left;
}

#fp-nav {
    float: left;
    position: absolute;
    top: auto;
    bottom: 24px;
    right: 24px;
    padding-top: 0;
    width: auto;
    z-index: 10;
}

#fp-nav ul li {
    float: left;
    clear: left;
    width: auto;
    height: auto;
    margin-bottom: 2px;
}

#fp-nav ul li a {
    width: 5px;
    height: 5px;
    opacity: 0.75;
    border-radius: 6px;
    border: solid 1px #ffffff;
    background-color: transparent;
}

#fp-nav ul li a.active {
    opacity: 1;
    background: #fff;
}

#fp-nav ul li a span {
    width: 0;
    height: 0;
    display: none;
}

.sign-up-wrapper .form {
    width: 632px;
    margin: 0 auto;
    position: relative;
}

.sign-up-wrapper .form > p,
.sign-up-wrapper .form .sign-up,
.sign-up-wrapper .form .sign-up-socials {
    display: inline-block;
    vertical-align: top;
}

.sign-up-wrapper .form .sapCpContentPage.sapCpContentPageLoading {
    opacity: 1;
    cursor: auto;
}

.sign-up-wrapper .form .sapCpContentPage.sapCpContentPageLoading .sap-submit {
    cursor: wait;
}

.sign-up-wrapper .form .sign-up {
    width: 370px;
    padding: 0;
}

.sign-up-wrapper .form .sign-up p {
    font-size: 12px !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    line-height: 2;
    margin-bottom: 20px;
}

.sign-up-wrapper .form .small-inputs {
    width: 179px;
    float: left;
    padding: 0;
    margin-top: 0;
    transition: ease all 0.3s;
}

.sign-up-wrapper .form .small-inputs.sapCpWidgetMandatoryMissing {
    background-color: transparent;
}

.sign-up-wrapper .form .small-inputs.sapCpWidgetMandatoryMissing input {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
}

.sign-up-wrapper .form .large-input.sapCpWidgetInvalid {
    background-color: transparent;
}

.sign-up-wrapper .form .large-input.sapCpWidgetInvalid input {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
}

.sign-up-wrapper .form .sapCpMissingMandatoryFieldLabel {
    text-align: center;
    color: #fff;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -32px;
}

.sign-up-wrapper .form .sapCpMissingMandatoryFieldLabel p {
    margin-bottom: 0;
}

.sign-up-wrapper .form .small-inputs:first-child {
    margin-right: 11px;
}

.sign-up-wrapper .form .sapCpWidget {
    padding: 0;
    margin-top: 0;
}

.sign-up-wrapper .form .large-input {
    float: left;
    width: 100%;
    padding: 0;
    transition: ease all 0.3s;
}

.sign-up-wrapper .form .large-input.sapCpWidgetMandatoryMissing {
    background-color: transparent;
}

.sign-up-wrapper .form .large-input.sapCpWidgetMandatoryMissing input {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
    -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.9);
}

.sign-up-wrapper .form textarea,
.sign-up-wrapper .form input[type=text]:not(.chosen-search-input),
.sign-up-wrapper .form input[type=email] {
    padding: 4px 0;
    height: 32px;
    font-size: 14px;
    line-height: 1.71;
    text-align: center;
    color: #ffffff;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    box-shadow: none;
    margin-bottom: 12px;
}

.sign-up-wrapper .form textarea::-webkit-input-placeholder,
.sign-up-wrapper .form input[type=text]:not(.chosen-search-input)::-webkit-input-placeholder,
.sign-up-wrapper .form input[type=email]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.sign-up-wrapper .form textarea::-moz-placeholder,
.sign-up-wrapper .form input[type=text]:not(.chosen-search-input)::-moz-placeholder,
.sign-up-wrapper .form input[type=email]::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.sign-up-wrapper .form textarea:-ms-input-placeholder,
.sign-up-wrapper .form input[type=text]:not(.chosen-search-input):-ms-input-placeholder,
.sign-up-wrapper .form input[type=email]:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.sign-up-wrapper .form textarea:-moz-placeholder,
.sign-up-wrapper .form input[type=text]:not(.chosen-search-input):-moz-placeholder,
.sign-up-wrapper .form input[type=email]:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.sign-up-wrapper .form input.email,
.sign-up-wrapper .form input[type=email] {
    width: 100% !important;
}

.sign-up-wrapper .form button.submit,
.sign-up-wrapper .form button[type=submit] {
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0 auto;
    border-radius: 0;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
    display: block;
    transition: ease all 0.3s;
}

.sign-up-wrapper .form .success-text {
    text-align: center;
    color: #fff;
}

.sign-up-wrapper .form .success-text h3 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    ine-height: 1.2 !important;
    word-spacing: 0;
    font-size: 19px !important;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: none;
    margin-bottom: 0;
}

.sign-up-wrapper .form .success-text p {
    line-height: 1.71;
    word-spacing: 0;
    font-size: 15px;
    text-transform: none;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    letter-spacing: 0;
}

.sign-up-wrapper .form > p {
    margin: 0 34px;
}

.sign-up-wrapper .form .sapCpContentPage.before-submitting .loader {
    display: block;
}

.sign-up-wrapper .form .sapCpContentPage.before-submitting .sign-up {
    filter: blur(1px);
    opacity: 0.85;
}

.sign-up-wrapper .form .sapCpContentPage.sapCpContentPageLoading .loader {
    display: block;
}

.sign-up-wrapper .form .sapCpContentPage.sapCpContentPageLoading .sign-up {
    filter: blur(1px);
    opacity: 0.85;
}

.sign-up-wrapper .form .loader {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
}

.sign-up-wrapper .form .loader .sk-circle {
    margin: 40px auto;
}

.sign-up-wrapper h3 {
    margin-bottom: 24px;
    line-height: 1.71;
    word-spacing: 0;
    font-size: 15px;
}

.sign-up-wrapper input.name {
    margin-right: 15px;
}

.sign-up-wrapper div.inner-wrap {
    display: inline-block;
}

.sign-up-wrapper h3 {
    font-size: 18px !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    line-height: 1.33 !important;
    letter-spacing: 2px;
    text-align: left;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center;
}

.sign-up-wrapper p {
    text-align: left;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 12px;
    margin-bottom: 37px;
    float: left;
}

.sign-up-wrapper h4 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0px;
    margin-bottom: 25px;
    float: left;
    text-align: center;
    width: 100%;
}

.sign-up-wrapper div.form.shrinked {
    width: 300px;
    float: left;
    position: relative;
    margin-right: 150px;
}

.sign-up-wrapper div.form.shrinked .sign-up {
    width: 100%;
}

.sign-up-wrapper div.form.shrinked input {
    text-align: left;
    padding: 4px 8px;
}

.sign-up-wrapper div.form.shrinked button.submit {
    width: 100%;
}

.sign-up-wrapper div.form.shrinked .loader {
    top: auto;
    bottom: 0;
}

.sign-up-wrapper div.apps {
    width: 300px;
    float: left;
}

.sign-up-wrapper div.apps .mobile-app {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 16px;
}

.sign-up-wrapper div.apps .mobile-app li {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 0px;
}

.sign-up-wrapper div.apps .mobile-app li a {
    display: block;
    width: 100%;
}

.sign-up-wrapper div.apps .mobile-app li a img {
    display: block;
}

.sign-up-wrapper div.apps .mobile-app li:last-child {
    margin-bottom: 0;
}

.sign-up-wrapper div.apps .mobile-app.chinese {
    padding-top: 10px;
    display: flex;
    flex: 1 1;
    justify-content: center;
    align-items: center;
    clear: left;
}

.sign-up-wrapper div.apps .mobile-app.chinese li {
    display: inline-flex;
    width: auto;
    margin: 0 10px;
}

.sign-up-wrapper div.apps .mobile-app.chinese li a {
    display: flex;
    width: auto;
}

.sign-up-wrapper div.apps .mobile-app.chinese li a img {
    width: auto;
}

#sign-up.modal .modal-content {
    min-height: 540px;
}

#sign-up.modal .logo {
    width: 74px;
    height: 68px;
    object-fit: contain;
    position: absolute;
    left: 96px;
    top: 73px;
}

#sign-up.modal .sign-up-wrapper .form {
    min-height: inherit;
}

#sign-up.modal .sign-up-wrapper hr {
    width: 100%;
    height: 2px;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.2);
    float: left;
    border: 0;
}

#sign-up.modal .sign-up-wrapper.content {
    padding: 73px 0 60px;
}

.sapCpSubmitCompleted .button-wrapper button,
.sapCpSubmitCompleted .small-inputs,
.sapCpSubmitCompleted .large-input {
    display: none !important;
}

.sign-up-popup {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    background-color: #adadac;
}

.sign-up-popup .content {
    position: relative;
    z-index: 2;
    max-width: 770px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
    padding: 72px 0 64px;
}

.sign-up-popup .content a.logo {
    display: block;
    margin-bottom: 53px;
}

.sign-up-popup .content h1 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    padding-bottom: 14px;
}

.sign-up-popup .content p {
    margin-bottom: 24px;
    font-size: 14px;
}

.sign-up-popup .content form {
    margin-top: 24px;
}

div.cookieinfo {
    padding: 0 !important;
    background-color: rgba(56, 55, 54, 0.7);
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
}

div.cookieinfo span {
    font-size: 11px !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    line-height: 0.91;
    text-align: left;
    color: #ffffff;
    width: 1200px;
    padding: 11px 0 !important;
    margin: 0 auto;
}

div.cookieinfo span a {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    color: #fff !important;
}

div.cookieinfo .cookieinfo-close {
    background-color: #efefef !important;
    border-radius: 0 !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 11px;
    line-height: 0.91;
    letter-spacing: 1px;
    color: #7a7977;
    padding: 11px 0 !important;
    margin-left: 0;
    margin-left: 0 !important;
}

#co-creator-slider {
    padding-top: 50px;
}

#co-creator-slider h2 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
}

#co-creator-slider p {
    margin-top: 15px;
}

#co-creator-slider.slick-slider {
    background: none;
}

#co-creator-slider .slick-list {
    padding: 0 !important;
}

#co-creator-slider .slick-dots-2 {
    position: absolute;
    top: 10px;
    width: 100%;
    list-style: none;
    text-align: center;
}

#co-creator-slider .slick-dots-2 li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background-color: #383736;
    opacity: 0.1;
    border-radius: 100%;
}

#co-creator-slider .slick-dots-2 li.slick-active {
    opacity: 0.5;
}

#co-creator-slider .slick-arrow {
    top: 50%;
}

@media (max-width: 768px) {
    #co-creator-slider .slick-arrow {
        top: 180px;
    }

    #co-creator-slider .slick-arrow.slick-next {
        right: 15px;
    }

    #co-creator-slider .slick-arrow.slick-prev {
        left: 15px;
    }
}

.co-creator-cn .description-content div.desc {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 40%);
}

@media (max-width: 768px) {
    .co-creator-cn .description-content div.desc {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 50%);
    }
}

.v-line {
    width: 1px;
    background-color: #383736;
    opacity: 0.7;
    content: '';
    height: 35px;
    display: block;
    margin: 25px auto 25px;
}

.h-line, .h-line-narrow {
    max-width: 740px;
    height: 1px;
    background-color: #383736;
    margin: 0 auto;
    opacity: 0.7;
}

.h-line-narrow {
    max-width: 30px;
}

.moments-banner.description-content .desc .wrapper {
    position: absolute;
    width: 100%;
    bottom: 12%;
    text-align: center;
    padding: 0 20px;
}

.moments-banner.description-content .desc h1 {
    position: relative;
    top: auto;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 36px;
}

.moments-banner.description-content .desc span.line {
    display: block;
    width: 1px;
    height: 20px;
    margin: 7px auto;
    background-color: #fff;
    margin-top: -12px;
    margin-bottom: 12px;
}

.moments-banner.description-content .desc h3 {
    position: relative;
    top: auto;
    letter-spacing: 2px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 12px;
}

.moments-banner.description-content .desc .play {
    margin-top: 10px;
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    background-repeat: no-repeat;
}

.moments-banner .scroll-to {
    z-index: 111;
}

.moments-banner .btn {
    box-shadow: none;
}

.quote {
    float: none;
    margin: auto;
    padding: 48px 0;
    text-align: center;
    border-top: solid 1px rgba(56, 55, 54, 0.2);
}

.quote span {
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 2px;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
}

.white span {
    color: #fff !important;
}

.none-border {
    border-top: none !important;
}

section.brand h3 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 24px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 500;
}

section.brand h4 {
    letter-spacing: 1px;
    font-size: 17px;
    margin-bottom: 14px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
}

section.brand .space-top {
    border-top: 3px solid white;
}

section.brand .subtitle {
    padding-top: 0;
    height: auto;
}

section.brand .subtitle span {
    letter-spacing: normal;
    text-transform: none;
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 18px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

section.brand .subtitle span::before {
    content: none;
}

section.brand .square-button-dark {
    padding: 10px;
    font-size: 12px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
}

section.brand p {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0px;
}

section.brand p.footer {
    font-size: 12px;
}

section.brand .line-top {
    position: relative;
    margin-top: 80px;
}

section.brand .line-top span {
    width: 1px;
    background-color: #383736;
    opacity: 0.4;
    content: '';
    height: 40px;
    float: left;
    position: absolute;
    left: 49.87%;
    top: -60px;
}

section.brand .enlarged {
    font-size: 18px;
}

div.video-wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}

div.video-wrapper .video-js {
    max-width: 100%;
    width: 1200px;
    height: 677px;
    position: relative;
    top: auto;
}

div.video-wrapper .video-js video {
    object-fit: contain;
    position: relative;
}

div.video-wrapper.first-banner-video {
    margin-top: 24px;
    padding-bottom: 72px;
}

.concept-header {
    /*position: absolute;*/
    box-shadow: none;
    opacity: 1;
    z-index: 51;
    background-color: none;
    visibility: visible;
    -webkit-transition: ease all 0.25s;
    -moz-transition: ease all 0.25s;
    -ms-transition: ease all 0.25s;
    -o-transition: ease all 0.25s;
    transition: ease all 0.25s;
}

.concept-header.affix {
    position: fixed;
    top: 0;
    padding: 9.5px 0;
}

.concept-header.affix-top {
    position: absolute;
}

.concept-header .navbar-default .navbar-nav > li > a:focus, .concept-header .navbar-default .navbar-nav > li > a:hover, .concept-header .navbar-default .navbar-nav > li > a {
    color: #fff;
}

.concept-header .right-nav a {
    color: #fff;
}

.concept-header a.reserve,
.concept-header a.pre-order,
.concept-header a.sign-up {
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.concept-header.white {
    height: 44px;
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1) !important;
}

.concept-header.white .navbar-default .navbar-nav > li > a,
.concept-header.white .right-nav a {
    color: #7A7977;
}

.concept-header.white a.reserve,
.concept-header.white a.sign-up {
    border: 1px solid #7a7977 !important;
}

.concept-header.white .logo {
    background: url("../svg/header-logo-blue.svg") no-repeat;
}

.concept-header.inivisible {
    opacity: 0;
    visibility: hidden;
}

main.concept .bx-wrapper {
    height: initial;
}

main.concept .description-content {
    position: relative;
}

main.concept span.italic {
    font-style: italic;
}

.concept-grid {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.body-content.concept {
    position: relative;
}

.description-content.concept .desc .wrapper, .description-content.ibuygou .desc .wrapper, .description-content.experience .desc .wrapper, .description-content.safety .desc .wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.description-content.concept .desc .wrapper h2, .description-content.ibuygou .desc .wrapper h2, .description-content.experience .desc .wrapper h2, .description-content.safety .desc .wrapper h2 {
    font-size: 36px;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.description-content.concept .desc .wrapper h4, .description-content.ibuygou .desc .wrapper h4, .description-content.experience .desc .wrapper h4, .description-content.safety .desc .wrapper h4 {
    font-size: 18px;
    line-height: 1.3333;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.description-content.concept .desc .wrapper {
    bottom: 10%;
}

.description-content.concept .desc .wrapper h2 {
    margin-bottom: 12px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.description-content.concept .desc .wrapper h4 {
    max-width: 900px;
    margin: 0 auto;
}

.description-content.concept .desc .wrapper a {
    margin-top: 10%;
}

.description-content.concept .desc .wrapper.cocreator h2, .description-content.concept .desc .wrapper.cocreator h4 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.5;
}

.description-content.ibuygou .poster-background.concept-poster {
    background-image: url("../img/banner-1.jpg");
}

.description-content.ibuygou .desc .wrapper {
    top: 20%;
}

.description-content.ibuygou .desc .wrapper h2 {
    margin-bottom: 20px;
}

.description-content.experience .desc .wrapper {
    bottom: 10%;
}

.description-content.experience .desc .wrapper h2 {
    margin-bottom: 20px;
}

.description-content.safety .desc .wrapper {
    top: 5%;
}

.description-content.safety .desc .wrapper h2 {
    margin-bottom: 20px;
    top: 0% !important;
}

.description-content.m-byte .desc .wrapper {
    top: 15%;
    bottom: auto;
    transform: translateY(-63%);
}

section.concept > div,
section.concept .content {
    float: left;
    width: 100%;
}

section.concept .center-aligned-content {
    text-align: center;
}

section.concept .center-aligned-content .see-more button {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 0;
}

section.concept .center-aligned-content .see-more span.read-more-label {
    position: absolute;
    left: 50%;
    margin-left: 28px;
    top: 4px;
}

section.concept .left-aligned-content {
    text-align: left;
}

section.concept .left-aligned-content .see-more button {
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 0;
}

section.concept .left-aligned-content .see-more span.read-more-label {
    position: absolute;
    left: 0;
    margin-left: 44px;
    top: 4px;
}

section.concept h3 {
    display: block;
    margin-bottom: 20px;
}

section.concept h3.medium-font, section.concept h3.small-font {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: normal;
}

section.concept h3.medium-font {
    font-size: 26px;
}

section.concept h3.small-font {
    font-size: 22px;
}

section.concept .subtitle {
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
}

section.concept .subtitle span {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 14px;
    text-transform: none;
}

section.concept .subtitle span::before, section.concept .subtitle span:before {
    content: none;
}

section.concept p.mb-12 {
    margin-bottom: 12px;
}

section.concept .more p {
    margin-bottom: 0;
}

section.concept .see-more .read-more-wrap {
    margin-top: 16px;
    width: 100%;
    text-align: center;
    position: relative;
    height: 32px;
}

section.concept .see-more .read-more-wrap span.read-more-label {
    opacity: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 2;
    letter-spacing: 0.9px;
    text-align: left;
    -webkit-transition: ease all 0.35s;
    -moz-transition: ease all 0.35s;
    -ms-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    transition: ease all 0.35s;
}

section.concept .see-more .read-more-wrap button:hover + span.read-more-label {
    opacity: 0.5;
}

section.concept .see-more .read-more-wrap.opened span.read-more-label {
    display: none;
}

section.concept .see-more .morelink {
    width: 32px;
    height: 32px;
    background: url("../svg/show-more-btn.svg") no-repeat;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border: none;
    margin: auto;
    float: none;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    position: relative;
    opacity: 0.5;
}

section.concept .see-more .morelink.white {
    background: url("../svg/show-more-btn-white.svg") no-repeat;
}

section.concept .see-more .extended-content p {
    margin-bottom: 0;
}

section.concept .banner-video .main-section .video-js .vjs-big-play-button {
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    -webkit-background-size: cover;
    background-size: cover;
}

.image-galleries {
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    padding: 4px;
    padding-bottom: 8px;
}

.image-galleries .item-row {
    float: left;
    width: 100%;
}

.image-galleries .item-row > div {
    padding: 0 1px;
    margin-bottom: 2px;
}

.image-galleries .item-row.last {
    margin-bottom: 0px;
}

.image-galleries .item-row .square {
    margin: 4px;
}

.image-galleries .item-row .square img {
    width: 100%;
    height: auto;
}

a.visualizer {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #383736;
}

.gallery-container {
    position: relative;
}

.gallery-container li div {
    position: relative;
    background-size: cover;
    background-position: center;
}

.gallery-container li div:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.gallery-container li div > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
}

.gallery-container.fullscreen .fullscreen-btn {
    display: none;
}

.gallery-container.fullscreen .fullscreen-close-btn {
    display: inline-block;
}

.gallery-container .fullscreen-btn, .gallery-container .fullscreen-close-btn {
    display: inline-block;
    opacity: 0.5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gallery-container .fullscreen-btn:hover, .gallery-container .fullscreen-close-btn:hover {
    opacity: 1;
}

.gallery-container .fullscreen-btn {
    width: 48px;
    height: 32px;
    background-image: url(../img/full-screen-btn.svg);
}

.gallery-container .fullscreen-close-btn {
    display: none;
    width: 35px;
    height: 35px;
    background-image: url(../img/close-btn-dark.svg);
}

.gallery-container .banner-video {
    height: 320px;
}

.gallery-container .banner-video .main-section {
    position: relative;
    width: 100%;
    height: 320px;
}

.gallery-container .banner-video .main-section .video-js video {
    height: 320px;
}

.gallery-container .banner-video .main-section .video-js .vjs-progress-control {
    width: 10em;
}

.gallery-container .banner-video .main-section .video-js .vjs-time-control {
    width: 6em;
}

.gallery-container .banner-video .main-section .video-js .vjs-volume-menu-button {
    width: 4em;
}

.gallery-container .banner-video .main-section .video-js .vjs-volume-menu-button .vjs-menu {
    display: none;
}

.gallery-container .banner-video .main-section .video-js.vjs-fullscreen video {
    height: 100%;
}

.gallery-container .bx-wrapper {
    height: auto;
    box-shadow: none;
    border: 0;
}

.gallery-container .bx-wrapper .bx-controls {
    position: relative;
    position: absolute;
    top: 0;
    width: 100%;
}

.gallery-container .bx-wrapper .bx-controls:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.gallery-container .bx-wrapper .bx-controls > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
}

.gallery-container .bx-wrapper .bx-next {
    right: 2.5%;
}

.gallery-container .bx-wrapper .bx-prev, .gallery-container .bx-wrapper .bx-pager {
    left: 2.5%;
}

.gallery-container .bx-wrapper .bx-pager {
    top: 3.5%;
    height: 10px;
}

.gallery-container .bx-wrapper .bx-pager .bx-pager-item {
    clear: none;
}

.gallery-container .bx-wrapper .bx-pager .bx-pager-item a {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 3px;
    border-color: #ffffff;
    box-shadow: 0 0 0 1px rgba(56, 55, 54, 0.2);
    background-color: rgba(56, 55, 54, 0.2);
}

.gallery-container .bx-wrapper .bx-pager .bx-pager-item a.active, .gallery-container .bx-wrapper .bx-pager .bx-pager-item a:hover {
    background-color: #ffffff;
}

.gallery-container .image-slider .image-caption {
    color: white;
    position: absolute;
    bottom: 3.5%;
    left: 2.5%;
    margin: 0;
    width: 45%;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
}

.gallery-actions {
    position: absolute;
    top: 3.5%;
    right: 2.5%;
}

.banner-video {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}

.banner-video .main-section {
    float: left;
    width: 100%;
    height: auto;
}

.banner-video .main-section .video-js {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    float: left;
    background-color: transparent;
    margin-bottom: -1px;
}

.banner-video .main-section .video-js video {
    float: left;
    position: relative;
}

.banner-video .main-section .video-js .vjs-time-control {
    font-size: 1.5em;
    line-height: 2em;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

.webgl-content {
    float: left;
    width: 100%;
}

.webgl-content.mobile {
    -webkit-background-size: cover;
    background-size: cover;
}

.visualizer-content .app-socials {
    display: flex;
    flex: 2 0;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
}

.visualizer-content .app-socials li {
    align-items: center;
    justify-content: left;
    display: flex;
    width: 50%;
}

.visualizer-content .app-socials li a {
    text-align: center;
    width: 100%;
}

.visualizer-content span.italic {
    font-style: italic;
}

div.white-menu {
    top: 0px;
    width: 100%;
    height: 81px;
    position: absolute;
    z-index: -1;
    background-color: white;
}

.menu-2-3 {
    top: 81px;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 9999 !important;
    pointer-events: none;
    display: none;
}

.menu-2-3 .submenu, .menu-2-3 .product-menu {
    pointer-events: all;
}

.menu-2-3.affix {
    position: fixed;
    top: 0;
}

.menu-2-3.affix .submenu {
    top: 0;
}

.menu-2-3.affix-top {
    position: absolute;
}

div.submenu, .product-menu {
    left: 0px;
    width: 100%;
}

div.submenu .mobile-submenu-container, .product-menu .mobile-submenu-container {
    text-align: center;
    animation-fill-mode: forwards;
}

div.submenu ul.sub-pages li, .product-menu ul.sub-pages li {
    font-size: 0px;
    line-height: 0;
    float: left;
}

div.submenu ul.sub-pages li a, .product-menu ul.sub-pages li a {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    padding: 14px 15px;
    display: block;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.6px;
    text-align: left;
    color: #7a7977;
    position: relative;
}

div.submenu ul.sub-pages li a.active, .product-menu ul.sub-pages li a.active {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
}

div.submenu ul.sub-pages li a:hover, div.submenu ul.sub-pages li a.current, .product-menu ul.sub-pages li a:hover, .product-menu ul.sub-pages li a.current {
    opacity: 0.5;
    text-decoration: none;
}

div.submenu.absolute, .product-menu.absolute {
    position: absolute;
    bottom: 0;
}

div.submenu {
    z-index: -10;
    background-color: #fff;
}

div.submenu .mobile-submenu-container {
    text-align: left;
}

div.submenu h3 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.5px;
    color: #7a7977;
    opacity: 0.5;
    position: absolute;
    text-align: left;
    padding: 13px 0;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    z-index: 10;
}

div.submenu h3:before {
    content: " ";
    background: url(../svg/arrow-down.svg) no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    transform: translateY(3px);
}

.product-menu {
    visibility: hidden;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.98);
    transition: all 0.25s linear;
}

.product-menu.affix {
    z-index: 99999 !important;
}

.product-menu .products {
    display: none !important;
}

.product-menu .menu-border-left {
    border-left: 1px solid #e7e7e6;
}

#visualizer:focus {
    outline: 0;
    box-shadow: none;
}

/* Concept - Experience Page
================================ */
section.concept.experience .light-brown h3.bolded-title {
    color: #424141;
}

section.concept.experience .light-brown .content {
    padding-bottom: 0;
}

section.concept.experience .video-holder {
    padding-left: 55px;
    min-height: 354px;
}

section.concept.experience .video-holder .banner-video .main-section .video-js video {
    height: inherit;
}

section.concept.experience .video-holder .main-section .close.video-close {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    -webkit-background-size: contain !important;
    background-size: contain !important;
}

section.concept.experience .video-galleries .banner-video .main-section .video-js {
    height: 320px;
    margin-top: 48px;
}

section.concept.experience .video-galleries .banner-video .main-section .video-js.vjs-fullscreen video {
    height: 100%;
}

section.concept.experience .video-galleries .banner-video .close.video-close {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    -webkit-background-size: contain !important;
    background-size: contain !important;
}

section.concept.experience .video-galleries .banner-video .content-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    padding-top: 15%;
    pointer-events: none;
}

section.concept.experience .video-galleries .banner-video .content-wrap:hover {
    cursor: pointer;
}

section.concept.experience .video-galleries .banner-video .content-wrap h3 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 2px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 4px;
    text-align: center;
}

section.concept.experience .video-galleries .banner-video .content-wrap h3 span.italic {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-style: italic;
}

section.concept.experience .video-galleries .banner-video .content-wrap p {
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
}

section.concept.experience .video-galleries h3.bolded-title {
    float: left;
    width: 100%;
    margin-top: 32px;
}

section.concept.experience .video-galleries p {
    float: left;
    width: 100%;
}

section.concept.experience .video-description p {
    line-height: 1.71;
}

.dark-brown hr {
    border: solid 1px #464342;
}

.app-demo-wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 72px 0 85px;
}

.app-demo-wrap .bx-wrapper {
    height: auto;
    box-shadow: none;
    border: 0;
}

.app-demo-wrap .bx-wrapper .bx-controls {
    position: absolute;
    left: 50%;
    top: 24px;
}

.app-demo-wrap .bx-wrapper .bx-controls .bx-pager {
    position: relative;
    bottom: auto;
    right: auto;
}

.app-demo-wrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    float: left;
    clear: none;
    margin: auto 6px;
    margin-bottom: 0;
}

.app-demo-wrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item:first-child {
    margin-left: 0;
}

.app-demo-wrap .bx-wrapper .bx-controls .bx-pager a {
    margin: 0;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 14px;
    opacity: 0.1;
    background-color: #ffffff;
}

.app-demo-wrap .bx-wrapper .bx-controls .bx-pager a.active {
    opacity: 0.5;
}

.app-demo-wrap ul {
    width: 100%;
    float: left;
}

.app-demo-wrap ul li {
    width: 100%;
    float: left;
}

.app-demo-wrap .phone-wrap {
    float: left;
    width: 50%;
    max-width: 100%;
}

.app-demo-wrap .phone-wrap img {
    margin: 0 auto;
    max-width: 300px;
}

.app-demo-wrap .step-description {
    padding-top: 70px;
    float: left;
    max-width: 100%;
    width: 370px;
    height: 580px;
    padding-bottom: 120px;
}

.app-demo-wrap .download-app {
    position: absolute;
    bottom: 16px;
    left: 50%;
    width: 370px;
    border-top: solid 1px #464342;
    border-bottom: solid 1px #464342;
}

.download-app {
    margin: 0 auto;
    max-width: 370px;
    text-align: center;
}

.download-app h5.download-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 2;
    letter-spacing: 1.6px;
    color: #9c9c9c;
    padding: 25px 0;
    margin-bottom: 22px;
    text-transform: uppercase;
    border-top: solid 1px rgba(167, 168, 170, 0.5);
    border-bottom: solid 1px rgba(167, 168, 170, 0.5);
}

.download-app a {
    margin: 0 13px 26px;
    display: inline-block;
    vertical-align: middle;
}

.download-app .download-app-en a {
    vertical-align: initial;
}

.download-app .download-app-en div {
    display: inline-block;
}

.download-app .download-app-en div a {
    display: block;
}

/* Concept - ibuygou Page
================================ */
section.concept.experience .subtitle span, section.concept.ibuygou .subtitle span {
    display: block;
    font-size: 15px;
    line-height: 1.6;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin-bottom: 12px;
    letter-spacing: 0;
    text-transform: none;
}

section.concept.experience .subtitle h3, section.concept.ibuygou .subtitle h3 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    line-height: 1;
}

section.concept.experience .img-wrap, section.concept.ibuygou .img-wrap {
    position: relative;
    height: auto;
    margin-bottom: 32px;
}

section.concept.experience .img-wrap .img-desc, section.concept.ibuygou .img-wrap .img-desc {
    position: absolute;
    top: 29px;
    left: 47px;
    z-index: 11;
}

section.concept.experience .img-wrap .img-desc h3, section.concept.ibuygou .img-wrap .img-desc h3 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    margin-bottom: 12px;
}

section.concept.experience .img-wrap .img-desc p, section.concept.ibuygou .img-wrap .img-desc p {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

section.concept.experience .img-wrap .main-section .close.video-close, section.concept.ibuygou .img-wrap .main-section .close.video-close {
    top: 20px;
    right: 2.5%;
}

section.concept h3.bolded-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 1;
}

.section-container {
    max-width: calc(100% - 30px);
    width: 670px;
    margin: 0 auto;
}

.section-container.extended {
    width: 831px;
    max-width: calc(100% - 30px);
}

.row-wrap {
    float: left;
}

.media-wrap {
    float: left;
}

.media-wrap .banner-video .main-section .video-js {
    height: 320px;
}

.banner-video .main-section .close.video-close {
    top: 20px;
    right: 20px;
    width: 32px;
    height: 32px;
    -webkit-background-size: contain !important;
    background-size: contain !important;
}

.banner-video.big-banner .main-section .close.video-close {
    top: 20px;
    right: 2.5%;
    width: 48px;
    height: 48px;
    -webkit-background-size: contain !important;
    background-size: contain !important;
}

.banner-video.big-banner .main-section .video-js .vjs-control-bar {
    width: 95%;
}

.banner-video.small-banner .video-js .vjs-volume-menu-button {
    width: 4em;
}

.banner-video.small-banner .video-js .vjs-volume-menu-button .vjs-menu {
    display: none;
}

.bottom-slider hr {
    border: solid 1px #464342;
}

ul.text-pagination {
    max-width: 100%;
    position: relative;
    left: 50%;
    margin-top: 24px;
    float: left;
    transform: translateX(-50%);
}

ul.text-pagination li {
    float: left;
    padding: 0 15px;
}

ul.text-pagination li.active {
    opacity: 0.5;
}

ul.text-pagination li a {
    float: left;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 2px;
    text-align: center;
    color: #383736;
}

ul.text-pagination li a:hover, ul.text-pagination li a:focus, ul.text-pagination li a:active {
    text-decoration: none;
}

.feature-slider {
    background-color: transparent;
    width: 100%;
    float: left;
    overflow: inherit;
    margin-top: 24px;
}

.feature-slider .slide-wrap {
    max-width: 100%;
    width: 600px;
    max-height: 600px;
    margin: 0 64px;
    position: relative;
}

.feature-slider .slide-wrap .main-section .video-js video {
    background: black;
    height: 100%;
}

.feature-slider .slick-arrow {
    top: calc(50% - 65px);
    left: 50%;
}

.feature-slider .slick-arrow.slick-next {
    margin-left: 340px;
}

.feature-slider .slick-arrow.slick-prev {
    margin-left: -390px;
}

.feature-slider .slick-dots {
    max-width: 370px;
}

.feature-slider .slick-dots li {
    float: left;
    width: calc(100% / 4);
}

.feature-slider .slick-dots li a {
    width: 100%;
    margin: 0;
}

.feature-slider.feature-slider-cn .slick-dots li {
    width: calc(100% / 4);
}

/* Concept - Safety page */
.expand-table {
    text-align: left;
}

.expand-table > .row {
    position: relative;
}

.expand-table .h-line {
    max-width: 50px;
    margin: 15px 0 20px;
    opacity: 0.5;
}

.expand-table .morelink {
    position: absolute;
    right: 15px;
    top: 15px;
    margin: 0;
}

.expand-table .expand-heading, .expand-table .expand-body {
    padding: 0 20px;
    margin-bottom: 1px;
}

.expand-table .expand-heading:before, .expand-table .expand-heading:after, .expand-table .expand-body:before, .expand-table .expand-body:after {
    content: " ";
    display: block;
    height: 20px;
}

.expand-table .expand-heading p {
    margin: 0 50px 0 0;
    font-size: 15px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
}

.expand-table .expand-body p {
    margin: 0;
    font-size: 14px;
}

.expand-table .expand-body p:not(:last-child) {
    margin-bottom: 14px;
}

.expand-table.safety-table .expand-heading {
    background-color: #e7e7e6;
}

.expand-table.safety-table .expand-body {
    background-color: #dcdcdc;
}

.expand-table.security-table .expand-heading {
    background-color: #dcdcdc;
}

.expand-table.security-table .expand-body {
    background-color: #f1f1f0;
}

.safety-banner .wrapper {
    top: 50%;
    bottom: auto;
}

.safety-banner .safety-poster {
    background-image: url("../img/2.9/safety_still_wide.jpg");
}

/* Visualizer */
.webgl-content {
    text-align: left;
}

.loader-frame {
    position: relative;
    width: 100%;
    color: #404040;
    line-height: 1.25 !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    cursor: pointer;
}

.loader-frame h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #808080;
}

.loader-frame .row {
    position: absolute;
    bottom: 0%;
    padding: 4%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.loader-frame .row .col-sm-12 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.loader-frame .row .col-sm-12 .car-label {
    margin-bottom: 20px;
}

.loader-frame .row .col-sm-12 .car-label b {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}

/* Co-creator */
.footer-frame {
    position: relative;
    width: 100%;
    color: #ffffff;
    line-height: 1.25 !important;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.footer-frame .row {
    position: absolute;
    top: 0%;
    padding: 4%;
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

.footer-frame .row .col-sm-12 {
    padding-left: 0% !important;
    padding-right: 0% !important;
}

.PreloadText {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    color: black;
    font-size: 19px;
    line-height: 48px;
    margin-bottom: 0 !important;
    margin-top: 40px;
}

.LoadPercent {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    color: #404040;
}

.store-link {
    width: 135px;
    height: 40px;
}

.mobile-frame {
    max-width: 720px;
    position: relative;
    margin: 0 auto;
}

.mobile-frame-img {
    width: 100%;
}

.MobileText {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    color: #404040;
    position: absolute;
    top: 7%;
    width: 100%;
    text-align: center;
}

.aspect-ratio {
    position: relative;
}

.aspect-ratio:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}

.aspect-ratio > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
}

.byton-place-slider {
    background: initial;
}

.byton-place-slider .slide-wrap > * {
    max-width: 740px;
    margin: 0 auto;
}

.byton-place-slider .slide-wrap img {
    margin-bottom: 18px;
    width: 100%;
}

.byton-place-slider .slide-wrap h4 {
    margin-bottom: 10px;
}

.byton-place-slider .slide-wrap h3 {
    margin-bottom: 4px;
}

.byton-place-slider .slick-arrow {
    top: 230px;
}

@media (max-width: 768px) {
    .byton-place-slider .slick-arrow {
        top: 29vw;
    }

    .byton-place-slider .slick-arrow.slick-next {
        right: 5px;
    }

    .byton-place-slider .slick-arrow.slick-prev {
        left: 5px;
    }
}

.byton-place-slider .slick-dots {
    margin-top: 25px;
    display: block;
    width: 100%;
    max-width: initial;
    height: initial;
    padding: 0;
    text-align: center;
    border: initial;
}

.byton-place-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.byton-place-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: rgba(117, 120, 123, 0.25);
    border-radius: 100%;
}

.byton-place-slider .slick-dots li.slick-active button {
    background: #75787B;
}

.byton-place-map {
    position: relative;
    background-image: url("../img/2.11/byton-place-map-wide.jpg");
    background-size: cover;
    padding-top: 56.25%;
}

@media (max-width: 768px) {
    .byton-place-map {
        background-image: url("../img/2.11/byton-place-map-mobile.jpg");
        padding-top: 120%;
    }
}

.byton-place-pin {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 33.5%;
}

.byton-place-pin .pin-label {
    position: absolute;
    top: 38%;
    width: 100%;
}

.byton-place-pin .pin-label > * {
    margin: 0;
    color: #75787B;
    line-height: 1.3em;
}

.byton-place-pin .pin-label h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.byton-place-pin .pin-label.cn h4 {
    margin-bottom: 16px;
}

.byton-place-hours h3 {
    font-weight: 300;
    margin-bottom: 8px !important;
}

.byton-place-location-en h4 {
    letter-spacing: 2px;
}

.byton-place-location-en h4, .byton-place-location-en p {
    opacity: 0.5;
}

.byton-place-location-en h4.pre-heading {
    opacity: 0.75;
}

.byton-place-banner div.desc {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%);
}

.about-last.description-content h1 {
    transform: inherit;
}

.about-last.description-content p {
    font-size: 21px;
    transform: inherit;
    top: 45%;
}

.ibuygou label {
    max-width: 300px;
    width: 100%;
}

span.custom-line {
    width: 35px;
    border-bottom: 1px solid #383736;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.animated-bg {
    background-color: #e1e1e0;
}

.animated-bg {
    background-color: #e1e1e0;
}

.about-banner::before {
    background: url("../img/about.jpg") no-repeat;
    background-size: cover;
}

.section-title {
    padding-bottom: 32px;
    float: left;
    width: 100%;
}

.map-wrapper h3, .map-wrapper p {
    position: relative;
    top: 11vh;
    width: 90%;
    margin: auto;
    text-align: center;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.map-wrapper h3 {
    transform: translateY(-23%);
    font-size: 30px;
    margin-bottom: 14px;
}

.map-wrapper p {
    transform: translateY(100px);
    font-size: 16px;
    line-height: 1.5;
    max-width: 630px;
}

.cities {
    padding: 18px 0;
    float: left;
    width: 100%;
    background: #383736;
}

.cities ul {
    display: flex;
    width: auto;
    justify-content: center;
}

.cities ul li {
    float: left;
    margin: 0 15px;
}

.cities ul li a {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    text-decoration: none;
}

.cities ul li a.active {
    opacity: 0.5;
}

.cities ul li a:hover, .cities ul li a:focus {
    text-decoration: none;
}

div.slider-wrap {
    float: left;
    width: 100%;
    position: relative;
}

.location-description {
    float: left;
    width: 100%;
}

.location-description h3 {
    margin-bottom: 0;
    padding: 0;
    letter-spacing: 2px;
    float: left;
    color: #383736;
}

.location-description p.time {
    font-size: 14px;
    letter-spacing: 0.7px;
    color: #7a7977;
    float: left;
    line-height: 0.79;
    padding-left: 24px;
    word-spacing: 0;
    padding-top: 19px;
    background: none;
}

.location-description span {
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    padding: 4px 0 0 0;
}

.location-description p.street {
    padding: 16px 0 16px 0;
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color: #7a7977;
}

section.location-slider {
    background-color: #383736;
}

section.location-slider .section-title {
    background-color: #383736;
    padding-bottom: 48px;
}

section.location-slider .section-title .subtitle {
    color: #fff;
}

section.location-slider .section-title .subtitle span::before {
    background-color: #fff !important;
}

section.location-slider .section-title .locations-description {
    text-align: center;
}

section.location-slider .section-title .locations-description h4 {
    max-width: 570px;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    margin: auto;
}

section.location-slider a.pager-container {
    position: absolute;
    top: 0;
    width: 100% !important;
    padding: 48px 63.2px 48px 54px;
    height: 80vh;
    overflow: hidden;
    float: left;
    color: #383736;
}

section.location-slider .location-pager-content {
    position: relative;
    top: 0;
    width: 100% !important;
    height: 80vh;
    overflow: hidden;
    float: left;
    color: #383736;
}

section.location-slider .location-pager-content a.pager-container {
    opacity: 0;
}

section.location-slider .location-pager-content a.pager-container.active {
    opacity: 1 !important;
}

section.location-slider .bx-viewport {
    /* min-height: 720px!important;*/
    height: 80vh;
}

section.location-slider .slider-wrapper .bx-wrapper {
    height: auto !important;
}

section.location-slider .bx-wrapper {
    height: auto;
}

.locations {
    padding: 0 !important;
    /* min-height: 720px!important;*/
    height: 70vh;
}

.locations li {
    padding: 0 !important;
    /*min-height: 720px!important;*/
    height: 80vh;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.locations .shenzhen {
    background-image: url("../img/locations.png");
}

.locations .beijing {
    background-image: url("../img/locations.png");
}

.locations .hk {
    background-image: url("../img/locations.png");
}

.locations .shanghai {
    background-image: url("../img/locations.png");
}

.locations .sc {
    background-image: url("../img/locations.png");
}

.locations .munich {
    background-image: url("../img/locations.png");
}

.location-slider-content {
    float: left;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    padding: 48px 10% 48px 54px;
    color: #383736;
}

section.team {
    padding-bottom: 105px;
}

section.team .team-pager-wrapper {
    float: left;
    width: 100%;
    background: #ececeb;
    padding-top: 57px;
}

section.team .section-description h4 {
    max-width: 590px;
}

section.team .slick-dots {
    max-width: 230px;
    width: 90%;
    position: relative;
    margin: 0;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
}

section.team .slick-dots li {
    float: left;
    width: calc(100% / 4);
}

section.team .slick-dots a {
    height: 2px;
    margin: 0 0 0 0;
    width: 100%;
    display: inline-block;
    padding: 0;
    float: left;
    cursor: pointer;
}

section.team .slick-dots .slick-active a {
    background-color: #3d3c3b;
}

section.team .slider-container {
    position: absolute;
    top: 50px;
    left: 35px;
}

section.team .carousel-inner {
    top: -50px;
}

section.team #team-slider .slick-slider {
    background-color: #ececeb;
    width: 100%;
    float: left;
    overflow: inherit;
}

section.team #team-slider .slick-slider .member-wrapper {
    margin: 0 50px;
    /*width: 830px;*/
    position: relative;
    max-height: 75vh;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container {
    position: absolute;
    top: 0;
    left: 29px;
    height: 100%;
    padding-top: 30px;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container .slides {
    font-size: 10px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 3px;
    color: #383736;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container h3 {
    line-height: 1;
    text-align: left;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
    color: #fff;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container p {
    font-size: 15px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    line-height: 1.33;
    text-align: left;
    word-spacing: normal;
    margin-bottom: 12px;
    color: #fff;
    max-width: 18em;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container a {
    font-size: 11px;
    line-height: 0.91;
    letter-spacing: 1.6px;
    text-align: left;
    color: #fff;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 8px;
    float: left;
    width: 61px;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container a.member-bio {
    width: 100px;
}

section.team #team-slider .slick-slider .member-wrapper .slider-container hr.member-bio-hr {
    border: none;
    border-top: 1px solid #fff;
    width: 61px;
    height: 1px;
    position: absolute;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content {
    position: absolute;
    display: none;
    height: 100%;
    color: #4a4a4a;
    width: 100%;
    background: #fff;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content::before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-header {
    float: left;
    width: 100%;
    padding: 30px 30px 24px;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-header .close {
    top: 0;
    right: 0;
    background: url("../img/black_Close_Btn.png") no-repeat !important;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-header h3 {
    line-height: 1;
    text-align: left;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-header p {
    font-size: 15px;
    line-height: 1.33;
    text-align: left;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    max-width: 18em;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .quote {
    float: left;
    width: 100%;
    /* height: 101px;*/
    padding: 0;
    border-top: 0;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .quote h3 {
    text-align: left;
    margin: 0;
    line-height: 1.5;
    color: #383736;
    padding: 0 30px 15px 0;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-content {
    max-height: calc(100% - 125px);
    height: 100%;
    overflow-y: auto;
    width: 100%;
    padding: 25px 45px 23px 30px;
}

section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-content .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    display: block !important;
    opacity: 1 !important;
}

section.team #team-slider .slick-slider .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
}

section.team .slick-slide img {
    max-width: 100%;
    height: auto;
}

section.team .section-title {
    padding-bottom: 48px;
}

section.team .section-description {
    padding: 0;
}

.to-move {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
}

.about-last {
    background: url("../img/footer-banner.jpg") no-repeat;
    background-size: cover;
}


.map-bxslider-content {
    background: #f1f1f1;
}

.loc-slider-controls {
    float: right;
    width: 65%;
    right: 1%;
    position: absolute;
    height: 0;
    z-index: 1;
    top: 50%;
    margin-top: -24px;
}

.loc-slider-controls a {
    width: 48px;
    height: 48px;
}

.loc-slider-controls .pull-right {
    background: url("../svg/Arrow_Next_Slick.svg") no-repeat;
}

.loc-slider-controls .pull-left {
    background: url("../svg/Arrow_Prev_Slick.svg") no-repeat;
}

section.join-us-banner {
    background: #fff;
    height: calc(100vh - 81px);
    overflow-y: hidden;
}

section.join-us-banner .slider-wrapper .bx-wrapper {
    height: calc(100vh - 81px) !important;
}

section.join-us-banner .half {
    height: calc(50vh - 40.5px);
}

.right-b {
    border-right: 3px solid #fff;
}

.bottom-b {
    border-bottom: 3px solid #fff;
}

.expand-btn-wrap {
    margin: 40px 0;
    width: 100%;
    text-align: center;
    position: relative;
    height: 32px;
}

.expand-btn-wrap span {
    position: absolute;
    left: calc(50% + 28px);
    top: 4px;
    opacity: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    color: #7d7773;
    font-size: 11px;
    line-height: 2;
    letter-spacing: 0.9px;
    text-align: left;
    transition: ease all 0.35s;
}

.expand-btn-wrap .expand-btn:hover + span {
    opacity: 0.5;
}

.expand-btn-wrap .expand-btn {
    width: 32px;
    height: 32px;
    background: url("../svg/show-more-btn.svg") no-repeat;
    background-size: 32px 32px;
    border: none;
    margin: auto;
    float: none;
    transition-duration: 0.5s;
    transition-property: transform, opacity;
    position: relative;
    opacity: 0.5;
}

button.linked-in {
    color: #7d7773;
    background-image: url("../img/linked-in/In-2CRev-28px-R.png");
    background-repeat: no-repeat;
    background-position-x: 35px;
    background-position-y: center;
    padding-left: 78px;
    padding-right: 32px;
    height: 60px;
    margin: 0;
    background-color: rgba(56, 55, 54, 0);
    line-height: 1.3em;
}

.light-font {
    color: #a9a9a8 !important;
}

.no-jobs-content {
    border-bottom: 1px solid #cacac8;
    text-align: center;
    max-width: 560px;
    width: 100%;
    margin: auto;
    float: none;
    padding: 84px 0 83px;
}

.no-jobs .submit-app {
    border: none;
}

.no-jobs hr {
    border-top: 1px solid #cacac8;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.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;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333em;
    line-height: 0.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.28571em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none;
}

.fa-ul > li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: 0.14286em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.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;
}

/* Deprecated as of 4.4.0 */
.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 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-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 {
    -ms-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;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "";
}

.fa-music:before {
    content: "";
}

.fa-search:before {
    content: "";
}

.fa-envelope-o:before {
    content: "";
}

.fa-heart:before {
    content: "";
}

.fa-star:before {
    content: "";
}

.fa-star-o:before {
    content: "";
}

.fa-user:before {
    content: "";
}

.fa-film:before {
    content: "";
}

.fa-th-large:before {
    content: "";
}

.fa-th:before {
    content: "";
}

.fa-th-list:before {
    content: "";
}

.fa-check:before {
    content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "";
}

.fa-search-plus:before {
    content: "";
}

.fa-search-minus:before {
    content: "";
}

.fa-power-off:before {
    content: "";
}

.fa-signal:before {
    content: "";
}

.fa-gear:before,
.fa-cog:before {
    content: "";
}

.fa-trash-o:before {
    content: "";
}

.fa-home:before {
    content: "";
}

.fa-file-o:before {
    content: "";
}

.fa-clock-o:before {
    content: "";
}

.fa-road:before {
    content: "";
}

.fa-download:before {
    content: "";
}

.fa-arrow-circle-o-down:before {
    content: "";
}

.fa-arrow-circle-o-up:before {
    content: "";
}

.fa-inbox:before {
    content: "";
}

.fa-play-circle-o:before {
    content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "";
}

.fa-refresh:before {
    content: "";
}

.fa-list-alt:before {
    content: "";
}

.fa-lock:before {
    content: "";
}

.fa-flag:before {
    content: "";
}

.fa-headphones:before {
    content: "";
}

.fa-volume-off:before {
    content: "";
}

.fa-volume-down:before {
    content: "";
}

.fa-volume-up:before {
    content: "";
}

.fa-qrcode:before {
    content: "";
}

.fa-barcode:before {
    content: "";
}

.fa-tag:before {
    content: "";
}

.fa-tags:before {
    content: "";
}

.fa-book:before {
    content: "";
}

.fa-bookmark:before {
    content: "";
}

.fa-print:before {
    content: "";
}

.fa-camera:before {
    content: "";
}

.fa-font:before {
    content: "";
}

.fa-bold:before {
    content: "";
}

.fa-italic:before {
    content: "";
}

.fa-text-height:before {
    content: "";
}

.fa-text-width:before {
    content: "";
}

.fa-align-left:before {
    content: "";
}

.fa-align-center:before {
    content: "";
}

.fa-align-right:before {
    content: "";
}

.fa-align-justify:before {
    content: "";
}

.fa-list:before {
    content: "";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "";
}

.fa-indent:before {
    content: "";
}

.fa-video-camera:before {
    content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "";
}

.fa-pencil:before {
    content: "";
}

.fa-map-marker:before {
    content: "";
}

.fa-adjust:before {
    content: "";
}

.fa-tint:before {
    content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "";
}

.fa-share-square-o:before {
    content: "";
}

.fa-check-square-o:before {
    content: "";
}

.fa-arrows:before {
    content: "";
}

.fa-step-backward:before {
    content: "";
}

.fa-fast-backward:before {
    content: "";
}

.fa-backward:before {
    content: "";
}

.fa-play:before {
    content: "";
}

.fa-pause:before {
    content: "";
}

.fa-stop:before {
    content: "";
}

.fa-forward:before {
    content: "";
}

.fa-fast-forward:before {
    content: "";
}

.fa-step-forward:before {
    content: "";
}

.fa-eject:before {
    content: "";
}

.fa-chevron-left:before {
    content: "";
}

.fa-chevron-right:before {
    content: "";
}

.fa-plus-circle:before {
    content: "";
}

.fa-minus-circle:before {
    content: "";
}

.fa-times-circle:before {
    content: "";
}

.fa-check-circle:before {
    content: "";
}

.fa-question-circle:before {
    content: "";
}

.fa-info-circle:before {
    content: "";
}

.fa-crosshairs:before {
    content: "";
}

.fa-times-circle-o:before {
    content: "";
}

.fa-check-circle-o:before {
    content: "";
}

.fa-ban:before {
    content: "";
}

.fa-arrow-left:before {
    content: "";
}

.fa-arrow-right:before {
    content: "";
}

.fa-arrow-up:before {
    content: "";
}

.fa-arrow-down:before {
    content: "";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "";
}

.fa-expand:before {
    content: "";
}

.fa-compress:before {
    content: "";
}

.fa-plus:before {
    content: "";
}

.fa-minus:before {
    content: "";
}

.fa-asterisk:before {
    content: "";
}

.fa-exclamation-circle:before {
    content: "";
}

.fa-gift:before {
    content: "";
}

.fa-leaf:before {
    content: "";
}

.fa-fire:before {
    content: "";
}

.fa-eye:before {
    content: "";
}

.fa-eye-slash:before {
    content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "";
}

.fa-plane:before {
    content: "";
}

.fa-calendar:before {
    content: "";
}

.fa-random:before {
    content: "";
}

.fa-comment:before {
    content: "";
}

.fa-magnet:before {
    content: "";
}

.fa-chevron-up:before {
    content: "";
}

.fa-chevron-down:before {
    content: "";
}

.fa-retweet:before {
    content: "";
}

.fa-shopping-cart:before {
    content: "";
}

.fa-folder:before {
    content: "";
}

.fa-folder-open:before {
    content: "";
}

.fa-arrows-v:before {
    content: "";
}

.fa-arrows-h:before {
    content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "";
}

.fa-twitter-square:before {
    content: "";
}

.fa-facebook-square:before {
    content: "";
}

.fa-camera-retro:before {
    content: "";
}

.fa-key:before {
    content: "";
}

.fa-gears:before,
.fa-cogs:before {
    content: "";
}

.fa-comments:before {
    content: "";
}

.fa-thumbs-o-up:before {
    content: "";
}

.fa-thumbs-o-down:before {
    content: "";
}

.fa-star-half:before {
    content: "";
}

.fa-heart-o:before {
    content: "";
}

.fa-sign-out:before {
    content: "";
}

.fa-linkedin-square:before {
    content: "";
}

.fa-thumb-tack:before {
    content: "";
}

.fa-external-link:before {
    content: "";
}

.fa-sign-in:before {
    content: "";
}

.fa-trophy:before {
    content: "";
}

.fa-github-square:before {
    content: "";
}

.fa-upload:before {
    content: "";
}

.fa-lemon-o:before {
    content: "";
}

.fa-phone:before {
    content: "";
}

.fa-square-o:before {
    content: "";
}

.fa-bookmark-o:before {
    content: "";
}

.fa-phone-square:before {
    content: "";
}

.fa-twitter:before {
    content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "";
}

.fa-github:before {
    content: "";
}

.fa-unlock:before {
    content: "";
}

.fa-credit-card:before {
    content: "";
}

.fa-feed:before,
.fa-rss:before {
    content: "";
}

.fa-hdd-o:before {
    content: "";
}

.fa-bullhorn:before {
    content: "";
}

.fa-bell:before {
    content: "";
}

.fa-certificate:before {
    content: "";
}

.fa-hand-o-right:before {
    content: "";
}

.fa-hand-o-left:before {
    content: "";
}

.fa-hand-o-up:before {
    content: "";
}

.fa-hand-o-down:before {
    content: "";
}

.fa-arrow-circle-left:before {
    content: "";
}

.fa-arrow-circle-right:before {
    content: "";
}

.fa-arrow-circle-up:before {
    content: "";
}

.fa-arrow-circle-down:before {
    content: "";
}

.fa-globe:before {
    content: "";
}

.fa-wrench:before {
    content: "";
}

.fa-tasks:before {
    content: "";
}

.fa-filter:before {
    content: "";
}

.fa-briefcase:before {
    content: "";
}

.fa-arrows-alt:before {
    content: "";
}

.fa-group:before,
.fa-users:before {
    content: "";
}

.fa-chain:before,
.fa-link:before {
    content: "";
}

.fa-cloud:before {
    content: "";
}

.fa-flask:before {
    content: "";
}

.fa-cut:before,
.fa-scissors:before {
    content: "";
}

.fa-copy:before,
.fa-files-o:before {
    content: "";
}

.fa-paperclip:before {
    content: "";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "";
}

.fa-square:before {
    content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "";
}

.fa-list-ul:before {
    content: "";
}

.fa-list-ol:before {
    content: "";
}

.fa-strikethrough:before {
    content: "";
}

.fa-underline:before {
    content: "";
}

.fa-table:before {
    content: "";
}

.fa-magic:before {
    content: "";
}

.fa-truck:before {
    content: "";
}

.fa-pinterest:before {
    content: "";
}

.fa-pinterest-square:before {
    content: "";
}

.fa-google-plus-square:before {
    content: "";
}

.fa-google-plus:before {
    content: "";
}

.fa-money:before {
    content: "";
}

.fa-caret-down:before {
    content: "";
}

.fa-caret-up:before {
    content: "";
}

.fa-caret-left:before {
    content: "";
}

.fa-caret-right:before {
    content: "";
}

.fa-columns:before {
    content: "";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "";
}

.fa-envelope:before {
    content: "";
}

.fa-linkedin:before {
    content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "";
}

.fa-legal:before,
.fa-gavel:before {
    content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "";
}

.fa-comment-o:before {
    content: "";
}

.fa-comments-o:before {
    content: "";
}

.fa-flash:before,
.fa-bolt:before {
    content: "";
}

.fa-sitemap:before {
    content: "";
}

.fa-umbrella:before {
    content: "";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "";
}

.fa-lightbulb-o:before {
    content: "";
}

.fa-exchange:before {
    content: "";
}

.fa-cloud-download:before {
    content: "";
}

.fa-cloud-upload:before {
    content: "";
}

.fa-user-md:before {
    content: "";
}

.fa-stethoscope:before {
    content: "";
}

.fa-suitcase:before {
    content: "";
}

.fa-bell-o:before {
    content: "";
}

.fa-coffee:before {
    content: "";
}

.fa-cutlery:before {
    content: "";
}

.fa-file-text-o:before {
    content: "";
}

.fa-building-o:before {
    content: "";
}

.fa-hospital-o:before {
    content: "";
}

.fa-ambulance:before {
    content: "";
}

.fa-medkit:before {
    content: "";
}

.fa-fighter-jet:before {
    content: "";
}

.fa-beer:before {
    content: "";
}

.fa-h-square:before {
    content: "";
}

.fa-plus-square:before {
    content: "";
}

.fa-angle-double-left:before {
    content: "";
}

.fa-angle-double-right:before {
    content: "";
}

.fa-angle-double-up:before {
    content: "";
}

.fa-angle-double-down:before {
    content: "";
}

.fa-angle-left:before {
    content: "";
}

.fa-angle-right:before {
    content: "";
}

.fa-angle-up:before {
    content: "";
}

.fa-angle-down:before {
    content: "";
}

.fa-desktop:before {
    content: "";
}

.fa-laptop:before {
    content: "";
}

.fa-tablet:before {
    content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "";
}

.fa-circle-o:before {
    content: "";
}

.fa-quote-left:before {
    content: "";
}

.fa-quote-right:before {
    content: "";
}

.fa-spinner:before {
    content: "";
}

.fa-circle:before {
    content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "";
}

.fa-github-alt:before {
    content: "";
}

.fa-folder-o:before {
    content: "";
}

.fa-folder-open-o:before {
    content: "";
}

.fa-smile-o:before {
    content: "";
}

.fa-frown-o:before {
    content: "";
}

.fa-meh-o:before {
    content: "";
}

.fa-gamepad:before {
    content: "";
}

.fa-keyboard-o:before {
    content: "";
}

.fa-flag-o:before {
    content: "";
}

.fa-flag-checkered:before {
    content: "";
}

.fa-terminal:before {
    content: "";
}

.fa-code:before {
    content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "";
}

.fa-location-arrow:before {
    content: "";
}

.fa-crop:before {
    content: "";
}

.fa-code-fork:before {
    content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "";
}

.fa-question:before {
    content: "";
}

.fa-info:before {
    content: "";
}

.fa-exclamation:before {
    content: "";
}

.fa-superscript:before {
    content: "";
}

.fa-subscript:before {
    content: "";
}

.fa-eraser:before {
    content: "";
}

.fa-puzzle-piece:before {
    content: "";
}

.fa-microphone:before {
    content: "";
}

.fa-microphone-slash:before {
    content: "";
}

.fa-shield:before {
    content: "";
}

.fa-calendar-o:before {
    content: "";
}

.fa-fire-extinguisher:before {
    content: "";
}

.fa-rocket:before {
    content: "";
}

.fa-maxcdn:before {
    content: "";
}

.fa-chevron-circle-left:before {
    content: "";
}

.fa-chevron-circle-right:before {
    content: "";
}

.fa-chevron-circle-up:before {
    content: "";
}

.fa-chevron-circle-down:before {
    content: "";
}

.fa-html5:before {
    content: "";
}

.fa-css3:before {
    content: "";
}

.fa-anchor:before {
    content: "";
}

.fa-unlock-alt:before {
    content: "";
}

.fa-bullseye:before {
    content: "";
}

.fa-ellipsis-h:before {
    content: "";
}

.fa-ellipsis-v:before {
    content: "";
}

.fa-rss-square:before {
    content: "";
}

.fa-play-circle:before {
    content: "";
}

.fa-ticket:before {
    content: "";
}

.fa-minus-square:before {
    content: "";
}

.fa-minus-square-o:before {
    content: "";
}

.fa-level-up:before {
    content: "";
}

.fa-level-down:before {
    content: "";
}

.fa-check-square:before {
    content: "";
}

.fa-pencil-square:before {
    content: "";
}

.fa-external-link-square:before {
    content: "";
}

.fa-share-square:before {
    content: "";
}

.fa-compass:before {
    content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "";
}

.fa-euro:before,
.fa-eur:before {
    content: "";
}

.fa-gbp:before {
    content: "";
}

.fa-dollar:before,
.fa-usd:before {
    content: "";
}

.fa-rupee:before,
.fa-inr:before {
    content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "";
}

.fa-won:before,
.fa-krw:before {
    content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "";
}

.fa-file:before {
    content: "";
}

.fa-file-text:before {
    content: "";
}

.fa-sort-alpha-asc:before {
    content: "";
}

.fa-sort-alpha-desc:before {
    content: "";
}

.fa-sort-amount-asc:before {
    content: "";
}

.fa-sort-amount-desc:before {
    content: "";
}

.fa-sort-numeric-asc:before {
    content: "";
}

.fa-sort-numeric-desc:before {
    content: "";
}

.fa-thumbs-up:before {
    content: "";
}

.fa-thumbs-down:before {
    content: "";
}

.fa-youtube-square:before {
    content: "";
}

.fa-youtube:before {
    content: "";
}

.fa-xing:before {
    content: "";
}

.fa-xing-square:before {
    content: "";
}

.fa-youtube-play:before {
    content: "";
}

.fa-dropbox:before {
    content: "";
}

.fa-stack-overflow:before {
    content: "";
}

.fa-instagram:before {
    content: "";
}

.fa-flickr:before {
    content: "";
}

.fa-adn:before {
    content: "";
}

.fa-bitbucket:before {
    content: "";
}

.fa-bitbucket-square:before {
    content: "";
}

.fa-tumblr:before {
    content: "";
}

.fa-tumblr-square:before {
    content: "";
}

.fa-long-arrow-down:before {
    content: "";
}

.fa-long-arrow-up:before {
    content: "";
}

.fa-long-arrow-left:before {
    content: "";
}

.fa-long-arrow-right:before {
    content: "";
}

.fa-apple:before {
    content: "";
}

.fa-windows:before {
    content: "";
}

.fa-android:before {
    content: "";
}

.fa-linux:before {
    content: "";
}

.fa-dribbble:before {
    content: "";
}

.fa-skype:before {
    content: "";
}

.fa-foursquare:before {
    content: "";
}

.fa-trello:before {
    content: "";
}

.fa-female:before {
    content: "";
}

.fa-male:before {
    content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "";
}

.fa-sun-o:before {
    content: "";
}

.fa-moon-o:before {
    content: "";
}

.fa-archive:before {
    content: "";
}

.fa-bug:before {
    content: "";
}

.fa-vk:before {
    content: "";
}

.fa-weibo:before {
    content: "";
}

.fa-renren:before {
    content: "";
}

.fa-pagelines:before {
    content: "";
}

.fa-stack-exchange:before {
    content: "";
}

.fa-arrow-circle-o-right:before {
    content: "";
}

.fa-arrow-circle-o-left:before {
    content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "";
}

.fa-dot-circle-o:before {
    content: "";
}

.fa-wheelchair:before {
    content: "";
}

.fa-vimeo-square:before {
    content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "";
}

.fa-plus-square-o:before {
    content: "";
}

.fa-space-shuttle:before {
    content: "";
}

.fa-slack:before {
    content: "";
}

.fa-envelope-square:before {
    content: "";
}

.fa-wordpress:before {
    content: "";
}

.fa-openid:before {
    content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "";
}

.fa-yahoo:before {
    content: "";
}

.fa-google:before {
    content: "";
}

.fa-reddit:before {
    content: "";
}

.fa-reddit-square:before {
    content: "";
}

.fa-stumbleupon-circle:before {
    content: "";
}

.fa-stumbleupon:before {
    content: "";
}

.fa-delicious:before {
    content: "";
}

.fa-digg:before {
    content: "";
}

.fa-pied-piper-pp:before {
    content: "";
}

.fa-pied-piper-alt:before {
    content: "";
}

.fa-drupal:before {
    content: "";
}

.fa-joomla:before {
    content: "";
}

.fa-language:before {
    content: "";
}

.fa-fax:before {
    content: "";
}

.fa-building:before {
    content: "";
}

.fa-child:before {
    content: "";
}

.fa-paw:before {
    content: "";
}

.fa-spoon:before {
    content: "";
}

.fa-cube:before {
    content: "";
}

.fa-cubes:before {
    content: "";
}

.fa-behance:before {
    content: "";
}

.fa-behance-square:before {
    content: "";
}

.fa-steam:before {
    content: "";
}

.fa-steam-square:before {
    content: "";
}

.fa-recycle:before {
    content: "";
}

.fa-automobile:before,
.fa-car:before {
    content: "";
}

.fa-cab:before,
.fa-taxi:before {
    content: "";
}

.fa-tree:before {
    content: "";
}

.fa-spotify:before {
    content: "";
}

.fa-deviantart:before {
    content: "";
}

.fa-soundcloud:before {
    content: "";
}

.fa-database:before {
    content: "";
}

.fa-file-pdf-o:before {
    content: "";
}

.fa-file-word-o:before {
    content: "";
}

.fa-file-excel-o:before {
    content: "";
}

.fa-file-powerpoint-o:before {
    content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "";
}

.fa-file-code-o:before {
    content: "";
}

.fa-vine:before {
    content: "";
}

.fa-codepen:before {
    content: "";
}

.fa-jsfiddle:before {
    content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "";
}

.fa-circle-o-notch:before {
    content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "";
}

.fa-ge:before,
.fa-empire:before {
    content: "";
}

.fa-git-square:before {
    content: "";
}

.fa-git:before {
    content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "";
}

.fa-tencent-weibo:before {
    content: "";
}

.fa-qq:before {
    content: "";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "";
}

.fa-history:before {
    content: "";
}

.fa-circle-thin:before {
    content: "";
}

.fa-header:before {
    content: "";
}

.fa-paragraph:before {
    content: "";
}

.fa-sliders:before {
    content: "";
}

.fa-share-alt:before {
    content: "";
}

.fa-share-alt-square:before {
    content: "";
}

.fa-bomb:before {
    content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "";
}

.fa-tty:before {
    content: "";
}

.fa-binoculars:before {
    content: "";
}

.fa-plug:before {
    content: "";
}

.fa-slideshare:before {
    content: "";
}

.fa-twitch:before {
    content: "";
}

.fa-yelp:before {
    content: "";
}

.fa-newspaper-o:before {
    content: "";
}

.fa-wifi:before {
    content: "";
}

.fa-calculator:before {
    content: "";
}

.fa-paypal:before {
    content: "";
}

.fa-google-wallet:before {
    content: "";
}

.fa-cc-visa:before {
    content: "";
}

.fa-cc-mastercard:before {
    content: "";
}

.fa-cc-discover:before {
    content: "";
}

.fa-cc-amex:before {
    content: "";
}

.fa-cc-paypal:before {
    content: "";
}

.fa-cc-stripe:before {
    content: "";
}

.fa-bell-slash:before {
    content: "";
}

.fa-bell-slash-o:before {
    content: "";
}

.fa-trash:before {
    content: "";
}

.fa-copyright:before {
    content: "";
}

.fa-at:before {
    content: "";
}

.fa-eyedropper:before {
    content: "";
}

.fa-paint-brush:before {
    content: "";
}

.fa-birthday-cake:before {
    content: "";
}

.fa-area-chart:before {
    content: "";
}

.fa-pie-chart:before {
    content: "";
}

.fa-line-chart:before {
    content: "";
}

.fa-lastfm:before {
    content: "";
}

.fa-lastfm-square:before {
    content: "";
}

.fa-toggle-off:before {
    content: "";
}

.fa-toggle-on:before {
    content: "";
}

.fa-bicycle:before {
    content: "";
}

.fa-bus:before {
    content: "";
}

.fa-ioxhost:before {
    content: "";
}

.fa-angellist:before {
    content: "";
}

.fa-cc:before {
    content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "";
}

.fa-meanpath:before {
    content: "";
}

.fa-buysellads:before {
    content: "";
}

.fa-connectdevelop:before {
    content: "";
}

.fa-dashcube:before {
    content: "";
}

.fa-forumbee:before {
    content: "";
}

.fa-leanpub:before {
    content: "";
}

.fa-sellsy:before {
    content: "";
}

.fa-shirtsinbulk:before {
    content: "";
}

.fa-simplybuilt:before {
    content: "";
}

.fa-skyatlas:before {
    content: "";
}

.fa-cart-plus:before {
    content: "";
}

.fa-cart-arrow-down:before {
    content: "";
}

.fa-diamond:before {
    content: "";
}

.fa-ship:before {
    content: "";
}

.fa-user-secret:before {
    content: "";
}

.fa-motorcycle:before {
    content: "";
}

.fa-street-view:before {
    content: "";
}

.fa-heartbeat:before {
    content: "";
}

.fa-venus:before {
    content: "";
}

.fa-mars:before {
    content: "";
}

.fa-mercury:before {
    content: "";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "";
}

.fa-transgender-alt:before {
    content: "";
}

.fa-venus-double:before {
    content: "";
}

.fa-mars-double:before {
    content: "";
}

.fa-venus-mars:before {
    content: "";
}

.fa-mars-stroke:before {
    content: "";
}

.fa-mars-stroke-v:before {
    content: "";
}

.fa-mars-stroke-h:before {
    content: "";
}

.fa-neuter:before {
    content: "";
}

.fa-genderless:before {
    content: "";
}

.fa-facebook-official:before {
    content: "";
}

.fa-pinterest-p:before {
    content: "";
}

.fa-whatsapp:before {
    content: "";
}

.fa-server:before {
    content: "";
}

.fa-user-plus:before {
    content: "";
}

.fa-user-times:before {
    content: "";
}

.fa-hotel:before,
.fa-bed:before {
    content: "";
}

.fa-viacoin:before {
    content: "";
}

.fa-train:before {
    content: "";
}

.fa-subway:before {
    content: "";
}

.fa-medium:before {
    content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "";
}

.fa-optin-monster:before {
    content: "";
}

.fa-opencart:before {
    content: "";
}

.fa-expeditedssl:before {
    content: "";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "";
}

.fa-mouse-pointer:before {
    content: "";
}

.fa-i-cursor:before {
    content: "";
}

.fa-object-group:before {
    content: "";
}

.fa-object-ungroup:before {
    content: "";
}

.fa-sticky-note:before {
    content: "";
}

.fa-sticky-note-o:before {
    content: "";
}

.fa-cc-jcb:before {
    content: "";
}

.fa-cc-diners-club:before {
    content: "";
}

.fa-clone:before {
    content: "";
}

.fa-balance-scale:before {
    content: "";
}

.fa-hourglass-o:before {
    content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "";
}

.fa-hourglass:before {
    content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "";
}

.fa-hand-scissors-o:before {
    content: "";
}

.fa-hand-lizard-o:before {
    content: "";
}

.fa-hand-spock-o:before {
    content: "";
}

.fa-hand-pointer-o:before {
    content: "";
}

.fa-hand-peace-o:before {
    content: "";
}

.fa-trademark:before {
    content: "";
}

.fa-registered:before {
    content: "";
}

.fa-creative-commons:before {
    content: "";
}

.fa-gg:before {
    content: "";
}

.fa-gg-circle:before {
    content: "";
}

.fa-tripadvisor:before {
    content: "";
}

.fa-odnoklassniki:before {
    content: "";
}

.fa-odnoklassniki-square:before {
    content: "";
}

.fa-get-pocket:before {
    content: "";
}

.fa-wikipedia-w:before {
    content: "";
}

.fa-safari:before {
    content: "";
}

.fa-chrome:before {
    content: "";
}

.fa-firefox:before {
    content: "";
}

.fa-opera:before {
    content: "";
}

.fa-internet-explorer:before {
    content: "";
}

.fa-tv:before,
.fa-television:before {
    content: "";
}

.fa-contao:before {
    content: "";
}

.fa-500px:before {
    content: "";
}

.fa-amazon:before {
    content: "";
}

.fa-calendar-plus-o:before {
    content: "";
}

.fa-calendar-minus-o:before {
    content: "";
}

.fa-calendar-times-o:before {
    content: "";
}

.fa-calendar-check-o:before {
    content: "";
}

.fa-industry:before {
    content: "";
}

.fa-map-pin:before {
    content: "";
}

.fa-map-signs:before {
    content: "";
}

.fa-map-o:before {
    content: "";
}

.fa-map:before {
    content: "";
}

.fa-commenting:before {
    content: "";
}

.fa-commenting-o:before {
    content: "";
}

.fa-houzz:before {
    content: "";
}

.fa-vimeo:before {
    content: "";
}

.fa-black-tie:before {
    content: "";
}

.fa-fonticons:before {
    content: "";
}

.fa-reddit-alien:before {
    content: "";
}

.fa-edge:before {
    content: "";
}

.fa-credit-card-alt:before {
    content: "";
}

.fa-codiepie:before {
    content: "";
}

.fa-modx:before {
    content: "";
}

.fa-fort-awesome:before {
    content: "";
}

.fa-usb:before {
    content: "";
}

.fa-product-hunt:before {
    content: "";
}

.fa-mixcloud:before {
    content: "";
}

.fa-scribd:before {
    content: "";
}

.fa-pause-circle:before {
    content: "";
}

.fa-pause-circle-o:before {
    content: "";
}

.fa-stop-circle:before {
    content: "";
}

.fa-stop-circle-o:before {
    content: "";
}

.fa-shopping-bag:before {
    content: "";
}

.fa-shopping-basket:before {
    content: "";
}

.fa-hashtag:before {
    content: "";
}

.fa-bluetooth:before {
    content: "";
}

.fa-bluetooth-b:before {
    content: "";
}

.fa-percent:before {
    content: "";
}

.fa-gitlab:before {
    content: "";
}

.fa-wpbeginner:before {
    content: "";
}

.fa-wpforms:before {
    content: "";
}

.fa-envira:before {
    content: "";
}

.fa-universal-access:before {
    content: "";
}

.fa-wheelchair-alt:before {
    content: "";
}

.fa-question-circle-o:before {
    content: "";
}

.fa-blind:before {
    content: "";
}

.fa-audio-description:before {
    content: "";
}

.fa-volume-control-phone:before {
    content: "";
}

.fa-braille:before {
    content: "";
}

.fa-assistive-listening-systems:before {
    content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "";
}

.fa-glide:before {
    content: "";
}

.fa-glide-g:before {
    content: "";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "";
}

.fa-low-vision:before {
    content: "";
}

.fa-viadeo:before {
    content: "";
}

.fa-viadeo-square:before {
    content: "";
}

.fa-snapchat:before {
    content: "";
}

.fa-snapchat-ghost:before {
    content: "";
}

.fa-snapchat-square:before {
    content: "";
}

.fa-pied-piper:before {
    content: "";
}

.fa-first-order:before {
    content: "";
}

.fa-yoast:before {
    content: "";
}

.fa-themeisle:before {
    content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "";
}

.fa-handshake-o:before {
    content: "";
}

.fa-envelope-open:before {
    content: "";
}

.fa-envelope-open-o:before {
    content: "";
}

.fa-linode:before {
    content: "";
}

.fa-address-book:before {
    content: "";
}

.fa-address-book-o:before {
    content: "";
}

.fa-vcard:before,
.fa-address-card:before {
    content: "";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "";
}

.fa-user-circle:before {
    content: "";
}

.fa-user-circle-o:before {
    content: "";
}

.fa-user-o:before {
    content: "";
}

.fa-id-badge:before {
    content: "";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "";
}

.fa-quora:before {
    content: "";
}

.fa-free-code-camp:before {
    content: "";
}

.fa-telegram:before {
    content: "";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "";
}

.fa-shower:before {
    content: "";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "";
}

.fa-podcast:before {
    content: "";
}

.fa-window-maximize:before {
    content: "";
}

.fa-window-minimize:before {
    content: "";
}

.fa-window-restore:before {
    content: "";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "";
}

.fa-bandcamp:before {
    content: "";
}

.fa-grav:before {
    content: "";
}

.fa-etsy:before {
    content: "";
}

.fa-imdb:before {
    content: "";
}

.fa-ravelry:before {
    content: "";
}

.fa-eercast:before {
    content: "";
}

.fa-microchip:before {
    content: "";
}

.fa-snowflake-o:before {
    content: "";
}

.fa-superpowers:before {
    content: "";
}

.fa-wpexplorer:before {
    content: "";
}

.fa-meetup:before {
    content: "";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.job-description-banner {
    padding: 28px 0;
}

.job-description-banner h2 {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.job-description-banner h6 {
    letter-spacing: 0.5px;
    text-align: left;
}

.job-description-banner #js-location {
    float: left;
}

.job-description-banner .go-back.back-to-jobs {
    float: right;
    border: 1px solid rgba(169, 169, 168, 0.4) !important;
    background-color: #fff;
    color: #383736;
    margin-top: -4px;
    margin-right: -15px;
}

.job-description-content {
    padding: 51px 0 48px;
}

.job-description-content p {
    margin-bottom: 15px;
}

.job-description-content label {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #7a7977;
}

.job-description-content h1, .job-description-content h2, .job-description-content h3, .job-description-content h5, .job-description-content h4, .job-description-content h6,
.job-description-content p strong,
.job-description-content .specs-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    font-size: 24px;
    color: #7a7977;
    text-align: left;
}

.job-description-content ol,
.job-description-content ul,
.job-description-content .specs {
    margin-bottom: 40px;
}

.job-description-content ol li,
.job-description-content ul li,
.job-description-content .specs li {
    position: relative;
    padding-left: 19px;
}

.job-description-content ol li:before,
.job-description-content ul li:before,
.job-description-content .specs li:before {
    content: '';
    position: absolute;
    left: 7px;
    top: 10px;
    background-color: #383736;
    border-radius: 4px;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: 0;
    text-align: center;
}

.job-description hr {
    border-top: solid 1px #cacac8;
}

.job-description input::-moz-placeholder,
.job-description [type=password]::-moz-placeholder,
.job-description [type=text]::-moz-placeholder,
.job-description [type=email]::-moz-placeholder {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    opacity: 1;
}

.job-description input::-webkit-input-placeholder,
.job-description [type=password]::-webkit-input-placeholder,
.job-description [type=text]::-webkit-input-placeholder,
.job-description [type=email]::-webkit-input-placeholder {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    opacity: 1;
}

.job-description input:-ms-input-placeholder,
.job-description [type=password]:-ms-input-placeholder,
.job-description [type=text]:-ms-input-placeholder,
.job-description [type=email]:-ms-input-placeholder {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    opacity: 1;
}

.submit-app {
    border-top: 1px solid #cacac8;
    float: left;
    width: 100%;
}

.submit-app label {
    font-size: 24px;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
}

.submit-app label.error, .submit-app label.error-custom {
    position: absolute;
    bottom: 30px;
    width: auto;
    left: 0;
    margin-bottom: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.4px;
    opacity: 0.75;
    color: #8b572a;
}

.submit-app .attach {
    padding: 0 15px 0 0;
}

.submit-app .attach button {
    color: #383736;
    margin-bottom: 49px;
    width: 100%;
    overflow: hidden;
}

.submit-app .attach .large-btn {
    position: relative;
}

.submit-app .attach .large-btn label.error {
    bottom: -20px;
}

.submit-app .attach .file-name {
    float: left;
    width: 95%;
    text-align: center;
    position: absolute;
    top: 2px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

.submit-app .attach input {
    position: relative;
    opacity: 0;
    height: 30px;
    cursor: pointer;
    z-index: 9999999;
    width: 100%;
}

.submit-app .attach p,
.submit-app .attach .file-name span {
    padding: 0;
    position: relative;
    top: 0;
    font-size: 11px;
    color: #7d7773;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    text-transform: none;
    cursor: pointer;
}

.application {
    padding: 0;
}

.application p {
    color: #7d7773;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    padding: 72px 15px 57px;
}

.application hr {
    margin: 0 0 50px 0;
}

.application .input-wrapper {
    float: left;
    width: 100%;
    position: relative;
}

.application input[type=tel],
.application input[type=password],
.application input[type=text],
.application input[type=email] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #cacac8;
    margin-bottom: 50px;
    padding: 0 0 12px 0;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
}

.application input[type=tel]:focus,
.application input[type=password]:focus,
.application input[type=text]:focus,
.application input[type=email]:focus {
    outline: none;
}

.application input.portfolio {
    margin-bottom: 72px !important;
}

.application textarea {
    border: 0;
    background-color: transparent;
    border-bottom: 1px solid #cacac8;
    margin-bottom: 50px;
    padding: 0 0 12px 0;
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    resize: none;
    width: 100%;
    min-height: 60px;
}

.application textarea:focus {
    outline: none;
}

.application label {
    max-width: 100%;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1.5px;
    text-align: left;
    color: #cacac8;
    text-transform: uppercase;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}

.application .additional_info span.anything-to-share {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #383736;
    padding: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
}

.application .additional_info span {
    font-size: 10px;
    line-height: 2.4;
    text-align: left;
    color: #7a7977;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    padding: 0;
}

.application .additional_info input {
    position: absolute;
    margin: 0;
    opacity: 0;
    height: 20px;
    cursor: pointer;
    top: 0;
}

.application .additional_info .file-name {
    padding: 0;
    position: absolute;
    top: 40px;
    font-size: 11px;
}

.application .optional input {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
}

.application .optional [type=tel]::-moz-placeholder,
.application .optional [type=text]::-moz-placeholder,
.application .optional [type=email]::-moz-placeholder {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    opacity: 1;
}

.application .optional [type=tel]::-webkit-input-placeholder,
.application .optional [type=text]::-webkit-input-placeholder,
.application .optional [type=email]::-webkit-input-placeholder {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    opacity: 1;
}

.application .optional [type=tel]:-ms-input-placeholder,
.application .optional [type=text]:-ms-input-placeholder,
.application .optional [type=email]:-ms-input-placeholder {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    opacity: 1;
}

.application .custom-file-control:lang(en)::after {
    content: attr(data-content-value);
}

.application .submit {
    padding: 12px 10px 0;
}

.application .submit span {
    padding: 36px 0;
    font-size: 12px;
    line-height: 2;
    text-align: left;
    color: #7d7773;
}

.buttons {
    padding: 0 !important;
}

.buttons .large-btn {
    margin-bottom: 0;
}

span.update {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.media-kit {
    position: relative;
    z-index: 2;
}

.media-kit .main-type-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 4px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.media-kit .modal-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

.media-kit p.italic {
    font-style: italic;
}

.media-kit p.italic a {
    text-decoration: underline;
    color: #fff;
}

.media-kit-content {
    padding: 91px 0 60px;
}

.media-kit-content .press-releases .downloadable-file {
    margin-bottom: 30px;
}

.media-kit-content .type-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1.5px;
    text-align: left;
    color: #9c9c9c;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.media-kit-content hr {
    height: 2px;
    background-color: #cacac8;
    border-top: 0;
}

.media-kit-content .downloadable-file {
    margin: 8px 0 30px;
}

.media-kit-content .downloadable-file:nth-child(odd) {
    clear: left;
}

.media-kit-content .downloadable-file:hover {
    text-decoration: none;
}

.media-kit-content .downloadable-file img {
    margin-bottom: 8px;
}

.media-kit-content .downloadable-file span.date {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    text-align: left;
    font-size: 13px;
    line-height: 1.85;
    color: #9c9c9c;
}

.media-kit-content .downloadable-file h3.file-title {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.33;
    text-align: left;
    color: #383736;
    margin: 5px 0 10px 0;
}

.media-kit-content .downloadable-file span.file-type {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #9c9c9c;
    padding: 0 3px;
    border-left: 1px solid #cacac8;
    border-right: 1px solid #cacac8;
    float: left;
    margin-top: 4px;
}

.media-kit-content .downloadable-file i.download-icon {
    float: left;
    margin-top: 4px;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background: url("../img/download-file.svg") no-repeat center;
}

.media-kit-content strong {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
}

.media-kit-content.reserve-form {
    min-height: 450px;
}

.media-kit-content .submit-title {
    color: #383736;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    margin-bottom: 0;
}

.media-kit-content span.modal-link {
    text-decoration: underline;
}

.media-kit-content .see-more .read-more-wrap {
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
    position: relative;
    height: 32px;
}

.media-kit-content .see-more .read-more-wrap span.read-more-label {
    position: absolute;
    left: 50%;
    margin-left: 28px;
    top: 4px;
    opacity: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 2;
    letter-spacing: 0.9px;
    text-align: left;
    -webkit-transition: ease all 0.35s;
    -moz-transition: ease all 0.35s;
    -ms-transition: ease all 0.35s;
    -o-transition: ease all 0.35s;
    transition: ease all 0.35s;
}

.media-kit-content .see-more .read-more-wrap button:hover + span.read-more-label {
    opacity: 0.5;
}

.media-kit-content .see-more .read-more-wrap.opened span.read-more-label {
    display: none;
}

.media-kit-content .see-more .morelink {
    width: 32px;
    height: 32px;
    background: url("../svg/show-more-btn.svg") no-repeat;
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    border: none;
    margin: auto;
    float: none;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    position: relative;
    opacity: 0.5;
}

.media-kit-content .see-more .extended-content p {
    margin-bottom: 0;
}

.reserve-form .step {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.reserve-form a.step-link {
    float: left;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    color: #383736;
}

.reserve-form a.step-link#js-forgot-link {
    padding: 5px 0;
    margin: -15px 0 10px 0;
}

.reserve-form #js-login-btn {
    margin-right: 15px;
}

.reserve-form .step-header h3.submit-title {
    margin-bottom: 8px;
}

.reserve-form .step-header p {
    float: left;
    margin-right: 5px;
}

.reserve-form .step-header h4.id-title {
    opacity: 0.3;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.9px;
    text-align: left;
    color: #000000;
}

.reserve-form .step-header h3.reservation-id {
    background-image: linear-gradient(98deg, #e4a898, #ae6643);
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1.3px;
    text-align: left;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.reserve-form .step-header span.thank-you {
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 2px;
    text-align: left;
    color: #8f8f8f;
    text-transform: uppercase;
}

.reserve-form .no-country {
    margin-bottom: 30px;
}

.reserve-form .application p {
    padding: 0;
}

.reserve-form .application .row-wrap {
    width: 100%;
}

.reserve-form .application .absolute-tip, .reserve-form .application .form-tip {
    font-size: 12px;
    font-style: italic;
    top: 43px;
    opacity: 0.5;
}

.reserve-form .application .form-tip {
    left: 15px;
}

.reserve-form .application .form-tip-2 {
    font-size: 12px;
    opacity: 0.5;
    margin: 10px 0;
}

.reserve-form .application .absolute-tip {
    left: 0;
    position: absolute;
}

.reserve-form .application .absolute-tip.error {
    opacity: 1;
    color: #8b572a;
}

.reserve-form .application .input-wrap > div {
    position: relative;
}

.reserve-form .application .input-wrap input.error + .absolute-tip {
    display: none;
}

.reserve-form .application .buttons .large-btn {
    background-color: #7a7977;
    color: #fff;
}

.reserve-form .application label {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #383736;
    text-transform: none;
}

.reserve-form .application label.error {
    position: absolute;
    left: 0;
    top: 43px;
    font-size: 13px;
    margin-bottom: 0;
    opacity: 0.75;
    color: #8b572a;
}

.reserve-form .application label#lastname-error, .reserve-form .application label#firstname-error {
    left: 15px;
}

.reserve-form .application label#terms-error {
    top: 26px;
    left: 0;
    min-width: 400px;
}

.reserve-form .application select.select_country {
    height: 32px;
    font-size: 14px;
    line-height: 1.71;
    color: #383736;
    width: 100%;
    max-width: 370px;
    border: solid 1px rgba(56, 55, 54, 0.08);
    background-color: rgba(56, 55, 54, 0.05);
    box-shadow: none;
    float: left;
    padding: 4px 12px;
    text-align: center;
    margin-bottom: 48px;
}

.reserve-form .application select.select_country option {
    text-align: center;
}

.reserve-form .application select.select_country option.placeholder {
    display: none;
}

.reserve-form .application .checklist {
    float: left;
    width: 100%;
}

.reserve-form .application .checklist li {
    float: left;
    width: 100%;
    margin-bottom: 19px;
}

.reserve-form .application .checklist div.icheckbox_square-grey {
    float: left;
}

.reserve-form .application .checklist label.checkbox-label,
.reserve-form .application .checklist p {
    float: left;
    width: calc(100% - 37px);
    margin-left: 15px;
    padding: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: normal;
    text-align: left;
    color: #353433;
}

.reserve-form .application .checklist label.checkbox-label a,
.reserve-form .application .checklist p a {
    color: #353433;
    text-decoration: underline;
}

.reserve-form .application p.validate {
    float: left;
    width: 100%;
    padding: 0;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #8b572a;
}

.reserve-form .application p.validate a {
    text-decoration: underline;
    color: #8b572a;
}

.reserve-form h3.underlined-title {
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: 2px;
    text-align: left;
    color: #353433;
    padding-bottom: 7px;
    border-bottom: solid 0.5px #696969;
    margin-bottom: 11px;
}

.reserve-form ul.mobile-app li:first-child {
    float: left;
    margin-right: 33px;
}

.reserve-form ul.mobile-app.chinese {
    padding: 37px 0;
}

.reserve-form ul.mobile-app.chinese li:first-child {
    float: left;
    margin-right: 33px;
}

.datepicker {
    color: #383736;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active {
    background-color: #383736;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animatedContent {
    0% {
        opacity: 1;
    }
    50% {
        margin-top: -50px;
        opacity: 0.5;
    }
    100% {
        margin-top: -100px;
        opacity: 0;
    }
}

@keyframes animatedContentBack {
    0% {
        opacity: 0;
        margin-top: -100px;
    }
    50% {
        margin-top: -50px;
        opacity: 0.5;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}

.animate-up {
    animation: 1s ease 1.1s 1 animatedContent;
    animation-fill-mode: forwards;
}

.animate-back-down {
    animation: 1s ease 1.1s 1 animatedContentBack;
    animation-fill-mode: forwards;
}

.sapCpRuntime {
    width: 100%;
    height: 100%;
}

.sapCpRuntime .sapCpBody {
    margin: 0;
    width: 100%;
    height: 100%;
}

.sapCpContentPage {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

.sapCpContentPageLoading {
    opacity: 0;
    cursor: wait;
}

.sapCpLayout {
    box-sizing: inherit;
    width: 100%;
    padding: 8px;
}

.sapCpWidget {
    box-sizing: inherit;
    min-height: 30px;
    padding: 8px;
}

.sapCpWidgetHidden {
    display: none;
}

.sapCpWidget ~ .sapCpWidget {
    margin-top: 8px;
}

.sapCpWidgetContentLeft {
    min-height: 1px;
    float: left;
    text-align: right;
}

.sapCpWidgetContentRight {
    min-height: 1px;
    text-align: left;
    vertical-align: top;
}

.sapCRLWidgetFixContent {
    clear: both;
}

.sapCpWidgetContentNoIndent {
    min-height: 1px;
}

.sapCpWidgetContentLeft .sapCpLabel {
    margin-top: 6px;
    margin-right: 10px;
}

.sapCpWidgetMandatoryMissing {
    background-color: lightcoral;
}

.sapCpWidgetInvalid {
    background-color: orange;
}

.sapCpButtonWidget .sapCpButtonWidgetExtraText {
    display: block;
    padding-top: 5px;
}

.sapCpButtonWidget .sapCpMissingMandatoryFieldLabel {
    display: block;
    color: red;
}

.sapCpContentPage:not(.sapCpMissingMandatoryField) .sapCpButtonWidget .sapCpMissingMandatoryFieldLabel {
    display: none;
}

.sapCpButtonWidget .sapCpErrorMessageText {
    display: block;
    color: red;
}

.sapCpContentPage:not(.sapCpSubmitError) .sapCpButtonWidget .sapCpErrorMessageText {
    display: none;
}

.sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: block;
    color: green;
}

.sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: none;
}

.sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpButtonWidgetDownloadLink {
    display: none;
}

.sapCpButtonWidget .sapCpButtonWidgetDownloadLink:not(.sapCpButtonWidgetDownloadLinkVisible) {
    display: none;
}

.sapCpLabel {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sapCpLabelRequiredBefore {
    padding-left: 10px;
}

.sapCpLabel:not(.sapCpLabelRequiredBefore):after {
    content: "*";
    color: RoyalBlue;
    visibility: hidden;
}

.sapCpWidgetContentLeft .sapCpLabel:not(.sapCpLabelRequiredBefore):after {
    position: absolute;
}

.sapCpLabel:not(.sapCpLabelRequiredBefore).sapCpLabelRequired:after {
    visibility: visible;
}

.sapCpLabel.sapCpLabelRequiredBefore:before {
    content: "*";
    color: RoyalBlue;
    visibility: hidden;
    position: absolute;
    left: 1px;
    top: -2px;
}

.sapCpLabel.sapCpLabelRequiredBefore.sapCpLabelRequired:before {
    visibility: visible;
}

.sapCpCheckBox ~ .sapCpLabel {
    margin-left: 2px;
}

.sapCpInput {
    font-size: inherit;
    font-family: inherit;
    padding: 4px 8px;
    text-overflow: ellipsis;
}

.sapCpCheckBox {
    vertical-align: top;
    min-width: 20px;
    float: left;
}

.sapCpCheckBox input {
    font-size: inherit;
    font-family: inherit;
}

.sapCpDropDown {
    font-size: inherit;
    font-family: inherit;
    padding: 4px 8px;
    min-width: 215px;
}

.sapCpDropDown > option {
    color: black;
}

.sapCpDropDownPlaceholder {
    color: gray;
}

.sapCpDatePicker option {
    color: black;
}

.sapCpDatePicker .sapCpDropDown ~ .sapCpDropDown {
    margin-left: 10px;
}

.sapCpDatePicker .sapCpDatePickerDay {
    min-width: 50px;
    width: 23%;
    max-width: 100px;
}

.sapCpInputWidget .sapCpDatePickerMonth {
    min-width: 100px;
    width: 43%;
    max-width: 200px;
}

.sapCpInputWidget .sapCpDatePickerYear {
    min-width: 50px;
    width: 23%;
    max-width: 100px;
}

.sapCpButton {
    font-size: inherit;
    font-family: inherit;
    padding: 6px 10px;
}

@media screen and (min-width: 481px) {
    .sapCpLabel:not(.sapCpLabelRequiredBefore):after {
        right: 1px;
        top: -2px;
    }

    .sapCpLabel:not(.sapCpLabelRequiredBefore) {
        padding-right: 10px;
    }
}

@media screen and (max-width: 480px) {
    .sapCpWidgetContent {
        width: 100% !important;
        text-align: left;
    }

    .sapCpWidgetContent .sapCpInput {
        width: 95%;
    }

    .sapCpWidgetContent .sapCpTextArea {
        width: 98%;
    }

    .sapCpWidgetContent .sapCpDropDown {
        width: 100%;
    }

    .sapCpWidgetContent .sapCpDatePicker .sapCpDatePickerDay {
        width: 23%;
    }

    .sapCpWidgetContent .sapCpDatePicker .sapCpDatePickerMonth {
        width: 43%;
    }

    .sapCpWidgetContent .sapCpDatePicker .sapCpDatePickerYear {
        width: 23%;
    }

    .sapCpWidgetContentRight {
        padding-left: 0 !important;
    }
}

/* Above normal grid container device sizes
================================ */
@media (min-width: 1200px) {
    footer .collapse.wrapper {
        min-width: 200px;
    }
}

@media (max-width: 1200px) {
    section.team .team-slider {
        margin-left: 15%;
        margin-right: 15%;
    }

    section.location-slider .bx-viewport,
    .locations li {
        min-height: 80vh !important;
        height: auto;
    }

    .loc-slider-controls {
        width: 56%;
    }

    /* Concept Page - Design Page
  ================================ */
    .image-galleries {
        width: 100%;
        margin: 0 auto;
        clear: both;
    }

    .image-galleries .grid-sizer {
        width: 100%;
    }

    .image-galleries .grid-item {
        width: 50%;
        margin-bottom: 4px;
    }
}

@media (max-width: 1130px) {
    .btn-group.open .dropdown-toggle span,
    .bootstrap-select > .dropdown-toggle span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 250px;
    }
}

@media (min-width: 991px) {
    .product-menu-left .product-menu, .concept-header .product-menu {
        transform: none;
        transition-property: opacity;
    }

    .product-menu-left .product-menu .mobile-submenu-container, .concept-header .product-menu .mobile-submenu-container {
        text-align: left;
    }

    .product-menu-left .submenu, .concept-header .submenu {
        background: rgba(189, 188, 188, 0.9);
    }

    .product-menu-left .submenu ul.sub-pages li a, .concept-header .submenu ul.sub-pages li a {
        color: #fff;
    }

    .product-menu {
        transform: translateY(-100%);
        transition-delay: 0.3s;
    }

    .product-menu ul.sub-pages li {
        transform: translateY(-100%);
        opacity: 0;
        transition: all 0.5s;
    }

    .product-menu-active-lg .product-menu, .concept-header .product-menu {
        transition-delay: initial;
        visibility: visible;
        opacity: 1;
        transform: none;
    }

    .product-menu-active-lg .product-menu ul.sub-pages li, .concept-header .product-menu ul.sub-pages li {
        opacity: 1;
        transform: none;
    }

    .product-menu-active-lg .product-menu ul.sub-pages li:nth-child(3), .concept-header .product-menu ul.sub-pages li:nth-child(3) {
        transition-delay: 0.2s;
    }

    .product-menu-active-lg .product-menu ul.sub-pages li:nth-child(4), .concept-header .product-menu ul.sub-pages li:nth-child(4) {
        transition-delay: 0.35s;
    }

    .product-menu-active-lg .product-menu ul.sub-pages li:nth-child(5), .concept-header .product-menu ul.sub-pages li:nth-child(5) {
        transition-delay: 0.5s;
    }

    .product-menu-active-lg .product-menu ul.sub-pages li:nth-child(6), .concept-header .product-menu ul.sub-pages li:nth-child(6) {
        transition-delay: 0.65s;
    }

    .product-menu-active-lg .product-menu ul.sub-pages li:nth-child(7), .concept-header .product-menu ul.sub-pages li:nth-child(7) {
        transition-delay: 0.8s;
    }

    .product-menu-active-lg .products {
        color: rgba(122, 121, 119, 0.5) !important;
        opacity: 1 !important;
        position: relative;
    }

    .product-menu-active-lg .products:after {
        content: "";
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid #7A7977;
        position: absolute;
        right: 4px;
        bottom: 15px;
    }

    .square-tile-center h2 {
        text-align: left;
    }

    .square-button-left {
        float: left;
    }

    .square-button-right {
        float: right;
    }
}

/* Mobile and Tablet Devices
================================ */
@media (max-width: 991px) {
    body {
        -webkit-font-smoothing: subpixel-antialiased !important;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
    }

    /* cookie consent popup */
    .cc-window {
        top: 44px;
    }

    .cc-window.cc-bottom {
        bottom: auto;
    }

    /*
  ******** Sign Up Form ***********
  */
    section.concept .banner-video .main-section .video-js .vjs-big-play-button {
        display: none;
    }

    .body-content.concept {
        padding-bottom: 0;
    }

    /*
  ******** About Maps ***********
  */
    .map {
        background-image: url("../img/map/map_tablet_en.jpg");
    }

    .map-cn {
        background-image: url("../img/map/map_tablet_cn.jpg");
    }

    .loc-slider-controls {
        top: 50%;
        height: 48px;
        width: 98%;
    }

    section.concept.experience .video-holder {
        padding-left: 15px;
        min-height: inherit;
        margin-bottom: 24px;
    }

    .image-galleries {
        width: 100%;
        margin: 0;
        float: left;
    }

    .image-galleries .grid-sizer {
        width: 100%;
    }

    .image-galleries .grid-item {
        width: 100%;
        margin-bottom: 4px;
    }

    .image-galleries .pull-up {
        margin-top: 0 !important;
    }

    .image-galleries .collapse {
        display: none !important;
    }

    .image-galleries .collapse.in {
        display: block !important;
    }

    .image-galleries .read-more-wrap {
        float: left;
        margin-top: 21px !important;
        margin-bottom: 14px;
    }

    .image-galleries .read-more-wrap span.read-more-label {
        left: 40px;
        display: block !important;
        opacity: 0.5 !important;
    }

    .image-galleries .read-more-wrap.opened span.read-more-label {
        display: none !important;
        opacity: 0 !important;
    }

    .menu-2-3 {
        top: 0;
        display: block;
    }

    .no-scroll div.submenu {
        display: none;
    }

    div.submenu {
        top: 44px;
        position: fixed;
        display: block;
        height: 44px;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    }

    div.submenu .container {
        width: 100%;
        background: #fff;
    }

    div.submenu .row-mobile {
        margin-left: -18px;
        margin-right: -18px;
    }

    div.submenu div.mobile-submenu-container {
        float: left;
        display: none;
        width: 100%;
    }

    div.submenu div.submenu-expanded ul.sub-pages li a {
        left: 0;
        opacity: 1;
        transition-delay: 0.2s;
    }

    div.submenu div.submenu-expanded ul.sub-pages:not(.sections) li:nth-child(1) a {
        transition-delay: 0.35s;
    }

    div.submenu div.submenu-expanded ul.sub-pages:not(.sections) li:nth-child(2) a {
        transition-delay: 0.5s;
    }

    div.submenu div.submenu-expanded ul.sub-pages:not(.sections) li:nth-child(3) a {
        transition-delay: 0.65s;
    }

    div.submenu div.submenu-expanded ul.sub-pages:not(.sections) li:nth-child(4) a {
        transition-delay: 0.8s;
    }

    div.submenu div.submenu-expanded ul.sub-pages:not(.sections) li:nth-child(5) a {
        transition-delay: 0.95s;
    }

    div.submenu ul.sub-pages {
        float: left;
        width: 100%;
        clear: both;
        position: relative;
        left: auto;
        top: auto;
        padding: 0 15px;
        margin-left: 0;
        transform: none;
    }

    div.submenu ul.sub-pages.sections {
        background-color: #fafafa;
        margin-bottom: -1px;
    }

    div.submenu ul.sub-pages.sections li {
        padding-left: 15px;
    }

    div.submenu ul.sub-pages.sections li a {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 400;
    }

    div.submenu ul.sub-pages li {
        float: left;
        width: 100%;
        text-align: left;
    }

    div.submenu ul.sub-pages li a {
        width: 100%;
        float: none;
        margin: 0 auto;
        display: inline-block;
        padding: 15px 3px;
        position: relative;
        left: -10px;
        opacity: 0;
        transition: all 0.5s;
        transition-delay: 2s;
    }

    div.submenu ul.sub-pages li:not(:last-child) a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    div.submenu h3 {
        width: 100%;
        position: relative;
        padding-left: 0;
    }

    div.submenu h3:before {
        content: none;
    }

    div.submenu .toggle-submenu {
        position: absolute;
        padding: 0;
        width: 44px;
        height: 44px;
        right: 10px;
        top: 0;
        background: url("../svg/submenu-trigger-dark.svg") no-repeat center;
        border: none;
    }

    .collapse {
        display: none !important;
    }

    main {
        margin-bottom: 0;
    }

    footer {
        height: auto;
        position: relative !important;
        float: left;
        width: 100%;
        display: block !important;
    }

    footer .container {
        width: 100%;
    }

    footer .container .right-nav {
        float: right;
        padding: 0;
        text-align: center;
    }

    footer .container .right-nav .title {
        display: none;
    }

    footer .container .right-nav .title:before {
        content: '';
        width: 100%;
        float: left;
        border-bottom: 1px solid #77777a;
        top: -16px;
        position: relative;
    }

    footer .container .right-nav:before {
        display: none;
    }

    footer .container .right-nav ul.offices {
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 16px;
    }

    footer .container .right-nav ul.offices li {
        float: left;
        text-align: left;
        line-height: 2;
        letter-spacing: 0.8px;
        font-size: 12px;
        padding-bottom: 0;
    }

    footer .container .right-nav ul.offices li .sub-list {
        padding-bottom: 0;
    }

    footer .container .right-nav ul.offices > li:first-child,
    footer .container .right-nav ul.offices li:last-child {
        padding-bottom: 0;
    }

    footer .container .right-nav ul.email li {
        float: left;
        text-align: left;
        line-height: 2;
        letter-spacing: 4px;
        font-size: 12px;
        padding-bottom: 0;
    }

    footer .container .right-nav ul.email li:first-child {
        margin-bottom: 0px;
    }

    footer .container .right-nav ul.email .sub-list {
        padding-bottom: 24px;
        width: 100%;
        margin-right: 0;
    }

    footer .container .right-nav ul.email .sub-list li {
        text-align: center;
        float: left;
        width: 100%;
    }

    footer .container .right-nav ul.email .sub-list li p {
        width: 100%;
    }

    footer .container .right-nav ul.email .sub-list li span {
        line-height: 1.54;
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    footer .container .right-nav ul.email .sub-list li a {
        letter-spacing: 0.6px;
    }

    footer .container .right-nav ul.footer-socilas.right {
        float: right;
        width: auto;
        margin-right: 0;
    }

    footer .container .right-nav ul.footer-socilas.right .social-icons {
        margin: 0;
        max-width: inherit;
    }

    footer .container .right-nav ul.footer-socilas.right .social-icons a {
        font-size: 19px;
    }

    footer .container .right-nav ul li span {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 600;
    }

    footer .container .right-nav ul li ul {
        margin-top: 0;
    }

    footer .container .right-nav ul.sub-list {
        padding-bottom: 24px;
        margin-right: 0;
    }

    footer .container .right-nav ul.sub-list li {
        float: left;
        width: 50%;
    }

    footer .container .footer-logo {
        margin: 24px auto 17px;
    }

    footer .container .footer-logo a {
        text-align: center;
        width: 100%;
    }

    footer .container .footer-logo a img {
        float: none !important;
        margin: auto;
        text-align: center;
    }

    footer .container #language-wrap ul {
        padding-bottom: 24px;
    }

    footer .container #language-wrap ul li {
        float: left;
        width: 50%;
    }

    footer .container .language-bar {
        clear: both;
    }

    footer .container .copyright {
        border-top: 1px solid #464342;
        float: left;
        width: 100%;
        text-align: justify;
        padding: 25px 0;
        margin: 0;
    }

    footer .container .copyright a, footer .container .copyright span {
        padding: 5px 2px;
        line-height: 1;
        display: inline-block;
    }

    footer .container .copyright::after {
        content: "";
        display: inline-block;
        width: 100%;
    }

    footer .mobile-title {
        padding-top: 12px;
        border-top: 1px solid #464342;
        padding-bottom: 12px;
    }

    footer .mobile-title a,
    footer .mobile-title h5 {
        font-size: 12px;
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 4px;
        text-align: left;
        color: #a9a9a8;
        float: left;
        width: auto;
        text-transform: uppercase;
    }

    footer .mobile-title i.arrow {
        float: right;
        font-family: Facto;
        font-size: 24px;
        line-height: 32px;
        text-align: right;
        color: #a9a9a8;
        padding: 0 4px;
        position: absolute;
        right: 0;
        z-index: -1;
    }

    footer .mobile-title a {
        width: 100%;
    }

    footer .mobile-title .open-btn {
        float: right;
        font-family: Facto;
        font-size: 24px;
        line-height: 1;
        text-align: right;
        color: #a9a9a8;
        padding: 0;
        -webkit-transition: ease all 0.15s;
        -moz-transition: ease all 0.15s;
        -ms-transition: ease all 0.15s;
        -o-transition: ease all 0.15s;
        transition: ease all 0.15s;
        transform: rotate(0deg);
    }

    footer .mobile-title .open-btn.open {
        transform: rotate(45deg);
    }

    #sign-up.modal .sign-up-wrapper .form {
        float: none;
    }

    #sign-up.modal .sign-up-wrapper .form.shrinked {
        margin-right: 30px;
    }

    .app-demo-wrap {
        margin-bottom: 30px;
    }

    .app-demo-wrap .bx-wrapper .bx-controls {
        top: -28px;
        margin-left: -37px;
    }

    .app-demo-wrap .phone-wrap {
        width: 100%;
    }

    .app-demo-wrap .phone-wrap img {
        max-width: 210px;
    }

    .app-demo-wrap .step-description {
        padding-bottom: 24px;
        padding-top: 24px;
        height: auto;
        text-align: center;
        width: 100%;
    }

    .app-demo-wrap .download-app {
        float: left;
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        margin-top: 10px;
        border-bottom: 0;
    }

    .app-demo-wrap .download-app h5.download-title {
        text-align: center;
        width: 100%;
    }

    .app-demo-wrap .download-app ul {
        padding-bottom: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex: 2 0;
    }

    .app-demo-wrap .download-app ul li {
        min-width: 30%;
        margin: 0;
        display: flex;
        margin-bottom: 10px;
    }

    .app-demo-wrap .download-app ul li a {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .app-demo-wrap .download-app ul li a img {
        float: none;
        display: inline-block;
        width: 160px;
        height: auto;
    }

    .square-tile-center h2 {
        text-align: center;
    }

    .square-button-left, .square-button-right {
        display: block;
        margin: 0 auto;
    }

    .square-button-right {
        margin-top: 15px;
    }

    div.white-menu {
        height: 44px;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left,
    .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    header {
        padding: 0;
        height: 44px !important;
        position: fixed;
        z-index: 99999;
        background-color: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1) !important;
        -webkit-box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
        box-sizing: content-box !important;
    }

    header.concept-header {
        position: fixed;
        padding: 0px;
    }

    .concept-header.affix {
        position: fixed;
        top: 0;
        padding: 0px;
    }

    header .container {
        padding: 0 15px;
        width: 100%;
    }

    header .navbar {
        margin-bottom: 0;
    }

    header .navbar-brand {
        padding: 12.6px;
    }

    header .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: url(../svg/mobile-logo-blue.svg) no-repeat !important;
        background-position: center center !important;
    }

    header #navbar {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        overflow: hidden;
    }

    header #navbar::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 100vh;
        left: 0;
        background: inherit;
        z-index: -1;
        background-color: rgba(248, 248, 248, 0.8);
        overflow: hidden;
    }

    header #navbar::after {
        content: " ";
        display: block;
        height: 100vh;
    }

    header .navbar-nav, header .product-menu .sub-pages {
        transform: none;
        float: none !important;
        margin: 45px auto 0 !important;
        width: 230px;
        padding: 0;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
    }

    header .navbar-nav > li, header .product-menu .sub-pages > li {
        float: none;
        width: 100%;
        padding: 0;
    }

    header .navbar-nav > li > a, header .product-menu .sub-pages > li > a {
        display: block;
        border-bottom: solid 1px rgba(122, 121, 119, 0.15);
        text-align: center;
        padding: 14px 0 !important;
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 600;
        color: #7a7977;
        width: 100%;
        font-size: 15px;
        line-height: 1;
        letter-spacing: 1.5px;
    }

    header .navbar-nav > li > a.logo-symbol, header .product-menu .sub-pages > li > a.logo-symbol {
        padding: 0 0 32px 0 !important;
    }

    header .navbar-nav > li > a.current, header .product-menu .sub-pages > li > a.current {
        opacity: 1;
    }

    header .product-menu {
        background-color: #f9f9f9;
        top: 0;
        z-index: 52;
    }

    header .product-menu .products {
        display: block !important;
        opacity: 0.5;
    }

    header .product-menu .products:after {
        left: 0;
        right: initial;
        transform: rotate(90deg);
    }

    header .product-menu .menu-border-left {
        border: 0;
    }

    header .products:after {
        content: " ";
        background: url(../svg/arrow-down.svg) no-repeat;
        position: absolute;
        width: 20px;
        height: 20px;
        right: 0;
        transform: rotate(90deg) scaleY(-1);
    }

    header .mob-menu {
        position: fixed;
        width: 230px;
        height: 100%;
        top: 0;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        opacity: 0;
    }

    header .navbar-collapse.in .mob-menu {
        transition: opacity 0.2s;
        opacity: 1;
    }

    header .navbar-toggle {
        position: absolute;
        z-index: 9;
        padding: 17px 0;
        margin: 0;
        height: auto;
    }

    header .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

    header .navbar-default .navbar-collapse,
    header .navbar-default .navbar-form {
        border: none;
        box-shadow: none;
    }

    header .navbar-collapse.in {
        height: 100vh;
    }

    header .navbar-collapse.in + .logo {
        display: none;
    }

    header .mob-lang-wrapper {
        margin: 0 auto;
        min-height: inherit;
        position: absolute;
        bottom: 135px;
        width: 100%;
    }

    header .mob-lang-wrapper a {
        font-size: 13px;
        line-height: 0.77;
        letter-spacing: 0.6px;
        text-align: center;
        color: #7a7977;
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 600;
        text-decoration: none;
        width: 49%;
        display: inline-block;
        border-left: 1px solid rgba(122, 121, 119, 0.4);
        margin-bottom: 15px;
    }

    header .mob-lang-wrapper a:last-child {
        border-right: 1px solid rgba(122, 121, 119, 0.4);
    }

    header .mob-lang-wrapper a:last-child {
        margin-bottom: 0;
    }

    header .mob-lang-wrapper span {
        color: #7a7977;
        display: none;
    }

    header a.logo-symbol {
        padding: 0 0 52px 0 !important;
    }

    header a.logo-symbol img {
        text-align: center;
        float: none;
        margin: auto;
    }

    header .right-nav {
        width: 100%;
        text-align: center;
        position: absolute;
        transform: none;
        top: auto;
        right: auto;
        bottom: 182px;
        line-height: 40px;
        float: left;
        margin: auto;
    }

    header .right-nav a {
        float: left;
        width: 100%;
        text-align: center;
        margin-right: 0 !important;
        color: #7a7977 !important;
        font-size: 13px;
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 600;
        line-height: 0.77;
        letter-spacing: 0.6px;
    }

    header .right-nav a.sign-up-btn {
        float: left;
        margin-bottom: 13px;
    }

    header .right-nav a.reserve {
        position: relative;
        border: 1px solid #7a7977 !important;
        padding: 15px 0;
    }

    header .logo {
        background: url(../svg/mobile-logo-blue.svg) no-repeat;
        background-position: center center;
    }

    .mob-menu li {
        transition: all 0.3s;
    }

    header .product-menu {
        opacity: 1;
        background-color: transparent;
    }

    .product-menu li {
        transition: all 0.3s;
        opacity: 0;
        background-color: #f9f9f9;
    }

    .product-menu li:nth-child(n+3) {
        transform: translateX(50px);
    }

    .product-menu-active-sm .product-menu {
        visibility: visible;
    }

    .product-menu-active-sm .product-menu li {
        transform: none;
        opacity: 1;
    }

    .product-menu-active-sm .product-menu li:nth-child(3) {
        transition-delay: 0.2s;
    }

    .product-menu-active-sm .product-menu li:nth-child(4) {
        transition-delay: 0.3s;
    }

    .product-menu-active-sm .product-menu li:nth-child(5) {
        transition-delay: 0.4s;
    }

    .product-menu-active-sm .product-menu li:nth-child(6) {
        transition-delay: 0.5s;
    }

    .product-menu-active-sm .product-menu li:nth-child(7) {
        transition-delay: 0.6s;
    }

    .product-menu-active-sm .product-menu li:nth-child(8) {
        transition-delay: 0.7s;
    }

    .product-menu-active-sm .mob-menu li:nth-child(n+3) {
        transform: translateX(-50px);
        opacity: 0;
    }

    .product-menu-active-sm .mob-menu li:nth-child(n+3):nth-child(3) {
        transition-delay: 0s;
    }

    .product-menu-active-sm .mob-menu li:nth-child(n+3):nth-child(4) {
        transition-delay: 0.1s;
    }

    .product-menu-active-sm .mob-menu li:nth-child(n+3):nth-child(5) {
        transition-delay: 0.2s;
    }

    .product-menu-active-sm .mob-menu li:nth-child(n+3):nth-child(6) {
        transition-delay: 0.3s;
    }

    .language,
    .mob-symbol {
        display: block !important;
    }

    .mob-symbol {
        border-bottom: solid 1px rgba(122, 121, 119, 0.15);
    }

    .mob-symbol a.logo-symbol {
        border-bottom: none !important;
        width: 75px !important;
        float: none;
        margin: auto;
        box-sizing: content-box;
    }

    .mob-symbol a.logo-symbol img {
        width: 80%;
        height: auto;
    }

    .hidden-tab {
        display: none;
    }

    .reserve-new .download-prompt {
        border-bottom: none;
    }

    .reserve-new .download-prompt p {
        text-align: center;
        padding: 0 14px;
    }

    .reserve-new .download-prompt .store-icons {
        margin-top: 14px;
    }

    .reserve-new .download-prompt .store-icons img {
        max-width: 160px;
    }
}

/* All mobile devices
================================ */
@media (min-width: 768px) {
    footer .mobile-lang-bar {
        display: none;
    }
}

@media (max-width: 768px) {
    .ml-0 {
        margin: 0 !important;
    }

    .no-margin-mobile {
        margin: 0 !important;
    }

    .no-padding-mobile {
        padding: 0 !important;
    }

    .row-mobile {
        margin-left: -18px;
        margin-right: -18px;
    }

    /* header
   ==========================*/
    header.concept-header {
        left: auto;
        top: auto;
    }

    header .mob-lang-wrapper {
        bottom: 30px;
    }

    header .right-nav {
        bottom: 80px;
    }

    /* cookie consent popup */
    .cc-window {
        text-align: center;
        display: block;
    }

    .cc-window p, .cc-window a {
        font-size: 13px !important;
    }

    .cc-window .cc-custom-compliance {
        margin: 1em 0 0;
    }

    .cc-window .cc-custom-compliance .box {
        display: inline-block;
        margin: 0 1.5em 0 0;
        max-width: 40%;
    }

    .cc-window .cc-custom-compliance .box:last-child {
        margin: 0;
    }

    /* Home
  ========================= */
    .sign-up-wrapper .form {
        width: 218px;
    }

    .sign-up-wrapper .form .small-inputs {
        width: 100%;
    }

    .sign-up-wrapper .form input[type=text],
    .sign-up-wrapper .form .sign-up-wrapper .form input[type=email] {
        width: 100%;
    }

    .sign-up-wrapper .form .sign-up {
        width: 218px;
    }

    .sign-up-wrapper h3 {
        font-size: 13px;
        margin-bottom: 24px;
    }

    .sign-up-wrapper p {
        padding-bottom: 10px;
    }

    .sign-up-wrapper li a {
        width: 40px;
        height: 40px;
    }

    .sign-up-wrapper li a i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .description-content h1 br,
    .description-content p br {
        display: none;
    }

    .description-content h1 {
        line-height: 1.5;
    }

    .container {
        width: 100%;
        padding: 0 18px;
    }

    main.ibuygou .description-content.ibuygou {
        position: relative;
    }

    main.ibuygou .description-content.ibuygou .desc .wrapper h2 {
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: 10px;
    }

    main.ibuygou .description-content.ibuygou .desc .wrapper h4 {
        font-size: 16px;
        line-height: 1.1;
        padding: 0 5%;
    }

    main.ibuygou .description-content.ibuygou .desc .wrapper h4 br {
        display: none;
    }

    main.ibuygou .description-content.ibuygou .poster-background.concept-poster {
        background-image: url("../img/mob-banner.png");
    }

    main.ibuygou .mt-48 {
        margin-top: 24px !important;
    }

    main.ibuygou .mt-60 {
        margin-top: 30px !important;
    }

    section.experience .mt-48 {
        margin-top: 24px !important;
    }

    section.experience .mt-60 {
        margin-top: 30px !important;
    }

    section.brand .subtitle span {
        font-size: 13px;
    }

    section.brand h3 {
        font-size: 20px;
    }

    section.brand h4 {
        font-size: 14px;
    }

    .ibuygou label {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    main.ibuygou .large-content {
        padding-bottom: 24px;
    }

    main.ibuygou .slick-slider .member-wrapper {
        margin: 0 10px;
    }

    main.ibuygou .slick-dots {
        margin: 32px auto 24px;
        left: 30%;
    }

    main.ibuygou .subtitle span {
        margin-bottom: 0;
    }

    section.first_slider .slick-arrow {
        top: 35%;
    }

    section.second_slider .slick-arrow {
        top: 40%;
    }

    section.third_slider .slick-arrow {
        top: 33%;
    }

    .main-section .video-description.ibuygou .wrapper {
        left: 0;
    }

    .main-section .video-js video {
        width: 100%;
        height: auto;
        top: 50%;
        transform: translateY(-50%);
    }

    .main-section .video-js .vjs-big-play-button {
        display: none !important;
    }

    .main-section .close.video-close {
        right: 20px;
        top: 30px;
        opacity: 1 !important;
    }

    .slick-slider .member-wrapper {
        margin: 0 0px;
    }

    /* Safety
  ========================== */
    .description-content.concept .desc .wrapper a {
        margin-top: 20%;
    }

    /* Terms
  ========================== */
    main.terms .large-content {
        padding: 24px 0 48px;
    }

    main.terms .see-more {
        margin: 0 auto 0;
    }

    main.terms .see-more p {
        margin-bottom: 32px !important;
        text-align: left;
    }

    main.terms hr.label-hr {
        margin: 12px 0;
    }

    main.terms p.custom-font {
        font-size: 14px !important;
    }

    main.terms-new .large-content {
        padding: 24px 0 48px;
    }

    main.terms-new .see-more {
        margin: 0;
    }

    main.terms-new .row:not(:last-child) {
        margin-bottom: 60px;
    }

    .see-more {
        text-align: left;
        margin: 24px auto 0;
    }

    .see-more .morelink {
        width: 40px;
        height: 40px;
        background: url("../svg/show-more-btn.svg") no-repeat;
        border: none;
        margin: auto;
        float: none;
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        transition-property: transform;
    }

    .last-update {
        margin-bottom: 24px;
    }

    .last-update span.date {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important;
        font-weight: 300 !important;
    }

    .last-update span.update {
        letter-spacing: 4px;
    }

    .collapse {
        display: none;
    }

    .subtitle {
        padding-top: 20px;
        height: 87px;
    }

    .subtitle span {
        margin-bottom: 24px;
    }

    div.video-wrapper {
        width: 100%;
        min-height: inherit;
        margin: 0 auto;
        position: relative;
    }

    div.video-wrapper .video-js {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
    }

    div.video-wrapper .video-js video {
        position: relative;
        top: 0;
        transform: none;
        float: left;
    }

    /* Join
  ========================== */
    main.join-us .subtitle span {
        margin-bottom: 45px;
    }

    .join-slider .half {
        float: left;
        margin: 0;
        padding: 0;
        height: 50vh !important;
        overflow: hidden !important;
    }

    section.join-us-banner .slider-wrapper .bx-wrapper {
        height: 50vh !important;
    }

    .join-banner-bg {
        width: 100%;
        height: 50vh;
        background-size: auto 100%;
        background-position: bottom right;
    }

    section.join-us-banner {
        height: calc(100vh - 44px);
    }

    section.join-us-banner .bottom-b {
        border-top: 3px solid #fff;
        border-bottom: none;
    }

    section.join-us-banner .half .join-banner-bg {
        height: 61vh;
        background-position: center -175px;
    }

    .join-banner-bg-reversed {
        background-size: auto 100%;
    }

    section.find-job {
        min-height: 210px;
    }

    section.find-job .job-selection {
        max-width: 323px;
        padding-top: 24px;
        width: 90%;
    }

    section.find-job .job-selection .job-select {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #a9a9a8;
        height: 45px;
        padding-top: 6px;
        max-width: 100%;
    }

    section.find-job .job-selection .job-select.type {
        max-width: 100%;
    }

    section.find-job .job-selection .job-select:first-child {
        border-top: 1px solid #a9a9a8;
    }

    section.find-job .job-selection label {
        padding-top: 24px;
    }

    section.find-job .job-selection .bootstrap-select > .dropdown-toggle span {
        max-width: 95%;
    }

    .jobs a {
        display: flex;
        justify-content: center;
        flex-direction: column;
        max-width: 100%;
        padding: 20px 0;
    }

    .jobs a span {
        display: block;
        height: auto;
    }

    .jobs span.division {
        padding: 0 0 0 15px !important;
        float: left;
    }

    .jobs span.division::after {
        content: ',';
        display: inline-block;
        padding-right: 5px;
    }

    .jobs .h-line-narrow {
        margin: 10px 0;
        display: block;
    }

    .submit-app {
        padding-bottom: 48px !important;
    }

    .submit-app .attach {
        text-align: center;
        margin-bottom: 25px;
    }

    .submit-app .attach .large-btn {
        float: none;
        display: block;
        margin: 25px auto 0 !important;
        width: 100%;
    }

    .submit-app .attach .custom-file-control {
        top: -55px;
        max-width: 370px;
        margin: auto;
        float: none;
    }

    .submit-app label .error {
        bottom: 3px;
    }

    .no-jobs h3 {
        margin-bottom: 24px;
    }

    .no-jobs .buttons div .large-btn {
        margin-bottom: 0 !important;
    }

    .no-jobs-content {
        padding: 24px 0 24px 0 !important;
        border-bottom: none;
    }

    .application input[type=text],
    .application input[type=email] {
        margin-bottom: 20px;
    }

    .application input.portfolio {
        margin-bottom: 48px !important;
    }

    .application label.error {
        bottom: 3px;
    }

    .application textarea {
        margin-bottom: 20px;
    }

    .reserve-form .step-header {
        margin-bottom: 35px;
    }

    .reserve-form .step-header p {
        font-size: 15px !important;
        line-height: 1.6;
    }

    .reserve-form .application .input-wrap input[type=password],
    .reserve-form .application .input-wrap input[type=text],
    .reserve-form .application .input-wrap input[type=email],
    .reserve-form .application select {
        margin-bottom: 40px;
    }

    .reserve-form .application .chosen-container {
        margin-bottom: 10px;
    }

    .reserve-form ul.mobile-app {
        padding-bottom: 0;
        display: flex;
        flex: 1 0;
        width: 100%;
    }

    .reserve-form ul.mobile-app li {
        margin: 0;
        display: flex;
        margin-bottom: 10px;
        align-items: center;
        justify-content: center;
        float: none;
    }

    .reserve-form ul.mobile-app li a {
        display: inline-block;
        text-align: center;
    }

    .reserve-form ul.mobile-app li a img {
        max-width: 90%;
        height: auto;
    }

    .reserve-form ul.mobile-app.chinese {
        padding: 0;
    }

    .reserve-form ul.mobile-app.chinese li:first-child {
        float: left;
        margin-right: 33px;
    }

    main.join-us .new-section .contact-info {
        float: left;
        width: 100%;
        padding-top: 0;
    }

    .mob-mb20 {
        margin-bottom: 20px;
    }

    /* Job Description
  ============================= */
    .job-description-banner .last-update {
        margin-bottom: 2px;
    }

    .job-description-banner .go-back.back-to-jobs {
        clear: both;
        float: left !important;
        border: 1px solid rgba(169, 169, 168, 0.4) !important;
        background-color: #fff;
        color: #383736;
        margin-top: 10px;
    }

    .job-description-content {
        padding: 24px 0 !important;
    }

    .job-description-content label {
        text-align: left;
    }

    .job-description-content p {
        font-size: 13px;
    }

    main.job-description .submit-app {
        padding-top: 29px;
    }

    .go-back {
        float: none !important;
        margin: auto;
    }

    /* About
  ============================= */
    section.about label {
        text-align: center;
    }

    .location-description h3 {
        margin-bottom: 0;
    }

    .location-description span {
        margin-top: 24px;
        padding-top: 0;
    }

    .location-description p.street {
        padding-top: 4px;
    }

    #enabler .no-padding-mobile {
        padding: 0;
    }

    .cities ul {
        display: block;
        margin: auto;
        float: none;
        text-align: center;
        width: 100%;
        max-width: 300px;
    }

    .cities ul li {
        float: left;
        margin: 0 15px;
        padding: 0 0;
        width: 40%;
    }

    section.location-slider .locations {
        /*  min-height: 600px !important;*/
    }

    section.location-slider .locations .location-slider-content {
        padding: 24px 18px;
    }

    section.location-slider .locations li {
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
    }

    section.location-slider .locations li.nanjing {
        background-position: 30% center;
    }

    section.location-slider .locations li.beijing {
        background-position: 20% center;
    }

    section.location-slider .locations li.shanghai {
        background-position: 53% center;
    }

    section.location-slider .locations li.hk {
        background-position: 44% center;
    }

    section.location-slider .locations li.sc {
        background-position: 100% center;
    }

    section.location-slider .locations li.munich {
        background-position: 80% center;
    }

    section.location-slider .locations li.los-angeles {
        background-position: 54%, center;
    }

    span.job-span {
        margin: 24px 0 0 0;
    }

    .team-bio {
        max-height: 100%;
    }

    .team-bio .bio-banner {
        max-height: 100%;
    }

    .team-bio .title {
        left: 18px;
        position: absolute;
        height: 100%;
    }

    .team-bio hr.mob-line {
        max-width: 96%;
        margin: 24px 0 0 0;
        border-top: 3px solid rgba(255, 255, 255, 0.2);
    }

    .team-bio .biography {
        padding: 24px 18px 103px;
        max-height: 100% !important;
        min-height: 100%;
        overflow-y: visible !important;
    }

    .team-bio .close-btn {
        position: absolute;
        bottom: 48px;
        width: 100%;
        height: 48px;
        text-align: center;
    }

    .team-bio .close-btn .close {
        position: relative;
        right: auto;
        left: auto;
        margin: auto;
        top: auto;
        float: none;
    }

    .team-bio .carousel-control {
        position: absolute;
        bottom: 48px;
        top: auto;
    }

    .team-bio .carousel-control.right {
        right: 75px;
    }

    .team-bio .carousel-control.left {
        left: 75px;
    }

    .team-bio .buttons {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 99999;
        display: block;
        bottom: 48px;
        top: inherit;
        width: 100%;
    }

    .team-bio .buttons .close {
        margin: auto;
        float: none;
    }

    .team-bio .buttons .carousel-control {
        top: 0;
    }

    .team-bio .buttons .carousel-control.left {
        top: 0;
        left: 75px;
    }

    .team-bio .buttons .carousel-control.right {
        right: 75px;
    }

    #bio-member {
        padding: 0 !important;
        background-color: #a9a8a9;
    }

    section.team #team-slider .slick-slider .member-wrapper {
        width: auto;
        margin: 0;
    }

    section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-content {
        padding: 15px 30px 15px 30px;
    }

    section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-header h3 {
        font-size: 22px;
    }

    section.team #team-slider .slick-slider .member-wrapper .member-bio-content .bio-wrapper .bio-header .close {
        top: 0;
        right: -15px;
    }

    section.team #team-slider .slick-slider .member-wrapper .slider-container {
        top: auto;
        bottom: 30px;
        height: auto;
    }

    section.team #team-slider .slick-slider .member-wrapper .slider-container h3 {
        font-size: 22px;
    }

    section.team #team-slider .slick-slider .slick-next {
        right: 10px;
    }

    section.team #team-slider .slick-slider .slick-prev {
        left: 10px;
    }

    section.team #team-slider .slick-slide img {
        max-width: none;
        height: 100%;
        object-position: center;
        width: 100%;
        object-fit: cover;
    }

    section.team #team-slider .slick-slide .member-bio-content::before {
        background-position: 32% 0;
    }

    section.team #team-slider .slick-track {
        height: 75vh;
    }

    section.team #team-slider .slick-dots a {
        margin: 0 0 0 0;
        width: 100%;
    }

    section.team #team-slider .bio-wrapper .quote br {
        display: none;
    }

    section.team #team-slider .bio-wrapper .quote h3 {
        font-size: 18px;
        padding: 0 0 15px 0;
    }

    section.team section.team #team-slider .slick-slider button.slick-next {
        right: 15px;
    }

    .no-margin-mobile {
        margin: 0;
    }

    /* Layout Style
  ============================= */
    label {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    hr.label-hr {
        max-width: 100%;
        position: relative;
        margin: 14px 0;
        bottom: 0;
    }

    h1 {
        font-size: 24px;
    }

    p,
    p.custom-font {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 400;
        font-size: 14px !important;
    }

    .custom-content {
        padding: 24px 0 24px;
    }

    .mb-48 {
        margin-bottom: 34px !important;
    }

    .mt-48 {
        margin-top: 24px;
    }

    .buttons div {
        text-align: center;
    }

    .buttons div button {
        margin: auto;
        float: none !important;
    }

    .buttons div .large-btn {
        margin-bottom: 48px !important;
    }

    textarea {
        min-height: 100px !important;
    }

    h2 {
        font-size: 20px;
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 300;
    }

    h6 {
        font-size: 15px;
    }

    .content {
        padding: 40px 0;
    }

    .content label {
        text-align: center;
    }

    h4.pre-heading {
        font-size: 13px;
    }

    /* Media Kit
  ============================= */
    .media-kit-content {
        padding: 48px 0;
    }

    .media-kit .main-type-title {
        margin-bottom: 5px;
    }

    /* Concept Page - Design Page
  ================================ */
    main.concept .description-content.concept .desc .wrapper h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    main.concept .description-content.concept .desc .wrapper h4 {
        font-size: 16px;
        line-height: 1.5;
        padding: 0 5%;
    }

    main.concept .description-content.concept .desc .wrapper h4 br {
        display: none;
    }

    main.concept .description-content.concept .desc .wrapper.cocreator h2, main.concept .description-content.concept .desc .wrapper.cocreator h4 {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.8;
    }

    main.concept .description-content.experience .desc .wrapper h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    main.concept .description-content.experience .desc .wrapper h4 {
        font-size: 16px;
        line-height: 1.5;
        padding: 0 5%;
    }

    main.concept .description-content.experience .desc .wrapper h4 br {
        display: none;
    }

    main.concept .description-content.ibuygou .desc .wrapper h2 {
        font-size: 24px;
        line-height: 1.25;
    }

    main.concept .description-content.ibuygou .desc .wrapper h4 {
        font-size: 16px;
        line-height: 1.5;
        padding: 0 5%;
    }

    main.concept .description-content.ibuygou .desc .wrapper h4 br {
        display: none;
    }

    section.concept h3, section.concept h3.medium-font {
        font-size: 22px;
        line-height: 1.36 !important;
    }

    section.concept p {
        margin-bottom: 0px;
    }

    section.concept .medium-font {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: normal;
        color: #383736;
    }

    section.concept h3.small-font {
        font-size: 18px;
    }

    section.concept .main-section .video-js {
        float: left;
        position: relative;
        height: auto;
        width: 100%;
        top: auto;
    }

    section.concept .main-section .video-js video {
        position: relative;
        float: left;
        top: auto;
        transform: none;
        height: auto;
    }

    section.concept .gallery-container {
        height: auto;
    }

    section.concept .gallery-container .banner-video {
        height: auto;
        min-height: 191px;
    }

    section.concept .gallery-container .banner-video .main-section .video-js video {
        height: auto;
        position: inherit;
        width: 100%;
    }

    section.concept .gallery-container .image-slider .image-caption {
        font-size: 13px !important;
        width: 100%;
        padding: 14px;
        background: #7a7977;
        position: static;
    }

    section.concept .gallery-container .bx-wrapper .bx-controls-direction a {
        width: 36px;
        height: 36px;
    }

    section.concept .gallery-container .bx-wrapper .fullscreen-btn {
        width: 36px;
        height: 24px;
    }

    section.concept .gallery-container .bx-wrapper .fullscreen-close-btn {
        width: 28px;
        height: 28px;
    }

    section.concept .media-wrap .banner-video .main-section .video-js {
        height: auto;
    }

    section.concept .media-wrap .banner-video .main-section .video-js .vjs-big-play-button {
        display: none;
    }

    section.concept .banner-video .main-section .video-js {
        height: auto;
    }

    section.concept .banner-video .main-section .video-js .vjs-big-play-button {
        display: none;
    }

    section.concept .see-more {
        margin-top: 0;
    }

    section.concept .see-more.left-aligned-content {
        text-align: left;
    }

    section.concept .see-more.center-aligned-content {
        text-align: center;
    }

    section.concept.ibuygou .img-wrap .img-desc {
        left: 28px;
        top: 10px;
        width: 70%;
    }

    section.concept.ibuygou .img-wrap .img-desc h3 {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.33;
        letter-spacing: normal;
    }

    section.concept.ibuygou .img-wrap .img-desc p {
        display: none;
    }

    section.concept.ibuygou .section-container.mobile-full {
        width: 100%;
        max-width: 100%;
    }

    section.concept.ibuygou .bottom-slider p {
        margin-bottom: 20px;
    }

    section.concept.ibuygou .medium-font {
        font-size: 22px;
        line-height: 1.3;
        letter-spacing: normal;
        color: #383736;
    }

    section.concept .visualizer-content .chinese-socials a {
        display: inline-block;
        width: 49%;
    }

    section.concept .visualizer-content .chinese-socials a img {
        display: inline-block;
    }

    section.concept .visualizer-content .chinese-socials a:first-child {
        margin-top: -20px;
    }

    section.concept .visualizer-content .app-socials {
        width: 100%;
        float: left;
        display: block;
        margin-top: 0;
    }

    section.concept .visualizer-content .app-socials li {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    section.concept .visualizer-content .app-socials .store-link {
        margin: 0;
    }

    section.concept .dark-brown h3.medium-font {
        color: #fff;
    }

    .image-galleries {
        width: 100%;
        margin: 0;
        float: left;
    }

    .image-galleries .grid-sizer {
        width: 100%;
    }

    .image-galleries .grid-item {
        width: 100%;
        margin-bottom: 4px;
    }

    .image-galleries .pull-up {
        margin-top: 0 !important;
    }

    .image-galleries .collapse {
        display: none !important;
    }

    .image-galleries .collapse.in {
        display: block !important;
    }

    .image-galleries .read-more-wrap {
        float: left;
        margin-top: 21px !important;
        margin-bottom: 14px;
    }

    .image-galleries .read-more-wrap span.read-more-label {
        left: 40px;
        display: block !important;
        opacity: 0.5 !important;
    }

    .image-galleries .read-more-wrap.opened span.read-more-label {
        display: none !important;
        opacity: 0 !important;
    }

    .body-content.concept {
        padding-bottom: 0;
    }

    .gallery-container .bx-wrapper .main-section {
        height: auto;
    }

    ul.text-pagination {
        float: none;
        width: 100%;
        left: initial;
        transform: none;
        text-align: center;
        margin: 14px 0 -10px;
    }

    ul.text-pagination li {
        display: block;
        float: none;
    }

    ul.text-pagination li:not(.active) {
        display: none;
    }

    ul.text-pagination li.active {
        opacity: 1;
    }

    ul.text-pagination li a {
        padding: 10px 0;
        text-align: center;
        float: none;
        width: 100%;
    }

    .feature-slider .slide-wrap {
        margin: 0;
    }

    .feature-slider .slick-arrow {
        left: auto;
        margin-left: 0;
    }

    .feature-slider .slick-arrow.slick-next {
        right: 10px;
        margin-left: 0;
    }

    .feature-slider .slick-arrow.slick-prev {
        left: 10px;
        margin-left: 0;
    }

    .feature-slider .slick-dots li {
        height: 2px;
    }

    section.concept.experience .video-holder {
        padding-left: 15px;
        min-height: inherit;
        margin-bottom: 24px;
    }

    section.concept.experience .video-galleries .banner-video .main-section .video-js {
        height: auto;
    }

    section.concept.experience .see-more.experience {
        margin-bottom: 24px;
        width: 100%;
        float: left;
    }

    section.concept.experience .see-more.experience p {
        float: none;
        display: block;
    }

    section.concept.experience .see-more.experience button {
        position: absolute;
        left: 50%;
        margin-left: -16px;
        top: 0;
    }

    section.concept.experience .see-more.experience span.read-more-label {
        display: none;
        position: absolute;
        left: calc(50% + 30px);
        margin-left: 0;
        top: 4px;
    }

    .close-btn {
        position: absolute;
        bottom: 48px;
        width: 100%;
        height: 48px;
        text-align: center;
    }

    .close-btn .close {
        position: relative;
        right: auto;
        left: auto;
        margin: auto;
        top: auto;
        float: none;
    }

    .modal-md {
        width: 100%;
        top: 0;
    }

    .inquiry-modal .logo {
        left: 50%;
        margin-left: -35px;
        top: 16px;
    }

    .inquiry-modal.waiting-list .logo {
        left: 50%;
        margin-left: -35px;
        top: 16px;
    }

    .inquiry-modal.waiting-list .sign-up-wrapper.content {
        width: 100%;
        padding-top: 120px;
    }

    .inquiry-modal.waiting-list .sign-up-wrapper .form {
        width: calc(100% - 30px);
    }

    .inquiry-modal.waiting-list .sign-up-wrapper .form p {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 400;
        font-size: 14px !important;
        line-height: 1.57 !important;
        text-align: left;
        color: #ffffff;
    }

    .inquiry-modal.waiting-list .sign-up-wrapper .form select,
    .inquiry-modal.waiting-list .sign-up-wrapper .form input {
        padding: 8px;
        height: 40px;
    }

    .inquiry-modal.waiting-list .sign-up-wrapper .form .mobile-full {
        width: 100%;
    }

    .inquiry-modal.waiting-list .sign-up-wrapper .form button {
        height: 40px;
    }

    .inquiry-modal.waiting-list .close-btn {
        top: 15px;
        right: 15px;
        width: 48px;
    }

    .inquiry-modal .sign-up-wrapper.content {
        width: 100%;
        padding-top: 120px;
    }

    .inquiry-modal .sign-up-wrapper .form {
        width: calc(100% - 30px);
    }

    .inquiry-modal .close-btn {
        top: 15px;
        right: 15px;
        width: 48px;
    }

    .description-content .page-404 h1 {
        font-size: 52px;
        margin-bottom: 12px;
    }

    .description-content .page-404 h4 {
        line-height: 1.5;
    }

    .description-content .page-404 p {
        font-size: 15px;
    }

    main {
        margin-bottom: 0;
    }

    footer {
        height: auto;
        position: relative !important;
        float: left;
        width: 100%;
        display: block !important;
    }

    footer .container {
        width: 100%;
    }

    footer .container .right-nav {
        float: right;
        padding: 0;
        text-align: center;
    }

    footer .container .right-nav .title {
        display: none;
    }

    footer .container .right-nav .title:before {
        content: '';
        width: 100%;
        float: left;
        border-bottom: 1px solid #77777a;
        top: -16px;
        position: relative;
    }

    footer .container .right-nav:before {
        display: none;
    }

    footer .container .right-nav ul.offices {
        max-width: 100%;
        margin-right: 0;
        padding-bottom: 16px;
    }

    footer .container .right-nav ul.offices li {
        float: left;
        text-align: left;
        line-height: 2;
        letter-spacing: 0.8px;
        font-size: 12px;
        padding-bottom: 0;
    }

    footer .container .right-nav ul.offices li .sub-list {
        padding-bottom: 0;
    }

    footer .container .right-nav ul.offices > li:first-child,
    footer .container .right-nav ul.offices li:last-child {
        padding-bottom: 0;
    }

    footer .container .right-nav ul.email li {
        float: left;
        text-align: left;
        line-height: 2;
        letter-spacing: 4px;
        font-size: 12px;
        padding-bottom: 0;
    }

    footer .container .right-nav ul.email li:first-child {
        margin-bottom: 0px;
    }

    footer .container .right-nav ul.email .sub-list {
        padding-bottom: 24px;
        width: 100%;
        margin-right: 0;
    }

    footer .container .right-nav ul.email .sub-list li {
        text-align: center;
        float: left;
        width: 100%;
    }

    footer .container .right-nav ul.email .sub-list li p {
        width: 100%;
    }

    footer .container .right-nav ul.email .sub-list li span {
        line-height: 1.54;
        font-size: 13px;
        letter-spacing: 0.5px;
    }

    footer .container .right-nav ul.email .sub-list li a {
        letter-spacing: 0.6px;
    }

    footer .container .right-nav ul.footer-socilas.right {
        float: right;
        width: auto;
        margin-right: 0;
    }

    footer .container .right-nav ul.footer-socilas.right .social-icons {
        margin: 0;
        max-width: inherit;
    }

    footer .container .right-nav ul.footer-socilas.right .social-icons a {
        font-size: 19px;
    }

    footer .container .right-nav ul li span {
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 600;
    }

    footer .container .right-nav ul li ul {
        margin-top: 0;
    }

    footer .container .right-nav ul.sub-list {
        padding-bottom: 24px;
        margin-right: 0;
    }

    footer .container .right-nav ul.sub-list li {
        float: left;
        width: 50%;
    }

    footer .container .footer-logo {
        margin: 24px auto 17px;
    }

    footer .container .footer-logo a {
        text-align: center;
        width: 100%;
    }

    footer .container .footer-logo a img {
        float: none !important;
        margin: auto;
        text-align: center;
    }

    footer .container #language-wrap ul {
        padding-bottom: 24px;
    }

    footer .container #language-wrap ul li {
        float: left;
        width: 50%;
    }

    footer .container .language-bar {
        clear: both;
    }

    footer .mobile-title {
        padding-top: 12px;
        border-top: 1px solid #464342;
        padding-bottom: 12px;
    }

    footer .mobile-title a,
    footer .mobile-title h5 {
        font-size: 12px;
        font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 4px;
        text-align: left;
        color: #a9a9a8;
        float: left;
        width: auto;
        text-transform: uppercase;
    }

    footer .mobile-title i.arrow {
        float: right;
        font-family: Facto;
        font-size: 24px;
        line-height: 32px;
        text-align: right;
        color: #a9a9a8;
        padding: 0 4px;
        position: absolute;
        right: 0;
        z-index: -1;
    }

    footer .mobile-title a {
        width: 100%;
    }

    footer .mobile-title .open-btn {
        float: right;
        font-family: Facto;
        font-size: 24px;
        line-height: 1;
        text-align: right;
        color: #a9a9a8;
        padding: 0;
        -webkit-transition: ease all 0.15s;
        -moz-transition: ease all 0.15s;
        -ms-transition: ease all 0.15s;
        -o-transition: ease all 0.15s;
        transition: ease all 0.15s;
        transform: rotate(0deg);
    }

    footer .mobile-title .open-btn.open {
        transform: rotate(45deg);
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    header .mob-menu {
        width: 60%;
    }

    header .navbar-nav, header .product-menu .sub-pages {
        margin-top: 15px !important;
    }

    header .navbar-nav li, header .product-menu .sub-pages li {
        width: calc(48%);
        float: right;
    }

    header .navbar-nav li:nth-child(2n), header .product-menu .sub-pages li:nth-child(2n) {
        float: left;
    }

    header .navbar-nav li a, header .product-menu .sub-pages li a {
        padding: 10px 0 !important;
    }

    header .navbar-nav > li.mob-symbol, header .product-menu .sub-pages > li.mob-symbol {
        border-bottom: 0;
        width: 100%;
    }

    header .navbar-nav > li.mob-symbol a.logo-symbol, header .product-menu .sub-pages > li.mob-symbol a.logo-symbol {
        padding: 0 0 15px 0 !important;
        width: 55px;
        height: auto;
    }

    header .right-nav {
        max-width: 230px;
        position: relative;
        bottom: 0px;
        float: none;
    }

    header .right-nav a.sign-up-btn {
        padding: 8px 11px;
        margin-bottom: 8px;
    }

    header .right-nav a.reserve {
        padding: 9px 11px;
    }

    header .mob-lang-wrapper {
        min-height: inherit;
        bottom: 30px;
    }

    header .mob-lang-wrapper a {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1366px) {

    footer .mobile-lang-bar {
        display: none;
    }
}

@media (max-width: 480px) {
    header .navbar-nav, header .product-menu .sub-pages {
        margin-top: 25px !important;
    }

    header .mob-lang-wrapper {
        bottom: 12px;
    }

    header .right-nav {
        bottom: 57px;
    }
}

@media (max-width: 350px) {
    .sign-up-wrapper h3 {
        margin-bottom: 10px;
    }

    header .navbar-nav {
        margin: 35px auto 20px;
    }

    header a.logo-symbol {
        padding: 0 0 25px 0 !important;
    }
}

@media (max-width: 320px) {
    header .navbar-nav {
        margin: 20px auto 20px !important;
    }

    header .navbar-nav > li > a {
        padding: 10px 0 !important;
    }

    .mob-symbol a.logo-symbol img {
        width: 50%;
        height: auto;
    }

    section.team #team-slider .slick-slider .member-wrapper .slider-container {
        left: 20px;
        padding-top: 20px;
    }

    section.team #team-slider .slick-slider .member-wrapper .slider-container h3 {
        font-size: 20px;
    }

    section.team #team-slider .slick-slider .member-wrapper .slider-container p {
        font-size: 12px !important;
    }

    section.team #team-slider .slick-slider .member-wrapper .slider-container a {
        font-size: 10px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1024px) {
    .image-galleries {
        width: 100%;
    }

    .image-galleries .grid-sizer {
        width: 50%;
    }

    .image-galleries .grid-item {
        width: 50%;
        margin-bottom: 4px;
    }

    main {
        margin-bottom: 0;
    }

    footer {
        height: auto;
        position: relative !important;
    }

    .banner::before {
        position: absolute;
    }

    .moments-banner {
        position: relative;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    main {
        margin-bottom: 0;
    }

    footer {
        height: auto;
        position: relative !important;
    }
}

@media only screen and (min-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    main {
        margin-bottom: 0;
    }

    footer {
        height: auto;
        position: relative !important;
    }

    .banner::before {
        position: absolute;
    }

}

@media only screen and (min-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .banner::before {
        position: absolute;
    }
}

.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.bg-white {
    background-color: #ffffff;
}

.square {
    overflow: hidden;
}

.square .foreground {
    background-color: black;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 2s ease;
}

.square .zoom {
    width: 100%;
    height: 100%;
    transition: transform 2s;
}

.square .square-tile, .square .square-tile-left, .square .square-tile-right, .square .square-tile-center {
    position: absolute;
    bottom: 35px;
    color: white;
}

.square .square-tile, .square .square-tile-left {
    left: 55px;
    text-align: left;
}

.square .square-tile-right {
    right: 55px;
    text-align: right;
}

.square .square-tile-center {
    left: 55px;
    right: 55px;
}

.square .square-tile-left .square-title, .square .square-tile-right .square-title {
    margin-bottom: 15px;
}

.square button.square-button {
    bottom: initial;
    left: initial;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 1.5px;
    text-align: center;
    color: white;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.2);
    right: initial;
    top: inherit;
    position: relative;
}

.square .square-title {
    margin-bottom: 5px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 34px;
}

.square .square-desc {
    margin-bottom: 15px;
}

.square .square-heading {
    text-align: left;
    margin-left: -2.5px;
    font-family: "Facto", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-weight: 300;
    font-size: 34px;
    line-height: 1;
}

.square-button.square-white {
    background-color: rgba(255, 255, 255, 0.1);
    border: solid 1px rgba(255, 255, 255, 0.2);
    min-width: 160px;
}

.square:hover .foreground {
    opacity: 0.6;
}

.square:hover .zoom {
    transform: scale(1.05);
}

.white-wrapper {
    animation-fill-mode: forwards;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    z-index: 13;
    -webkit-animation: fadeout 1.5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 1.5s;
    /* Firefox < 16 */
    -ms-animation: fadeout 1.5s;
    /* Internet Explorer */
    -o-animation: fadeout 1.5s;
    /* Opera < 12.1 */
    animation: fadeout 1.5s;
}

.fade-in {
    -webkit-animation: fadein 1s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s;
    /* Firefox < 16 */
    -ms-animation: fadein 1s;
    /* Internet Explorer */
    -o-animation: fadein 1s;
    /* Opera < 12.1 */
    animation: fadein 1s;
}

.fade-out {
    -webkit-animation: fadeout 1s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeout 1s;
    /* Firefox < 16 */
    -ms-animation: fadeout 1s;
    /* Internet Explorer */
    -o-animation: fadeout 1s;
    /* Opera < 12.1 */
    animation: fadeout 1s;
}

.fade-down {
    -webkit-animation: fadedown 1s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadedown 1s;
    /* Firefox < 16 */
    -ms-animation: fadedown 1s;
    /* Internet Explorer */
    -o-animation: fadedown 1s;
    /* Opera < 12.1 */
    animation: fadedown 1s;
}

.fade-down-2 {
    -webkit-animation: fadedown .5s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadedown .5s;
    /* Firefox < 16 */
    -ms-animation: fadedown .5s;
    /* Internet Explorer */
    -o-animation: fadedown .5s;
    /* Opera < 12.1 */
    animation: fadedown .5s;
}

.fade-out-left {
    -webkit-animation: fadeleft 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadeleft 2s;
    /* Firefox < 16 */
    -ms-animation: fadeleft 2s;
    /* Internet Explorer */
    -o-animation: fadeleft 2s;
    /* Opera < 12.1 */
    animation: fadeleft 2s;
}

.delay-1 {
    animation-delay: .3s;
}

.delay-2 {
    animation-delay: .6s;
}

.delay-3 {
    animation-delay: .9s;
}

@media (max-width: 991px) {
    .square .square-tile, .square .square-tile-center {
        bottom: 25px;
    }

    .square .square-tile {
        left: 25px;
    }

    .square .square-tile-left, .square .square-tile-right {
        position: static;
        display: block;
        margin: 10px auto;
    }

    .square .square-title {
        font-size: 22px;
        margin-bottom: 10px !important;
    }

    .square .square-desc {
        display: none;
    }

    .index-slider-wrap {
        height: calc(86vh - 44px);
    }

    .index-slider-wrap .bx-prev {
        left: 10px;
    }

    .index-slider-wrap .bx-next {
        right: 10px;
    }

    .index-slider-wrap .bx-wrapper .bx-controls .bx-pager {
        bottom: 25px;
    }

    .index-slider-wrap li {
        height: calc(86vh - 44px);
    }

    .index-slider-wrap .index-slider-text {
        left: 10px;
        right: 10px;
        bottom: 65px;
    }

    .index-slider-wrap .index-slider-text,
    .index-slider-wrap .index-slider-text h1,
    .index-slider-wrap .index-slider-text p {
        text-align: center;
    }

    .index-slider-wrap .square-heading {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .index-slider-wrap .square-heading.title {
        font-size: 24px;
    }

    .index-slider-wrap .square-heading-bg-1 {
        background-image: url("../img/2.11/byton-place-main-mobile.jpg");
    }

    .index-slider-wrap .square-heading-bg-2 {
        background-image: url("../img/2.7/01-Landing-Page/01-Slider/slider_2_reserve_mobile.jpg");
    }

    .index-slider-wrap .square-heading-bg-3 {
        background-image: url("../img/2.11/m-byte-interior-mobile-en.jpg");
    }

    .index-slider-wrap .square-heading-bg-4 {
        background-image: url("../img/2.11/m-byte-interior-mobile-cn.jpg");
    }

    .index-slider-wrap .square-heading-bg-5 {
        background-image: url("../img/2.9/roadshow_europe_mobile.jpg");
        background-position: bottom left;
    }

    .index-slider-wrap .square-heading-bg-6 {
        background-image: url("../img/2.9/job2_teaser_mobile.jpg");
    }

    .index-slider-wrap .square-heading-bg-7 {
        background-image: url("../img/2.11/home-co-creator-header-mob.jpg");
    }

    .index-slider-wrap .square-heading-bg-8 {
        background-image: url("../img/2.11/home-co-creator-header-mob-en.jpg");
    }

    .index-slider-wrap .square-heading-3 {
        width: 75%;
    }

    .index-slider-wrap .center-block {
        margin-left: auto;
        margin-right: auto;
        display: block;
        float: none;
    }
}

@media (max-width: 599px) {
    .bx-wrapper .bx-controls-direction a {
        top: 45%;
    }

    .index-slider-wrap .bx-wrapper .bx-controls .bx-pager {
        bottom: 17px;
    }

    .index-slider-wrap .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
        margin: auto 4px;
    }

    .index-slider-wrap .bx-wrapper .bx-controls .bx-pager a {
        width: 7px;
        height: 7px;
    }

    .index-slider-wrap .index-slider-text {
        bottom: 40px;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-ms-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-o-keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadedown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes fadedown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadedown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes fadedown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes fadedown {
    from {
        opacity: 0;
        transform: translate3d(0, -50%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeleft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@-moz-keyframes fadeleft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes fadeleft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@-ms-keyframes fadeleft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@-o-keyframes fadeleft {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes scaledown {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes scaledown {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes scaledown {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-ms-keyframes scaledown {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-o-keyframes scaledown {
    from {
        opacity: 0;
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
