p{
    text-rendering: geometricPrecision;
}
.pointer{
  cursor: pointer;
}
.navbar-light .navbar-toggler-icon {
    background-image: url('../images/icons/hamburguer_icon.png');
}
.wrapper{
    position: relative;
    overflow-x: hidden;
}
.z-100{
    z-index: 100;
}
.h-0{
    height: 0;
}
.border-radius-10{
    border-radius: 10px;
}
.border-radius-15{
    border-radius: 15px;
}
.border-radius-30{
    border-radius: 30px;
}
.border-radius-50{
    border-radius: 50px !important;
}
.btn-parent{
    position: relative;
    width: 200px;
}
.btn-parent-quebrado{
    position: absolute;
    width: 200px;
    transform: translate(-50%, 0px);
}
.parent:after{
    position: absolute;
    content: " ";
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background: #007acd;
    transition: all .35s;
    border-radius: 50px;
}
.parent:hover{
    color: #fff;
  }
  
.parent:hover:after{
    width: 100%;
}
.parent > span{
    position: relative;
    z-index: 2;
}
.btn-gray{
    background-color: #f4f4f4;
}
.bg-blue{
    background-color: #007acd;
}
.bg-blue-img{
    background-image: url("../images/banner_hls_capital.jpg");
    background-size: cover;
}
.btn-child{
     position: absolute;
     left: 211px;
     bottom: 21px;
     height: 36px;
     width: 37px;
}
.btn-child-right{
    position: absolute;
    left: 178px;
    bottom: 170px;
    height: 35px;
    width: 37px;
}
.btn-child-errado{
    position: absolute;
    left: 178px;
    bottom: 100px;
    height: 36px;
    width: 37px;
}
.btn-child-errado-securitizadora{
  bottom: 95px !important;
}
.btn-child-quebrado{
    position: relative;
    left: 129px;
    bottom: -1px;
    height: 36px;
    width: 37px;
}
.btn-child-timeline{
  position: relative;
  left: 80px;
  bottom: -1px;
  height: 36px;
  width: 37px;
}
.rotate-45{
    transform: rotate(-45deg);
}
.banner-half{
    top: -260px;
}
.box-1{
    height: 235px;
    background-image: url('../images/banners/hls_capital_banner_160x2302.jpg');
    background-size: cover;
}
.box-2{
    height: 100px;
    background-image: url('../images/banners/hls_capital_banner_negocios.jpg');
    background-size: cover;
}
.box-3{
    height: 235px;
}
.box-4{
    height: 150px;
}
.box-5{
    height: 235px;
    background-image: url('../images/banners/hls_capital_banner_160x230.jpg');
    background-size: cover;
}
.box-6{
    height: 100px;
    background-image: url('../images/banners/hls_capital_banner_350x1002.jpg');
    background-size: cover;
}
.history{
    position:   relative;
}
.limite{
    position: relative;
}
.contato{
    position: relative;
}
.bg-cinza-faq{
    background-color: #f4f4f4;
}
.linha2{
    border-bottom: 1px solid;
    width: 100%;
}
.shadow-box{
    box-shadow: 0px 0px 9px -3px #c9c9c9;
}
.border-footer{
    border-top: 1px solid black;
}

.text-black{
    color: black;
}

footer
{
  padding-top: 5vh;
  padding-bottom: 2vh;
}

.copyright,  .impressum
{
  text-align: center;
}

.logo
{
  height: 8vh;
}
.border-bottom-cinza{
  border-bottom: 3px solid;
  border-color: #f4f4f4;
}
.no-border{
    border: none;
}
.glow{
    box-shadow: inset 0 0 15px #fff, /* inner white */ 
    0 0 15px #fff; /* outer white */ 

    border-radius: 76px;
}
.icon-color{
    color: #bdbdbd;
}
.icon-color:hover{
    color: #007bff;
}
.w-65{
    width: 65%;
    max-width: 65%;
}
.fix-banner{
    width: 90%;
    max-width: 90%;
}
.fs-11{
    font-size: 11px;
}
.fs-14{
    font-size: 14px !important;
}
.h7{
    font-size: 0.9rem;
}
.h8{
    font-size: 13px;
}
.transform-banner{
    transform: translate(11.1%, 0px);
}
.blur-3{
    filter: blur(3px);
    -webkit-filter: blur(3px);
}
.up:hover{
    transform: scale(1.02);
}
.overflow-visible{
    overflow: visible !important;
}
.width-fill{
    width: -webkit-fill-available;
    height: 100%;
}
.mistery{
    color: transparent !important;
    text-shadow: 0 0 4px rgba(0,0,0, 0.5);
}
.text-black:hover{
  color: black !important;
}
.bg-cinza{
  background-color: #f4f4f4;
}
.w-090{
  width: 90%;
}
.w-223{
  width: 223% !important;
}
footer a:hover{
    color: black;
    text-decoration-color: #bdbdbd;
}

