@font-face {
  font-family: 'Neometric';
  src:  url('dist/webfonts/Neometric\ Alt\ Light.woff') format('woff');
  font-weight:300;
}

@font-face {
  font-family: 'Neometric';
  src:  url('dist/webfonts/Neometric\ Alt\ Medium.woff') format('woff');
  font-weight:400;
}

@font-face {
  font-family: 'Neometric';
  src:  url('dist/webfonts/Neometric\ Alt\ Bold.woff') format('woff');
  font-weight:600;
}

@font-face {
  font-family: 'Neometric';
  src:  url('dist/webfonts/Neometric\ Alt\ Black.woff') format('woff');
  font-weight:700;
}

@font-face {
  font-family: 'Neometric';
  src:  url('dist/webfonts/Neometric\ Alt\ Extra\ Bold.woff') format('woff');
  font-weight:900;
}



body {
  font-family: Neometric;
  font-weight:300;
}

.body-home {
  background: url(img/header-home.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.body-page {
  background: url(img/bg-page.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.navbar{
    font-size: 16px;
    font-weight: bold;
    padding: 13px 0;
    font-family: Neometric;
    font-weight:400;
}

.navbar-nav{
  padding-left: 20px;
}


.navbar-dark .navbar-nav .nav-link {
  margin-right: 15px;
  padding: 10px 10px;
  color: #fff;
}

.navbar-dark .nav-item .nav-link.active,
.navbar-dark .nav-item .nav-link:focus,
.navbar-dark .nav-item .nav-link:hover {
  color: #fff;

}

.navbar-dark .nav-item .nav-link.active::after,
.navbar-dark .nav-item .nav-link:focus::after,
.navbar-dark .nav-item .nav-link:hover::after{
    content: '';
    border-bottom: 4px solid #fff;
    border-radius: 4px;
    width: 30px;
    display: block;
}

.bg-dark{
background-color: transparent !important;
}

.bg-light{
  background-color: transparent !important;
  }

.navbar-dark .header-social-home a {
  padding: 5px;
  font-size: 15px;
  width: 25px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: #fe7728;
  margin-right: 5px;
  color: #fff;

}

.navbar-dark .header-social-home a:hover {
  opacity: 0.7;
}


.navbar-light .navbar-nav .nav-link {
  margin-right: 15px;
  padding: 10px 10px;
  color: #6f6e6e;
}

.navbar-light .nav-item .nav-link.active,
.navbar-light .nav-item .nav-link:focus,
.navbar-light .nav-item .nav-link:hover {
  color: #6f6e6e;

}

.navbar-light .nav-item .nav-link.active::after,
.navbar-light .nav-item .nav-link:focus::after,
.navbar-light .nav-item .nav-link:hover::after{
    content: '';
    border-bottom: 4px solid #6f6e6e;
    border-radius: 4px;
    width: 30px;
    display: block;
}


.navbar-light .header-social-home a {
  padding: 5px;
  font-size: 15px;
  width: 25px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  background: #6f6e6e;
  margin-right: 5px;
  color: #fff;

}

.navbar-light .header-social-home a:hover {
  opacity: 0.7;
}



@media (max-width: 48em) {

  .navbar-nav{
    padding-left: 0px;
  }
  
  .navbar-dark .nav-item .nav-link.active::after,
  .navbar-dark .nav-item .nav-link:focus::after,
  .navbar-dark .nav-item .nav-link:hover::after{
      content: '';
      border-bottom: 4px solid #fff;
      border-radius: 4px;
      width: 30px;
      display: block;
margin: 0 auto;
  }

  .navbar-light .nav-item .nav-link.active::after,
  .navbar-light .nav-item .nav-link:focus::after,
  .navbar-light .nav-item .nav-link:hover::after{
      content: '';
      border-bottom: 4px solid #6f6e6e;
      border-radius: 4px;
      width: 30px;
      display: block;
      margin: 0 auto;
  }


}











#header-home{
  margin: 40px 0;
  padding: 0;
text-align: left;

}
  


#header-home h1{
  font-family: Neometric;
  font-weight:300;
  font-size: 22px;
  color: #fff;
}


#header-home h2{
  font-family: Neometric;
  font-weight:900;
  font-size: 40px;
  color: #fff;
}

#header-home p{
  font-family: Neometric;
  font-weight:300;
  font-size: 18px;
  color: #fff;
  padding: 0;
  margin: 5px 0;
}
  


