/****** PLACE YOUR CUSTOM STYLES HERE ******/

a {
    text-decoration:none !important;
  }

.direccionBtnInicio {
    
    text-align: start;

}

.direccionBtnFin {
    
    text-align: end;

}


.big-btn{
  box-shadow:0px 5px 10px rgba(0,0,0,0.2);
  border-radius:5px;
  padding:1em 1em;
  border:2px solid transparent;
  transition:all .5s;
  flex-basis:30%;
  width:150px;
  /*display:block;*/

  margin: 0px;
  cursor:pointer;
} 

.big-btn:hover{
  /*background-color: #E87F7F;*/
  border-color: #7FABE8;
}


.linkFooter {
  color: #ffffff;
  text-decoration: none;
}

.linkFooter:hover {
  color: #58C1FD;
  font-style: bold;
  text-decoration: none;
}



#sticky-footer {
    flex-shrink: none;
  }
.iconoFooter:hover{
  opacity: 0.5;
  transition:all .5s;
}


/* tamaño de botones de agregar y continuar */
.btnDos {
    /* float:right;  */
    text-align: center;
     width: 100%;
}



@media only screen and (max-width: 500px) {

    .fontTitle{
        font-size: 16px;
    }
    
    .fontSubTitle{
        font-size: 10px;
    }


    .navbar-toggle{
    margin-right: 25px;

    }
    .navbar-nav {
        margin: 0px;
    }
   .container-fluid>.navbar-header {
    margin-right: 0px;
   }

   .h2Center{
    text-align: center;
   }
    .logoCumbreNuevo {width: 145px!important;}


    .btnServicios{

        margin: 5px 0px;
        width: 70%;
        text-align: left;
    }

    .btnDos {
        text-align: center !important;
       
    }

    .divBtnDos{
        
        display: flex;
        justify-content: center;
    }

    .big-btn{
        text-align: left;
        margin:5px !important;
    }

    .direccionBtnInicio, .direccionBtnFin {
    
        text-align: unset;
    
    }


    .logoCumbreNuevo {
        width: 145px!important;
    }

    .logo {
        width: 16%;
    }
    .tituloSitio {
        font-size: 3.2vw;
    }
    #hero2 {
        height: 60px!important;
    }
    .qs {
        width: 50%!important;
    }

    .imgLogin {
        size: 5;
    }
    
    .btnTres{
        text-align: center !important;
       
    }

}

@media only screen and (min-width: 500px) and (max-width: 700px) {
    .fontTitle{
        font-size: 16px;
    }
    
    .fontSubTitle{
        font-size: 10px;
    }
    .h2Center{
        text-align: center;
       }
    .big-btn{
        text-align: left;
        margin:5px !important;
    }

    #resumenBeneficiario{
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .btnDos {
        text-align: center !important;
       
    }

    .btnTres{
        text-align: center !important;
       
    }
    

    .divBtnDos{
        
        display: flex;
    }

    .direccionBtnInicio, .direccionBtnFin {
    
        text-align: unset;
    
    }
    .logo {
        width: 10%;
    }
    .tituloSitio {
        font-size: 20px;
    }
    #hero2 {

        height: 70px!important;
    }

    .imgLogin {
        size: 6;
    }

}

@media only screen and (min-width: 700px) and (max-width: 850px) {

    .fontTitle{
        font-size: 20px;
    }
    
    .fontSubTitle{
        font-size: 15px;
    }

    .h2Center{
        text-align: center;
       }
    #resumenBeneficiario{
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .btnDos , .btnUno {
        text-align: center !important;
       
    }
    
    .btnTres{
        text-align: center !important;
       
    }

    .btnUno{
        margin-right: 15px; 
        margin-bottom: 15px;

    }

    .divBtnDos{
        
        display: flex;
    }

    .big-btn{
        text-align: left;
        margin:5px !important;
    }
    .direccionBtnInicio, .direccionBtnFin {
    
        text-align: unset;
    
    }
    .logo {
        width: 12%;
    }
    .tituloSitio {
        font-size: 23px;
    }
    #hero2 {
        height: 100px!important;
    }

    .imgLogin {
        size: 6;
    }
}

@media only screen and (min-width: 850px) and (max-width: 1040px) {
    .fontTitle{
        font-size: 20px;
    }
    
    .fontSubTitle{
        font-size: 15px;
    }
    .h2Center{
        text-align: center;
       }
    
       
    .btnTres{
        text-align: center !important;
       
    }
    .big-btn{
        text-align: left;
        margin:5px !important;
    }
    .direccionBtnInicio, .direccionBtnFin {
    
        text-align: unset;
    
    }

    .logo {
        width: 10%;
    }
    .tituloSitio {
        font-size: 23px;
    }
    #hero2 {
        height: 100px!important;
    }

    .imgLogin {
        size: 6;
    }

}


