@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500&display=swap');
@import url('menu.css');
@import url('slider.css');
@import url('popup.css');

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background: #222222;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover{
    background: #2222228a;
}
::-webkit-scrollbar-track{
    background: #666;
    border-radius: 10px;
    box-shadow: inset 7px 10px 12px #666;
}
.chat-whatsapp
{
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 99;
}
.chat-whatsapp .fas.fa-circle.fa-stack-2x
{
    color: #25d366;
}
.fab.fa-whatsapp.fa-stack-1x.fa-inverse:hover
{
    color: #222222;
}


/* Página intro */
html {
    height: 100%
}
body {
    background-color: #fff;
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
}

hr {
    border: transparent;
}
.texto-amarillo {
    color: #FFB71B;
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #FFB71B;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 183 27 / 25%);
}

.btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #FFB71B;
    border-color: #FFB71B;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 183 27 / 50%);
}
.form-control {
    border-radius: 0;
}
.btn {
    border-radius: 0;
}

h2, h3, h4, h5, h6 {
    margin-bottom: 1em;
}
h2 {
    color: #929497;
    font-size: 2em;
    font-weight: 300;
}

h3 {
    color: #929497;
    font-size: 1.5em;
    font-weight: 300;
}

h4 {
    color: #FFB71B;
    font-size: 1.3em;
    font-weight: bold;
}

h5 {
    color: #929497;
    font-size: 1.2em;
    font-weight:500;
}

h6 
{
    color: #FFB71B;
    font-size: 1.2em;
    font-weight: normal;

}
strong {
    color: #FFB71B;
    font-weight: bold;
}
strong.negro {
    color: #000;
}
strong.gris {
    color: #8d8f92;
}

a{
    text-decoration: none;
}

a.correo {
    color: #FFB71B;
}
a.btn.btn-primary,
a.btn.btn-primary:hover
{
    color: #fff;
}
li::marker {
    color:#FFB71B;
    font-size: 1.5em;
  }

.btn-primary {
    background-color: #FFB71B;
    border: 1px solid #FFB71B;
}
.btn-primary:hover {
    background-color: #929497;
    border: 1px solid #929497;
}


.intro {
    background-color: #231f20;
    color: #FFB71B;
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 80%); */
    height: 100%;
    width: 100%;
    position: relative;
}

.intro .logo {
    display: inline;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.intro .logo img 
{
    width: 100px;
    height: 100px;
}
.intro .logo a {
    color: #FFB71B;
    text-decoration: none;
}
.intro .logo a:hover {
    color: #fff;
}

#triangle-bottomleft {
    width: 0;
    height: 0;
    border-bottom: 200px solid #FFB71B;
    border-right: 200px solid transparent;
    position: fixed;
    left: 0;
    bottom: 0;
  }

/* Back Button */

a.back-btn {
    position: relative;
    top: -3em;
    left: 5em;
}
/* Menu lateral */
#menu-lateral {
    margin-left: -15px;
    width: 88%;
    animation: moveInRight .75s ease-out;
}

#menu-lateral > li {
    background-color: #000;
    text-align: right;
    padding: 1em;
    margin-bottom: 1.2em;
}

#menu-lateral > li:hover {
    background-color: rgba(0, 0, 0, 0.7);
    transition: all .3s;

}
#menu-lateral > li a {
    color: #fff;
    text-decoration: none;
}

#menu-lateral li.back-button {
    background-color: transparent;
    text-align: center;
}

@keyframes moveInRight {
    0% {
        transform: translateX(-200px);
    }
    100% {
        transform: translate(0);
    }
}

.mnu-submenu {
    margin-top: -1.2em;
    padding: 1em;
    transition: all .3s
}
.mnu-submenu:hover {
    background: #EAEAEA;

}

.mnu-submenu li {
    text-align: right;
    transition: all .3s;
    margin-bottom: .2em;
}
.mnu-submenu li.mnu-submenu-title {
    color: #999999;
}

.mnu-submenu li a.mnu-submenu-item {
    color: #FFB71B ;
    text-decoration: none;
}
.mnu-submenu li a.mnu-submenu-item.active {
    font-weight: 500;
    color: #222222;
}
.mnu-submenu li a.mnu-submenu-item:hover {
 color: #fff;
 
}

.mnu-submenu li a {
    color: #e3e3e3;
    text-decoration: none;

}
.mnu-submenu li:hover a {
    color: #000;
    
}
.mnu-submenu li a.mnu-active {
    color: #999999;
}



