.slider-slogan {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 48px auto 18px auto;
}

.myslide {
    display: none;
    overflow: hidden;
}

.dotsbox {
    position: absolute;
    left: calc(50% - 10px);
    transform: translate(-50%);
    bottom: -30px;
    cursor: pointer;
}

.slider-slogan .dot {
    display: inline-block;
    width: 25px;
    height: 5px;
    background-color: #BDC1C3;
    border-radius: 3px;
    margin: 0 3px;
    cursor: pointer;
}

.slider-slogan .active,
.slider-slogan .dot:hover {
    background-color: #333333;
}



/* muslide add fade */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: 0.3
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0.3
    }

    to {
        opacity: 1
    }
}

.txt {
    color: #333333;
    -webkit-animation-name: posi;
    -webkit-animation-duration: 2s;
    animation-name: posi;
    animation-duration: 2s;
    z-index: 1;
}

@-webkit-keyframes posi {
    from {
        left: 25%;
    }

    to {
        left: 15%;
    }
}

@keyframes posi {
    from {
        left: 25%;
    }

    to {
        left: 15%;
    }
}

.slogan-header {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}

.slogan-header span {
    color: #889FAC;
}

.slogan-text {
    text-align: center;
    margin: 12px 0 0 0;
}



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

    .slider-slogan {
        margin: 32px auto 0 auto;
    }

    .txt {
        -webkit-animation-name: posi2;
        -webkit-animation-duration: 2s;
        animation-name: posi2;
        animation-duration: 2s;
    }

    .slogan-header {
        font-size: 24px;
    }

    @-webkit-keyframes posi2 {
        from {
            top: 35%;
        }

        to {
            top: 50%;
        }
    }

    @keyframes posi2 {
        from {
            top: 35%;
        }

        to {
            top: 50%;
        }
    }
}