/*
Grey : #616161

Red : #D01A02
*/
@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');
html {
    scroll-behavior: smooth;
    
  }
 
  .scroll {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  .log {
      height:2rem;
  }
  .bg-image {
      margin-top:5%;
  }
  .head-all {
      margin-top: 7% !important;
  }
  .bg-red{
      background-color: #D01A02;

  }
  .head-whatsapp {
    margin-left:2rem;
    color:#616161;
    font-weight:bold;
  }

  body {
    font-family: 'Questrial', sans-serif !important;
  }

a:hover {
    color:#D01A02 !important;
    text-decoration:none !important;
    cursor: pointer;
}

.fixed-menu {
    position: fixed;
    width:100%;
    top:0px;
    z-index: 1;
    background-color: #D01A02;
}

.navbar-nav {
    margin-left: auto;
    margin-right: auto;   
}
.nav-link {
    padding: 0 !important;
    margin-top:13px;
    text-align: center
}
.navbar-nav a{
    color:#616161 !important;
}
.navbar {
    border-bottom: 0px solid #384859;
}
.mainmenu {
    background-color:#ffffff !important;
    paddng: 0px !important;
}

/* burger menu */

.bar1, .bar2, .bar3 {
    width: 25px;
    height: 3px;
    background-color: #ffff;
    margin: 5px 0;
    transition: 0.4s;
  }
  .bar2 {opacity: 1;}
  
  .change .bar1 {
    -webkit-transform: rotate(-46deg) translate(-4px, 6px);
    transform: rotate(-46deg) translate(-4px, 6px);
    background-color: #ffffff;
  }
  
  .change .bar2 {opacity: 0;}
  
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-5px, -8px);
    transform: rotate(45deg) translate(-5px, -8px);
    background-color: #ffff;
  }
  .navbar-light .navbar-toggler {
    border: 0px solid black;
    background-color: #ffffff;
    border-radius: 0px;
}
.navbar-toggler {
    padding: 1rem !important;
}
 .navbar-toggler:focus {
    outline: none;
}


.mobile-address{
    text-align: center;
    border-top:1px solid #D01A02;
    width:60%;
    margin:auto;
    padding:3%;
    color:#616161;
}

.foot-2 {
    background-color: #616161;
    padding:1%;
}
.foot-2 a{
    color: #ffff;
    font-weight: bold; 
}
.foot-2 img{
    height: 2rem; 
}


.soy-bona {
    padding:5%;
}
.soy-bona h3 {
    font-weight: bold;
    color: #616161;
    margin-top: 5px;
}
.soy-bona p {
    color: #616161;
    font-size:1.1rem
}
.soy-bona a {
    background-color: #D01A02;
    color: #ffffff;
    padding: 20px 40px;
    border-radius: 30px;
    font-weight: bold;
}
.soy-bona a:hover {
   
    color: #ffffff !important;
}
.tarifas {
    padding:10% 5%;
    position: relative;
    max-height: 400px;
}
.tarif-image {
    position: absolute;
    top: -9vh;
    left: 24%;
}
.tarifas a {
    background-color: #ffffff;
    color: #D01A02;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
}

