/*-----------------------------------------------------------------------------
	Name	    : Banner - scroll down button
	Description	: banner scroll down
	Author		: abcreativity
	Author URL	: https://abcreativity.pl/
	Created		: 01 September 2019
	License		: All Rights Reserved. Do Not Copy!
-------------------------------------------------------------------------------*/

/* 
Scroll down 
------------------------------------
*/
.banner-scroll-down {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2;
    color: #FFF;
}
.banner-scroll-down .scroll-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.banner-scroll-down i {
    color: inherit;
}
.banner-scroll-down span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.banner-scroll-down a {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: inherit;
    font-size: 0.75rem;
font-family: 'Poppins', sans-serif;
   font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* Mouse shape */
.banner-scroll-down .mouse {
    width: 1.7rem;
    height: 2.4rem;
    border: 2px solid #FFF;
    border-radius: 3rem;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}
.banner-scroll-down .mouse:before {
    position: absolute;
    content: "";
    top: 0.3rem;
    width: 0.5rem;
    height: 1rem;
    border: 2px solid #FFF;
    border-radius: 3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner-scroll-down .mouse:after {
    position: absolute;
    content: "";
    top: 0px;
    width: 2px;
    height: 0.3rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #FFF;
}