@font-face {
  font-family: 'Ubuntu-Bold';
  src: url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'), 
    url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Bold.woff') format('woff'),
    url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Bold.ttf')  format('truetype'),
    url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'aktifo_b_boldbold';
    src: url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/aktifob-bold-webfont.woff2') format('woff2'),
         url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/aktifob-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Ubuntu-Regular';
  src: url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), 
  url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Regular.woff') format('woff'), 
  url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Regular.ttf')  format('truetype'), 
  url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Regular.svg#Ubuntu-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu-Medium';
  src: url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'), 
    url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Medium.woff') format('woff'),
    url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Medium.ttf')  format('truetype'),
    url('https://blog.rogers.edu.mx/hubfs/web_qualium/fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}






.aviso img.uno,
.aviso img.tres,
.aviso img.cinco{
   position: absolute;
   right: 0;
   width: 150px;
   top: 3%;
}
.aviso img.dos,
.aviso img.cuatro,
.aviso img.seis{
   position: absolute;
   left: 0;
   width: 150px;
   top: 12%;
}
.aviso img.tres{
  top:25%;
}
.aviso img.cuatro{
  top:40%;
}
.aviso img.cinco{
  top:62%;
}
.aviso img.seis{
  top:auto;
  bottom:5%;
}
.aviso .row{
  position:relative;
}
.aviso{
  padding:120px 20px 60px 20px;
  position:relative;
}
.aviso strong{
  color:#0077B8;
  font-family: 'Ubuntu-Bold';
}
.aviso tbody td{
  padding:0 10px;
}
.aviso table{
  margin-bottom:10px;
}
.nivel section,
.listado_niveles section{
  position:relative;
}
.nivel .uno .row,
.listado_niveles .uno .row{
  color:white;
  text-align:center;
    
    top:50%;
    left:50%;
   position:absolute;
   
  -webkit-transform:  translate(-50%,-50%);
  -moz-transform:  translate(-50%,-50%);
  -o-transform:  translate(-50%,-50%);
  -ms-transform:  translate(-50%,-50%);
  transform:  translate(-50%,-50%);


    width: 100%;
    max-width: 750px;
}
.nivel .seis .row{
 max-width: 100%;
}
.nivel .uno .row h1{
  font-size:35px;
  line-height:41px;
  font-family: 'aktifo_b_boldbold';
  margin-top:5px;
  
}
.nivel .actividades .btn,
.nivel .uno .row .btn,
.listado_niveles .uno .row .btn,
.listado_niveles .uno .row .btn,
.nivel .cinco .btn,
.nivel .formulario .actions input,
.listado_niveles .formulario .actions input,
.listado_niveles .actividades .btn{
   margin-top: 25px;
   
    text-decoration:none;
    color: #2F3C72;
    background: #F9CA35;
    padding: 5px 50px;
    border-radius: 40px;
    font-size: 20px;
    display: inline-block;
    cursor:pointer;
    border:1px solid #F9CA35;
    
  -webkit-transition: all 800ms;
  -moz-transition: all 800ms;
  -o-transition: all 800ms;
  -ms-transition: all 800ms;
  transition: all 800ms;

  font-family: 'Ubuntu-Medium';

}
.nivel .formulario .actions input,
.listado_niveles .formulario .actions input{
  margin-top:0;
}
.nivel .uno .row .btn:hover,
.listado_niveles .actividades .btn:hover,
.nivel .cinco .btn:hover,
.nivel .formulario .actions input:hover,
.listado_niveles .uno .row .btn:hover,
.listado_niveles .formulario .actions input:hover{
   background:#2F3C72;
  color:#F9CA35;
  border:1px solid #F9CA35;
}
.nivel .cinco .btn,
.cinco .imagen .cont_img img{
  width:100%;
  text-align:center;
}
.nivel .uno .row img,
.listado_niveles .uno .row img{
    margin-bottom: 14px;
    width: 300px;
    max-width: 90%;
    display:block;
    margin: 0 auto;
}
.listado_niveles .uno .row img{
   /*width: 150px!important;*/
   margin: 0 auto;
   display: block;
}
.listado_niveles .uno .row h1{
   margin-top:0;
   font-family: 'aktifo_b_boldbold';
}
.nivel .tres .adorno,
.listado_niveles .actividades .adorno,
 .listado_niveles .niveles .adorno_tres{
    position: absolute;
    right: 0;
    width: 150px;
    top: -150px;
}
 .listado_niveles .niveles .adorno_tres{
    width: 200px;
    bottom: 0;
    top: auto;
}
.listado_niveles .actividades .adorno{
  top:100px;
}
.deportes .item{
    margin: 30px 0!important;
}
.deportes .item img{
    height: 70px!important;
    width: auto;
}
.nivel .cinco .row{
  margin-top:0!important;
}
.nivel .actividades{
  margin-bottom:60px;
}
.deportes .hs_cos_wrapper.hs_cos_wrapper_type_inline_rich_text{
      max-width: 800px;
    margin: 0 auto;
}
.deportes .item .hs_cos_wrapper_type_inline_text{
  color:#2F3C72!important;
  margin-top:40px!important;
 font-family: 'Ubuntu-Medium'!important;
}
.listado_niveles .deportes{
  padding-bottom:60px;
}
.nivel .cinco .adorno{
    position: absolute;
    right: 0;
    width: 150px;
    bottom: 0;
}
.listado_niveles .adorno_deportes{
    position: absolute;
    left: 0;
    width: 150px;
    bottom: 0;
}
.nivel .actividades .adorno,
 .listado_niveles .niveles .adorno_dos
{
    position: absolute;
    left: 0;
    width: 150px;
    top: -100px;
}
.listado_niveles .niveles .adorno_dos{
  top:100px;
}
.nivel .seis .adorno,
.listado_niveles .adorno_deportes_dos{
    position: absolute;
    left: 0;
    width: 150px;
    bottom: -150px;
    z-index: 1;
}
.listado_niveles .adorno_deportes_dos{
  left:auto;
  right:0;
}
.nivel .formulario .adorno,
.listado_niveles .formulario .adorno{
  position: absolute;
    right: 0;
    width: 150px;
   
    top:50%;
   position:absolute;
   
  -webkit-transform:  translateY(-50%);
  -moz-transform:  translateY(-50%);
  -o-transform:  translateY(-50%);
  -ms-transform:  translateY(-50%);
  transform:  translateY(-50%);


}
.nivel .dos .row,
.nivel .cinco .row{
  display:flex;
  margin:80px auto;
  padding: 0 20px;
}
.nivel .cinco .row{
  margin-bottom:40px;
}
.nivel .tres,
.nivel .formulario .row,
.listado_niveles .formulario .row{
  margin:80px auto;
}
.nivel .formulario .row,
.listado_niveles .formulario .row
{
    padding: 0 20px;
    max-width: 800px;
    margin-bottom:20px!important;
}
.nivel .dos p,
.nivel .tres p,
.nivel .actividades .hs_cos_wrapper_type_inline_text,
.listado_niveles .actividades .hs_cos_wrapper_type_inline_text,
.nivel .cinco p,
.listado_niveles .actividades p,
.aviso p,
.aviso li,
.gracias section p{
  line-height:32px;
  font-size:18px;
  color:#272727;
 font-family: 'Ubuntu-Regular';
}
.gracias section p{
  color:white;
}
.listado_niveles .niveles .item{
  margin-bottom:30px!important;
}
.listado_niveles .niveles .item p{
  font-size:12px;
  line-height:20px;
   max-width: 300px;
   margin: 0px auto!important;
}
.nivel .actividades .hs_cos_wrapper_type_inline_text,
.listado_niveles .actividades .hs_cos_wrapper_type_inline_text{
    max-width: 70%;
    margin: 0 auto;
    margin-top: 15px;
}
.nivel .dos h2,
.nivel .tres h2,
.nivel .actividades h2,
.listado_niveles .actividades h2,
.nivel .cinco h2,
.nivel .formulario h2,
.listado_niveles .formulario h2{
  z-index:1;
  position: relative;
  text-transform: uppercase;
  font-family: 'Ubuntu-Bold';
  color:#2F3C72;
  font-size:25px;
  line-height:35px;
}
.aviso h1,
.aviso h2,
.aviso h3,
.aviso h4,
.aviso h5,
.aviso h6{
  z-index:1;
  position: relative;
  text-transform: uppercase;
  font-family: 'Ubuntu-Bold';
  color:#0077B8;
}
.nivel .dos h3,
.nivel .tres h3,
.actividades h3,
.nivel .cinco h3,
.nivel .formulario h3,
.listado_niveles .formulario h3{
    color:#2F3C72;
  font-size:22px;
  line-height:26px;
  font-family: 'Ubuntu-Medium';
}
.nivel .formulario .hs-form-field,
.listado_niveles .formulario .hs-form-field{
  margin-bottom:20px;
}
.nivel .formulario form label,
.listado_niveles .formulario form label{
  font-family: 'Ubuntu-Regular';
  color: #4a4a4a;
  font-weight: 400;
  font-size: 16px;
}
.nivel .formulario form,
.listado_niveles .formulario form{
    background: white;
    padding: 30px;
    border-radius: 10px;
    max-width: 70%;
    margin: 0 auto;
}
.nivel .formulario input,
.nivel .formulario select,
.listado_niveles .formulario input,
.listado_niveles .formulario select{
  margin-top:10px;
  color: #4a4a4a;
  outline:none;
  padding: 10px 10px;
  border:0;
  border-bottom:1px solid #3A4281;
  text-align:center;
  width:100%;
}
.nivel .formulario input[type="checkbox"],
.nivel .formulario input[type="checkbox"]{
  width:auto;
  margin-right: 10px;
}
.nivel .formulario select,
.nivel .formulario textarea,
.listado_niveles .formulario select,
.listado_niveles .formulario textarea{
  border:1px solid #3A4281;
  width:100%;
}
.nivel .formulario h2,
.listado_niveles .formulario h2{
  color:white;
  text-align:center;
}
.nivel .dos .imagen,
.nivel .cinco .imagen{
  position:relative;
}
.nivel .dos img{
  width:100%;
}
.nivel .tres .row,
.actividades .row{
  padding: 0 30px;
  position:relative;
}
.listado_niveles .actividades{
  padding-top:60px;
}
.nivel .covid{
  text-align: center;
}
.nivel .covid p{
  font-size: 18px;
    line-height: 32px;
    color: #272727;
    font-family: 'Ubuntu-Regular';
}
.nivel .tres .row,
.nivel .actividades .row,
.listado_niveles .actividades .row{
  text-align:center;
}
.nivel .actividades .row .item,
.listado_niveles .actividades .row .item{
  margin: 15px 0;
}
.nivel .actividades .row .item p,
.listado_niveles .actividades .row .item p{
  margin: 15px 0;
}
.nivel .formulario,
.listado_niveles .formulario{
  background:#3A4281;
  overflow: hidden;
}
.deportes p{
  font-family: 'Ubuntu-Medium'!important;
  font-size:22px;
  color:#2F3C72!important;
  margin:5px 0;
}
@media all and (max-width:750px){
  .nivel .seis .adorno{
    width: 50px !important;
    bottom: -50px;
  }
  .listado_niveles .adorno_deportes_dos{
    width: 80px;
    bottom: -80px;
  }
  .nivel .cinco .adorno{
    width:50px!important;
  }
  .listado_niveles .niveles .adorno_tres{
    width: 80px!important;
  }
  .listado_niveles .niveles .adorno_dos{
    width: 80px!important;
    top: 200px!important;
  }
  .listado_niveles .adorno_deportes{
    width:50px!important;
  }
  .nivel .cinco .imagen{
    margin-top: 30px;
  }
   .nivel .tres .adorno{
      width: 50px;
    top: -50px;
  }
  .listado_niveles .actividades .adorno{
    top: 50px!important;
     width: 50px!important;
  }
}
.gracias section{
  background-size: cover;
  height:100vh;
  background-position:center;
  background-repeat:no-repeat;
}
@media all and (max-width:700px){
    .gracias .uno .row{
        padding: 150px 0;
  }
  .nivel .dos .row .columns,
  .nivel .cinco .row .columns{
    width:100%;
  }
  .nivel,.listado_niveles{
    padding-top:75px;
  }
  .aviso .row{
    text-align:center;
  }
  .nivel .uno .row img,
  .listado_niveles  .uno .row img{
    position: absolute;
    top: -170px;
    width: 180px!important;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .imagen_carrusel .carousel-cell{
    width:80%;
  }
  .imagen_carrusel .flickity-prev-next-button.next{
    right:0!important;
  }
  .imagen_carrusel .flickity-prev-next-button.previous{
    left:0!important;
  }
  .nivel .formulario form,
  .listado_niveles .formulario form{
      max-width: 100%;
    position: relative;
  }
  .nivel .formulario h2,
  .listado_niveles .formulario h2{
  font-size: 20px;
    line-height: 26px;
  }
  .nivel .dos img{
    display:none;
  }
  .nivel .dos .row,
  .nivel .cinco .row{
    margin: 60px auto;
    display: block;
    text-align: center;
  }
  .nivel .uno .row .btn, 
  .nivel .cinco .btn, 
  .nivel .formulario .actions input,
  .listado_niveles .uno .row .btn,
  .listado_niveles .formulario .actions input{
      padding: 13px 20px;
      width: 100%;
  }
  .nivel .uno .row h1,
  .listado_niveles .uno .row h1{
    color: #0077b8;
    font-size: 13px !important;
    line-height: 20px !important;
  }
  .nivel .uno .row,
  .listado_niveles .uno .row{
        bottom: 20px;
    /*margin-top: -50px;
    position: relative;
     
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -o-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
;
    left: 0;*/
  } 
}
/*@media all and (min-width:700px){
  .nivel .dos .imagen img,
  .nivel .cinco .imagen .cont_img{
     
    top:50%;
   position:absolute;
   
  -webkit-transform:  translateY(-50%);
  -moz-transform:  translateY(-50%);
  -o-transform:  translateY(-50%);
  -ms-transform:  translateY(-50%);
  transform:  translateY(-50%);


    width:80%;
    right:0;
  } 
////////////////////////////////////////  
.fondo-m{
  background: #f9ca35;
  
  }
  
  .fondo-m img {
  background: #000;
  
}



@media (max-width: 600px) {
.fondo-m{
  background: #f9ca35;
  }


}*/

  
  
@media (max-width: 700px) {
  section.uno {
    width: 100%;
    height: 450px; 
  }
  img.figure-2 {
    top: -30px !important;
  }
  img.fondo-m {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  img.fondo-m-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  
  
/*   .nivel .uno .row, .listado_niveles .uno .row {
  position: absolute;
  margin-top: 55px;
  left: 50%;
  max-width:400px;
  width: 100%;
  transform: translate(-50%, 50%);
  } */
  
  
  .figure-11{
  
    
    padding: 59px 10px 10px 10px;
    width: 186px !important;
  }
  
  .figure-12{
    margin: -11px;
  }
  
  
  
}



@media (max-width: 700px) {
.nivel .uno .row img, .listado_niveles .uno .row img {
top: -100px;
/*width: 141px !important;*/
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
} }
  


@media (max-width: 700px) {
.nivel .uno .row img, .listado_niveles .uno .row img {
/*top: -36px*/
}
  }




@media (max-width: 700px) {
.nivel .uno .row h1, .listado_niveles .uno .row h1 {
color: white;
font-size: 16px !important;
line-height: 20px !important!;
padding: 0px 27px 0px 27px;
}
  }



@media (max-width: 700px) {
.nivel .uno .row .btn, .nivel .cinco .btn, .nivel .formulario .actions input, .listado_niveles .uno .row .btn, .listado_niveles .formulario .actions input {
    padding: 6px 0px 6px 0px;
    width: 38%;
    margin-top: 0;
    font-size: 12px !important;
}
  }
  
  ////////////////////////////
  
  
  
@media all and (max-width:800px){
    .gracias .uno .row h1{
    font-size: 40px!important;
    line-height: 51px!important;
  }
  .gracias .uno .row img{
    width: 80%!important;
    max-width: 100%;
  }
  .gracias .uno .row{
        padding: 80px 0;
  }
  .gracias{
    padding-top:40px!important;
  }
  .gracias .uno .row{
    text-align:center;
    text-align: center;
    position: relative;
    transform: translate(0);
    -webkit-transform: translate(0);
    left: 0;
    top: 0;
  } 
  .gracias .uno .row h1{
    color:white!important;
  }
  .gracias .uno .row img{
    position: relative!important;
    top: auto!important;
    left: auto!important;
    transform: translate(0)!important;
    -webkit-transform: translate(0)!important;
  }
  .gracias section{
    height:auto;
  }
  .listado_niveles .adorno_deportes,
  .listado_niveles .adorno_deportes_dos{
     width: 100px;
  }
  
  .listado_niveles .niveles .adorno_tres{
    width: 100px;
    bottom: -100px;
  }
  .listado_niveles .niveles .adorno_dos{
    width: 100px;
    top: 150px;
  }
 .nivel .actividades .hs_cos_wrapper_type_inline_text,
  .listado_niveles .actividades .hs_cos_wrapper_type_inline_text{
    max-width: 90%;
  }
  .nivel .uno .row img,
  .listado_niveles  .uno .row img{
    width:250px;
  }
  .nivel .cinco .adorno{
    position: absolute;
    right: 0;
    width: 100px;
    bottom: 0;
  }
  .listado_niveles .actividades .adorno{
    width: 100px;
    top: 230px;
  }
  .nivel .actividades .adorno{
      width: 100px;
    top: -50px;
  }
  .nivel .uno .row,
  .listado_niveles .uno .row{
    max-width: 450px;
    width: 80%;
  }
  .nivel .uno .row h1,
  .listado_niveles .uno .row h1{
    font-size: 25px;
    line-height: 31px;
  }
}