:root {

    --primario: #001042;

    --secundario: #062470;

}



body {

    font-family: 'Open Sans', sans-serif;

}





/* * menu */



.bg-primary {

    background: #1B3781 !important;

    transition: all 1s ease;

}





/*Estilos para el menubar*/



.boton-menu {

    border: 0;

    font-size: 2.1rem;

    margin: 0;

    padding: 0 0.5rem;

    background: transparent;

    color: #fff;

    cursor: pointer;

}



.boton-menu:focus {

    outline: 0;

}





/* clases del menu principal*/



#menu-principal {

    /*    background: red;*/

    width: 100%;

}



#menu-principal ul {

    padding: 0;

    list-style: none;

    /* margin: 1rem 0 0 0; */

}



#menu-principal ul a {

    display: block;

    padding: 0.8rem 0;

    text-align: center;

    text-transform: uppercase;

    text-decoration: none;

    color: #fff;

    border-top: 0.5px solid rgb(255, 255, 255, 0.5);

}



#menu-principal ul a:hover,

#menu-principal ul li.active a {

    color: #FBE909;

    font-weight: bold;

}



#menu-principal .nav-item .dropdown-menu {

    width: auto;

    padding: 0;

    background: #1B3781;

    border: 0;

}



#menu-principal .nav-item .dropdown-menu .dropdown-item {

    text-align: center;

    width: auto;

    color: #fff;

    font-weight: 500;

    margin: 0;

    padding: 1rem;

    border-bottom: 0 solid;

    border-top: 0.5px solid rgb(255, 255, 255, 0.5);

}



#menu-principal .nav-item .dropdown-menu .dropdown-item:hover {

    display: block;

    width: auto;

    background: #062470;

    color: #ffffff;

}



.dropdown:hover>.dropdown-menu {

    display: block;

}



.dropdown>.dropdown-toggle:active {

    /*Without this, clicking will make it sticky*/

    pointer-events: none;

}





/* Carrusel principal de imageness*/



.carousel-item {

    /* height: 100vh;

    min-height: 50vh; */

    width: auto;

    /* background: no-repeat bottom center scroll; */

    /* background-size: cover; */

    /* background-attachment: fixed !important; */

}



.carousel-caption {

    position: absolute;

    text-shadow: 2px 2px 4px #000000;

    text-align: left;

    top: 20px;

    z-index: 0;

}





header.estatico {

    position: fixed;

    top: 0;

    z-index: 1000;

    width: 100%;

}



@media (min-width:960px) {

    /* .encabezado {

        padding: 1.5rem 0 1.5rem 0;

    } */

    .encabezado .container {

        padding-bottom: 0;

    }

    .bg-primary .logo img {

        /*        filter: brightness(10);*/

        width: 200px;

        height: auto;

    }

    /*

    .bg-primary {

        transition: all 1s ease;

    }

    .bg-inverse {

        background-color: #D29F36 !important;

        box-shadow: 5px 10px 18px #888888 !important;

        transition: all 1s ease !important;

        color: #201C15 !important;

    }

    .bg-inverse .logo img {

        filter: none;

        width: 150px;

        height: auto;

    }

*/

    #menu-principal {

        height: auto !important;

        display: block;

        width: auto;

        margin-left: auto;

        /*        background: red;*/

    }

    #menu-principal ul li a {

        padding: 0.8rem;

        margin: 0 0.3rem;

        border-top: 0px;

        font-size: .7rem;

        border-bottom: 4px solid transparent;

        transition: all .5s ease;

    }

    #menu-principal ul li a:hover {

        color: #FBE909;

        /*        border-bottom: 4px solid;*/

    }

    #menu-principal ul li.active a {

        border-bottom: 4px solid;

    }

    #menu-principal .nav-item .dropdown-menu {

        position: absolute;

        top: auto;

        width: auto;

        /* padding: 0; */

        /* border-top: 4px solid #FBE909;

        background: rgb(32, 28, 21,1);

        border-radius: 0; */

    }

    #menu-principal .nav-item .dropdown-menu .dropdown-item {

        text-align: left;

        width: auto;

        color: #fff;

        font-weight: 500;

        margin: 0;

        padding: 1rem;

        border-bottom: 0 solid;

        border-top: 0.5px solid rgb(255, 255, 255, 0.5);

    }

    #menu-principal .nav-item .dropdown-menu .dropdown-item:hover {

        display: block;

        width: auto;

        background: #1B3781;

        color: #FBE909;

    }

}