.tarifas h3{
    color: #ffffff;
    font-size: 3rem;
    font-weight: bold;
    marin: 0 20%;
}
.tarifas-mobile {
    position: absolute;
    top:29px;
    background-color:#d01a02a3;
    width: 100%;
}
.tarifas-mobile h3 {
    text-align: center;
    font-size: 3rem;
}
.tarif-ver a {
    background-color: #ffffff;
    color: #D01A02;
    padding: 20px 40px;
    border-radius: 30px;
    font-weight: bold;
    box-shadow: 1px 1px #9E9E9E;
}
.tarif-ver {
    position: relative;
    margin-top:-6%
    
}
.col-gallery{
    background-repeat: no-repeat;
    background-size: contain !important;
    background-image: url('../imgs/img-galeria-home.jpg') !important;
    height: 570px;
    background-position: center;
}
.col-gallery a{
    background-color: #ffffff;
    color: #D01A02;
    padding: 20px 40px;
    border-radius: 30px;
    font-weight: bold;
    text-align: center;
    margin-top:400px; 

}
.gallery-mobile {
    position: absolute;
    bottom: 0px;
    left: 30%;
}
.gallery-mobile h3 {
    text-align: center;
    font-size: 3rem; 
    color: #ffffff;
}
.gallery-mobile a {
    background-color: #ffffff;
    color: #D01A02;
    padding: 20px 40px;
    border-radius: 30px;
    font-weight: bold;
    box-shadow: 1px 1px #9E9E9E;
}
.contact-home {
    padding:5% 3% 1% 5%
}
.contact-home h3 {
    font-size:3rem;
    color: #D01A02;
    text-align: center;
    margin-top: 30px;
}
.contact-home-2 img {
    height: 3rem;
}
.contact-home-2 a {
    color: #D01A02;
    font-weight: bold;
    font-size: 1.3rem;
}
.contacto-m {
    padding:6% 0;
    position: relative;
}
.contacto-mobile {
    position: absolute;
    top:22px;
    background-color:#d01a02a3;
    width: 100%;
}
.contacto-mobile h3 {
    text-align: center;
    font-size: 3rem; 
    color: #ffffff;
}
.contacte-page p {
    width: 60%;
    marin: auto;
    color: #616161;
    font-size:1.2rem;
}
.contacte-page {
    padding:5% 0;
}
.contacte-page h3{
    color:#D01A02;
    font-size:3rem;
    text-alig: center;
}
.contact-page-2 img {
    height: 2rem;
}
.contact-page-2 a {
    color: #D01A02;
    font-weight: bold;
    font-size: 1.3rem;
}
.sobremi {
    padding:5% 0;
}
.sobremi h3{
    color:#D01A02;
    font-size:3rem;
    text-align: center;
    margin-top:40px;
}

.sobremi h6{
    color:#616161;
    font-size:1.5rem;
}
.sobremi p {
    color: #616161;
    font-size:1.2rem;
}
@media (min-width: 767.9px) {
    /* .foot-2 {
        position: fixed;
        bottom: 0px;
        width:100%;
    } */
    .gallery-m {
        margin-top: 67vh !important;
    }
    .gallery-mobile {
        left: 35%;
    }
    .contacto-mobile {
       top:44px;
      
    }
    
}
@media (min-width: 992px) {
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    
    .mobile {
        display: none !important;
    }
    .menu-active{
        border-bottom: 2px solid #D01A02;
     }
     .volver {
        margin-top: 15px;
    }
     

}

@media (max-width: 991.98px) { 
    .mainmenu {
        background: none !important;
    }
    .bg-image {
        margin-top:0;
    }
    .head-whatsapp {
        margin-left:0;
        color:#ffffff
      }
      .navbar-collapse {
          height: 0px !important;
      }
      .collapsing {
          transition: none !important;
      }

      .navbar-nav {
        margin-left: auto;
        margin-right: 0;
        width: 70%;
        background: #ffff;   
    }
    .navbar-light .navbar-toggler {
        border: 0px solid black;
        background:none;
        border-radius: 0px;
    }
   .desktop {
       display: none !important;
   }
   .head-all {
    margin-top: 15% !important;
    }
    .contacte-page p {
        width: 80%;
    }
    .contacte-page h3 {
        margin-top: 10%;
    }
    .contact-page-2 a {
        font-size: 1rem;
    }
 
    .mobile-menu {
        background-color: #ffffff !important;
    }
    .navbar-nav a{
        color:#D01A02 !important;
    }
     .menu-active a{
        font-weight: 900;
      }
     .nav-link {
         margin-top:0px !important;
     }
    .soy-bona {
        text-align: center;
    }
    .tarifas {
        padding:6% 0;
        position: relative;
    }
    .gallery-m {
        margin-top: 10%;
        position: relative;
        background-color:#d01a02a3;
        width: 100%;
    }
    
}