*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
/* barra menu */ 
/* INICIO*/
/* barra menu */ 
.menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 63px;
    background: #E8F0EF;
    position: fixed;
    width: 100%;
    z-index: 100;
    font-family: 'Montserrat', sans-serif;
    
}
.navbar{
    display: flex;
    margin-right: 70px;
    
}
.brand img{
    width: 25px;
    height: 25px;
}
/* logo de menu */
.logo{
    margin-left: 30px;
}

.logo a{
    text-decoration: none;
    color: #000000;
    text-transform: uppercase;
    font-size: 30px;
}
.navbar a{
    display: block;
    padding: 23px 20px;
    color: #004563;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;

}
.navbar a:hover {
    background: #F99B2B;
}
/* FIN*/
.contenedor{
    width: 90%;
    overflow: hidden;
    margin: auto;
    padding: 60px 0;
}
 
/* SIMULACION */ 
header{
    height: 125vh;
    background-image: url(img/portada_capacitacion.jpg);
    background-position: bottom;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: left;
}  
.header-content{
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 20px;
    margin-left: 50px;
    color: #FA8C00;
    font-size: 60px;
}
/* LINEA */
.linee{
    width: 550px;
    height: 4px;
    background: #036690af;
    margin: 5px ;
    border-radius: 5px;
}
.header-content h2{
    font-size: 40px;
    margin-top: 230px;
    margin-bottom: 5px;
    }

