@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;0,800;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&display=swap');


.slide {
    cursor : pointer
}

.op_image {
    border: 1px solid black;
}

.produtos .slide:hover {
        transform : scale(1.05);
}

.jcse {
    justify-content: space-evenly;
}

.aSC {
  align-self: center;
}


.gradient {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(17,9,108,1) 50%, rgba(68,170,225,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(17,9,108,1) 50%, rgba(68,170,225,1) 100%);
  background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(17,9,108,1) 50%, rgba(68,170,225,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#44aae1",GradientType=1);
}


.port_banner {
    height: 70vh;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 1200px) {
  .flex {
    flex-direction: column !important;
  }
 }

@media (min-width: 768px) {
  .logo{
    margin-left: auto;
    margin-right: auto;
  }
 }
 @media (max-width: 374px){
  .filtercol{
    height: 320px !important;
    padding: 0px;
  }
  .btn_about {
    width: 267px;
  }
 }
 @media (max-width: 424px) and (min-width: 375px) {
  .filtercol{
    height: 375px !important;
    padding: 0px;
  }
 }
 @media (max-width: 482px) and (min-width: 425px) {
  .filtercol{
    height: 425px !important;
    padding: 0px;
  }
 }
 @media (max-width: 540px) and (min-width: 483px) {
  .filtercol{
    height: 540px !important;
    padding: 0px;
  }
 }


 @media (max-width: 654px) and (min-width: 541px)  {
  .filtercol{
    height: 327px !important;
    padding: 0px;
  }
 }

  @media (max-width: 767px) {
      .parca {
          text-align: center;
          text-align: -webkit-center;
      }
      .gradient {
            
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(17,9,108,1) 50%, rgba(68,170,225,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(17,9,108,1) 50%, rgba(68,170,225,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(17,9,108,1) 50%, rgba(68,170,225,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#44aae1",GradientType=1);
      }
 }
 @media (max-width: 766px) {
  .footrow {
    flex-direction: column;
    align-self: center;
    text-align: center;
  }
  .colicons {
    margin: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 80px!important;
  }
 }
 @media (max-width: 766px) and (min-width: 655px)  {
  .filtercol{
    height: 383px !important;
    padding: 0px;
  }
 }
 @media (max-width: 991px){
   .pad_nav_mobile {
     padding-bottom: 10px;
   }
   .btn_nav_up{
     margin: 0px !important;
   }
   .logo {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 0px !important;
    padding-left: 40px !important;
   }
   h2{
     font-size: 32px !important;
     text-align: center !important;
   }
   .title {
     text-align: center !important;
     justify-content: center;
   }
 }
 @media (max-width: 1024px) and (min-width:766px) {
  .colicons {
    margin: 0px !important;
    padding-right: 0px !important;
    padding-left: 5% !important;
    padding-top: 80px!important;
  }
 }
 @media (max-width: 1024px) {
  .proj {
    display: table-row;
  }
  .navstyle {
    justify-content: center !important;
  }
  .footcol{
    padding-bottom: 15px;
  }
  .rowabout{
    flex-direction: column;
  }
  .picons {
    flex-wrap: nowrap;
  }
 }
 @media (max-width: 1232px) and (min-width: 767px)  {
  .footcol  {
    height: 210px;
   }
  .filtercol{
    height: 256px !important;
    padding: 0px;
  }
 }
 @media (max-width: 2000px) and (min-width: 1233px) {
   .filtercol {
    height: 360px !important;
    padding: 0px;
   }
 }
 @media (max-width: 2280px) and (min-width: 2001px) {
  .filtercol{
    height: 570px !important;
    padding: 0px;
  }
 }
 @media (min-width: 2281px){

  .filtercol{
    height: 640px !important;
    padding: 0px;
  }
 }


a {
  font-size: 14px;
  font-family: karla;
  font-weight: 700;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}
figcaption{
  background-color: #11096c !important;
}
/*
..######.....###....########...#######..##.....##..######..########.##......
.##....##...##.##...##.....##.##.....##.##.....##.##....##.##.......##......
.##........##...##..##.....##.##.....##.##.....##.##.......##.......##......
.##.......##.....##.########..##.....##.##.....##..######..######...##......
.##.......#########.##...##...##.....##.##.....##.......##.##.......##......
.##....##.##.....##.##....##..##.....##.##.....##.##....##.##.......##......
..######..##.....##.##.....##..#######...#######...######..########.########
*/

.carousel-item {
  height: 87vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

/*
.##.....##..#######..##.....##.########
.##.....##.##.....##.###...###.##......
.##.....##.##.....##.####.####.##......
.#########.##.....##.##.###.##.######..
.##.....##.##.....##.##.....##.##......
.##.....##.##.....##.##.....##.##......
.##.....##..#######..##.....##.########
*/

.hometitle {
  font-family: "Work Sans";
  visibility: visible;
  text-align: left;
  line-height: 55px;
  letter-spacing: 0px;
  font-weight: 800;
  font-size: 55px;
  color: #fff;
  text-rendering: optimizeLegibility;
}

@media (max-width: 321px) {
  .hometitle {
    font-family: "Work Sans";
    visibility: visible;
    text-align: left;
    line-height: 55px;
    letter-spacing: 0px;
    font-weight: 800;
    font-size: 50px;
    color: #fff;
    text-rendering: optimizeLegibility;
  }
}

.homedesc {

    text-align: left;
    line-height: 23px;
    letter-spacing: 0px;
    font-weight: 700;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
}

@media (max-width:320px) {
  .homedesc {
    font-size: 17px;
  }
}
@media (min-width:321px) and (max-width:375px) {
  .homedesc {
    font-size: 22px;
  }
}



.homeimg {
  width: 620px;
  height: 129px;
  justify-content: left;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  transform: translate(-10px, 0px);
}

@media (max-width: 321px){
  .homeimg {
    width: 270px;
    height: 57px;
  }
}
@media (min-width: 321px) and (max-width:414px){
  .homeimg {
  width: 300px;
  height: 62.44px;
  }
}


.homeimg2 {
  width: 359px;
  height: 227px;
  justify-content: left;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
}
.homebtns {
  flex-wrap: nowrap;
}

.btn_home_text{
  font-size: 14px ;
  color: white
}
.btn_home_text2{
  font-size: 14px ;
  color: white  
}
@media (max-width:321px){
  .btn_home_text{
    font-size: 10px ;
    color: white
  }
  .btn_home_text2{
    font-size: 9px ;
    color: white
  }
}



.btn_resp {
  border: 1px solid white;
  background-color: transparent;
  color: #fff !important;
  z-index: 11;
  font-family: Karla;
  text-align: center;
  line-height: 51px;
  letter-spacing: 1px;
  font-weight: 700;
  border-style: solid;
  border-width: 2px;
  margin: 0px;
  border-radius: 30px;
  width: 233px;
  height: 52px;
}
.btn_resp:hover {
  background: #44aae1;
  color: black !important 
}

.btn_resp_text{
  color: white;
}
.btn_resp_text:hover {
  color: black 
}

@media (max-width: 321px) {
  .btn_resp_text{
    font-size: 10PX;
    color: white;
  }
  .btn_resp:hover {
    color: black 
  }
}
.btn_orange {
  background:  #44aae1;
  border-radius: 30px;
  line-height: 49px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 700;
  border: 2px transparent;
  color: white;
  font-style: normal;
}

.btn_orange:hover {
  border: 2px solid white
}

.darken {
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: darken;
}
.btn_home {
  width: 249px;
  height: 54px;
}

.colhome2 {
  padding: 0px;
}

/*
 ________  ________  ________  ___  ___  _________
|\   __  \|\   __  \|\   __  \|\  \|\  \|\___   ___\
\ \  \|\  \ \  \|\ /\ \  \|\  \ \  \\\  \|___ \  \_|
 \ \   __  \ \   __  \ \  \\\  \ \  \\\  \   \ \  \
  \ \  \ \  \ \  \|\  \ \  \\\  \ \  \\\  \   \ \  \
   \ \__\ \__\ \_______\ \_______\ \_______\   \ \__\
    \|__|\|__|\|_______|\|_______|\|_______|    \|__|



*/

.about {
  background-color: #fff;
  width: 1200px;
}

.colaboutleft {
  width: 100%;
}
.title {
  color: #44aae1;
  font-size: 16px;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin-bottom: 12.4px;
}
.msub {
  margin-bottom: 23px !important;
}
.mtext {
  margin-bottom: 35px !important;
}

h2 {
  font-size: 36px;
  font-family: Work Sans;
  color: #000;
  margin: 0px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: -0.04em;
}

.mbtn_about {
  margin-top: 10px;
}
.btn_about {
  padding-left: 46px !important;
  padding-right: 46px !important;
  background-color: #44aae1;
  background: #fff;
  border-radius: 30px;
  line-height: 49px;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 700;
  border: 2px solid #44aae1;
  color: black;
}
.btn_about:focus {
  background-color: #44aae1;
  color: white;
}

.btn_about:hover {
  background-color: #44aae1;
  color: white;
}

@media (max-width: 321px) {
  .btn_about{
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
}

.colicons {
  width: 500px;
  margin: 0px;
  margin-left: 100px;
  padding: 0px;
}
.icons_about {
  color: #11096c ;
  font-size: 5.7rem;
  line-height: 1;
  width: 136px;
  height: 91px;
  text-align: left;
  padding: 0;
  flex: 0 0 8.5rem;
  justify-items: center;
}
.picons {
  padding-bottom: 25px;
}
p {
  font-size: 16px;
  font-family: Karla;
  color: #858a95;
  margin: 0px;
  display: block;
}


/*
.##....##....###....##.....##.......########.....###....########.
.###...##...##.##...##.....##.......##.....##...##.##...##.....##
.####..##..##...##..##.....##.......##.....##..##...##..##.....##
.##.##.##.##.....##.##.....##.......########..##.....##.########.
.##..####.#########..##...##........##.....##.#########.##...##..
.##...###.##.....##...##.##.........##.....##.##.....##.##....##.
.##....##.##.....##....###..........########..##.....##.##.....##
*/

@media (max-width: 991px)
{
  .bg-sm-white {
    text-align: center;
  }
  .mpags {
    margin-left: 0px !important;
  }
  .margnav{
    margin-bottom: 15px;
  }
  .plink:hover {
    border-bottom: 3px solid #44aae1 50%;
  }
}

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar {
  z-index: 1000;
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 5px;
  padding-bottom: 0px;
}

.pnav {
  padding: 0px;
  display: block;
}
.navbarpm {
  margin-left: 36px;
  margin-right: 36px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: row;
}

.mpags {
  margin-left: 20px;
}
.plink {
  padding: 0px !important;
  font-weight: 700;
  width: fit-content;
}
.plink {
  padding: 0px !important;
  font-weight: 700;
  width: fit-content;
}

.plink:hover {
  border-top: 3px solid #44aae1;
}

.btn_nav_up {
  width: 150px;
  height: 40px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  border-radius: 30px;
  line-height: 0px;
  letter-spacing: 0.05em;
  font-size: 13px;
  font-weight: 700;
  background: linear-gradient(
315deg,#2a2a72 0%,#009ffd 90%);
  color: black;
  border: 2px transparent;
  margin-left: 1.5rem;
}
.btn_nav_up:hover {
  background: #00316f;
}

.logo {
  width: 164px;
  height: 60px;
  justify-content: left;
  align-items: center;
  display: flex;
  padding-right: 40px;
  margin: 0px;
}
.logo img {
  width: 124px;
  height: 35;
}
.selectpag {
  width: 831px;
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-family: Karla;
  padding: 0px;
  margin: 0px;
}
.content-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.itenselect {
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  font-family: Karla;
  width: 656.27px;
  height: 100px;
}

.social {
  align-items: center;
  justify-content: center;
}

.socialicons {
  height: 35px;
  align-items: center;
  justify-content: center;
  flex-direction: row !important;
}

.facebook {
  width: 10px;
  height: 16px;
}

.linkedin {
  width: 14px;
  height: 16px;
}

.youtube {
  width: 18px;
  height: 35px;
}

.marginsocial {
  margin-left: 24px;
}
.flex {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
}

.navpags {
  width: 100%;
  justify-content: center;
}
/*
 '########::'########:::'#######::::::::'##:'########:'########::'#######:::'######::
  ##.... ##: ##.... ##:'##.... ##::::::: ##: ##.....::... ##..::'##.... ##:'##... ##:
  ##:::: ##: ##:::: ##: ##:::: ##::::::: ##: ##:::::::::: ##:::: ##:::: ##: ##:::..::
  ########:: ########:: ##:::: ##::::::: ##: ######:::::: ##:::: ##:::: ##:. ######::
  ##.....::: ##.. ##::: ##:::: ##:'##::: ##: ##...::::::: ##:::: ##:::: ##::..... ##:
  ##:::::::: ##::. ##:: ##:::: ##: ##::: ##: ##:::::::::: ##:::: ##:::: ##:'##::: ##:
  ##:::::::: ##:::. ##:. #######::. ######:: ########:::: ##::::. #######::. ######::
 ..:::::::::..:::::..:::.......::::......:::........:::::..::::::.......::::......:::
 */

.rowproj     {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.navstyle {
  justify-content: flex-end;
}
.divprospacer {
  height: 45px;
}

.prev {
  z-index: 10;
  position: relative;
  transform: translate(0px, 190px) !important;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 1px solid white;
  color: white;
}


.next {
  transform: translate(0px,190px) !important;
  width: 60px;
  height: 60px;
  background-color: transparent;
  border: 1px solid white;
  color:white;
  float: right;
  position: relative;
  z-index: 11;
}

.next:focus {
  -webkit-box-shadow: inset -1px 3px 8px 5px #44aae1, 2px 5px 16px 0px #44aae1; 
  box-shadow: inset -1px 3px 8px 5px #44aae1, 2px 5px 16px 0px #44aae1;
  outline-color: #44aae1;
}
.prev:focus{
    -webkit-box-shadow: inset -1px 3px 8px 5px #44aae1, 2px 5px 16px 0px #44aae1; 
    box-shadow: inset -1px 3px 8px 5px #44aae1, 2px 5px 16px 0px #44aae1;
    outline-color: #44aae1;
}

@media (min-width: 321px) and (max-width:375px){
  .next {
    transform: translate(0px,240px) !important;
  }
  .prev {
    transform: translate(0px,240px) !important;
  }
}
@media (min-width: 376px) and (max-width:414px){
  .next {
    transform: translate(0px,240px) !important;
  }
  .prev {
    transform: translate(0px,240px) !important;
  }
}




.white {
  color: #fff;
  border: transparent;
}

.portifolio{
  font-size: 60px;
  margin-bottom: 42px;
}

/*
'########:'####:'##:::::::'########:'########:'########::
 ##.....::. ##:: ##:::::::... ##..:: ##.....:: ##.... ##:
 ##:::::::: ##:: ##:::::::::: ##:::: ##::::::: ##:::: ##:
 ######:::: ##:: ##:::::::::: ##:::: ######::: ########::
 ##...::::: ##:: ##:::::::::: ##:::: ##...:::: ##.. ##:::
 ##:::::::: ##:: ##:::::::::: ##:::: ##::::::: ##::. ##::
 ##:::::::'####: ########:::: ##:::: ########: ##:::. ##:
..::::::::....::........:::::..:::::........::..:::::..::
*/

.container {
  overflow: hidden;
}
.filterDiv {
  float: left;
  background-color: #2196f3;
  color: #ffffff;
  line-height: 360px;
  text-align: center;
  display: none;
  padding: 0px;
  margin: 0px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn_filter {
  border: none;
  outline: none;
  padding: 12px 16px;
  cursor: pointer;
  color: #9fa4af;
  white-space: nowrap;
}

/* Add a light grey background on mouse-over */
.btn_filter:hover {
  color: #00316f !important;
}

/* Add a dark background to the active button */
a.active {
  color:#00316f !important;
}

.slick-track {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.space_a {
  height: 130px;
  border-top: 1px solid #eee;
}
.space_b {
  height: 69px;
}
.space_c {
  height: 130px;
  background-color: #fff;
}
.space_d {
    height: 140px;
}
.space_e {
  height: 36px;
  border-top: 1px solid #fff;
  width: 70%;
  
}
/*
:::'########::'#######:::'#######::'########:'########:'########::
::: ##.....::'##.... ##:'##.... ##:... ##..:: ##.....:: ##.... ##:
::: ##::::::: ##:::: ##: ##:::: ##:::: ##:::: ##::::::: ##:::: ##:
::: ######::: ##:::: ##: ##:::: ##:::: ##:::: ######::: ########::
::: ##...:::: ##:::: ##: ##:::: ##:::: ##:::: ##...:::: ##.. ##:::
::: ##::::::: ##:::: ##: ##:::: ##:::: ##:::: ##::::::: ##::. ##::
::: ##:::::::. #######::. #######::::: ##:::: ########: ##:::. ##:
:::..:::::::::.......::::.......::::::..:::::........::..:::::..::
*/

footer {

  justify-items: center;
  align-items: center;
} 

.p2 {
  text-align: center;
  font-size: 16px;
  font-family: karla;
  color: #fff !important;
}

.footrow {
  max-width: 1200px;
  justify-content: center;
}

.footcol  {
 height: 135px;
}
.footsocial {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.circles {
  border-radius: 50%;
  border: 1px  solid #fff;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  line-height: 0;
  padding: 0.6rem 0.8rem 1.1rem 0.7rem; 
  cursor: pointer;
}

.circles:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.acelera  {
  background-color: transparent;
  border-color:  #949494;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
  justify-content: center;
  align-items: center;
}



/*
..######...#######..##....##.########....###....########..#######...######.
.##....##.##.....##.###...##....##......##.##......##....##.....##.##....##
.##.......##.....##.####..##....##.....##...##.....##....##.....##.##......
.##.......##.....##.##.##.##....##....##.....##....##....##.....##..######.
.##.......##.....##.##..####....##....#########....##....##.....##.......##
.##....##.##.....##.##...###....##....##.....##....##....##.....##.##....##
..######...#######..##....##....##....##.....##....##.....#######...######.
*/

.black{
  color:black !important;
}
.homecont{
  font-size: 18px;
  color: #9fa4af;
}

.pad_title_contatos {
  padding-top: 95px;
  padding-bottom: 35px;
  padding-right: 0px;
  padding-left: 0px;
}

.pad_page_contatos {
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 35px;   
  padding-bottom: 140px;
}

.form-group{
  padding: 15px;
  margin: 0px;
}

.form-control {
  padding: 0px 30px;
  background-color: #f1f8fc;
  border-color: #f1f8fc;
  font-family: inherit;
  font-size: inherit;
  border-radius: 30px;
  color: #000;
  height: 50px;
}

.form-control:placeholder {
  color: #858a95;
}

.black {
  color: black !important;
}

.bg-purple{
  background-color: #11096c;
}
.video {
  height: 75vh;
  width: 75vw;
}


.orange {
  color:#44aae1;
}

.tai {
  text-align: initial;
}

.tac {
  text-align: center;
  text-align: -webkit-center;
}
.jcc {
  justify-content: center;
}
.bg-gray {
  background-color: #f0f1f6;
}

.card1 {
  background-image : url(image/card_medcomex_group.png);
  background-size: 100% 100% ;
}
.card2 {
  background-image : url(image/card_medcomex_group2.png);
  background-size: 100% 100% ;
}
.card3 {
  background-image : url(image/card_medcomex_group3.png);
  background-size: 100% 100% ;
}

.card-nosso {
  height: 50vh;
  border-radius: 15px;
  margin-left: 0.5px;
  margin-right: 0.5px;
}

.bg_nosso {
  background-color: transparent;
  background-image: url(images/background_icf_ideal_compressores_de_alta_performace.jpg);
  background-size: 100% 100%;
 }

.card {
  flex: 0 0 12.5%;
  max-width: 12.5%;
  border: none;
}

.footer_a {
  font-size: 10px;
}

.br15 {
  border-radius: 15px;
}

@media only screen and (max-width: 576px) {
  .ngtxt {
    font-size: 12px;
  }
  .space_a {
    height: 65px;
}
  .video {
    height: 30vh;  
    width: 90vw;
  }
  .homeimg2 {
    width: 259px;
    height: 127px;
    transform: none
  }
  #logo {
    height: 60px
  }
  .tAC--sm {
    text-align: center;
    text-align: -webkit-center;
  }
  .jCC--sm{
    justify-content: center;
  }
}
@media screen and (min-width: 576px){
  #logo {
    height: 50px;
  }

}

.gnext {
  bottom: 38vh;left: 42vw;z-index: 10;position: relative;background-color: transparent; border: 1px solid white
}
.gprev {
  bottom: 38vh;right: 42vw;z-index: 10;position: relative;background-color: transparent; border: 1px solid white
}

.bp {
  border: 2px solid #11096c;
  border-radius: 15px;
}


/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/
/*doideira loucura -------------------------------------------------------------*/






p{
    text-rendering: geometricPrecision;
}
.pointer{
  cursor: pointer;
}
.navbar-light .navbar-toggler-icon {
    background-image: url('../image/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-video {
 background-color: transparent;
}
.bg-video::before{
  content: "";
    position: absolute;
    width: 73.99vw;;
    background: #11096c;
    height: 45vh;
    z-index: -1;
    left: 26vw;
}

.bg-blue-img{
    background-image: url("../image/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('image/hls_capital_banner_160x2302.jpg');
    background-size: cover;
}
.box-2{
    height: 100px;
    background-image: url('image/hls_capital_banner_negocios.jpg');
    background-size: cover;
}
.box-3{
    height: 235px;
}
.box-4{
    height: 150px;
}
.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 0px 3px #44aae1;
}
.border-footer{
    border-top: 1px solid black;
}

.text-black{
    color: black;
}


.logo
{
  height: 8vh;
}
.border-bottom-cinza{
  border-bottom: 3px solid;
  border-color: #f4f4f4;
}
.no-border{
    border: none;
}
.glow{
  -webkit-box-shadow: 0px 0px 0px 1.9px #007bff, inset 0px 0px 0 1.9px #007bff;
    box-shadow: 0px 0px 0px 3px #007bff, inset 0px 0px 0 3px #007bff;
    border: 2px solid white;
    border-radius: 90px;
    padding: 12px;
    border-radius: 78px;
}
.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;
}


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

.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.15rem black;
    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: 24px;
  }

/*
 
 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;
}

@-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('../image/hls_capital_banner_300x230.jpg');
        background-size: cover;
    }
    .box-2{
        height: 150px;
        background-image: url('../image/hls_capital_banner_675x150.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(../image/logos/risco_elemento_hls_capital.png);
        display: block;
        background-repeat: no-repeat;
        position: relative;
        top: -20px;
    }
    .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-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{
        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: 40px;
        top: 110px;
    }
    .bg-cinza-left{
        background-image: linear-gradient(to right, #f4f4f4, #f4f4f4);
        background-size: 37vw 43%;
        background-position: 0% 33%;
        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: 100px;
      left: 150px;
    }
    .ml-499{
        margin-left: 1.49rem !important;
    }
    .bg-cinza-left{
        background-size: 38vw 43%;
    }
    .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%);
  }
  h5 {
    font-size: 2.25rem ;
  }
  .compressor {
    font-size: 20px;
    padding-bottom: 5vh;
  }
}
@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;
  }
}

@media only screen and (min-width: 768px) {
  .dropdown {
    display: inline-block;
    position: relative;
  }
  
  .dropdown-box {
    padding-left: 4.5vw;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    width: 50vw;
    left: -20vw;
    overflow: auto;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
  }  
  .dropdown:hover .dropdown-content {
    display: flex !important;
    background-color: white;
    border-radius: 10px;
  }
}

.dropdown-content {
  display: none;
}
.dropdown:hover .dropdown-content {
  display: block;
  background-color: white;
  border-radius: 10px;
}
.dropdown-content a {
  display: block;
  color: #858a95;
  padding: 5px;
  text-decoration: none; 
  border-bottom: 3px solid #fff;
}
.dropdown-content a:hover {
  border-bottom: 3px solid #00316f;
  width: 50%;
  white-space: nowrap;
}

.btn-top {
  border: none;
  border-radius: 15px;
  padding: 0px 30px;
  color: #2a92ca;
  margin: 0px 0px 0px 15px;
}

.z-10000{
  z-index: 10000;
}

.bandericon{
  width: 50px;
  height: 50px;
}

.fs-icon{
  font-size: 30px;
}