/* @font-face {
    font-family: 'Aller';
    src: url('Aller_Bd.ttf') format('truetype');
    src: url('Aller_Bdlt.ttf') format('truetype');
  }   */

body , html{background-image: url('../img/background.jpg'); background-attachment: fixed; }
*{color: #f5f6fa;}
a {
  color: unset;
}
a:hover {
  color: unset;
}

/* REUSABLE CLASSES */
.j-font-32{font-size: 32px;}
.j-font-25{font-size: 25px;}
.j-font-17{font-size: 17px;}
.j-font-16{font-size: 16px;}
.j-font-13{font-size: 13px;}
.j-border{border:1px solid #f5f6fa;}
.j-border-bottom{border-bottom:1px solid #f5f6fa;}
.j-border-top{border-top:1px solid #f5f6fa;}
a{text-decoration: none !important;}
.j-br-0{border-radius: 0;}
.j-pt-6{padding-top: 4.3rem !important;}
.j-lh-150{line-height: 150%;} 

/* NAVBAR */
.navbar-brand img{width: 120px;}
.j-navbar{background: rgba(0, 0, 0, 0.8) !important;}
.j-w-20{width: 20% !important;}

/* header */
.j-z-index-9999{z-index: 9999; background-image: url('../img/background.jpg');}
.j-vh-100{height: 100vh;}
#j-action-btn{  transition: background-color .3s ease-out;}
#j-action-btn:hover{background-color: #f5f6fa;}
#j-action-btn:hover p{color: rgba(0, 0, 0, 0.8) !important;}
.j-contact-btn{background-color: transparent;color:#f5f6fa !important; transition: all .3s;}
.j-contact-btn:hover{background-color: #f5f6fa;color: rgba(0, 0, 0, 0.8) !important;}
.realization-link img {
  width: auto;
  height: 25px;
  transform: rotate(45deg);
  top: -5px;
  position: relative;
}


.j-hero-box{
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.j-hero-box img{width: 650px; max-width: 100%;}
.scroll-to {
  color: #fff;
  position: absolute;
  bottom: 15px;
}
.scroll-to img {
    width: 24px;
    height: 24px;
    transform: rotate(180deg);
}
.j-hero-text {
  font-weight: 600;
}
p.lead {
  font-weight: 600;
  font-size: 1.1rem;
}
.scroll-to:hover {
  color: rgba(255, 255, 255, 0.6);
}

/* OFFER */

.j-more-info-link img{width: 20px; height: 20px;}
.j-offer-icon{width: 160px; height: 160px;}
.j-logo-pro{width: 65px;}


/* FORM */
#section-contact {
  position: relative;
}
.form-btn {
  background-color: transparent;
}
.form-btn:hover {
  background-color: #fff;
}
input[type="checkbox"] {
  margin-right: 10px;
}
.rodo {
  font-size: 17px;
  font-weight: 700;
  position: absolute;
  top: 50%;
}
.rodo-success {
  color: greenyellow;
} 
.rodo-erro {
  color: #ff0000;
}

/* MODAL */
.modal-content {
  padding: 2rem;
}
.modal-content p {
  color: rgba(0, 0, 0, .8);
}
.close {
width: 20px;
height: 20px;
right: 20px;
position: absolute;
top: 15px;
}
.close img {
  max-width: 100%;
  max-height: 100%;
}
/* carusel */


.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(33.33%) !important;
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-33.33%) !important;
}
  
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0) !important;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: flex;
}

.carousel-item img {
  max-height: 80px !important;
}
/* MAP */
.j-map-box{}
.j-map{width: 480px; height: 320px !important;}
/* footer */
.footer {
  display: flex;
  background-color: #111;
}
.copyright a:hover {
  color: #e67e22;
}


.doors {
  margin-top: 180px;
}
@media (max-width: 587px){
  .j-hero-text{font-size: 43px;}
  P.lead {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
  .doors {
    margin-top: 80px;
  }
}

.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 2px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}
.btn { margin-bottom:10px; }