/* RESET */
* {	margin:0; padding:0; font-family: 'Lato', Helvetica, sans-serif; font-weight: 400; box-sizing: border-box;}
ul { list-style: none}
ul li { display: inline-block}
a { text-decoration: none; color: #0c255a; transition: all .3s; -webkit-transition: all .3; -moz-transition: all .3;}
a:hover { text-decoration: none; color: #ff6826}

/* CONTAINERS */
.header, nav, section, .container { width: 1170px; margin: auto}
.fullWidth { width: 100% !important;}
/* HEADER */
header { position: relative; z-index: 2; background-color: rgba(255, 255, 255, 0.9); color: #151325; }
.header, nav { display: flex; justify-content: space-between; align-items: center; height: 100%;}

/*top*/
.headerTop { position: fixed; z-index:19999; top: 0; height: 33px; width: 100%; background: #000d2b; background: -webkit-linear-gradient(#000d2b, rgba(0,13,43,0.7)); background: -o-linear-gradient(#000d2b, rgba(0,13,43,0.7)); background: -moz-linear-gradient(#000d2b, rgba(0,13,43,0.7)); background: linear-gradient(#000d2b, rgba(0,13,43,0.7)); box-shadow: 0px 1px 10px #e5e2e2;}
.headerTop a { color: #fff;}
.headerTop a:hover { color:#ff8049; padding: 0 10px 0 10px; border-left: 1px solid #ff6826; border-right: 1px solid #ff6826;}
.headerTop .separador { display: none;}

/**/
nav { margin-top: 33px; padding: 20px 0;}
nav h1 { width: 228px; height: 90px; background: url(../imagenes/logo.png) no-repeat center; background-size: contain;}
nav ul li { padding-left: 10px;}
nav ul li.active { color: #ff6826;}
nav ul li a:hover { padding: 0 10px 0 10px; color: #ff6826; border-left: 1px solid #ff6826; border-right: 1px solid #ff6826;}
.c-hamburger { display: none;}
nav .menu-mbl { display: none;}


/* MAIN - HOME */
main { width: 100%; position: absolute; top: 0;}
section { padding: 50px 0;}
h2 { text-transform: uppercase; font-size: 3rem; padding-bottom: 50px; line-height: 1; color: #444a54; font-family: 'Lato', Helvetica, sans-serif; font-weight: 900;}
h3 { font-size: 2rem; font-weight: 400; padding-bottom: 50px; color: #444a54;}
h4 { font-size: 1.3rem; color: #444a54; font-family: 'Lato', Helvetica, sans-serif; font-weight: 400; line-height: 1.5rem; margin-bottom: 2rem;}
p { margin-bottom: 10px;}
#slide { background: url(../imagenes/header2.jpg) no-repeat center; background-size: cover; width: 100%; height: 60vh; min-height: 300px;}
.centrado { text-align:center;}

/*INICIALES*/
.iniciales { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
.inicial { text-align: center;}
.inicial img { max-width: 100%; height: auto; margin-bottom: 1rem;}
.inicial p span { font-size: 18px; color: #0c255a;}
/*CONCOZCANOS*/
.conozcanos { background: #151325 url(../imagenes/bg-conozcanos.jpg) no-repeat center; background-size: cover; padding: 70px 0;}
.quote { height: 65px;}
.conozcanos h3 { color: #fff; margin: 30px 0;}
.conozcanos p { text-align: center;}
.conozcanos p a { font-size: 19px; padding: 10px 70px; border: 1px solid #fff; color:#fff;}
.conozcanos p a:hover { background-color: #fff; color: #151325; border-radius: 2px;}
/*CLIENTES*/
.clientes { display: flex; flex-wrap: wrap; justify-content: space-between;}
.clientes .logo-cliente { margin: 5px auto;}
/* FOOTER */
footer { background: #000d2b; padding: 70px 0;}
footer p, footer a { color: #fff; text-align: center; font-family: 'Lato', Helvetica, sans-serif; font-weight: 300; font-size: 20px;}
/* MODAL */
#modal-form { position: fixed; left: 0; top: 0; z-index:20000; width: 100vw; height: 100vh; background: rgba(0,13,43,0.7); overflow: auto;}
.closeModal { float: right; font-size: 24px; font-weight: 700; line-height: 1; color: #001b5a; opacity: .7; cursor: pointer;}
.modal-body { width: 500px; max-width: 100%; margin: auto; background: #fff; padding: 20px 50px;}
.modal-body h3 { padding: 20px 0; font-size: 2rem;}
#form-pagos { color:#444a54; margin: 20px auto; display:inline-block; width: 100%;}
#form-pagos div { padding-bottom: 20px;}
#form-pagos span { display: block; margin-bottom: 7px;}
#form-pagos input { width: 100%; font-size: 1.2rem; padding: 10px; border: none; background-color: #e8f0fe;}
#form-pagos input[type="submit"] { cursor: pointer; padding: 20px; color:#fff; background: #001b5a; border: 1px solid #001b5a !important;}
#form-pagos input[type="submit"]:hover { background: #fff; border: 1px solid #001b5a !important; color: #001b5a;}
#form-pagos input[type="submit"]:disabled,
#form-pagos input[type="submit"][disabled],
#form-pagos input[type="submit"]:disabled:hover,
#form-pagos input[type="submit"][disabled]:hover { cursor: unset; background: #e1e1e1; border-color: #e1e1e1 !important; color: #fff;}

/*INTERNAS*/
.headerInterna { border-bottom: 1px solid #ececed;}
.sectionInterna { padding-top: 225px; min-height: calc(100vh - 198px);}
/**/
.dosCols { display: flex; flex-wrap: nowrap;}
.txtLeft { padding-right: 30px;}
.imgRight { max-width: 100%; height: fit-content;}
/**/
.sectionInterna ul { list-style: none; padding: 0;}
.sectionInterna li { border-bottom: 1px solid #444a54; width: 100%; padding: 13px 0;}
.sectionInterna .recursos ul { display: flex; flex-wrap: wrap;}
.sectionInterna .recursos li { width: 50%;}
.sectionInterna .recursos li p { font-size: 16px; padding: 0 10px;}
.sectionInterna i { float: left; font-size: 22px; color: #444a54;}
.sectionInterna li a { color: #444a54; margin-top: 2px; font-size: 17px; font-family: 'Lato', Helvetica, sans-serif; font-weight: 400; border: none; padding: 0 0 0 15px;}
.sectionInterna li a:hover { color: #ff6826; border: none;}
.sectionInterna li p { display: table; margin-top: 2px; font-size: 17px; font-family: 'Lato', Helvetica, sans-serif; font-weight: 400; border: none; padding: 0 10px 0 15px; margin-bottom: 0;}
.sectionInterna li strong { font-weight: 700;}
.sectionInterna .informeContacto { text-decoration:underline; font-family: 'Lato', Helvetica, sans-serif; font-weight: 900;}


@media all and (max-width: 1200px) {
    .dsk-only { display: none;}
    /* CONTAINERS */
    .header, nav, section, .container { width: 960px;}
    h3 { font-size: 1.6rem;}
    .inicial { margin-right: 1rem;}
    .inicial:last-child { margin-right: none;}

    /*INTERNAS*/
    .txtLeft { padding-right: 20px;}
}

@media all and (max-width: 990px) {
    /* CONTAINERS */
    .header, nav, section, .container { width: 738px;}
    /*MENU*/
    .c-hamburger { display: block; position: relative; overflow: hidden; width: 28px; height: 28px; text-indent: -9999px; cursor: pointer; transition: background 0.3s;}
    .c-hamburger:focus { outline: none;}
    .c-hamburger span { display: block; position: absolute; top: 13px; left: 4px; right: 4px; height: 3px; background: #001b5a;}
    .c-hamburger span:before,
    .c-hamburger span:after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #001b5a; content: "";}
    .c-hamburger span:before { top: -6px;}
    .c-hamburger span:after { bottom: -6px;}
    .c-hamburger--htx span { transition: background 0s 0.3s;}
    .c-hamburger--htx span:before,
    .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
    .c-hamburger--htx span::before { transition-property: top, transform;}
    .c-hamburger--htx span::after { transition-property: bottom, transform;}
    .c-hamburger--htx.is-active span { background: none;}
    .c-hamburger--htx.is-active span:before { top: 0; transform: rotate(45deg);}
    .c-hamburger--htx.is-active span:after { bottom: 0; transform: rotate(-45deg);}
    .c-hamburger--htx.is-active span:before,
    .c-hamburger--htx.is-active span:after { transition-delay: 0s, 0.3s;}
    .mobile-bar { display: none; z-index: 3; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; color: #444a54; text-align: center;}
    nav ul { width: 100%;}
    nav h1 { width: 125px; height: 50px;}
    nav ul li { display: block; padding: 0 !important; border-bottom: 1px solid #dbe6ff;}
    nav ul li a { display: block; padding: 10px;}
    nav ul li.active { display: block; padding: 10px !important; font-family: 'Lato', Helvetica, sans-serif; font-weight: 400;}
    nav .menu-mbl { display: block;}

    /*INTERNAS*/
    .sectionInterna { padding-top: 180px;}
    .dosCols { flex-wrap: wrap;}
    .txtLeft { padding-right: 0; padding-bottom: 20px;}

}

@media all and (max-width: 767px) {
    nav { margin-top: 0;}
    /* CONTAINERS */
    .header, nav, section, .container { width: 420px;}
    .iniciales { grid-template-columns: 1fr 1fr;}
    .inicial:nth-child(odd) { margin-right: 0.5rem;}
    .inicial:nth-child(even) { margin-right: 0; margin-left: 0.5rem;}
    .inicial p { display: none;}
    .clientes { flex-direction: column;}
    /*HEADER-FOOTER*/
    .headerTop { bottom: 0; top: unset; height: 52px; font-size: 12px; box-shadow: 0px 2px 10px #e5e2e2;}
    .headerTop .header { width: 100%; justify-content: space-evenly;}
    .headerTop i { display: block; font-size: 20px; text-align: center;}
    .headerTop .separador { display: block; height: 100%; width: 1px; background-color: #fff;}
    /*INTERNAS*/
    .sectionInterna { padding-top: 150px;}
    .sectionInterna .recursos li { width: 100%; }
}

@media all and (max-width: 450px) {
    /* CONTAINERS */
    .header, nav, section, .container { width: 300px;}
    h2 { font-size: 2.5rem;}
    .iniciales { grid-template-columns: 1fr; justify-items: center;}
    .inicial { margin-bottom: 1rem; margin-right: 0;}
    .inicial:last-child { margin-bottom: none;}
    /* HEADER-FOOTER */
    .headerTop { font-size: 10px;}
    /* MODAL */
    .modal-body { padding: 15px;}
}

@media (min-width: 991px) {
    /* HEADER */
    .mobile-bar { display: block !important;}
}