/* banner */
#banner {
    width: 100%;
    height: 100%;
    height: 560px;
    display: flex;
    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-repeat: no-repeat;
    display: block !important;
}

#banner ul li:after{content:'';display:block;background-image: url(../images/mascara-bann.png);width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgb(0 0 0 / 50%);}
.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: 108px;left: 125px;z-index:100;margin-left: 0 !important;}

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

#banner #pagination a:hover,#banner #pagination a.active {
}

#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;
}