:root {

    --colp: #0D73EF;

    --cols: #FCA61F;

    --colgris: #d9d9d9;

}



.preloader {
    height: 100vh;
    width: 100%;
    display: flex;
    position: fixed;
    align-items: center;
    z-index: 99999;
    background-color: white;
}



.loader-img {
    width: 7rem;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    position: absolute;
    z-index: 9991;
    animation: 1.5s infinite normal ease-in-out loadercurve ;



}

.loader-img img {
    position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
@keyframes loadercurve {

    0% {

    transform: translate(-50% , -50%) scale(1);


    }
    50% {


    transform: translate(-50% , -50%) scale(1.1);

    }
    100% {

    transform: translate(-50% , -50%) scale(1);



      }
  }


@keyframes loaderimg {

    0% {

        transform: translate(50% , -50%)  scale(1);


    }

    50% {


        transform: translate(50% , -50%)  scale(1.1);

    }

    100% {

        transform: translate(50% , -50%)  scale(1);



    }
}







body {

    font-family: 'Poppins', sans-serif;

    background-color: #f6f5f200;

}






::-webkit-scrollbar {

    width: 1rem;



}



::-webkit-scrollbar-thumb {

    cursor: pointer;

    background: var(--colp);



}



::selection {

    background-color: var(--colp);

    color: #fff
}






::-moz-selection {

    background-color: var(--colp);

    color: #fff
}

.grecaptcha-badge {
    display: none !important;
}

/* ============ mobile view .end// ============ */

.scrolled-down {
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;

}

.scrolled-up {
    transform: translateY(0);
    transition: all 0.3s ease-in-out;
}


a {

    color: var(--colp);

    text-decoration: none;

    transition: .3s ease all;

}

a:hover {

    color: var(--colp);

}

h1 {

    color: var(--colp);

    font-weight: 900 !important;

    text-transform: uppercase;

    font-family: 'Poppins', sans-serif !important;





}

h2 {

    text-transform: uppercase;



}



h2,
h3,
h4,
h5 {

    color: var(--colp);

    font-weight: 700 !important;

    font-family: 'Poppins', sans-serif !important;



}



/*

========================

=======  GLOBALES  =======

========================

*/

img {

    width: 100%;

}




.img {

    width: 100%;

}

.h-line::after {
    content: '___';
    display: block;
    line-height: 0;
    color: var(--colp);
}

.sub-h {

    text-transform: uppercase;

    color: var(--colp);

    font-size: 2rem;

    font-weight: 700;

}

.hover-white:hover {

    color: white !important;

}

input {
    padding: 1rem !important;
}

.btn {

    transition: .2s ease all !important;
    border-radius: 3rem !important;

}

.btn-lg {

    transition: .2s ease all !important;
    border-radius: 3rem;

}

.text-primary {
    color: var(--colp) !important;
}

.text-blue {
    color: var(--colp);
}

.text-gris {
    color: var(--colgris);
}



.bg-primary {
    background-color: var(--colp) !important;
}

.bg-blue {
    background-color: var(--colp) !important;
}

.btn-blue-hover-white {
    background-color: var(--colp) !important;
    color: white;
}

.btn-blue-hover-white:hover {
    background-color: white !important;
    color: var(--colp) !important;
}



.fw-ebold {
    font-weight: 900 !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.fw-normal {
    font-weight: 400 !important;
}



.bg-gris {
    background-color: var(--colgris);
}







.btn-primary {

    background-color: var(--colp);

    transition: .2s all ease;

    border: none;

}

.btn-primary:hover {

    background-color: var(--cols);

}


.btn-secondary {

    background-color: var(--cols);

    transition: .2s all ease;

    border: none;

}

.btn-secondary:hover {

    background-color: var(--colp);

}



.btn-white {

    background-color: white !important;

    color: var(--colp);

    transition: .2s all ease;

    border: none;

}

.btn-white:hover {

    background-color: var(--colp) !important;

    color: white;

}

.btn-blue-white {

    background-color: var(--colp);

    color: white;

    transition: .2s all ease;

    border: none;

}

.btn-blue-white:hover {

    background-color: white;

    color: var(--colp);

}



.btn-super {

    font-size: 1.2em;

    font-weight: bold;

    letter-spacing: .1rem;

    text-transform: uppercase;

}



@media (min-width: 768px) {



    .btn-super {

        font-size: 1.5em;

        font-weight: bold;

        letter-spacing: .2rem;

        text-transform: uppercase
    }

}



.navbar {
    padding: 0;
}

.btn-contacto {
    background-color: var(--colp);
    color: white;
    padding: 1rem !important;
    display: block;
    margin: 1rem;
}

.btn-contacto:hover {
    background-color: var(--colp);
    color: white;
}

@media (min-width: 992px) {
    .btn-contacto {

        padding: 2.5rem !important;
        display: block;
        margin: 0;
    }
}



.parallax {



    min-height: 300px;

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.text-circle {

    background-color: var(--colp);

    width: 100px;

    height: 100px;

    border-radius: 50%;

    position: absolute;

    z-index: -1;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin: 0 auto;

    margin: 0px auto;

}

.text-h-circle {

    position: relative;

    z-index: 1;

    margin: 0 auto;

}



.text-transform-none {

    text-transform: none;

}



.text-justify {

    text-align: justify !important;

}

/* BODY */

.logo-header {

    width: 120px;

}

.logo-footer {

    width: 170px;

}



@media (min-width: 768px) {

    .logo-header {

        width: 200px;

    }

    .logo-footer {

        width: 200px;

    }

}




.carousel-inner {
    height: 90vh !important;
}



.carousel-item,
.carousel-background {
    height: 100% !important;
}




.iconos-iing {

    width: 80px;

}

.icono-redes {
    font-size: 2rem;
    color: var(--cols)
}


.icon-lg i {
    font-size: 3rem;
    color: var(--colp);
    padding: 1rem;
}



.form-bottom {

    background-color: var(--colp);

    color: white;

    padding: 1.5rem;


}



@media (min-width: 768px) {

    .form-bottom {

        background-color: var(--colp);

        color: white;

        padding: 5rem;


    }

}



.btn-inscripcion {

    background-color: var(--colp);

    height: 105px;



}

.btn-inscripcion a {

    color: white;

    text-transform: uppercase;

    font-size: 1.3rem;

    font-weight: bold;



}



.text-shadow {

    text-shadow: -2px 2px 2px #00000070;

}

.text-shadow-none {

    text-shadow: none;

}



.img-link {

    position: relative;

    overflow: hidden;

}



.img-link img {

    width: 100%;

    height: 100%;

    transition: all .3s ease;

}

.img-link:hover>img {

    transform: scale(1.1);

}

.img-link:hover>.img-link-text {

    filter: opacity(0);

}



.img-link-text {

    position: absolute;

    bottom: 0;

    text-align: center;

    transition: ease all .3s;

    background: rgba(0, 0, 0, 0.8);

    width: 100%;

    opacity: 1;

    padding-top: 10px;

}

.img-link-icon {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background: #6bc2cca9;

    opacity: 0;

    visibility: hidden;

    text-align: center;

    transition: all ease-in-out .3s;

    color: white;

}

.img-link-icon i {

    margin-top: 10rem;

    color: white;

    display: block;

}



.img-link:hover>.img-link-icon {

    opacity: 1;

    visibility: visible;

}

.footer-copy {

    color: white;

    background-color: var(--colp) !important;

}

.card-carrera {

    height: 30rem;

}



.card-carrera h2 {

    text-transform: none !important;



}

.card-carrera-a {

    height: 100%;



}

.card-carrera a {

    position: sticky;

    top: 100%;

    display: block;



}

.mapa-contacto {
    height: calc(100vh - 30vh);
}

@media (min-width: 768px) {
    .mapa-contacto {
        height: 100%;
    }



}

.float-whats {

    color: white !important;

    background-color: #1d9e3b;

    font-size: 2.5rem;

    position: fixed;

    padding: 8px 20px;

    border-radius: 50%;

    z-index: 99;

    bottom: 15px;

    right: 15px;

    transition: ease .3s all;

    box-shadow: -1px 2px 2px #00000070;

}

.float-whats:hover {

    background-color: var(--colp);

    color: white !important;

}




.bd-footer {
    position: relative;
    overflow: hidden;
    background-color: #dedede !important;
}

.bd-footer .back-footer {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 0.1;
}

@media (min-width: 1200px) {
    .bd-footer .back-footer {
        position: absolute;
        width: 100%;
        top: -400px;
        height: auto;
        opacity: 0.1;
    }
}


.container-footer {
    position: relative;
    z-index: 2;
}