/* footer */
#footer {
    border-top: 1px solid #D5D5D5;
    margin-top: 1em;
    padding-top: 1em;
}

#footer ul#menu-horizontal li  {
    margin-right: 3em;
    margin-bottom: .5em;
}
#footer ul#menu-horizontal li a {
    color: #7A7A7A;
    font-size: .75em;
    text-decoration: none;
    text-transform: capitalize;
}
#footer ul#menu-horizontal li a:hover {
    color: #FFB71B;
    transition: all .3s
}

#footer .contacto {
    padding: .5em 0;
}
#footer .contacto i {
    color: #929497;
    font-size: 25px;
}

#footer .contacto i:hover {
    color: #000;
}
#footer .contacto a {
    text-decoration: none;
    padding-top: 1em;
}
#footer .change-lang {
    color: #FFB71B; 
    font-weight: 500;
    font-size: 1.1em;
}
#footer a.change-lang:hover {
    color: #D5D5D5;
}
.popover-body{
    background-color: #D5D5D5;
    color: #54595F;
    font-family: 'Montserrat', sans-serif;
    padding: 0 1.3em;
}
.popover.bs-popover-top .arrow:after {

    border-top-color: #D5D5D5; 
    background: transparent;
}
 

/* Página de Inicio */
#slider {
    height: 255px;
    background: url('imagenes/slider-01.jpg') no-repeat center center ;
    background-size: cover;

}

#home-container,
#nosotros-container,
#servicios-container,
#politicas-container,
#certificados-container,
#clientes-container,
#proceso-container,
#contacto-container {
    background: url('imagenes/logo-21.jpg') no-repeat center;
    background-size: 20%;
    padding-top: 5em;
    padding-bottom: 2em;
    min-height: 480px;
}
#servicios-container{
    background: none;
}
#home-container
{
    background: url('imagenes/fondo-inicio.jpg') no-repeat center right;
    background-size: contain;
}
h2.bienvenidos {
    color: #929497;
    font-size: 5em;
    font-weight: 400;
    margin-bottom: .4em;
}

p.descripciones {
    color: #8d8f92;
    text-align: justify;
    font-size: 1em;
    
} 

/* Página de nosotros */
#nosotros-container
{
    
}
#header-nosotros {
    height: 255px;
    background: url('imagenes/backgroun-nosotros.jpg') no-repeat center right ;
    background-size: cover;
}

/* Nosotros ema y IEAB */
#header-nosotros2 {
    height: 175px;
    position: relative;
}
#header-nosotros2 img.logo {
    position:absolute;
    right: 10%;
    height: 65%;
}
#triangle-topright{
    width: 0;
    height: 0;
    border-top: 150px solid #030303;
    border-left: 100px solid transparent;
    position: fixed;
    right: 0;
    top: 0;
     
  }

  #document-container {
    padding-bottom: 2em;
    min-height: 480px;
}

.document {
    height: auto;
    max-width: 100%;
    border: none;
    vertical-align: middle;
    display: inline-block;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    margin-bottom: 1em;
}


/* SERVICIOS */
.servicios .contenido {
    padding-top: 2em;
}
.servicios figure img,
.servicios figure.inactive img:hover {
    opacity: 1;
    transition: .3s ease;
    width: 100%;
}
.servicios figure img:hover,
.servicios figure.inactive img {
    opacity: .5;
}
.servicios figure {
    cursor:pointer;
}
.servicios figure figcaption {
    margin-top: .5em;
}
.servicios figure figcaption a {
    color: #D5D5D5;
    text-decoration: none;
    font-weight: bold;
}
.servicios figure figcaption span.num {
    color: #FFB71B;
    font-weight: bold;
}
.solicita-info {
    font-size: .9em;
    font-weight: 300;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #FFB71B;
    border-radius: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    text-decoration: none;
    transition: .3s ease-out;
    float: right;
}
.solicita-info:hover {
    color: #fff;
    background-color: #7A7A7A;
    text-decoration: none;
}

/* Servicios - Capacitación */

img.capacitacion {
 width: 100%
}
article.capacitacion h4 {
    font-size: 1.2em;
    font-weight: 500;
}
article.capacitacion {
    border: 1px solid #D5D5D5;
    margin-left: 0.5em;
    margin-right: .5em;
    border-top: transparent;
    padding: 1em;
}
article.capacitacion p.descripciones {
    font-size: .9em;
}