/*
 
    █████████                                                           ████ 
   ███░░░░░███                                                         ░░███ 
  ███     ░░░   ██████   ████████   ██████  █████ ████  █████   ██████  ░███ 
 ░███          ░░░░░███ ░░███░░███ ███░░███░░███ ░███  ███░░   ███░░███ ░███ 
 ░███           ███████  ░███ ░░░ ░███ ░███ ░███ ░███ ░░█████ ░███████  ░███ 
 ░░███     ███ ███░░███  ░███     ░███ ░███ ░███ ░███  ░░░░███░███░░░   ░███ 
  ░░█████████ ░░████████ █████    ░░██████  ░░████████ ██████ ░░██████  █████
   ░░░░░░░░░   ░░░░░░░░ ░░░░░      ░░░░░░    ░░░░░░░░ ░░░░░░   ░░░░░░  ░░░░░ 
                                                                             
*/

.slick-slide img{
    display: inline;
}

.circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 15px;
  color: #fff;
  text-align: center;
  background: #007acd;
}
.border-black{
    border-color: black;
}
.marcas-carousel{
    border: 0.22rem #f4f4f4;
    border-style: solid none;
}
.card-carousel .slick-track{
    padding: .25rem 0px;
}
.portifolio-carousel .slick-list{
    overflow: visible;
}
.card-carousel .slick-list{
    overflow: visible;
}
.carousel-inner{
    overflow: visible;
}
/* /*
/* ..####....####....####...........#####....####...#####...##..##..#####..
/* .##..##..##......##..............##..##..##..##..##..##..##..##..##..##.
/* .##.......####....####...........#####...##..##..#####...##..##..#####..
/* .##..##......##......##..........##......##..##..##......##..##..##.....
/* ..####....####....####...........##.......####...##.......####...##.....
/* ........................................................................
/* */

#consent-popup{
    position: fixed;
    background-color: white;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 1rem;
    transition: opacity .8s ease;
    z-index: 99999999999999;
}
.w-9{
    width: 9%;
}
.hidden{
    display: none;
}


/*
 
  ######                                                   
  #     # #####   ####   ####  #####  ######  ####   ####  
  #     # #    # #    # #    # #    # #      #      #      
  ######  #    # #    # #      #    # #####   ####   ####  
  #       #####  #    # #  ### #####  #           #      # 
  #       #   #  #    # #    # #   #  #      #    # #    # 
  #       #    #  ####   ####  #    # ######  ####   ####  
                                                           
 
*/

.circled {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
  }
  
  .circled canvas {
    vertical-align: top;
  }
  
  .circled h3 {
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 30px;
  }
  
  .circled h3 i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
  }
  
  .circled h3 {
    display: block;
    color: #fff;
    margin-top: 12px;
  }

/*
 
 TTTTTTT IIIII MM    MM EEEEEEE LL      IIIII NN   NN EEEEEEE 
   TTT    III  MMM  MMM EE      LL       III  NNN  NN EE      
   TTT    III  MM MM MM EEEEE   LL       III  NN N NN EEEEE   
   TTT    III  MM    MM EE      LL       III  NN  NNN EE      
   TTT   IIIII MM    MM EEEEEEE LLLLLLL IIIII NN   NN EEEEEEE 
                                                              
*/
.events{
    width: 200% !important;
}
.shadow-timeline{
    box-shadow: 0px 0px 25px -7px black;
}
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #fff;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #f4f4f4;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  width:100px;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  color:black;
  padding:5px;
  margin-bottom:20px;
}
/* custom*/
.cd-horizontal-timeline .events a::before {
  content: '';
  position: absolute;
  width:1px;
  height:20px;
  background: #fff;
  bottom:-20px;
  left:50%;
}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -25px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: #fff;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #CD3825;
  border-color: #fff;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #CD3825;
  border-color: #CD3825;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #CD3825;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 4em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
  color: #fff;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #CD3825;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #CD3825;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 100%;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 3em !important;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
  color: #000;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 1.5em !important;
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}


