body{scroll-behavior:smooth;background:#f3f6f8}.fun-background,.rounded-logo{border-radius:100%}.fas{align-items:center}.fas>img{height:45px}.carousel-section{padding:60px 0;background-color:#012b95;position:relative}.partners-carousel{margin:0 50px;align-items:center;flex-wrap:wrap;gap:70px}.partner-logo{width:120px}.fun-background{position:relative;margin:0 auto 20px;width:100px;height: 100px !important;background:#fff}.fun-background img{position:absolute;margin:auto;inset:0}.info-line-text{display:inline;color:#fff;font-family:Montserrat,sans-serif;font-size:30px;font-weight:700;margin-top:10px}.float-whatsapp{width:70px;height:70px;display:flex;justify-content:center;align-items:center;background-color:#00cf00;border:none;border-radius:100%;position:fixed;bottom:50px;right:50px;z-index:10000;cursor:pointer;transition:.3s ease-in-out}.float-whatsapp:hover{transform:scale(1.2)}.partners-section{padding:40px 0;background-color:#012b95}.partner-item{height:140px !important;display:flex!important;justify-content:center;align-items:center}.partner-item img{width:140px}.text-border{color:#000;text-shadow:-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,1px 0 0 #fff}.policy-text{margin-left:30px;margin-right:30px;text-align:justify!important;font-size:14px}.policy-text h2{font-size:24px;font-weight:700;margin:0}.policy-text ol{list-style:circle;margin:10px 0;padding:0 20px;text-align:left}.machines-section h1{margin-bottom:100px;text-align:center;font-weight:700;font-size:40px;color:#012b95}.machines-section>div{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.machine-item{margin:20px 0;text-align:center}.machine-item h2{text-align:center;font-size:20px;font-weight:700;color:#012b95}.machine-item img{max-height:300px;height:100vw}.budget-button,.machine-item a{margin:0 auto;padding:10px 20px;background-color:#012b95;text-transform:uppercase;color:#fff}.videos-section{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.videos-section iframe{transform:scale(.8)}.video-heading{display:block;margin:100px 0 0}.contact-items{margin-top:50px}.contact-items div{margin:20px 0 0 20px}.contact-items img{height:25px}.contact-items span{padding-left:10px;font-size:20px}

#bootcarousel span{
    padding: 0px 15px;
    background: #fff;
}

.header-margin{
    padding-top: 90px;
}

.header-image{
    width: 100vw;
    height: 400px;
    display: flex;
    align-items: center;
    background-color: #012b95;
}

.header-image h1{
    margin: 0 100px;
    font-weight: bold;
    font-size: 40px;
    color: #fff !important;
}

