/*FONTS*/
@font-face {
    font-family: "Gotham";
    src: url("./Fonts/Gotham-Book.otf");
  }
/*MENU*/
header {
 z-index: 99999999;
 width: 100%; 
height: 95px;
background-color: #ffffff;  
position: fixed;
}
.mobilMenu{
    /*display: none;*/
    
}
.btn-menu{
    font-size: 16px;
    color: #ffffff;
}
.menu{
    position: absolute;
    padding-top:25px;
    z-index: 1;
}
.img-logo{
    width:100%;
}
#myMenu a{
    font-size: 15px;
    color: #302f2f;
    font-weight: bolder;
    /*background: lavender;*/
    border-radius: 15px;
    padding: 5px;
}
#myMenu{
    margin-top: 13px;
}
#myMenu li:hover > a {
    color: #00bcd4;
    }
#myMenu li{
    float: left;
    margin: 0 10px;
    display: inline;
    list-style: none;
    position: relative;
}


/*INICIO*/

#inicio{
    max-width: 100%;
    height: auto;
}
.contentConv{
    position: absolute;
    bottom: 0;
}
.conv {
    font-size: 34px;
    color: white;
    left: 20%;
}
.reg {
    font-size: 34px;
    color: white;
    left: 40%;
}
 .img-quienes-somos{
     position: absolute;
     width: 100%;
     max-height: 95% !important;
 }
 .content-quienes-somos{
    background-image: url("../img/quienes-somos.jpg");
    background-attachment: fixed;
 }
 #inicio h1{
     z-index: 999999;
     font-size: 50px;
 }
.desc-quienes-somos {
     padding: 5% 0%;
 }
 .desc-quienes-somos h1{
    margin-bottom: 30px;
}
.texttt{
    border-left: solid;
    border-width: 5px;
    padding-left: 5px;
}
.texttt h5{
    color: #3c3950;
    font-weight: 700;
}
.texttt p {
    color: #33cccc;
}
p {
    color: #3c3950;
    font-size: 18px;
}
.actividades {
    text-align: left;
    margin:5% 0 2% 0;
}
.conectate{
    background-image: url(../img/conectate.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 900px;
}
footer {
    padding: 50px 0 50px 0;
    background-color: #181828;
}
.imgMenu a img{
    width: 100%;
}
.contact{
    background-color: #ececec5e; 
    border:1px solid #eadede;
}
.registraC{
    position: absolute; z-index: 9; bottom:120px; color:#ffff;width: 100%;font-size: 40px;
}
.registraCo {
    position: absolute; 
    z-index: 9;
     bottom:20px;
      color:#ffff;
      width: 100%;
      font-size: 12px;
}

/*CONTDOR*/
.contador-hotsale {
    opacity:0;
    transition: opacity 0.5s 0s, max-height 0.5s 0s;
  }
  
  .contador-hotsale.show-hs {
    opacity: 1;
  }
  
  .contador-hotsale .row{
    opacity:0;
    transition: opacity 0.5s .6s;
  }
  
  .contador-hotsale.show-hs .row{
    opacity:1;
    transition: opacity 0.5s s;
  }
  
  .contador-hotsale .row strong{
    transition: all 0.3s ease 0s;
  }
  .contador-hotsale {
    background: #1e1c1c94;
    border: 2px solid black;
    border-radius: 5px;
    padding:13% 10% 13% 13%;
    margin:65px 0;
  }
  #contador {
    font-size: 16px;
    color: #ffff;
    border-radius: 5px
  }
  .img-hotsale{
    max-width:10%;
    height:auto;
  } 
  .cron {
    background-image: url("../img/cron.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
  }
  .thh{
    border-radius:50px;
     background:black;
     height:100px !important;
     width:100px !important; 
    font-size:40px;
    padding-top:15px; 
    color:#fff; 
    margin-bottom:0;
   
  }
  @media (max-width: 550px) {
    .contador-hotsale {
        background: #1e1c1c94;
        border: 2px solid black;
        border-radius: 5px;
        padding:15%;
        margin:65px 0;
      }
      .thh{
        border-radius:50px;
         height:70px !important;
         width:70px !important;
        font-size:25px;
        padding-top:15px; 
        
      }
      .actividades h1{
          font-size: 25px;
      }
      .img-quienes-somos {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .desc-quienes-somos {
        padding: 5% 3%;
    }
  }
/*END CONTADOR*/