/* RCP */
.serviciosconte{
    background: url(img/rcp.jpg);
    height:90vh;
    background-position: bottom;
    background-size: cover;
    
}
/* BOTON TUTORIAL RCP */
.video{
    width: 150px;
    font-size: 25px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background-color: #FA8C00;
    border-radius: 25px;
    padding:  10px 20px;
    margin-left: 80%;
    color: #fff;
    text-decoration: none;
}
.video:hover{
    background-color: #e66b0695;
}
/* LINEA RCP */
.lainee{
    width: 480px;
    height: 4px;
    background: #fffffffd;
    margin: 5px ;
    border-radius: 5px;
}
/* RCP LISTA */
.contenedor-servicio{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.checklist-servicio{
    width: 44%;
    font-family: 'Montserrat Alternates', sans-serif;
    margin-bottom: 10px;
    padding-top: 10px;
}
.checklist-servicio h3{
    font-size: 49px;
    padding-top: 45px;
    color: #ffffff;
    justify-content: center;
    font-family: 'Montserrat Alternates', sans-serif;

}
.checklist-servicio h4{
    font-size: 20px;
    color: #ffffff;
    justify-content: center; 
    font-family: 'Montserrat Alternates', sans-serif;

}
.n-service{
    padding-top: 25px;
    font-size: 25px;
    margin-bottom: 10px;
    color:#ffffff;
    font-family: 'Montserrat Alternates', sans-serif;
}
.checklist-servicio p{
    padding-top: 25px;
    font-size: 20px;
    margin-bottom: 0px;
    color:#ffffff;
    font-family: 'Montserrat Alternates', sans-serif;
}

.number{
    display: inline-block;
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    width: 30px;
    height: 30px;
    color: aliceblue;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    line-height: 30px;
    margin-right: 10px;
}


/* CARRUSEL */ 
.realidad{  
    background-color: #ECECEC;
    background-size: cover;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.subtitulo{
    padding-top: 10px;
    text-align: center;
    font-weight: 300;
    color: #036690;
    margin-bottom: 40px;
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    flex-wrap: wrap;
}
.slidershow{
    width: 700px;
    height: 400px;
    overflow: hidden;
}
.middle{
    position: relative;
    top: 170px;
    left: 350px;
    transform: translate(-50%, -50%);
}
.navigation{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
.bar{
    width: 50px;
    height: 10px;
    border: 2px solid #000000;
    margin: 6px;
    cursor: pointer;
    transition: 0.4s;
}

.bar:hover{
    background: #E66A06;
}

input[name="r"]{
    position: absolute;
    visibility: hidden;
}
.slides{
    width: 500%;
    height: 100%;
    display: flex;
}
.slide{
    width: 20%;
    transition: 0.6s;
}
.slide img{
    width: 100%;
    height: 100%;
}
#r1:checked ~ .s1{
    margin-left: 0;
}
#r2:checked ~ .s1{
    margin-left: -20%;
}
#r3:checked ~ .s1{
    margin-left: -40%;
}
/* PRIMEROS AUXILIOS  */ 
    .problema{
        background: url(img/prim_aux.jpg);
        height: 85vh;
        background-size: cover;
    }
    /* LINEA RCP */
    .lineaa{
        width: 48px;
        height: 4px;
        background: #fffffffd;
        margin: 5px ;
        border-radius: 5px;
    }
    .contenedor-aux{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }
    .checklist-servicioo{
        width: 44%;
        font-family: 'Montserrat Alternates', sans-serif;
    position: relative;
    right: 330px;
        padding-top: 15px;
    }
    .checklist-servicioo h3{
        font-size: 49px;
        padding-top: 60px;
        color: #ffffff;
        font-family: 'Montserrat Alternates', sans-serif;

    }
    .n-service{
        padding-top: 25px;
        font-size: 25px;
        margin-bottom: 10px;
        color:#ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    .checklist-servicioo p{
        padding-top: 35px;
        font-size: 20px;
        margin-bottom: 0px;
        color:#ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }

    .number{
        display: inline-block;
        background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
        width: 30px;
        height: 30px;
        color: aliceblue;
        text-align: center;
        border-radius: 50%;
        font-weight: 700;
        line-height: 30px;
        margin-right: 10px;
    }
    .problema .video{
    width: 150px;
        font-size: 25px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        background-color: #FA8C00;
        border-radius: 25px;
        padding:  10px 20px;
        margin-left: 95%;
        color: #fff;
    }
/*CONTACTO*/
footer{
    background: #004563;
    padding-bottom: 0.1px;
    font-family: 'Kanit', sans-serif;
}
.footer-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 10px;
}
.contact-us{
    width: 45%;
    color: #fff;
}
.brand{
    font-weight: 500;
    font-size: 50px;
    font-family: 'Montserrat', sans-serif;
}
/* ICONOS */
.social-media{
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.social-media-icon{
    display: inline-block;
    margin-left: 30px;
    width: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}
.social-media-icon:hover{
    background: #fff;
    color: #E66A06;
}
.social-media-icon i{
    font-size: 45px;
    line-height: 60px;
}
.line{
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    height: 2px;
    background: #fff;
    margin-bottom: 60px;
}

/* DISPOSITIVO MOVIL    */
@media screen and (max-width: 425px) {
    
/* barra menu */ 
.menu{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    background: #E8F0EF;
    position: fixed;
    z-index: 10;
    font-family: 'Montserrat', sans-serif;
}
.navbar{
 display: flex;
 margin-left: 20px;
}
.navbar a{
 display: block;
 padding: 20px 8px;
 color: #004563;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 9px;
 
}
 /*IMAGEN DEL MUÑECO */ 
.navbar a img{
    margin-left: 25px;
    width: 60%;
    height: 14px;
  }

  .logo img{  
    margin-left: 1px;
    height: 30px;
    width: 100px;
}
.logo{
 margin-left: 13px;
}
.navbar a:hover {
 background: #F99B2B;;
}

    .contenedor{
        width: 80%;
    }
    header{
        width: 100%;
        height: 65vh !important ;
        background-image: url(img/portada_capacitacion.jpg);
        
    
    }  
    .header-content{
        font-family: 'Montserrat', sans-serif;
        margin-bottom: -200px;
        margin-left: 20px;
        color: #FA8C00;
        font-size: 30px;
        height: 40vh;
        background-position: bottom;
        background-size: cover;
    }
    .linee{
        width: 280px;
        height: 4px;
        background: #036690af;
        margin: 5px ;
        border-radius: 5px;
    }
    /* RCP */
    .number{
        display: inline-block;
        background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
        width: 10px;
        height: 10px;
        color: aliceblue;
        border-radius: 50%;
        line-height: 10px;
        margin-right: 2px;
        margin-bottom: 2px;
    } 
     /* RCP IMAGEN FONDO */
    .serviciosconte{
        height: 26vh;
        width: 100%;
        background-size: cover;
        background: url(img/rcp.jpg);
        background-position: bottom;
        background-size: cover;
    }
    /* RCP TEXTO */
    .checklist-servicio h3{
        font-size: 11px;
        padding-top: 8px;
        color: #ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    /* CARDIO PULMONAR TEXTO */
    .checklist-servicio h4{
        font-size: 9px;
        color: #ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    .lainee{
        width: 125px;
        height: 2px;
        background: #fffffffd;
        margin: 1px ;
        border-radius: 5px;
    }
    /* RCP LISTA */
    .contenedor-servicio{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
    }
    /* RCP TEXTO */
    .n-service{
    padding-top: 15px;
    font-size: 25px;
    margin-bottom: 5px;
    color:#ffffff;
    font-family: 'Montserrat Alternates', sans-serif;
    }
    .checklist-servicio p{
        padding-top: 7px;
        font-size: 7px;
        margin-bottom: 0px;
        color:#ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    /* BOTON TUTORIAL RCP */
    .video{
        font-size: 8px;
        font-family: 'Montserrat', sans-serif;
        background-color: #FA8C00;
        border-radius: 25px;
        padding:  10px 17px;
        margin-left: 95%;
        color: #fff;
        text-decoration: none;
       
    }
     /* CARRUSEL */
    .realidad{
        width: 100%;
        background-color: #ECECEC;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }
    .subtitulo{
        padding-top: 15px;
        justify-content: center;
        color: #036690;
        width: 60%;
        font-size: 15px;
        font-family: 'Montserrat', sans-serif;
    }
    .slidershow{
        width: 300px;
        height: 200px;
        overflow: hidden;
    }
    .middle{
        position: relative;
        top: 80px;
        left: 150px;
        transform: translate(-50%, -50%);
    }
     /* PRIMEROS AUXILIOS */
     .problema{
        background: url(img/prim_aux.jpg);
        background-size: cover;
        height: 25vh;
        width: 100%;
        background-position: bottom;
    }
    .lineaa{
        width: 160px;
        height: 2px;
        background: #fffffffd;
        margin: 1px ;
        border-radius: 5px;
    }
    .checklist-servicioo{
        width: 44%;
        font-family: 'Montserrat Alternates', sans-serif;
        position: relative;
        right: 100px;
        padding-top: 8px;
    }
    .checklist-servicioo h3{
        font-size: 15px;
        padding-top: 20px;
        color: #ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    .n-service{
        padding-top: 10px;
        font-size: 9px;
        margin-bottom: 10px;
        color:#ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    .checklist-servicioo p{
        padding-top: 8px;
        font-size: 7px;
        margin-bottom: 0px;
        color:#ffffff;
        font-family: 'Montserrat Alternates', sans-serif;
    }
    .problema .video{
           font-size: 8px;
           font-family: 'Montserrat', sans-serif;
           background-color: #FA8C00;
           border-radius: 25px;
           padding:  8px 10px;
           margin-inline-start:  100%;
           margin-top: 800%;
           color: #fff;
       }

    /* CONTACTO */
    footer{
        width: 100%;
    }
    .contact-us{
        text-align: center;
        width: 80%;
        margin-bottom: 40px;
    }
    .footer-content{
        justify-content: center;
    }
    .social-media-icon{
        margin-left: 0 ;
    }
    .social-media{
        width: 80%;
        justify-content: space-evenly;
    
    }
    .brand{
    
        font-size: 40px;
        font-family: 'Montserrat', sans-serif;
    }
    
   }