@charset "UTF-8";
body, html {
    padding: 0;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    color: #1b1c21;
    font-size: 18px
}

a {
    color: inherit;
    text-decoration: none
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

.container {
    max-width: 1000px;
    margin: 0 auto
}

#__hcfy__ {
    display: none !important
}

.ant-anchor {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ant-timeline-item {
    padding-bottom: 0 !important
}

.ant-timeline-item-head {
    width: 6px !important;
    height: 6px !important;
    background: var(--base-color,#ff5b27) !important;
    left: 2px;
    top: 2px
}

#header .ant-anchor-link-active > a:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #fff;
    left: 0;
    bottom: -6px
}

#header .ant-anchor-link-active:hover > a:after {
    background: var(--base-color,#ff5b27)
}

#header .default .ant-anchor-link-active > a:after {
    background: var(--base-color,#ff5b27)
}

#home-product .slick-dots li {
    width: auto;
    height: auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto
}

#home-team .slick-dots li {
    margin: 0
}

#home-team .slick-dots {
    bottom: -70px
}

.slick-list {
    width: 100%
}

.slick-active .dotItem {
    background: #fb8f6d !important;
    display: block !important;
    opacity: 1 !important
}

.slick-center .teacherItemWrap {
    margin: 0 .54rem !important;
    max-height: 6.9rem !important
}

.slick-center {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ant-anchor-ink {
    display: none
}

#moreInfo .slick-slide > div {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center
}

#home-team .slick-dots li.slick-active button:before, #moreInfo .slick-dots li.slick-active button:before {
    color: #fb8f6d;
    opacity: 1
}

#home-team .slick-prev, #moreInfo .slick-next, #moreInfo .slick-prev {
    z-index: 99;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

#moreInfo .slick-next {
    right: -70px
}

#home-team .slick-next {
    right: 310px;
    top: 48%
}

#moreInfo .slick-prev {
    left: -70px
}

#home-team .slick-prev {
    left: 270px;
    top: 48%
}

#home-team .slick-next:before, #home-team .slick-prev:before, #moreInfo .slick-next:before, #moreInfo .slick-prev:before {
    font-family: cursive;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #929292 url(https://static-1253442168.file.myqcloud.com/xupload/20210413_right_a.png) no-repeat 50%;
    background-size: 50% 50%
}

#moreInfo .slick-prev:hover:before {
    background: var(--base-color,#ff5b27) url(https://static-1253442168.file.myqcloud.com/xupload/20210413_left_a.png) no-repeat 50%;
    background-size: 50% 50%
}

#moreInfo .slick-next:hover:before {
    background: var(--base-color,#ff5b27) url(https://static-1253442168.file.myqcloud.com/xupload/20210413_right_a.png) no-repeat 50%;
    background-size: 50% 50%
}

#home-team .slick-prev:hover:before {
    background: var(--base-color,#ff5b27) url(https://static-1253442168.file.myqcloud.com/xupload/20210413_left_a.png) no-repeat 50%;
    background-size: 50% 50%
}

#home-team .slick-next:hover:before {
    background: var(--base-color,#ff5b27) url(https://static-1253442168.file.myqcloud.com/xupload/20210413_right_a.png) no-repeat 50%;
    background-size: 50% 50%
}

#home-team .slick-prev:before, #moreInfo .slick-prev:before {
    background: #929292 url(https://static-1253442168.file.myqcloud.com/xupload/20210413_left_a.png) no-repeat 50%;
    background-size: 50% 50%
}

#home-team .slick-dots, #moreInfo .slick-dots {
    bottom: -75px
}