/* Nav bar*/



.dropdown-toggle::after {

    content: " \f078";

    font-family: FontAwesome;

    font-size: .8rem;

    font-weight: 700;

    margin-left: auto;

    position: relative;

    -webkit-transition: 5s ease;

    transition: all .5s ease;

    opacity: .5;

    /* left: 10px; */

    border-top: 0 solid transparent;

}





/* 

nav {

    background-color: var(--primario);

}



nav ul li {

    padding: 1rem 0;

    transition: all 0.5s ease;

    list-style: none;

} */





/* nav ul li:hover {

  background-color: red; 

} */





/* le agregars un flex a los elementos dentro de navbar */





/* 

.bg-success {

    background-color: #1B3781 !important;

}



.bg-dark {

    color: white;

    background-color: #1B3781 !important;

}



.barra {

    padding: 5px 5px;

} */





/* menu y cabecera*/





/* .navbar-dark .navbar-nav .nav-link {

    text-align: center;

    padding: .8rem .8rem;

    color: white;

    font-size: rem;

}



.navbar-dark .navbar-nav .nav-link:hover {

    background: #062470;

    color: white;

}



.navbar-toggler:not(:disabled):not(.disabled) {

    cursor: pointer;

    outline: 0;

} */





/* Dropdown menu */





/* .dropdown-menu {

    position: absolute;

    top: 3.8rem;

    background-color: #062470 !important;

    border: none;

}



.dropdown-menu .dropdown-item {

    padding: .8rem .8rem;

    color: white;

}



.dropdown-menu .dropdown-item:hover {

    background-color: #1B3781;

    padding: 0 10 0 10;

} */





/* Control slider */





/* Carrusel principal de imageness*/





/* 

.carousel.slide {

    z-index: -3;

}



.carousel-control-prev {

    z-index: 2;

} */



.carousel-item {

    height: auto;

    width: 100%;

    background: no-repeat center center scroll;

    background-size: cover;

}





/* .carousel-item  img {

      height: 500px;

      width: 100%;

  } */



.carousel-control-prev-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231B3781' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");

    z-index: -3;

}



.carousel-control-next-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231B3781' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");

}





/* Seccion 2 */



.heading {

    font-family: 'Open Sans', sans-serif;

    font-size: 35px;

    font-weight: 300;

    text-align: center

}



h2 {

    font-size: 32px;

    line-height: 36px;

    margin-top: 20px;

}



.container.section-1 #img1 {

    position: relative;

    width: 100px;

    height: auto;

    z-index: -3;

}



.container.section-1 #img2 {

    position: relative;

    z-index: -3;

    width: 130px;

    height: auto;

}



.container.section-1 #img3 {

    position: relative;

    z-index: -3;

    width: 200px;

    height: auto;

}





/* Container section */



.section-2 {

    position: relative;

    z-index: -3;

}



.section-2 h2 {

    font-size: 28px;

}



.servicios-row:hover {

    background-color: #CCE5FF;

}



.servicios h3 {

    text-align: center;

    font-size: 18px;

    font-weight: bold;

}



.servicios p {

    text-align: justify;

    color: #4d4c4c;

    font-size: 16px;

}



.servicios img {

    height: 100px;

    padding: .5rem .5rem;

}



.instructores {

    list-style-image: url('../img/vineta.png') !important;

    font-size: 0.9rem;

    text-align: center;

}



.instructores li {

    height: 30px;

    padding-left: 5px;

}



@media (min-width: 760px) {

    .instructores {

        font-size: 1.2rem;

        text-align: center;

    }

    .instructores li {

        height: 30px;

        padding-left: 20px;

    }

}





/* .instructores ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}*/





/* Card de profesores */



.card .card-body p img {

    width: 300px !important;

    height: auto;

}





/* Linea de color */



