* { margin: 0; padding: 0 }
#carousel-banner .flexslider { border: none; margin: 0 !important; background: transparent }
#carousel-banner #slider .flex-viewport ul.slides li { position: relative }
ul.slides li .text__banner { position: absolute; margin: 0 358px; color: #ffffff; width: 100%; top: 200px; z-index: 2 }
ul.slides li .text__banner--credito { color: #ffffff }
ul.slides li .text__banner .title__banner { font-size: 35px; font-family: 'Montserrat'; font-weight: 600; letter-spacing: 0.5px; font-style: italic; margin-bottom: 30px }
ul.slides li .text__banner .title__banner:after { content: ''; display: block; width: 50px; height: 4px; background: #E5173F; margin-top: 20px }
ul.slides li .text__banner .descri__banner { font-size: 21px; font-family: 'Bradesco'; letter-spacing: 0.5px; font-style: italic }
ul.slides li .text__banner .descri__banner.bullet { padding-left: 20px }
ul.slides li .text__banner .descri__banner.bullet::before { content: ''; width: 8px; height: 8px; background-color: #FFF; display: block; border-radius: 50%; position: absolute; left: 0; top: 9px }
ul.slides li .text__banner p:nth-child(2) { margin-bottom: 10px }
ul.slides li .text__banner .btn_banner { color: #FFF; font-size: 13px; font-family: 'Montserrat'; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 0.2px; display: block; padding-left: 32px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; left: 0; margin-top: 30px }
ul.slides li .text__banner .btn_banner:after { content: ''; background: url(/assets/pessoajuridica/img/icons/ico_arrow_banner.png) center center no-repeat; width: 21px; height: 20px; display: block; position: absolute; top: -1px; left: 4px }
ul.slides li img { width: 100% }
#carousel-banner #carousel .flex-viewport { top: -170px; right: 63px; height: 60px; z-index: 3}
.home #carousel-banner #carousel .flex-viewport { top: 0 }
#carousel-banner #carousel .flex-viewport ul.slides { width: auto !important; float: right; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; padding-right: 20px }
#carousel-banner #carousel .flex-viewport ul.slides > li { max-width: 47px; margin-right: 5px !important; margin-left: 5px !important }
#carousel-banner #carousel .flex-viewport ul.slides > li.flex-active-slide { margin-right: 10px !important; margin-left: 10px !important }
#carousel-banner #carousel .flex-viewport ul.slides > li.flex-active-slide img { width: 45px; height: 45px; position: absolute; z-index: 2; left: 5.4px; top: 5.4px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; border: 0px solid rgba(255, 255, 255, 0.35); opacity: 1 }
#carousel-banner #carousel .flex-viewport ul.slides > li img { width: 37px; height: 37px; border-radius: 50%; position: absolute; z-index: 2; left: 6px; top: 6px; border: 3px solid rgba(255, 255, 255, 0.35); -webkit-transition: all 0.2s linear 1s; transition: all 0.2s linear 1s; opacity: 0.65 }
@media only screen and (min-width:1024px) {
  .text__banner--right { right: 0; -webkit-transform: translate(65%, 0%); transform: translate(65%, 0%); margin: 0 !important }
  .text__banner--hidden { display: none }
}
@media only screen and (min-width:769px) {
  .mobile_banner { display: none !important }
  .home #carousel-banner #carousel .flex-viewport { position: unset!important; }
}
@media only screen and (max-width:1024px) {
  #carousel-banner { margin-top: 44px; padding-top: 130px }
  #carousel-banner .filtro { background-color: #000218; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.75; position: absolute; width: 100%; height: 100%; z-index: 1 }
  ul.slides li .text__banner { margin: 0 50px; top: 140px; z-index: 2; color: #fff }
  ul.slides li .mobile_banner { display: block; max-height: 960px }
  #carousel-banner div ol.flex-control-nav { z-index: 2; bottom: 40px }
  #carousel-banner div ol.flex-control-paging li { margin: 0 15px }
  #carousel-banner div ol.flex-control-paging li a { width: 10px; height: 10px; -webkit-box-shadow: none; box-shadow: none; background: #878787 }
  #carousel-banner div ol.flex-control-paging li a.flex-active { background: #FFF }
  #carousel-banner .flex-control-nav { bottom: 40px }
}
@media only screen and (max-width:768px) {
  .desktop { display: none !important }
  #carousel-banner .filtro { background-color: #000218; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.75; position: absolute; width: 100%; height: 100%; z-index: 1 }
  ul.slides li .text__banner { text-align: center; margin: 0 auto; top: 45vw !important; padding: 0 20px }
  ul.slides li .text__banner .title__banner { font-size: 25px; margin-bottom: 20px; width: calc(100% - 50px); margin: 0 auto }
  ul.slides li .text__banner .title__banner:after { margin: 0 auto; margin-top: 15px }
  ul.slides li .text__banner .title__banner br { display: none }
  ul.slides li .text__banner .descri__banner { font-size: 16px; margin-bottom: 25px; font-family: Bradesco }
  ul.slides li .text__banner .descri__banner.bullet { display: inline-block }
  ul.slides li .text__banner p:nth-child(2) { margin-bottom: 4px; margin-top: 20px }
  ul.slides li .text__banner .btn_banner { width: 160px; margin: 0 auto; margin-top: 20px }
}
@media only screen and (max-width:425px) {
  #carousel-banner #slider .flex-viewport ul.slides li .text__banner { top: 175px }
}
@media only screen and (max-width:320px) {
  #carousel-banner #slider .flex-viewport ul.slides li .text__banner { top: 140px }
}