@media (max-width: 640px) {
    #heart-voice {
        width: 0;
        height: 0;
        opacity: 0;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    #home-team .slick-list {
        overflow: visible;
        overflow: initial
    }

    #moreInfo .slick-dots {
        bottom: -25px
    }

    #home-team .slick-next:before, #home-team .slick-prev:before, #moreInfo .slick-next:before, #moreInfo .slick-prev:before {
        font-family: cursive;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        content: "" !important;
        width: .64rem;
        height: .64rem;
        border-radius: 50%;
        background: #c4c4c4 url(https://static-1253442168.file.myqcloud.com/xupload/20210406_left_arrow.png) no-repeat 50%;
        background-size: 50% 50%
    }

    #home-team .slick-next:before, #moreInfo .slick-next:before {
        background-image: url(https://static-1253442168.file.myqcloud.com/xupload/20210406_right_arrow.png)
    }

    #home-team .slick-prev, #moreInfo .slick-next, #moreInfo .slick-prev {
        z-index: 99;
        width: .64rem;
        height: .64rem;
        border-radius: 50%
    }

    #moreInfo .slick-next {
        right: .36rem
    }

    #home-team .slick-next {
        right: .36rem;
        top: 48%;
        width: .64rem;
        height: .64rem
    }

    #moreInfo .slick-prev {
        left: -70px
    }

    #home-team .slick-prev {
        left: .36rem;
        top: 48%
    }

    #moreInfo .slick-prev:hover:before {
        background: #c4c4c4 url(https://static-1253442168.file.myqcloud.com/xupload/20210406_left_arrow.png) no-repeat 50%;
        background-size: 50% 50%
    }

    #moreInfo .slick-next:hover:before {
        background: #c4c4c4 url(https://static-1253442168.file.myqcloud.com/xupload/20210406_right_arrow.png) no-repeat 50%;
        background-size: 50% 50%
    }

    #home-team .slick-prev:hover:before {
        background: #c4c4c4 url(https://static-1253442168.file.myqcloud.com/xupload/20210406_left_arrow.png) no-repeat 50%;
        background-size: 50% 50%
    }

    #home-team .slick-next:hover:before {
        background: #c4c4c4 url(https://static-1253442168.file.myqcloud.com/xupload/20210406_right_arrow.png) no-repeat 50%;
        background-size: 50% 50%
    }

    .slick-dots li:first-of-type {
        border-bottom-left-radius: 100px;
        border-top-left-radius: 100px
    }

    .slick-dots li:last-of-type {
        border-bottom-right-radius: 100px;
        border-top-right-radius: 100px
    }

    #moreInfo .slick-dots li, #party-building .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 3px
    }

    #home-team .slick-dots {
        box-sizing: border-box;
        padding: 0 50px;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-justify-content: center;
        justify-content: center
    }

    #home-team .slick-dots li {
        width: 4px;
        height: 4px;
        background: #aeaeae;
        margin: 0
    }

    #home-team .slick-dots {
        bottom: -1.4rem
    }

    #party-building .slick-dots {
        bottom: -1rem
    }
}

#home-product .out-left-right {
    animation-fill-mode: forwards;
    -webkit-animation: outLeft .7s cubic-bezier(.66, 0, .34, 1);
    animation: outLeft .7s cubic-bezier(.66, 0, .34, 1)
}

#home-product .out-left-right, #home-product .out-right-left {
    opacity: 0;
    z-index: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-animation-fill-mode: forwards
}

#home-product .out-right-left {
    animation-fill-mode: forwards;
    -webkit-animation: outRight .7s cubic-bezier(.66, 0, .34, 1);
    animation: outRight .7s cubic-bezier(.66, 0, .34, 1)
}

#home-product .in-left-right {
    opacity: 1;
    z-index: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation: inLeft .7s cubic-bezier(.66, 0, .34, 1);
    animation: inLeft .7s cubic-bezier(.66, 0, .34, 1)
}

#home-product .in-right-left {
    opacity: 1;
    z-index: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation: inRight .7s cubic-bezier(.66, 0, .34, 1);
    animation: inRight .7s cubic-bezier(.66, 0, .34, 1)
}