/* Políticas y Documentos */
#politicas-container
{
    background: none;
    padding-top: 0;
}

.politicas .fondo 
{
    background: url('../imagenes/documentos-certificacion.jpg') no-repeat top right;
}
#certificados-container
{
    padding-top: 0;
}
#certificados-container table.documentos {
    border-collapse: separate;
    border-spacing: 0 1em;
}

#politicas-container table.documentos td
{
    padding-bottom: 1em;
}
#politicas-container table.documentos td.download
 {
    vertical-align: top;
}
#certificados-container table.documentos td.read {
    min-width: 100px;
}
#politicas-container table.documentos td.download i
 {
    color: #FFB71B;
}
#certificados-container table.documentos td.read i {
    color: #929497;
}
#certificados-container table.documentos td.read a {
    word-break: keep-all;
    color: #FFB71B;
    text-decoration: none;
    font-size: .9em;
}
#politicas-container table.documentos td.contenido{
    padding-left: 1em;
}

#certificados-container table.documentos td.contenido {
    padding-right: 1em;    
}
#politicas-container table.documentos td.contenido a,
#politicas-container table.documentos td.contenido a h6,
#certificados-container table.documentos td.contenido a,
#certificados-container table.documentos td.contenido a h6  {
    color: #000;
    font-size: .9em;
    font-weight: bold;
    margin-bottom: .3em;
}
#politicas-container table.documentos td.contenido a:hover,
#politicas-container table.documentos td.contenido h6:hover,
#certificados-container table.documentos td.contenido a:hover,
#certificados-container table.documentos td.contenido h6:hover {
    color: #929497;
    text-decoration: none;
}
#politicas-container table.documentos td.contenido span,
#certificados-container table.documentos td.contenido span  {
    color: #929497;
    font-size: .85em;
}

/* CLIENTES */
/* Políticas y Documentos */
#clientes-container
{
    background: none;
    padding-top: 0;
}

.clientes .fondo {
    background: url('../imagenes/clientes.jpg') no-repeat top right;
    background-size: contain;
}

.clientes .recuadro-gris {
    background-color: rgba(0, 0, 0, 0.07);
    margin-top: 1em;
    margin-bottom: 2em;
}

.clientes div.con-padding {
    padding: .5em 1em .5em .5em;
}
 
#certificados-container
{
    background: none;
}

#certificados-container strong {
    font-style: italic;
}
#certificados-container figure.certificado {
    margin-top: 3em;
}

/* proceso */

#header-proceso {
    height: 175px;
    position: relative;
}
#header-proceso img.logo {
    position:absolute;
    right: 10%;
    height: 65%;
}

#proceso-container {
    background-image: url('../proceso/fondo.jpg');
    background-position: top center;    
    background-size: cover;
}

#proceso-container img.proceso {
    float: left;
    max-width: 100%;
}

#proceso-container div.proceso {
    float: left;
}

.proceso.c1
{
	width: 224px;
}
.proceso.c2
{
	width: 156px;
}
.proceso.c3
{
	width: 126px;
}
.proceso.c4
{
	width: 152px;
}
.proceso.c5
{
	width: 129px;
}
.proceso.c6
{
	width: 111px;
}
.proceso.c7
{
	width: 110px;
}
@media (max-width: 1390px) {
    .proceso.c1
    {
        width: 179.2px;
    }
    .proceso.c2
    {
        width: 124.8px;
    }
    .proceso.c3
    {
        width: 100.8px;
    }
    .proceso.c4
    {
        width: 121.6px;
    }
    .proceso.c5
    {
        width: 103.2px;
    }
    .proceso.c6
    {
        width: 88.8px;
    }
    .proceso.c7
    {
        width: 88px;
    }
}
@media (max-width: 1140px) {
    .proceso.c1
    {
        width: 145.6px;
    }
    .proceso.c2
    {
        width:  101.4px;
    }
    .proceso.c3
    {
        width: 81.9px;
    }
    .proceso.c4
    {
        width:  98.8px;
    }
    .proceso.c5
    {
        width: 83.85px;
    }
    .proceso.c6
    {
        width: 72.15px;
    }
    .proceso.c7
    {
        width: 71.5px;
    }
}