.div-block {

    width: 80%;

    height: 2px;

    margin-right: 20px;

    margin-left: 20px;

    padding-left: 0px;

    background-color: transparent;

    background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #1B3781), color-stop(60%, #1B3781), to(hsla(0, 0%, 100%, 0)));

    background-image: linear-gradient(90deg, transparent, #1B3781 40%, #1B3781 60%, hsla(0, 0%, 100%, 0));

    -webkit-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    color: #848484;

}



.section-nosotros .card {

    border: none;

}



.section-nosotros span {

    font-style: italic;

    font-size: 14px;

}



.section-nosotros img {

    height: 150px;

    width: 150px;

    margin-bottom: 0px;

    padding: 10px;

    border-radius: 200px;

    background-color: rgba(0, 0, 0, 0.16);

}



.section-nosotros h4 {

    font-size: 14px;

    font-weight: bold;

}



.section-nosotros h2 {

    font-size: 12px;

    font-weight: bold;

}



.section-nosotros .card-text {

    font-style: italic;

    color: #848484;

    font-size: 14px;

}



.contacto h1 {

    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

    color: #848484;

    font-size: 22px;

    line-height: 35px;

    text-align: center;

}



.contacto h3 {

    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

    font-style: normal;

    text-align: center;

    font-size: 24px;

    line-height: 30px;

    margin-top: 20px;

    font-weight: bold;

    margin-bottom: 10px;

}



.contacto h4 {

    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;

    color: #848484;

    font-style: italic;

    text-align: center;

    font-size: 18px;

    line-height: 24px;

    margin-top: 10px;

    font-weight: bold;

    margin-bottom: 10px;

}



.contacto .btn {

    align-items: center;

    border-radius: 5px;

    background-color: #1B3781;

    box-shadow: 1px 1px 3px -1px #1B3781;

    font-size: 28px;

}





/* Contenido otras páginas */



.contenido .contenido-2 {

    margin-top: 20px;

    padding: 20px;

    border-radius: 5px;

    background-color: #f2f2f2;

}



#principal {

    position: relative;

    /* z-index: -1; */

    /* margin-top: 1.5rem; */

}



#principal-contacto {

    margin-top: 2rem;

}





/* .navbar {

    background: #001042 !important;

} */



.backmenu {

    height: auto !important;

}





/* .encabezado {

    height: 110px;

    background: #001042 !important;

} */



.navbar-dark .navbar-nav .nav-link {

    padding: .8rem .8rem;

    color: white;

    font-size: rem;

}



.navbar-dark .navbar-nav .nav-link:hover {

    background: #062470;

    color: white;

}





/* Dropdown menu */



.dropdown-menu {

    position: absolute;

    top: 3.8rem;

    background-color: #062470 !important;

    border: none;

}



.dropdown-menu .dropdown-item {

    padding: .8rem .8rem;

    color: white;

}



.dropdown-menu .dropdown-item:hover {

    background-color: #1B3781;

    padding: 0 10 0 10;

}





/* ACORDION */



section {

    padding: 60px 0;

}



#accordion-style-1 h1 {

    color: #1B3781;

}



#accordion-style-1 a {

    color: #ffffff;

}



#accordion-style-1 .btn-link {

    font-weight: 400;

    color: #1B3781;

    background-color: transparent;

    text-decoration: none !important;

    font-size: 16px;

    font-weight: bold;

    padding-left: 25px;

    white-space: normal;

}



#accordion-style-1 .card-body {

    border-top: 2px solid #1B3781;

}



#accordion-style-1 .card-header .btn.collapsed .fa.main {

    display: none;

}



#accordion-style-1 .card-header .btn .fa.main {

    background: #1B3781;

    padding: 13px 11px;

    color: #ffffff;

    width: 35px;

    height: 41px;

    position: absolute;

    left: -1px;

    top: 10px;

    border-top-right-radius: 7px;

    border-bottom-right-radius: 7px;

    display: block;

}



/* #slider {

    margin-top: 24% !important;

} */



/* #principal {

    margin-top: 12% !important;

} */



#info {

    margin-top: 30% !important;

}



#cancel {

    margin-top: 30% !important;

}



#instructores {

    margin-top: 30% !important;

}



/* #pagosgenerales {

    margin-top: 25% !important;

} */



#pagos {

    margin-top: 30% !important;

}



@media ( min-width: 500px) {

    /* #slider {

        margin-top: 17% !important;

    } */

    #info {

        margin-top: 20% !important;

    }

    #cancel {

        margin-top: 20% !important;

    }

    #instructores {

        margin-top: 2% !important;

    }

    /* #pagosgenerales {

        margin-top: 20% !important;

    } */

    #pagos {

        margin-top: 20% !important;

    }

}



@media ( min-width: 700px) {

    /* #slider {

        margin-top: 15% !important;

    } */

    /* #principal {

        margin-top: 12% !important;

    } */

    #instructores {

        margin-top: 2% !important;

    }

    /* #pagosgenerales {

        margin-top: 12% !important;

    } */

    #pagos {

        margin-top: 15% !important;

    }

}



