/*=========================================
        FOOTER KIYOSHI
=========================================*/

.footer-kiyoshi{

    background:#faf8f5;

    padding:80px 0 25px;

    border-top:1px solid #ececec;

}

.footer-logo{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-bottom:15px;

}

.footer-slogan{

    color:#fbaf32;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.footer-text{

    color:#666;

    line-height:1.9;

    font-size:16px;

}

.footer-kiyoshi h5{

    font-size:22px;

    font-weight:700;

    color:#222;

    margin-bottom:25px;

}

.footer-links{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-links li{

    margin-bottom:12px;

}

.footer-links a{

    color:#666;

    text-decoration:none;

    transition:.30s;

}

.footer-links a:hover{

    color:#fbaf32;

    padding-left:8px;

}

.footer-divider{

    margin:50px 0 25px;

    border-color:#dddddd;

}

.footer-copy{

    color:#666;

    font-size:15px;

}

.footer-credit{

    text-align:right;

    color:#666;

    font-size:15px;

}

.footer-kiyoshi .btn-warning{

    background:#fbaf32;

    border:none;

    color:#111;

    font-weight:700;

    border-radius:12px;

    padding:12px 28px;

    transition:.30s;

}

.footer-kiyoshi .btn-warning:hover{

    background:#e69c18;

    color:#fff;

    transform:translateY(-3px);

}

.back-to-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:52px;

    height:52px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#fbaf32;

    color:#fff;

    border-radius:14px;

    font-size:22px;

    text-decoration:none;

    box-shadow:0 10px 30px rgba(0,0,0,.18);

    transition:.30s;

    z-index:999;

}

.back-to-top:hover{

    background:#171717;

    color:#fff;

    transform:translateY(-4px);

}


/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:991px){

.footer-kiyoshi{

    text-align:center;

}

.footer-logo{

    font-size:36px;

}

.footer-kiyoshi h5{

    margin-top:35px;

}

.footer-credit{

    text-align:center;

    margin-top:15px;

}

.footer-links a:hover{

    padding-left:0;

}

}

@media(max-width:576px){

.footer-kiyoshi{

    padding:60px 0 20px;

}

.footer-logo{

    font-size:30px;

}

.footer-text{

    font-size:15px;

}

.footer-kiyoshi h5{

    font-size:20px;

}

}