@-webkit-keyframes inLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes inLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes inRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes inRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    60% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes outLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes outLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes outRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes outRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes productDot {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes productDot {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes moduleHeaderShow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes moduleHeaderShow {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes partybuildShow {
    0% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0
    }
    30% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes partybuildShow {
    0% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0
    }
    30% {
        -webkit-transform: translateZ(600px);
        transform: translateZ(600px);
        opacity: 0
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0
    }
    to {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

@-webkit-keyframes scaleShow {
    0% {
        opacity: 0 !important;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
        transform: matrix(1, 0, 0, 1, 0, 0) !important
    }
    1% {
        opacity: 0 !important;
        -webkit-transform: matrix(.85, 0, 0, 1, 0, 0) !important;
        transform: matrix(.85, 0, 0, 1, 0, 0) !important
    }
    to {
        opacity: 1 !important;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
        transform: matrix(1, 0, 0, 1, 0, 0) !important
    }
}

@keyframes scaleShow {
    0% {
        opacity: 0 !important;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
        transform: matrix(1, 0, 0, 1, 0, 0) !important
    }
    1% {
        opacity: 0 !important;
        -webkit-transform: matrix(.85, 0, 0, 1, 0, 0) !important;
        transform: matrix(.85, 0, 0, 1, 0, 0) !important
    }
    to {
        opacity: 1 !important;
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
        transform: matrix(1, 0, 0, 1, 0, 0) !important
    }
}

.scaleShow .moduleHeader {
    -webkit-animation: moduleHeaderShow .8s cubic-bezier(.25, .46, .45, .94) both;
    animation: moduleHeaderShow .8s cubic-bezier(.25, .46, .45, .94) both
}

#home-product-wrap {
    opacity: 0
}

#home-product-wrap.scaleShow {
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation: inRight .7s cubic-bezier(.66, 0, .34, 1);
    animation: inRight .7s cubic-bezier(.66, 0, .34, 1)
}

#home-product-dot.scaleShow {
    -webkit-animation: productDot .9s both;
    animation: productDot .9s both
}

#party-building.scaleShow .buildList {
    -webkit-animation: partybuildShow 1s cubic-bezier(.25, .46, .45, .94) both;
    animation: partybuildShow 1s cubic-bezier(.25, .46, .45, .94) both
}

#home-about-header.scaleShow {
    opacity: 1;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    -webkit-transition: none !important;
    transition: none !important
}

#home-about-header.scaleShow .leftImg {
    -webkit-animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both
}

#home-about-header.scaleShow .aboutRight {
    -webkit-animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-right .5s cubic-bezier(.25, .46, .45, .94) both
}

#home-about-header.scaleShow .aboutTextBox {
    -webkit-animation: text-focus-in .8s cubic-bezier(.55, .085, .68, .53) both;
    animation: text-focus-in .8s cubic-bezier(.55, .085, .68, .53) both
}

#home-team.scaleShow .slick-slider, .scaleShow {
    opacity: 1 !important;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, -webkit-transform 1s cubic-bezier(.5, 0, 0, 1) 0s !important;
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, -webkit-transform 1s cubic-bezier(.5, 0, 0, 1) 0s !important;
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, transform 1s cubic-bezier(.5, 0, 0, 1) 0s !important;
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, transform 1s cubic-bezier(.5, 0, 0, 1) 0s, -webkit-transform 1s cubic-bezier(.5, 0, 0, 1) 0s !important
}

#user-heartvoice {
    opacity: 0;
    -webkit-transform: matrix(.85, 0, 0, .85, 0, 0);
    transform: matrix(.85, 0, 0, .85, 0, 0);
    -webkit-transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, -webkit-transform 1s cubic-bezier(.5, 0, 0, 1) 0s;
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, -webkit-transform 1s cubic-bezier(.5, 0, 0, 1) 0s;
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, transform 1s cubic-bezier(.5, 0, 0, 1) 0s;
    transition: opacity 1s cubic-bezier(.5, 0, 0, 1) 0s, transform 1s cubic-bezier(.5, 0, 0, 1) 0s, -webkit-transform 1s cubic-bezier(.5, 0, 0, 1) 0s
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url(/statics/home/_next/static/media/ajax-loader.fb6f3c230cb846e25247dfaa1da94d8f.gif) 50% no-repeat
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(/statics/home/_next/static/media/slick.a4e97f5a2a64f0ab132323fbeb33ae29.eot);
    src: url(/statics/home/_next/static/media/slick.a4e97f5a2a64f0ab132323fbeb33ae29.eot?#iefix) format("embedded-opentype"), url(/statics/home/_next/static/media/slick.295183786cd8a138986521d9f388a286.woff) format("woff"), url(/statics/home/_next/static/media/slick.c94f7671dcc99dce43e22a89f486f7c2.ttf) format("truetype"), url(/statics/home/_next/static/media/slick.2630a3e3eab21c607e21576571b95b9d.svg#slick) format("svg")
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li, .slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}