.cd-horizontal-timeline-1 {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .cd-horizontal-timeline-1::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
  }
  .cd-horizontal-timeline-1.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
  }
  .cd-horizontal-timeline-1 .timeline-1 {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
  }
  .cd-horizontal-timeline-1 .events-wrapper-1 {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
  }
  .cd-horizontal-timeline-1 .events-wrapper-1::before {
    left: 0;
    background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
  }
  .cd-horizontal-timeline-1 .events-wrapper-1::after {
    right: 0;
    background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
  }
  .cd-horizontal-timeline-1 .events-1 {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #f4f4f4;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
  }
  .cd-horizontal-timeline-1 .filling-line-1 {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #007acd;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-horizontal-timeline-1 .events-1 a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  .cd-horizontal-timeline-1 .events-1 a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
  }
  .no-touch .cd-horizontal-timeline-1 .events-1 a:hover::after {
    background-color:#CD3825;
    border-color: #CD3825;
  }
  .cd-horizontal-timeline-1 .events-1 a.selected {
    pointer-events: none;
  }
  .cd-horizontal-timeline-1 .events-1 a.selected::after {
    background-color: #CD3825;
    border-color: #CD3825;
  }
  .cd-horizontal-timeline-1 .events-1 a.older-event::after {
    border-color: #CD3825;
  }
  @media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline-1 {
      margin: 6em auto;
    }
    .cd-horizontal-timeline-1::before {
      /* never visible - this is used in jQuery to check the current MQ */
      content: 'desktop';
    }
  }
  
  .cd-timeline-navigation-1 a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
  }
  .cd-timeline-navigation-1 a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;

  }
  .cd-timeline-navigation-1 a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
  .cd-timeline-navigation-1 a.next {
    right: 0;
  }
  .no-touch .cd-timeline-navigation-1 a:hover {
    border-color: #007acd;
  }
  .cd-timeline-navigation-1 a.inactive {
    cursor: not-allowed;
  }
  .cd-timeline-navigation-1 a.inactive::after {
    background-position: 0 -16px;
  }
  .no-touch .cd-timeline-navigation-1 a.inactive:hover {
    border-color: #dfdfdf;
  }
  
  .cd-horizontal-timeline-1 .events-content-1 {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
  }
  .cd-horizontal-timeline-1 .events-content-1 li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  .cd-horizontal-timeline-1 .events-content-1 li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-horizontal-timeline-1 .events-content-1 li.enter-right, .cd-horizontal-timeline-1 .events-content-1 li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
  }
  .cd-horizontal-timeline-1 .events-content-1 li.enter-left, .cd-horizontal-timeline-1 .events-content-1 li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
  }
  .cd-horizontal-timeline-1 .events-content-1 li.leave-right, .cd-horizontal-timeline-1 .events-content-1 li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
  }
  .cd-horizontal-timeline-1 .events-content-1 li > * {
    max-width: 100%;
    margin: 0 auto;
  }
  .cd-horizontal-timeline-1 .events-content-1 h2 {
    font-weight: bold;
    font-size: 2.6rem;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    line-height: 1.2;
  }
  .cd-horizontal-timeline-1 .events-content-1 em {
    display: block;
    font-style: italic;
    margin: 10px auto;
  }
  .cd-horizontal-timeline-1 .events-content-1 em::before {
    content: '- ';
  }
  
  @-webkit-keyframes cd-enter-right {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }
  @-moz-keyframes cd-enter-right {
    0% {
      opacity: 0;
      -moz-transform: translateX(100%);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0%);
    }
  }
  @keyframes cd-enter-right {
    0% {
      opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
    }
  }
  @-webkit-keyframes cd-enter-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
    }
  }
  @-moz-keyframes cd-enter-left {
    0% {
      opacity: 0;
      -moz-transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      -moz-transform: translateX(0%);
    }
  }
  @keyframes cd-enter-left {
    0% {
      opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateX(0%);
      -moz-transform: translateX(0%);
      -ms-transform: translateX(0%);
      -o-transform: translateX(0%);
      transform: translateX(0%);
    }
  }  
  

/*
MM    MM EEEEEEE DDDDD   IIIII   AAA       QQQQQ  UU   UU EEEEEEE RRRRRR  YY   YY
MMM  MMM EE      DD  DD   III   AAAAA     QQ   QQ UU   UU EE      RR   RR YY   YY
MM MM MM EEEEE   DD   DD  III  AA   AA    QQ   QQ UU   UU EEEEE   RRRRRR   YYYYY
MM    MM EE      DD   DD  III  AAAAAAA    QQ  QQ  UU   UU EE      RR  RR    YYY
MM    MM EEEEEEE DDDDDD  IIIII AA   AA     QQQQ Q  UUUUU  EEEEEEE RR   RR   YYY
*/