@media ( min-width: 800px) {

    /* #slider {

        margin-top: 13% !important;

    } */

    /* #principal {

        margin-top: 5% !important;

    } */

    #pagos {

        margin-top: 15% !important;

    }

}



@media ( min-width: 1000px) {

    /* #slider {

        margin-top: 8% !important;

    } */

    /* #principal {

        margin-top: 5% !important;

    } */

    #cancel {

        margin-top: 10% !important;

    }

    #info {

        margin-top: 10% !important;

    }

    #instructores {

        margin-top: 10% !important;

    }

    /* #pagosgenerales {

        margin-top: 8% !important;

    } */

    #pagos {

        margin-top: 10% !important;

    }

}



@media ( min-width: 1200px) {

    /* #slider {

        margin-top: 5% !important;

    } */

    #cancel {

        margin-top: 5% !important;

    }

    #info {

        margin-top: 5% !important;

    }

    #instructores {

        margin-top: 2% !important;

    }

    /* #pagosgenerales {

        margin-top: 5% !important;

    } */

    #pagos {

        margin-top: 5% !important;

    }

}



@media ( min-width: 768px) {

    .container.section-1 #img1 {

        width: 150px;

        height: auto;

    }

    .container.section-1 #img2 {

        width: 200px;

        height: auto;

    }

    .container.section-1 #img3 {

        width: 509px;

        height: auto;

    }

    /* Container section */

    .section-2 h2 {

        font-size: 38px;

    }

    .section-2 .list-group {

        width: 100%;

    }

    .servicios-row {

        position: relative;

        z-index: -3;

    }

    .servicios h3 {

        text-align: justify;

        font-size: 18px;

        font-weight: bold;

    }

    .servicios p {

        text-align: justify;

        color: #848484;

        font-size: 15px;

    }

    .servicios img {

        height: 150px;

        padding: 1.5rem .5rem;

    }

    /* Linea de color */

    .section-nosotros .div-block {

        width: 80%;

        height: 2px;

        margin-right: 20px;

        margin-left: 20px;

        padding-left: 0px;

        background-color: transparent;

        background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #1B3781), color-stop(60%, #1B3781), to(hsla(0, 0%, 100%, 0)));

        background-image: linear-gradient(90deg, transparent, #1B3781 40%, #1B3781 60%, hsla(0, 0%, 100%, 0));

        -webkit-transform: translate(0px, 0px);

        -ms-transform: translate(0px, 0px);

        transform: translate(0px, 0px);

        color: #848484;

    }

    .section-nosotros .card {

        border: none;

    }

    .section-nosotros span {

        font-style: italic;

        font-size: 14px;

    }

    .section-nosotros img {

        height: 150px;

        width: 150px;

        margin-bottom: 0px;

        padding: 10px;

        border-radius: 200px;

        background-color: rgba(0, 0, 0, 0.16);

    }

    .section-nosotros h4 {

        font-size: 14px;

        font-weight: bold;

    }

    #principal-contacto {

        margin-top: 2rem;

    }

}



@media (min-width: 992px) {

    .barra.bg-success {

        background-color: #1B3781 !important;

    }

    .header {

        position: relative;

    }

    .header.barra {

        position: absolute;

        z-index: 100;

        top: 50px;

        width: 100%;

    }

    /* .navbar {

        height: 70px;

    } */

    .navbar-dark .navbar-nav .nav-link {

        color: white;

        font-size: rem;

    }

    .navbar-dark .navbar-nav .nav-link:hover {

        background: #062470;

        color: white;

        height: 100%;

    }

}



@media (max-width: 539px) {

    /* #principal {

        margin-top: 1.5rem;

    } */

    #principal-contacto {

        margin-top: 2rem;

    }

}



.ir-arriba {

    position: fixed;

    bottom: 1rem;

    right: 1rem;

    font-size: 4.5rem;

    color: #1B3781;

    text-decoration: none;

    z-index: 99999;

    display: block;

    line-height: 0;

    transition: all .5s ease;

}



.ir-arriba:hover,

.ir-arriba:focus {

    outline: 0;

    text-decoration: none;

    color: #CCE5FF;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

}



.ir-arriba a:active {

    color: #D6C590;

}



.fa-angle-up:before {

    content: "\f106";

    font-weight: bold;

}



.ir-arriba p {

    font-size: .8rem;

    font-weight: bold;

    text-align: center;

}





/** card de los instructores*/



