/* banner */
#banner {
    width: 100%;
    height: 662px !important;
    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: 573.7px;
    display:block;
    position:relative;
}

#banner ul li {
    width: 100%;
    height: 100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
}
#banner ul li .imagem-dir{
    position: absolute;
    right: 0;
    top: 110px;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}
#banner ul li .imagem-esq{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-position: no-repeat;
}
#banner ul li .imagem-png .agenda{
    position: absolute;
    right: -352px;
    color: #fff;
    font-size: 22px;
    font-family: 'raleway';
    font-weight: 500;
}
#banner ul li .imagem-png{
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 50%;
    max-height: 458px;
    margin-right: -88px;
}
.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:20px;
left:50%;
z-index:100
}
 
#banner #pagination a {
width:13px;
height:13px;
display:block;
position:relative;
float:left;
font-size:0;
border-radius: 100%;
    background: #b4a38f;
margin:0 4px;
}

#banner #pagination a:hover,#banner #pagination a.active {
   background: #5C2899;
}

#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;
    /* right: 50%; */
    bottom: 50%;
    text-align: left;
    /* margin-bottom: -3px; */
    /* margin-right: -418px; */
    width: 40%;
    /* padding-left: 71px; */
    height: auto;
    top: 50%;
}
.desc-bann .eng-titulo-banner{
    font-weight: 500;
    padding: 15px 41px;
    width: 100%;
    background-color: rgb(92 40 153 / 90%);
    border-radius: 0 25px 25px 0;
}
.desc-bann .eng-titulo-banner h1 {
    font-size: 20px;
    color: #fff;
    font-family: 'raleway';
    font-weight: 500;
}
.desc-bann .btn-banner:hover a{
    background-color:transparent;
   
    color:#5C2899;
}
.desc-bann .btn-banner{
    float: right;
    display: block;
    clear: both;
    margin-top: 27px;
    margin-right: 3px;
}
.desc-bann .btn-banner a {
    border-radius: 18px;
    cursor: pointer;
    padding: 8px 28px;
    font: 16px 'Montserrat';
    background-color: #5C2899;
    color: #fff;
    border:2px solid #5C2899;
}
.desc-bann p  a:after{
     content: "";
     display: block;
     width: 336px;
     height: 10px;
     background-color: #5C2899;
     margin-top: -16px;
     margin-left: -68px;
}
.desc-bann p  a{
    font-size: 19px;
    color: #fff;
    font-family: 'ralewaybold';
    text-align: right;
    position: absolute;
    top: 160px;
    width: 100%;
    left: 0;
}
.desc-bann .linha-horizontal{
    position: absolute;
    width: 105%;
    height: 3px;
    /* background-color: rgba(255, 255, 255, 0.2); */
    left: 0;
    bottom: 35px;
}
.desc-bann .efeito{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
    display: table;
    margin-right: -32px;
}
/* BANNER RESPONSIVO */
#banner.responsivo{
    background: url(../../../images/medico-background.jpg) no-repeat center;
    background-size: cover;
    height: 300px !important;
    display: none;
    min-height: auto
}
#banner.responsivo .desc-bann{
    margin: 0 -150px -100px 0;
    width: 300px;
    padding-left: 0;
    text-align: center;
}
#banner.responsivo .desc-bann p{
    text-align: center;
}