/* banner */
#banner {
    width: 100%;
    height: 650px;
    min-height: 560px;
    display:block;
    position:relative;
    z-index:10;
    overflow:hidden;
}

#seta-banner {
    width: 62px;
    height: 62px;
    display: block;
    border-radius: 100%;
    position: absolute;
    bottom: 150px;
    left: 50%;
    margin-left: -31px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
    font-size: 23px;
    text-align: center;
    padding-top: 20px;
    z-index: 50;
}

#banner ul {
    width: 100%;
    height: 100%;
display:block;
position:relative
}

#banner ul li {
    width: 100%;
    height: 100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
background-position: center;
background-size: cover;
background-position: no-repeat;
}


.image-slide {
display:block;
position:relative;
overflow:hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.image-slide img {
position:absolute;
left:0;
top:0
}

#banner #pagination {
width:auto;
height:auto;
display:table;
position:absolute;
bottom:100px;
left:50%;
z-index:100
}

#banner #pagination a {
width:19px;
height:19px;
display:block;
position:relative;
float:left;
font-size:0;
border-radius: 100%;
    background: #fff;
margin:0 4px;
}

#banner #pagination a:hover,#banner #pagination a.active {
   background: #9db100;
}

#banner #pagination span {
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:20
}

#banner .btn {
width:148px;
height:37px;
display:none;
position:absolute;
top:50%;
margin-top:-45px;
cursor:pointer;
z-index:10;
font-size:0
}

#banner .btn span {
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:10
}

#banner .btn .desativa {
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:20
}
.image-bann img {
    position: absolute;
    right: 50px;
    bottom: 200px;
    width: 890px;
}
.desc-bann {
    position: absolute;
    left: 0;
    top: 70px;
    text-align: center;
}
.desc-bann h1 {
    width: auto;
    font-size: 39.68px;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'ralewayextrabold';
    font-weight: 100;
    margin-bottom: -2px;
}
.desc-bann p {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'alleyn-light';
    font-weight: 100;
}
#mascara-banner {
    width: 100%;
    height: 144px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../../../images/mascara-bann.png) no-repeat top center;
    z-index: 40;
}