.proceso-m.w1
{
    width: 332.8px;
}
.proceso-m.w2
{
    width: 113.6px;
}
.proceso-m.w3
{
    width: 106.4px;
}
.proceso-m.w4
{
    width: 112.8px;
}
.proceso-m.w5
{
    width: 76px;
}
.proceso-m.w6
{
    width: 143.2px;
}

/* CONTACTO */ 
#contacto-container {
    background-image: url('imagenes/background-contacto.jpg');
    background-position: top center;    
    background-size: cover;
}

#contacto-container h2,
#contacto-container p.descripciones,
#contacto-container label  {
    color: #fff;
}

#contacto-container form {    
    background-color: rgba(255, 255, 255, 0.78);
    padding: 2.75em 2em;
}



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    /* Nosotros Container */
   
    #header-nosotros
    {
        background: url('../imagenes/nosotros-header-movil.jpg') no-repeat center center ;
        background-size: cover;
    }

    #certificados-container figure.certificado img{
        width: 90%;
    }
   
 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    h2.bienvenidos
    {
        font-size: 3em;
    }
    #nosotros-container,
    #servicios-container
    {
        background-size: 50%;
    }
    #header-nosotros
    {
        background: url('../imagenes/nosotros-header-movil.jpg') no-repeat center center ;
        background-size: cover;
    }
     /* servicios-capacitacion*/
     article.capacitacion h4
     {
         font-size: 1.2em;
     }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) { 
   
    p.descripciones
    {
        font-size: .9em;
    }
    #menu-lateral
    {
        display: none;
    }

    /* Inicio */
    img.logo 
    {
        margin-top: 2em;
    }
    #home-container
    {
        background: url('imagenes/background-inicio-movil.jpg') no-repeat;
        background-position: top center;
        background-size: contain;
    }
    /* nosotros ema IEAB*/

    /* servicios */
    #servicios-container
    {
        padding-top: 90px;
    }
    .back-certificacion
    {
        background: url('../imagenes/servicios-iso-9001.png') no-repeat;
        background-position: top center;
        background-size: cover;
        margin-top: 70px;
        width: 100%;
        height: 300px;
    }
    .back-certificacion.iso9001
    {
        background-image: url('../imagenes/servicios-iso-9001.png');
    }
    .back-certificacion.iso14001
    {   
        background-image: url('../imagenes/servicios-iso-14001.png');
    }
    .back-certificacion.iso22000
    {   
        background-image: url('../imagenes/servicios-iso-22000.png');
    }
    .back-certificacion.iso45001
    {   
        background-image: url('../imagenes/servicios-iso-45001.png');
    }
    .back-certificacion.iso54001
    {   
        background-image: url('../imagenes/servicios-iso-ts-54001.png');
    }

    ul.beneficios li
    {
        font-size: .9em;
        text-align: justify;
    }

    /* servicios-capacitacion*/
    article.capacitacion h4
    {
        font-size: 1.5em;
    }
    /* servicios-desarrollo*/
    #header-desarrollo {
        height: 175px;
        background: url('../imagenes/servicios-desarrollo.jpg') no-repeat top center ;
        background-size: cover;
       margin-top: 70px
    }

    /* Politicas */
    #politicas-container
    {
         margin-top: 100px;
    }
    .politicas .fondo 
    {
        background-image: none;
    }
    #header-politicas {
        height: 45%;
        background: url(../imagenes/politicas.jpg) no-repeat top center;
        background-size: cover;
        margin-top: 70px;
    }
    /* Clientes Container */
    #header-clientes {
        height: 45%;
        background: url(../imagenes/clientes.jpg) no-repeat top center;
        background-size: cover;
        margin-top: 70px;
    }
    .clientes .fondo 
    {
        background: none;
    }
    #clientes-container
    {
        margin-top: 70px;
    }
    #certificados-container
    {
        margin-top: 6em;
    }
    /* Proceso */
    #header-proceso
    {
        display: none;
    }     
    #proceso-container 
    {
        background-image: url('../proceso/proceso-fondo-movil.jpg');
        background-position: center;
        background-size: cover;
        
    }
    /* contacto */
    #contacto-container 
    {
        padding-top: 7em;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

    #menu-lateral > li 
    {
        padding: .7em;
        margin-bottom: .75em;
    }
    #menu-lateral > li a 
    {
        font-size: .85em;
    }
    #menu-horizontal
    {
        margin-top: 1em;
        padding-bottom: .5em;
    }
 }

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */


/* Media querys para el proceso */
@media (max-width: 1340px) 
{

}