#team {

    background: #F2F2F2!important;

}



.btn-primary:hover,

.btn-primary:focus {

    background-color: #062470;

    border-color: #1B3781;

    box-shadow: none;

    outline: none;

}



.btn-primary {

    color: #fff;

    background-color: #062470;

    border-color: #1B3781;

}



section {

    padding: 60px 0;

}



section .section-title {

    text-align: center;

    color: #062470;

    margin-bottom: 50px;

    text-transform: uppercase;

}



#team .card {

    border: none;

    background: #ffffff;

}





/* 

.image-flip:hover .backside,

.image-flip.hover .backside {

    -webkit-transform: rotateY(0deg);

    -moz-transform: rotateY(0deg);

    -o-transform: rotateY(0deg);

    -ms-transform: rotateY(0deg);

    transform: rotateY(0deg);

    border-radius: .25rem;

}



.image-flip:hover .frontside,

.image-flip.hover .frontside {

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

    transform: rotateY(180deg);

}



.mainflip {

    -webkit-transition: 1s;

    -webkit-transform-style: preserve-3d;

    -ms-transition: 1s;

    -moz-transition: 1s;

    -moz-transform: perspective(1000px);

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transition: 1s;

    transform-style: preserve-3d;

    position: relative;

}

*/





/* 

.frontside:hover {

    background: red;

} */





/*

.backside {

    position: absolute;

    top: 0;

    left: 0;

    background: white;

    -webkit-transform: rotateY(-180deg);

    -moz-transform: rotateY(-180deg);

    -o-transform: rotateY(-180deg);

    -ms-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);

}



.frontside,

.backside {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transition: 1s;

    -webkit-transform-style: preserve-3d;

    -moz-transition: 1s;

    -moz-transform-style: preserve-3d;

    -o-transition: 1s;

    -o-transform-style: preserve-3d;

    -ms-transition: 1s;

    -ms-transform-style: preserve-3d;

    transition: 1s;

    transform-style: preserve-3d;

} */



.frontside .card,

.backside .card {

    min-height: 312px;

    margin-bottom: 0;

    padding-bottom: 0;

}



.backside .card a {

    font-size: 18px;

    color: #062470 !important;

}



.card-text {

    font-size: 2rem;

}



.frontside .card .card-title,

.backside .card .card-title {

    font-size: 1rem;

}



@media (min-width: 768px) {

    .frontside .card .card-title,

    .backside .card .card-title {

        font-size: 1.2rem;

    }

}



.frontside .card .card-title,

.backside .card .card-title {

    color: #062470 !important;

}



.frontside .card .card-body img {

    width: 25%;

    height: auto;

    border-radius: 50%;

}



.list-inline img {

    width: 10%;

    height: auto;

    /* filter: invert(0.4) sepia(1) hue-rotate(20deg) saturate(1000%); */

}



.list-inline .fa {

    font-size: 2rem;

    color: #062470;

    /* filter: invert(0.4) sepia(1) hue-rotate(20deg) saturate(1000%); */

}





/* pie de pagina */



.pie-pagina {

    margin-top: 2rem;

    background: #062470;

    color: #fff;

    background-size: cover;

    /* height: 50%; */

    /* position: absolute; */

    width: 100%;

    /*bottom: 0px;*/

    /*left: 0px;*/

}



.pagina {

    display: flex;

    flex-direction: column;

    min-height: 100vh   ;

}



.pagina .cuerpo {

    flex: 1;

}



.pie-pagina .parrafo h2 {

    font-size: 1.5rem;

    font-weight: 600;

    color: #fff;

}



.pie-pagina .parrafo p {

    color: #f2f2f2;

}



.pie-pagina .parrafo a {

    color: #fff;

}



.pie-pagina .sitemap h2 {

    font-size: 1.5rem;

    font-weight: 600;

    color: #fff;

}



.pie-pagina .sitemap ul {

    padding: 0 0 0 0;

}



.pie-pagina .sitemap ul li {

    list-style: none;

    text-decoration: none;

    font-weight: 400;

    color: #fff;

    margin: 10px 0 10px 0;

    padding: 0;

}



.pie-pagina .sitemap ul li a {

    text-decoration: none;

    color: #fff;

}





/* direcciones */



.direccion h2 {

    font-size: 1.5rem;

    font-weight: 600;

    color: #fff;

}



.pie-pagina .copy a {

    color: #fff;

    font-size: 1.5rem;

    margin-right: 10px;

}