.header-bg-01{
    background: linear-gradient(0deg, #000000 0%, #000000a0 100%) ,url("/assets/img/mockup/mockup-30.webp") no-repeat center, #1a1a1b;
    background-size: cover;
}

.header-bg-02{
  /* background: url("../img/outsourcing_wallpaper.webp"); */
  background: linear-gradient(0deg, #000000 0%, #000000a0 100%), url("../img/outsourcing_wallpaper.webp"), #1a1a1b;
  background-size: cover;
}

.header-bg-03{
  background: url("/assets/img/new_about2.webp");
  background-size: cover;
}

.header-bg-04{
    background: linear-gradient(0deg, #000000 0%, #000000a0 100%) ,url("/assets/img/slider/new_slider-03.webp") no-repeat center, #1a1a1b;
    background-size: cover;
}

.header-bg-05{
    /* background: linear-gradient(0deg, #012b95 0%, #002992a0 100%) ,url("/assets/img/mockup/mockup-25.webp") no-repeat center fixed, #012b95; */
    background: url("/assets/img/videos-gradient.webp") no-repeat center fixed;
    background-size: cover;
}

.header-bg-06{
  background: url("/assets/img/contact-us-wallpaper.webp");
  background-size: cover;
}

.info-line-text {
    display: inline;
    color: #ffffff;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-top: 10px;
}

.pf-item, .item-inner{
    height: auto !important;
}

.pf-item{
    position: static !important;
}

.videos-section{
    margin: 100px 0;
    width: 100%;
}

.video-info-div{
    position: relative;
    margin: 25px;
    width: 460px;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #000;
}

.video-info-div img {
    height: 280px;
    width: auto;
    margin: 0 auto !important;
}

@media(max-width: 767px){
    .icon .fas{
        display: none !important;
    }
}

/* Sliders Start  */
@media screen and (max-width: 480px) {
    .show-on-desktop {
      display: none;
    }
}
  
@media screen and (min-width: 481px) {
    .hide-on-desktop {
      display: none;
    }
}
/* Sliders End  */

/*==============================
Preloader CSS
=================================*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #0152a3;
  }
  
  .spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
  }
  
  .spinner > div {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: circle-in 1.4s infinite ease-in-out both;
            animation: circle-in 1.4s infinite ease-in-out both;
  }
  
  .spinner .circle1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s;
  }
  
  .spinner .circle2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s;
  }
  
  /*==============================
  Preloader CSS End
  =================================*/

  .lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    /* border: 32px solid red; */
    border: 32px solid #012B94;
    /* border-color: red transparent red transparent; */
    border-color: #012B94 transparent #012B94 transparent;
    animation: lds-hourglass 1.2s infinite;
  }
  @keyframes lds-hourglass {
    0% {
      transform: rotate(0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
      transform: rotate(900deg);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
      transform: rotate(1800deg);
    }
  }

  .loader  {
    animation: rotate 1s infinite;  
    height: 50px;
    width: 50px;
  }
  
  .loader:before,
  .loader:after {   
    border-radius: 50%;
    content: '';
    display: block;
    height: 20px;  
    width: 20px;
  }
  .loader:before {
    animation: ball1 1s infinite;  
    background-color: #cb2025;
    box-shadow: 30px 0 0 #f8b334;
    margin-bottom: 10px;
  }
  .loader:after {
    animation: ball2 1s infinite; 
    background-color: #00a096;
    box-shadow: 30px 0 0 #97bf0d;
  }
  
  @keyframes rotate {
    0% { 
      -webkit-transform: rotate(0deg) scale(0.8); 
      -moz-transform: rotate(0deg) scale(0.8);
    }
    50% { 
      -webkit-transform: rotate(360deg) scale(1.2); 
      -moz-transform: rotate(360deg) scale(1.2);
    }
    100% { 
      -webkit-transform: rotate(720deg) scale(0.8); 
      -moz-transform: rotate(720deg) scale(0.8);
    }
  }
  
  @keyframes ball1 {
    0% {
      box-shadow: 30px 0 0 #f8b334;
    }
    50% {
      box-shadow: 0 0 0 #f8b334;
      margin-bottom: 0;
      -webkit-transform: translate(15px,15px);
      -moz-transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #f8b334;
      margin-bottom: 10px;
    }
  }
  
  @keyframes ball2 {
    0% {
      box-shadow: 30px 0 0 #97bf0d;
    }
    50% {
      box-shadow: 0 0 0 #97bf0d;
      margin-top: -20px;
      -webkit-transform: translate(15px,15px);
      -moz-transform: translate(15px, 15px);
    }
    100% {
      box-shadow: 30px 0 0 #97bf0d;
      margin-top: 0;
    }
}

/* Labels section START */

.portfolio-items {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    transition: 200ms ease-in-out;
}

.portfolio-items .pf-item {
    position: relative !important;
    inset: auto !important;
}

.overlay {
  top: 0;
}

.labels-section .item-inner .overlay .view-list {
  margin: auto;
  top: 0;
  overflow: auto;
}
.labels-section .item-inner:hover .overlay .view-list {
  margin: auto;
  top: 0;
  overflow: auto;
}
.labels-section .item-inner:hover .overlay .view-list :where( p, div, ul, li) {
  opacity: 1;
  filter: opacity(1);
  color: #fff;
  text-transform: none;
  font-size: 20px !important;
}
.labels-section .item-inner .overlay .view-list::-webkit-scrollbar {
  width: 5px;
}
.labels-section .item-inner .overlay .view-list::-webkit-scrollbar-track {
  background: #0152a3;
}
.labels-section .item-inner .overlay .view-list::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 4px;
}
.labels-section .item-inner .overlay .view-list::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.labels-section .item-inner .overlay {
  bottom: 0 !important;
  left: 0;
  z-index: 10;
  transition: 500ms ease-in-out;
}
.labels-section .item-inner:hover .overlay {
  transform: translate(100%,0);
}

.labels-section .item-inner:hover .invert-overlay {
  transform: translate(-100%,0);
}

.labels-section .item-inner:hover .bottom-overlay {
  transform: translate(0,100%);
}

/* Labels section END */

svg text {
    text-transform: uppercase !important;
}

.map-section .mapcontainer {
  position: relative;
}

.map-section .mapcontainer .locale-pointer {
  display: block;
  text-align: center;
  position: absolute;
  width: 20px;
  height: auto;
}

.map-section .mapcontainer .locale-pointer div {
  position: absolute;
  margin: auto;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.map-section .mapcontainer .locale-pointer div::before {
  content: ' ';
  display: block;
  border: 2px #fff solid;
  border-radius: 100%;
  transition: 500ms ease-in-out;
  animation: up-size 1.5s infinite;
}

@keyframes up-size {
  0% {
    width: 0px;
    height: 0px;
    filter: opacity(1);
  }
  100%, 50% {
    width: 30px;
    height: 30px;
    filter: opacity(0);
  }
}

.mapcontainer .norte{
  top: 20%;
  left: 37%;
}
.mapcontainer .nordeste{
  top: 28%;
  left: 86%;
}
.mapcontainer .centro{
  top: 48%;
  left: 51%;
}
.mapcontainer .sudeste{
  top: 56%;
  left: 71%;
}
.mapcontainer .sul{
  top: 73%;
  left: 56%;
}