#header-home h3{
  font-family: Neometric;
  font-weight:300;
  font-size: 24px;
  color: #fff;
}


#header-bottom{
  margin-top: -90px;
  padding-left: 0 !important;
  padding-right: 0 !important;

}

#header-home2{
  background: #05066a; 
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  align-items: center;
}


#header-home2 h2{
  font-family: Neometric;
  font-weight:300;
  font-size: 24px;
  color: #fff;
  margin-top: 50px;
}

#header-home2 p{
  font-family: Neometric;
  font-weight:300;
  font-size: 18px;
  color: #fff;
  padding: 0;
  margin: 5px 0;
}




@media (max-width: 48em) {

  .img-mobile{
    padding-top: 40px;
    padding-bottom: 100px;
  }
  


}




.btn-warning{

  background-color: #f15b23;
  border: #f15b23;
  color: #fff;
  font-size: 20px;
}




.bg-page{
  margin: 40px 0;
  padding: 0;
text-align: left;


}


.bg-page h1{
  font-family: Neometric;
  font-weight:300;
  font-size: 20px;
  color: #6f6e6e;

}

.bg-page h1 span{
  font-family: Neometric;
  font-weight:700;
  font-size: 50px;
  color: #cc5a1c;

}

.bg-page h2{
  font-family: Neometric;
  font-weight:300;
  font-size: 16px;
  color: #6f6e6e;

}


.bg-page h4{
  font-family: Neometric;
  font-weight:400;
  font-size: 15px;
  color: #6f6e6e;

}

.bg-page h4 span{
  font-family: Neometric;
  font-weight:400;
  font-size: 16px;
  color: #cc5a1c;

}

.bg-page p{
  font-family: Neometric;
  font-weight:300;
  font-size: 11px;
  color: #cc5a1c;
line-height: 1em;
}


@media (min-width: 768px) {




}




#tarifas{
  padding:40px 0;

  }
  
  
  #tarifas h2{
  
  font-weight:300;
  font-size: 20px;
  color: #6f6e6e;
  
  }
  
  #tarifas h2 span{
  
  font-weight:700;
  font-size: 50px;
  color: #cc5a1c;
  
  }
  
  #tarifas h3{
  
  font-weight:300;
  font-size: 16px;
  color: #6f6e6e;
  
  }
  
  
  #tarifas h4{
  
  font-weight:600;
  font-size: 17px;
  color: #cc5a1c;
  
  }
  
  #tarifas h4 span{
  
  font-weight:400;
  font-size: 16px;
  color: #cc5a1c;
  
  }
  
  #tarifas p{
  
  font-weight:400;
  font-size: 13px;
  color: #6F6E6E;
  line-height: 1.2em;
  }
  
  
  #tarifas .text-small{
    font-size: 11px !important;
  }
  
  #tarifas .text-big{
    font-weight:600;
    font-size: 14px !important;
    color: #332E62;
  }
  
  
  
  
  
  
  .tarifa-img{
   text-align: right;
  
  }
  
  .tarifa-text{
    text-align: left;
  
    
  }
  
  
  @media (max-width: 992px) {
  
    #tarifas h2 span{
  
      font-size: 40px;
  
      
      }
  
  
    .tarifa-img{
      text-align: left;
     
     }
     
     .tarifa-text{
       text-align: left;
     
       
     }
    
  }


.accordion-button:not(.collapsed) {
  color: #cc5a1c;
  background-color: #fff1d1;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion span{
  font-weight:600;
  color: #cc5a1c;
}




.form-control {
  display: block;
  width: 100%;
  padding: .100rem .20rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.5;
  color: #999 !important;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 0px solid #000;
  border-left: 0px solid #000;
  border-right: 0px solid #000;
  border-bottom: 1px solid #9a9a9a;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

label{
  color: #c6c6c9;
  font-weight: 500;
}

footer{
text-align: center;
}

.footer-home{
  color: #ffffff;
}

.footer-page{
  color: #6f6e6e;
}


footer span{

  padding-left: 5px;
  padding-right:5px;

}


footer p{

  font-size: 14px;
padding: 5px;
margin: 0;
}

.footer-divisor-home{
border-top: 1px solid #fff;
width: 60%;
text-align: center;
margin: 0 auto;
}


.footer-divisor-page{
  border-top: 1px solid #6f6e6e;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  }