@media only screen and (min-width: 1040px) and (max-width: 1100px) {
    .fontTitle{
        font-size: 20px;
    }
    
    .fontSubTitle{
        font-size: 15px;
    }
    .btnTres{
        text-align: center !important;
       
    }
    .h2Center{
        text-align: center;
       }
    .big-btn{
        text-align: left;
        margin:5px !important;
    }
    .direccionBtnInicio, .direccionBtnFin {
    
        text-align: unset;
    
    }
    .logo {
        width: 14%;
    }
    .tituloSitio {
        font-size: 1.6vw;
    }
    #hero2 {
        height: 100px!important;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1360px) {
    .fontTitle{
        font-size: 20px;
    }
    
    .fontSubTitle{
        font-size: 15px;
    }
    .btnTres{
        text-align: center !important;
       
    }
    .h2Center{
        text-align: center;
       }
    .btnDos , .btnUno {
        text-align: center !important;
       
    }
    .big-btn{
        text-align: left;
        margin:5px !important;
    }
    .direccionBtnInicio, .direccionBtnFin {
    
        text-align: unset;
    
    }

    .logo {
        width: 14%;
    }
    .tituloSitio {
        font-size: 1.6vw;
    }
    #hero2 {
        height: 100px!important;
    }

}

@media only screen and (min-width: 1361px) {
    .fontTitle{
        font-size: 20px;
    }
    
    .fontSubTitle{
        font-size: 15px;
    }
    .btnTres{
        text-align: center !important;
       
    }
    .h2Center{
        text-align: center;
       }
    .logo {
        width: 10%;
    }
    .tituloSitio {
        font-size: 1.4vw;
    }
    #hero2 {
        height: 100px!important;
    }

}



@media only screen and (min-width: 1800px) {
    .btnTres{
        text-align: center !important;
       
    }
    .h2Center{
        text-align: center;
       }
    .logo {
        width: 10%;
    }
    .tituloSitio {
        font-size: 1.4vw;
    }
    #hero2 {
        height: 100px!important;
    }

    .beerre{
      display: block!important;
    }
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  /*background: url(../img/hero-bg.png) center bottom no-repeat;*/
  background-size: 100%;
  position: relative;
  /*margin-top: 40px;*/
    height: 38vh; /*calc(50vh - 4px);*/
}

@media (min-width: 1025px) {
  #hero {
    background-attachment: fixed;
  }
}

#hero .hero-container {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  /*font-family: "Philosopher", sans-serif;*/
  color: #0e4194; /*#71c55d  */
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }
}

#hero h2 {
  color: #777;
  margin-bottom: 30px;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

/*#hero img {
  max-width: 95%;
  margin-bottom: 30px;
}*/

#hero .btn-get-started {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 11px 36px;
  border-radius: 50px;
  transition: 0.5s;
  margin-bottom: 30px;
  border: 2px solid #0e4194; /*#71c55d  */
  background: #fff;
  color: #0e4194; /*#71c55d  */
  text-decoration: none;
}

#hero .btn-get-started:hover {
  background: #0e4194; /*#71c55d  */
  color: #fff;
}

#hero .btns a {
  color: #555;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 4px 20px;
  text-decoration: none;
  transition: 0.3s;
}

@media (max-width: 575px) {
  #hero .btns a {
    margin: 4px 8px;
  }
}

#hero .btns a:hover {
  color: #71c55d;
}



.table tr:hover{
  /*background-color: #97A1CA;*/
}


#hero2 {
  width: 100%;
  /*background: url(../img/hero-bg.png) center bottom no-repeat;*/
  background-size: 100%;
  position: relative;
  /*margin-top: 40px;*/
    height: 36vh; /*calc(50vh - 4px);*/
}






@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
#no-more-tables tr { border: 1px solid #ccc; }
  
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
#no-more-tables td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }
}




.ir-arriba {
  display:none;
  padding:20px;
  opacity: 0.5;
  background:#BBBBBB;
  font-size:20px;
  color:#fff;
  cursor:pointer;
  position: fixed;
/*  bottom:20px;*/
  top:20px;
  right:20px;
}

#btn_hablemos:hover {
    background: #327ED4!important;
    color: #FFFFFF!important;
    transition:all 0.9s ease!important;
}