.login2{
  display: none;
}
.login1 {
  display: inline;
}

@media only screen and (max-width: 1200px){
  .login1{
    display: none;
  }

  .login2{
    display: inline;
  }
}

@media only screen and (max-width: 320px){
    .btn-child-errado{
        left: auto;
        right: 45px;
    }
    .btn-child-right{
        left: auto;
        right: 45px;
        bottom: 1px;
    }
    .btn-child{
      left: auto;
      right: 12px;
    }
    .history{
        left: -15px !important;
    }
    .limite{
        left: -7px !important;
    }
    .caption-transform{
      transform: translate(0, -21%) !important;
    }
    .caption-securitizadora{
      transform: translate(0, -21%) !important;
    }
}
@media only screen and (min-width: 321px) and (max-width: 375px){
    .btn-child-errado{
        left: auto;
        right: 72px;
    }
    .btn-child-right{
        left: auto;
        right: 72px;
        bottom: 1px;
    }
    .btn-child{
      left: auto;
      right: 31px;
    }
    .history{
        left: 15px !important;
    }
    .limite{
        left: -7px !important;
    }
    .caption-transform{
      transform: translate(0, -37%) !important;
    }
    .caption-securitizadora{
      transform: translate(0, -37%) !important;
    }
}
@media only screen and (max-width: 375px){   
    .contato{
        left: 60px;
    }
}
@media only screen and (min-width: 376px) and (max-width: 425px){
    .btn-child-errado{
        left: auto;
        right: 91px;
    }
    .btn-child-right{
        left: auto;
        right: 91px;
        bottom: 1px;
    }
    .btn-child{
      left: auto;
      right: 48px;
    }
    .history {
        left: 35px !important;
    }
    .limite{
        left: 10px !important;
    }
}
@media only screen and (max-width: 575px){
    .pt-xs-3{
        padding-top: 1.5rem;
    }
    .banner-height{
      height: 650px; 
    }
    .caption-transform{
      transform: translate(0, -50%);
    }
    .caption-securitizadora{
      transform: translate(0, -50%);
    }
    .transform-banner{
      transform: translate(0px, 0px);
    }
    .fix-banner{
      max-width: 100%;
      width: 100%;
    }
    .text-white-sm{
      color: white !important;
    }
    .text-white-sm:hover{
      color: white !important;
    }    
    .text-center-sm{
      text-align: center !important;
    }
    .w-mobile-diff{
      width: 300px !important;
    }
    .w-223{
      width: 938% !important;
    }
    .w-100-xs{
      width: 100%;
    }
    .mx-xs-auto{
      margin-left: auto;
      margin-right: auto;
    }
}
@media only screen and (min-width: 426px) and (max-width: 575px){
    .btn-child-errado{
        left: auto;
        right: 170px;
    }
    .btn-child-right{
        left: auto;
        right: 170px;
    }
    .btn-child{
      left: auto;
      right: 102px;
    }
}
@media only screen and (min-width: 768px){
    .btn-child{
        left: 163px;
    }
    .text-banner{
        top: -250px;
        left: 100px;
    }
    .portifolio-carousel .slick-track{
        transform: translate3d(15%, 0px, 0px) !important;
        padding: .25rem 0px;
    }
    .w-30{
        width: 30% !important;
    }
}
@media only screen and (max-width: 767px){
    .right-50{
        right: -50px;
    }
    .text-banner{
        top: -70px;
        left: 0px;
    }
    .history {
        top: 130px;
        left: 105px;
    }
    .limite{
        top: 95px;
        left: 80px;
    }
    .contato{
        top: 0px;
        left: 0px;
    }
    .pb-xs-5{
        padding-bottom: 3rem
    }
    .pt-xs-5{
        padding-top: 3rem;
    }
    .md-w-50{
      width: 50%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .btn-child-errado{
        left: auto;
        right: 170px;
    }
    .btn-child-right{
        left: auto;
        right: 170px;
    }
    .w-223{
      width: 521% !important;
    }
}
@media only screen and (min-width: 576px) and (max-width: 992px){
    .w-30-sm{
        width: 30%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .history{
        top: 130px;
        left: 200px;
    }
    .limite{
        top: 80px;
        left: 171px;
    }
    .br-md{
        display: none;
    }
    .box-1{
        height: 235px;
        background-image: url('../images/banners/hls_capital_banner_300x230.jpg');
        background-size: cover;
    }
    .box-2{
        height: 150px;
        background-image: url('../images/banners/hls_capital_banner_675x150.jpg');
        background-size: cover;
    }
    .box-5{
        height: 235px;
        background-image: url('../images/banners/hls_capital_banner_300x2302.jpg');
        background-size: cover;
    }
    .box-6{
        height: 150px;
        background-image: url('../images/banners/hls_capital_banner_675x1502.jpg');
        background-size: cover;
    }
    .caption-transform{
      transform: translate(0, 45%);
    }
    .caption-securitizadora{
      transform: translate(0, -16%);
    }
    .btn-child-right{
      bottom: 1px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 992px){
    .btn-child-errado{
        left: auto;
        right: 261px;
    }
    .btn-child-right{
        left: auto;
        right: 261px;
    }
    .w-22{
        width: 36% !important;
        max-width: 36%;
    }
    .w-223{
      width: 391% !important;
    }
}
@media only screen and (max-width: 991px){
    .text-right-md{
        text-align: right;
    }
    .pt-xs-5{
        padding-top: 3rem;
    }
    .w-100-sm{
        width: 100% !important;
    }
    .text-center-md{
        text-align: center !important;
    }
    .btn-child-quebrado{
        left: 81px;
    }
    .btn-child-errado{
      bottom: 1px;
  }
    .btn-child-timeline{
      left: 81px;
  }
    .py-xs-5{
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-right: 1rem !important;
    }
    .h-400{
        height: 400px;
    }
    .md-pt-4{
        padding-top: 1.5rem;
    }
    .md-content-center{
        justify-content: center;
    }
    .md-text-center{
        text-align: center;
    }
    .md-w-75{
        width: 75%;
    }
    .flex-93{
        flex: 0 0 93%;
    }
    .content-md-center{
        justify-content: center;
    }
    .md-w-30{
        width: 30%;
    }
    .flex-md-93{
        flex: 0 0 93%;
    }
    .md-order-1{
        order: 1;
    }
    .md-order-2{
        order: 2;
    }
    
}
@media only screen and (min-width: 992px){
    .history{
        top: 130px;
        right: 22px;
    }
    .pt-md-45{
        padding-top: 2.5rem;
    }
    .pt-md-42{
        padding-top: 2rem;
    }
    .linha-a:after{
        width: 22px;
        height: 500px;
        content: " ";
        background-image: url(../images/logos/risco_elemento_hls_capital.png);
        display: block;
        background-repeat: no-repeat;
        position: relative;
        top: -20px;
    }
    .linha-c:before{
        width: 15px;
        height: 300px;
        content: " ";
        background-image: url(../images/logos/risco_elemento_hls_capital.png);
        display: block;
        background-repeat: no-repeat;
        position: relative;
        left: -15px;
        top: 15px;
        float: left;
    }
    .flex-68{
        flex: 0 0 68.8%;
    }
    .flex-94{
        flex: 0 0 94%;
    }
    .bg-cinza-left{
        background-image: linear-gradient(to right, #f4f4f4, #f4f4f4);
        background-size: 34vw 43%;
        background-position: 0% 33%;
        background-repeat: no-repeat;
    }
    .bg-cinza-right{
        background-image: linear-gradient(to right,#f4f4f4, #f4f4f4);
        background-size: 34vw 46%;
        background-position: 100% 44%;
        background-repeat: no-repeat;
    }
    .bg-cinza-full{
        background-image: linear-gradient(to right, #f4f4f4, #f4f4f4);
        background-size: 100% 21%;
        background-position: 0% 30%;
        background-repeat: no-repeat;
    }
    .bg-cinza-contato{
        background-image: linear-gradient(to right, #f4f4f4, #f4f4f4);
        background-size: 100% 15%;
        background-position: 0% 19%;
        background-repeat: no-repeat;
    }
    .w-22{
        width: 22% !important;
        max-width: 22%;
    }
    .marcas-carousel .slick-track{
        transform: translate3d(20%, 0px, 0px) !important;
    }
    .my-lg-6{
      margin-bottom: 4rem;
      margin-top: 4rem;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
    .limite{
        top: 90px;
    }
    .contato{
        top: 125px;
        left: 20px;
    }
    .btn-child-errado{
      bottom: 52px;
  }
    .w-lg-120{
      width: 120%;
    }
    .w-223{
      width: 250% !important;
    }
    .btn-child-right{
      left: 178px;
      bottom: 145px;
    }
    .caption-securitizadora{
      transform: translateY(-65%);
    }
}
@media only screen and (max-width: 1023px){
    .mobile-break{
        display: none;
    }
    .box-3{
        height: auto;
    }
    .w-100-smd{
        width: 100%;
    }
    .endereco{
      margin-top: -95px !important;
    }
}
@media only screen and (max-width: 1199px){
  .bg-white-lg{
    background-color: white;
  }
  .text-black-lg{
    color: black !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px){
    .right-50{
        right: -50px;
    }
    .history{
        right: 27px;
        top: 130px;
    }
    .limite{
        right: 5px;
        top: 95px;
    }
    .contato{
        left: 10px;
        top: 130px;
    }
    .bg-cinza-left{
        background-image: linear-gradient(to right, #f4f4f4, #f4f4f4);
        background-size: 37vw 43%;
        background-position: 0% 33%;
        background-repeat: no-repeat;
    }
    .bg-cinza-right{
        background-image: linear-gradient(to right,#f4f4f4, #f4f4f4);
        background-size: 37vw 46%;
        background-position: 100% 44%;
        background-repeat: no-repeat;
    }
}
@media only screen and (min-width: 1024px){
    .aquisicoes{
        overflow-wrap: normal;
        position: relative;
        right: 15px;
        top: 95px;
    }
    .h-200{
        height: 200px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1073px){
    .w-90{
        width: 90% !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px){
    .history{
        right: auto !important;
    }
    .limite{
        right: auto !important;
    }
    .contato{
        right: auto !important;
    }
    .ml-499{
        margin-left: 1.49rem !important;
    }
}
@media only screen and (min-width: 1200px){
    .ml-147{
        margin-left: 1.47rem !important;
    }
    .mr-xl-4, .mx-xl-4 {
        margin-right: 1.5rem!important;
    }
    .ml-xl-4, .mx-xl-4 {
        margin-left: 1.5rem!important;
    }
    .fs-3rem{
      font-size: 3rem;
    }
    .fs-4rem{
      font-size: 4rem;
    }
    .caption-securitizadora{
      transform: translateY(-60%);
    }
    .modal-position{
      transform: translateY(0%) !important;
    }
}
@media only screen and (min-width: 1441px){
    .history{
        top: 130px;
        left: -2px;
    }
    .limite{
        top: 90px;
        left: -2px;
    }
    .contato{
        top: 125px;
        left: 15px;
    }
    .ml-499{
        margin-left: 1.49rem !important;
    }
    .bg-cinza-left{
        background-size: 38vw 43%;
    }
    .bg-cinza-right{
        background-size: 38vw 46%;
    }
    .modal-position{
      transform: translateY(15%) !important;
    }
}
@media only screen and (min-width: 1500px){
  .caption-securitizadora{
    transform: translateY(-75%);
  }
}
@media only screen and (min-width: 1600px){
  .caption-securitizadora{
    transform: translateY(-85%);
  }
}
@media only screen and (min-width: 1700px){
  .caption-securitizadora{
    transform: translateY(-95%);
  }
}
@media only screen and (min-width: 1800px){
  .caption-securitizadora{
    transform: translateY(-105%);
  }
}
@media only screen and (min-width: 1900px){
  .caption-securitizadora{
    transform: translateY(-113%);
  }
}
@media only screen and (min-width: 2000px){
  .caption-securitizadora{
    transform: translateY(-122%);
  }
}
@media only screen and (min-width: 2100px){
  .caption-securitizadora{
    transform: translateY(-130%);
  }
}
@media only screen and (min-width: 2200px){
  .caption-securitizadora{
    transform: translateY(-140%);
  }
}
@media only screen and (min-width: 2300px){
  .caption-securitizadora{
    transform: translateY(-150%);
  }
}
@media only screen and (min-width: 2400px){
  .caption-securitizadora{
    transform: translateY(-157%);
  }
}
@media only screen and (min-width: 2500px){
  .caption-securitizadora{
    transform: translateY(-170%);
  }
}
@media only screen and (min-width: 1681px){
  .w-4k-50{
    width: 50%;
  }
}
@media only screen and (min-width: 2300px){
  .modal-position{
    transform: translateY(30%) !important;
  }
}