/* Continua: */

/* 
version: 26 abril 2018
author: Cesar Davila
Continua Marketing Digital


*/


/*@import url('https://fonts.googleapis.com/css?family=Cairo:400,700');*/

/* Carrusel imagenes */

.fling-minislide {width:100%; height:0px; padding-bottom: 99%; overflow:hidden; position:relative;}
.fling-minislide img{ position:absolute; animation:fling-minislide 20s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide {25%{opacity:1;} 40%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:5s;}
.fling-minislide img:nth-child(2){animation-delay:10s;}
/* FIN Carrusel imagenes */

/*transición entre paginas (requiere JS) */
html {
    animation: fadeSiteIn 0.5s ease forwards; /* [1] */
}

html.fadeSiteOut {
  animation:  fadeSiteOut 0.5s ease forwards; /* [2] */
}


@keyframes fadeSiteIn { /* [1] */
    from   { opacity: 0; }
    to    { opacity: 1; }
}

@keyframes fadeSiteOut { /* [2] */
    from   { opacity: 1; }
    to     { opacity: 0; }
}

/*ESTILOS ************************************************/

html {
    /*    define el tamaño de la fuente para su uso en REM; Nota, al modificar el tamaño de este valor todos los demas valores del sitio web se modificaran tambien, ya que hacen uso de medida REM*/
    font-size: 16px;
}

body {
    font-family: 'Cairo', sans-serif;
    font-weight: 400;
    color: #9197AE;
    background-color: #ffffff;

}

footer {
    margin-top: 0px;
    background: linear-gradient(to left, #9EC42D, #69B32D);
}



/*  .  GLOBALES . ************************************************************/

.debugging {
    border: 1px dashed red;
}

.p {
    border: 1px dashed red;
}

.clearboth {
    clear: both;
}







/*  .  TEXTOS . ************************************************************/

/*reset title styles*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-weight: 400;
}

h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
p b {
    font-weight: 700;
}

h1 {
    font-size: 2rem;
    letter-spacing: 0px;
    line-height: 110%;
    padding-bottom: 1rem;
}

h2 {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
    line-height: 120%;
    padding-bottom: .5rem;
}

h3 {
    font-size: 1.25rem;
    letter-spacing: 0.5px;
    line-height: 120%;
    padding-bottom: .5rem;
}

h4 {
    font-size: 1rem;
    letter-spacing: 0.5px;
    line-height: 130%;
}

h5 {
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    line-height: 130%;
}

h6 {
    font-size: 0.75rem;
    letter-spacing: 0.8px;
    line-height: 130%;
}

p {
    font-size: 1.1rem;
    letter-spacing: 0.2px;
    line-height: 140%;
}

/*  .  TEXT COLORS . ************************************************************/

.text-color-1 {
    color: #ffffff !important;
}

.text-color-2 {
    color: #9197AE !important;
}

.text-color-3 {
    color: #564796 !important;

}

.text-color-4 {
    color: #9EC42D !important;
}

.text-color-5 {
    color: #69B32D !important;
}

.text-color-6 {
    color: #E4D02C !important;
}

.text-color-7 {
    color: #3B98D4 !important;
}

.text-color-8 {
    color: #D33D8D !important;
}

.text-color-9 {
    color: #333333 !important;

}

.shadow-1 {
    box-shadow: 5px 10px 20px #36296d;
}

/*  .  SEPARADORES . ************************************************************/

.sep {
    width: 50px;
    height: 4px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 10px 0px 10px 0px;
}

.sep.sep-1 {
    background-color: #3B98D4;
}

.sep.sep-2 {
    background-color: #D33D8D;
}

.sep.sep-3 {
    background-color: #69B32D;
}

.sep.sep-4 {
    background-color: #4A3C80;
}

.sep.sep-5 {
    background-color: #E4D02C;
}

.sep.sep-6 {
    background-color: #9EC42D;
}

.sep-7 {
    border-bottom: 1px solid #342862;
    margin: 30px 0px 30px 0px;
}

.sep-v-1 {
    border-right: 1px #EFEFEF solid;
}

.sep-v-2 {
    border-right: 2px #E4342D solid;
}


hr {
    border: 0px;
    border-bottom: 1px solid #e1e4ef;
}


/*  .  BACKGROUNDS . ************************************************************/

.bg-color-1 {
    background-color: #ffffff !important;
}

.bg-color-2 {
    background-color: #f5f5f5;
}

.bg-color-3 {
    background-color: #000000;
}

.bg-color-4 {
    background-color: #9EC42D;
}

.bg-color-5 {
    background-color: #4A3C80;
}

.bg-color-6 {
    background-color: #D33D8D;
}
.bg-color-7 {
    background-color: #ad2f3a;
}



.bg-1 {
    background-image: url();
    background-repeat: repeat-x;
}



/*  .  BUTTONS . ************************************************************/

.btn-custom-1 {
    background: transparent;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #ffffff;
    font-size: 1rem;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #ffffff;
}

.btn-custom-1:hover,
.btn-custom-1:focus,
.btn-custom-1:active,
.btn-custom-1.active,
.open .dropdown-toggle.btn-custom-1 {
    color: #9197AE !important;
    background-color: #ffffff;
    border-color: none;
}

.btn-custom-1:active,
.btn-custom-1.active,
.open .dropdown-toggle.btn-custom-1 {
    background-image: none;
}

.btn-custom-1.disabled,
.btn-custom-1[disabled],
fieldset[disabled] .btn-custom-1,
.btn-custom-1.disabled:hover,
.btn-custom-1[disabled]:hover,
fieldset[disabled] .btn-custom-1:hover,
.btn-custom-1.disabled:focus,
.btn-custom-1[disabled]:focus,
fieldset[disabled] .btn-custom-1:focus,
.btn-custom-1.disabled:active,
.btn-custom-1[disabled]:active,
fieldset[disabled] .btn-custom-1:active,
.btn-custom-1.disabled.active,
.btn-custom-1[disabled].active,
fieldset[disabled] .btn-custom-1.active {
    background-color: #ffffff;
    border-color: none;
}

.btn-custom-1 .badge {
    color: #324566;
    background-color: #ffffff;
}



.btn-custom-2 {
    background: #4A3C80;
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
    color: #ffffff !important;
    font-size: 1rem;
    padding-left: 25px;
    padding-right: 15px;
    text-align: left;
    border: 2px solid #4A3C80;
}

.btn-custom-2:hover,
.btn-custom-2:focus,
.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
    color: #ffffff;
    background-color: #69B32D;
    border: 2px solid #ffffff;
}

.btn-custom-2:active,
.btn-custom-2.active,
.open .dropdown-toggle.btn-custom-2 {
    background-image: none;
}

.btn-custom-2.disabled,
.btn-custom-2[disabled],
fieldset[disabled] .btn-custom-2,
.btn-custom-2.disabled:hover,
.btn-custom-2[disabled]:hover,
fieldset[disabled] .btn-custom-2:hover,
.btn-custom-2.disabled:focus,
.btn-custom-2[disabled]:focus,
fieldset[disabled] .btn-custom-2:focus,
.btn-custom-2.disabled:active,
.btn-custom-2[disabled]:active,
fieldset[disabled] .btn-custom-2:active,
.btn-custom-2.disabled.active,
.btn-custom-2[disabled].active,
fieldset[disabled] .btn-custom-2.active {
    background-color: #E4342D;
    border-color: none;
}

.btn-custom-2 .badge {
    color: #324566;
    background-color: #ffffff;
}


.btn-custom-3 {
    background-color: #9EC42D;
    border: 2px solid #9EC42D;
    border-radius: 100px;
    color: #ffffff !important;
    font-size: 1rem;
    letter-spacing: .05rem;
    padding-left: 20px;
    padding-right: 20px;
    text-shadow: 1px 2px 2px #69B32D;
}

.btn-custom-3:hover,
.btn-custom-3:focus,
.btn-custom-3:active,
.btn-custom-3.active,
.open .dropdown-toggle.btn-custom-3 {
    color: #ffffff !important;
    background-color: #69B32D;
    border: 2px solid #ffffff;
}

.btn-custom-3:active,
.btn-custom-3.active,
.open .dropdown-toggle.btn-custom-3 {
    background-image: none;
}

.btn-custom-3.disabled,
.btn-custom-3[disabled],
fieldset[disabled] .btn-custom-3,
.btn-custom-3.disabled:hover,
.btn-custom-3[disabled]:hover,
fieldset[disabled] .btn-custom-3:hover,
.btn-custom-3.disabled:focus,
.btn-custom-3[disabled]:focus,
fieldset[disabled] .btn-custom-3:focus,
.btn-custom-3.disabled:active,
.btn-custom-3[disabled]:active,
fieldset[disabled] .btn-custom-3:active,
.btn-custom-3.disabled.active,
.btn-custom-3[disabled].active,
fieldset[disabled] .btn-custom-3.active {
    background-color: #E4342D;
    border-color: none;
}

.btn-custom-3 .badge {
    color: #324566;
    background-color: #ffffff;
}

.btn-custom-3 i {
    color: lawngreen !important;
}

.btn-custom-4 {
    background: #4A3C80;
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
    color: #ffffff !important;
    font-size: 1.5rem;
    padding-left: 25px;
    padding-right: 15px;
    text-align: left;
    border: 2px solid #4A3C80;
}

.btn-custom-4:hover,
.btn-custom-4:focus,
.btn-custom-4:active,
.btn-custom-4.active,
.open .dropdown-toggle.btn-custom-4 {
    color: #ffffff;
    background-color: #69B32D;
    border: 2px solid #ffffff;
}

.btn-custom-4:active,
.btn-custom-4.active,
.open .dropdown-toggle.btn-custom-4 {
    background-image: none;
}

.btn-custom-4.disabled,
.btn-custom-4[disabled],
fieldset[disabled] .btn-custom-4,
.btn-custom-4.disabled:hover,
.btn-custom-4[disabled]:hover,
fieldset[disabled] .btn-custom-4:hover,
.btn-custom-4.disabled:focus,
.btn-custom-4[disabled]:focus,
fieldset[disabled] .btn-custom-4:focus,
.btn-custom-4.disabled:active,
.btn-custom-4[disabled]:active,
fieldset[disabled] .btn-custom-4:active,
.btn-custom-4.disabled.active,
.btn-custom-4[disabled].active,
fieldset[disabled] .btn-custom-4.active {
    background-color: #E4342D;
    border-color: none;
}

.btn-custom-4 .badge {
    color: #324566;
    background-color: #ffffff;
}


.btn-custom-5 {
    background: #ffffff;
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
    color: #4A3C80 !important;
    font-size: 1.5rem;
    padding-left: 25px;
    padding-right: 15px;
    text-align: left;
    border: 2px solid #ffffff;
}

.btn-custom-5:hover,
.btn-custom-5:focus,
.btn-custom-5:active,
.btn-custom-5.active,
.open .dropdown-toggle.btn-custom-5 {
    color: #ffffff !important;
    background-color: #69B32D;
    border: 2px solid #ffffff;
}

.btn-custom-5:active,
.btn-custom-5.active,
.open .dropdown-toggle.btn-custom-5 {
    background-image: none;
}

.btn-custom-5.disabled,
.btn-custom-5[disabled],
fieldset[disabled] .btn-custom-5,
.btn-custom-5.disabled:hover,
.btn-custom-5[disabled]:hover,
fieldset[disabled] .btn-custom-5:hover,
.btn-custom-5.disabled:focus,
.btn-custom-5[disabled]:focus,
fieldset[disabled] .btn-custom-5:focus,
.btn-custom-5.disabled:active,
.btn-custom-5[disabled]:active,
fieldset[disabled] .btn-custom-5:active,
.btn-custom-5.disabled.active,
.btn-custom-5[disabled].active,
fieldset[disabled] .btn-custom-5.active {
    background-color: #E4342D;
    border-color: none;
}

.btn-custom-5 .badge {
    color: #324566;
    background-color: #ffffff;
}

.btn-icos {
    background: #25377B;
    border-radius: 100px;
    color: #ffffff;
    font-size: .9rem;
    text-align: center;
    height: 33px;
    width: 33px;
    padding: 4px 5px 0px 5px;
}

.btn-icos:hover,
.btn-icos:focus,
.btn-icos:active,
.btn-icos.active,
.open .dropdown-toggle.btn-icos {
    color: #ffffff;
    background-color: #E4342D;
    border-color: none;
}

.btn-icos:active,
.btn-icos.active,
.open .dropdown-toggle.btn-icos {
    background-image: none;
}

.btn-icos.disabled,
.btn-icos[disabled],
fieldset[disabled] .btn-icos,
.btn-icos.disabled:hover,
.btn-icos[disabled]:hover,
fieldset[disabled] .btn-icos:hover,
.btn-icos.disabled:focus,
.btn-icos[disabled]:focus,
fieldset[disabled] .btn-icos:focus,
.btn-icos.disabled:active,
.btn-icos[disabled]:active,
fieldset[disabled] .btn-icos:active,
.btn-icos.disabled.active,
.btn-icos[disabled].active,
fieldset[disabled] .btn-icos.active {
    background-color: #E4342D;
    border-color: none;
}

.btn-icos .badge {
    color: #324566;
    background-color: #ffffff;
}


/*campo input con boton dentro*/

.field-and-btn {
    position: relative;
}

.field-and-btn .btn-inner {
    position: absolute;
    top: 3px;
    right: 3px
}


/*  .  BULLETS / VIÑETAS . ************************************************************/

ul.bullets-1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.bullets-1 li {
    background: url("../images/bullets-1.png") no-repeat;
    background-position: left 0px top 8px;
    /*left right top bottom*/
    line-height: 22px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 15px;
}


/*  .  INPUTS . ************************************************************/

.inputs-1 select {
    font-size: .9rem;
    width: 100%;
    height: 45px !important;
    border: 1px #ccd1e2 solid;
    margin-top: 10px;
    background: #fff url('../images/arrow.png') no-repeat;
    background-size: 20px;
    background-position: right 10px center;
    background-color: #e4e6ef;
    padding-left: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.inputs-1 input[type=text],
.inputs-1 input[type=email],
.inputs-1 input[type=search],
.inputs-1 input[type=password],
.inputs-1 textarea {
    font-size: .9rem;
    background-color: #e4e6ef;
    color: #505050;
    border: 1px #ccd1e2 solid;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

}

.inputs-1 input[type=text]:focus,
.inputs-1 input[type=search]:focus,
.inputs-1 input[type=email]:focus,
.inputs-1 input[type=password]:focus,
.inputs-1 textarea:focus {
    background-color: #ffffff;
    color: #505050;
    border: 1px #ccd1e2 solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.inputs-1 input[type=text]::placeholder,
.inputs-1 input[type=search]::placeholder,
.inputs-1 input[type=email]::placeholder,
.inputs-1 input[type=password]::placeholder,
.inputs-1 textarea::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #9197AE;
    opacity: 1;
    /* Firefox */
}

.inputs-1 input[type=text]:-ms-input-placeholder,
.inputs-1 input[type=search]:-ms-input-placeholder,
.inputs-1 input[type=email]:-ms-input-placeholder,
.inputs-1 input[type=password]:-ms-input-placeholder,
.inputs-1 textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #4A5682;
}

.inputs-1 input[type=text]::-ms-input-placeholder,
.inputs-1 input[type=search]::-ms-input-placeholder,
.inputs-1 input[type=email]::-ms-input-placeholder,
.inputs-1 input[type=password]::-ms-input-placeholder,
.inputs-1 textarea::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #4A5682;
}


input[type=text],
input[type=search],
input[type=email],
input[type=password] {
    height: 45px;
}

textarea {
    padding: 20px;
    height: 100px;
}


/*  .   CHECKBOX . *********************************************************/

/* Base for label styling */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    border: 0px solid #ccc;
    background-color: #9197AE;
    border-radius: 2px;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.4em;
    line-height: 0.8;
    color: #FFFFFF;
    transition: all .2s;
    background-color: #E4342D;
    width: .9em;
    height: .9em;
    border-radius: 2px;
    padding-left: 2px;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* accessibility */

[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 2px dotted blue;
}

/* hover style just for information */

label:hover:before {
    border: 1px solid #ffffff!important;
}


/*  .  DROP DOWN MENUS . ************************************************************/

/*quita la flecha*/

.menu-interno.dropdown .dropdown-toggle::after {
    display: none
}

.menu-interno.dropdown .nav-link {
    color: #fff;
    text-decoration: none;
}


.menu-interno.dropdown .dropdown-menu {
    background-color: #25377B;
    box-shadow: 0px 1px 5px #000000;
    border: 0px;
    margin-top: 15px;
}

.menu-interno.dropdown .dropdown-menu a {
    color: #ffffff;
    text-decoration: none;
}

.menu-interno.dropdown .dropdown-menu a:hover {
    color: #fff;
    background-color: #E4342D;
    border-color: #fff;
}

.menu-interno.dropdown .dropdown-menu:after {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #25377B;

}


/*  .  LINKS . ************************************************************/

.link-1 {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: normal;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.link-1:hover {
    color: #E4D02C !important;
    text-decoration: none;
}

.link-2 {
    color: #9EC42D !important;
    text-decoration: none;
    font-weight: normal;
}

.link-2:hover {
    color: #4A3C80 !important;
    text-decoration: none;
}



/*  .  TABS . ************************************************************/

.nav-tabs {
    display: none;
    border-bottom: none;
}

.nav-tabs .nav-item {
    background-color: #ffffff;
    margin-right: 5px;
    border-left: solid 2px #979797;
}


.nav-tabs .nav-item:first-child {
    border-left: 0px !important;
}

.nav-tabs .nav-item a {
    color: #564796;
}

.nav-tabs .nav-item a:hover {
    color: #9EC42D;
    border: none;
}



.nav-tabs .nav-item .active {
    color: #9EC42D;
    background-color: #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: none;
}

.tab-content .card {
    border: 0px solid black !important;
    box-shadow: 0px 0px 0px black !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }


    .tab-content .card {
        border: none;
    }

    .tab-content .card .card-header {
        display: none;
    }

    .tab-content .card .collapse {
        display: block;
    }
}

/*    version para moviles*/

@media(max-width:767px) {

    /*    importante mantener esta linea así, evita conflicto con los PILLS*/
    .tab-content div.card.tab-pane {
        display: block !important;
        opacity: 1;

    }
    .tab-content .tab-pane .card-header {
        background-color: #ffffff !important;
    }
    .tab-content .tab-pane .card-header a {
        color: #564796;
        text-decoration: none;
        display: block;

    }

    .tab-content .tab-pane .card-header {
        padding: 0px !important;
        /*resetea el padding de la clase CARD-HEADER*/
    }


    /*   link tab abierto*/
    .tab-content .tab-pane .card-header a {
        background-color: #9EC42D;
        color: #ffffff;
        padding: 15px;
        font-size: 1.2rem;
        /*aplica un nuevo padding, pero esta vez a la etiqueta <a> para tener la posibilidad de cambiar el color dependiendo del estatus*/
        transition: all 0.5s;
    }

    .tab-content .tab-pane .card-header a:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f068";

        float: right;
        transition: all 0.5s;
    }

    /*   link tab cerrado*/
    .tab-content .tab-pane .card-header a.collapsed {
        background-color: #564796 !important;
        color: #ffffff;

    }
    .tab-content .tab-pane .card-header a.collapsed:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f067";
        transition: all 0.5s;
        float: right;
    }

}

/*tab: bullets*/

.tab-content .card-body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tab-content .card-body ul li {
    background: url("../images/bullets-1.png") no-repeat;
    background-position: left 0px top 8px;
    /*left right top bottom*/
    line-height: 22px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 15px;
}


/*  PILLS. ************************************************************/

.nav-pills li {
    position: relative;
}

.nav-pills .nav-link-color {
    color: #ffffff;
}

/*reposo*/

.nav-pills > li > a {
    background-color: #25377B !important;
    color: #ffffff !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size: .8rem;
    height: 80px;
    text-transform: uppercase;
    font-weight: 300 !important;
    display: block;
    padding-top: 30px;
}

/*activo*/

.nav-pills > li > a.active {
    background-color: #E4342D !important;
    color: #ffffff !important;
}

/*triangulo activo*/

.nav-pills > li > a.active:after {
    position: absolute;

    top: 78px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #E4342D;

    left: 50%;
    transform: translateX(-50%);
}

/*triangulo hover*/

.nav-pills > li > a:hover:after {
    position: absolute;
    top: 78px;
    width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #1a2a65;

    left: 50%;
    transform: translateX(-50%);
}

/*hover*/

.nav-pills > li > a:hover {
    color: #ffffff !important;
    background-color: #1a2a65 !important;
}


/*centra todos los PILLS horizontalmente*/

.nav-pills {
    display: flex;
    justify-content: center;
}

/*    version para moviles*/

@media(max-width:767px) {
    .nav-pills > li > a {
        font-size: .7rem !important;
    }
}




/*  MODALES. ************************************************************************/

.modal-backdrop {
    background-color: #25377B;
    opacity: 0.8 !important;
}



.modal-video .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}



.modal-video .modal-body {
    position: relative;
    padding: 0px;
}

.modal-video .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;
}




/*  CALL TO ACTION: BANNER. ************************************************************************/

.cta-1 {
    min-height: 160px;
    margin: 15px 0px 15px 0px;
    background-image: url(../images/bg-cta-1.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

/*    version para moviles*/

@media(max-width:767px) {
    .cta-1 {
        background-image: none;
        background-color: #25377B;
    }
}






/*  ACCORDION. ************************************************************************/

.accordion {
    width: 100%;
    color: #ffffff;
}

@media(max-width:992px) {
    .accordion {
        width: 100%;
    }
}

.accordion .panel-heading {
    padding: 0;
    border: 0;
    background-color: #564796;
    border-top: 1px #273043 solid;

}

.accordion .panel-title > a,
.accordion .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #ffffff;
    text-decoration: none;
}

.accordion .panel-heading a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    float: right;
    transition: all 0.5s;
}

.accordion .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*  TABLAS .   ************************************************************************/

.tablas thead tr th {

    font-size: 1.3rem;
    color: #989898;
    background-color: #ffffff;
    text-align: center;
    border: solid 2px #ffffff;
}

.tablas thead tr th.borde-1 {

    border-bottom: solid 3px #4A3C80;
}

.tablas thead tr th.borde-2 {

    border-bottom: solid 3px #E4D02C;
}

.tablas thead tr th.borde-3 {

    border-bottom: solid 3px #69B32D;
}

.tablas thead tr th.borde-4 {

    border-bottom: solid 3px #3B98D4;
}

.tablas thead tr th.borde-5 {

    border-bottom: solid 3px #D33D8D;
}






.tablas tbody tr td {

    font-size: 1rem;
    color: #989898;
    background-color: #ffffff;
    ;
    text-align: center;
    border: solid 2px #F6F6F6;
}

@media(max-width:767px) {
    .tablas thead tr th {
        font-size: 0.9rem;
    }

    .tablas tbody tr td {
        font-size: 1rem;
    }

}



/*  CARDS .   ************************************************************************/

.card-1 {
    border: 1px solid #cccccc;
   background-color: #ffffff;
   box-shadow: 0px 0px 5px 5px #f0f0f0;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   padding:35px 30px 15px 30px;
   min-height:450px;
}


.card-2 {
    border: 1px solid #cccccc;
   background-color: #ffffff;
   box-shadow: 0px 0px 5px 5px #f0f0f0;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   padding:35px 30px 0px 30px;
}


.custom-box {
    margin-right: 20px 5px!important;
    background-color: none;
    min-height:440px;
}


@media(max-width:1024px) {
    .custom-box {
    min-height:470px;
    }
}


@media(max-width:800px) {
    .custom-box {
    min-height:520px;
    }
}

@media(max-width:768px) {
    .custom-box {
    min-height:520px;
    }
}

@media(max-width:600px) {
    .custom-box {
    min-height:auto;
    }
}


/*  .  NAV / MENU PRINCIPAL . ************************************************************/

#nav {
    z-index: 999;

    background-color: transparent;
    position: fixed;
    width: 100%;
    height: 80px;
    padding: 15px 15px 10px 15px;

    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hamburger .line {
    width: 30px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 5px auto;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.hamburger:hover {
    cursor: pointer;
}

#hamburger-nav.is-active .line:nth-child(2) {
    opacity: 0;
}

#hamburger-nav.is-active .line:nth-child(1) {
    -webkit-transform: translateY(11px);
    -ms-transform: translateY(11px);
    -o-transform: translateY(11px);
    transform: translateY(11px);
}

#hamburger-nav.is-active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(90deg);
    -ms-transform: translateY(-5px) rotate(90deg);
    -o-transform: translateY(-5px) rotate(90deg);
    transform: translateY(-5px) rotate(90deg);
}

#hamburger-nav .line:nth-child(3) {}


/*barra nav cambia de color*/

#nav.active {
    background-color: #4f4184;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

}

@media(max-width:576px) {
    #nav {
        height: 60px !important;
        padding: 10px 15px 10px 15px;
    }
    #nav #logo {
        height: 40px !important;
    }
}


/* Style page content - 
use this if you want to push the page content to the right when you open the side navigation */

#main {
    /*    transition: margin-right .5s;*/
    position:relative;
}


/*side menu*/

.sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Stay on top */
    top: 0;
    right: 0;
    background-color: #4A3C80;
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 60px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
    margin: 0px;
    padding: 0px;
}

.sidenav .contenido {
    margin-top: 40px;
}

.sidenav .bloque {
    padding: 15px 15px 0px 15px;
    border-bottom: 1px solid #352867;
}


.sidenav .bloque li {
    list-style-type: none;
    padding: 0;
    margin-left: -35px;
    margin-right: 10px;
    padding-bottom: 10px;
    letter-spacing: .05rem;
}

.sidenav .bloque li:first-child a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 10px;
    font-weight: bold;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidenav .bloque li:first-child a:hover {
    color: #9EC42D;
}

.sidenav .bloque li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-align: left;
    font-size: 0.8rem;
    font-weight: normal;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.sidenav .bloque li a:hover {
    color: #9EC42D;
}

.sidenav .bloque li a:before {
    content: '';
}

.sidenav .bloque li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    float: right;
    color: #9197AE;
}

.sidenav .bloque a:hover:after {
    color: #9EC42D !important;
}


/*para moviles*/

@media(max-width:767px) {}





/* Position and style the close button (top right corner) */

.sidenav .close-button {
    position: absolute;
    top: 20px;
    right: 5px;
}


.close-button {
    height: 30px;
    width: 30px;
    position: relative;
    box-sizing: border-box;
    line-height: 30px;
    display: inline-block;
}

.close-button:before,
.close-button:after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 30%;
    left: 30%;
    margin-top: -5px;
    margin-left: -15px;
    display: block;
    height: 5px;
    width: 30px;
    background-color: #fff;
    transition: all 0.2s ease-out;
}

.close-button:after {
    transform: rotate(-135deg);
}

.close-button:hover:before,
.close-button:hover:after {
    transform: rotate(0deg);
}

/* cuadros *******************************/
.cuadro-1{
    border: 1px solid #cfcbe0;
    box-shadow: 0px 0px 10px 3px  #e8e6ed;
}


/* buscador theme *******************************/

#buscador input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
}

#buscador input::-webkit-search-decoration,
#buscador input::-webkit-search-cancel-button {
    display: none;
}


#buscador input[type=search] {
    background: url(../images/ico-search.png) no-repeat 9px center;
    margin-top: 0px;
    width: 100px;
    height: 34px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border: 2px solid #ffffff;

    -webkit-border-radius: 30em;
    -moz-border-radius: 30em;
    border-radius: 30em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

#buscador input[type=search]:hover {
    background: url(../images/ico-search-2.png) no-repeat 9px center;
    background-color: #fff;
}

#buscador input[type=search]:focus {
    background: url(../images/ico-search-2.png) no-repeat 9px center;

    color: #9197AE;
    background-color: #fff;
    cursor: auto;
}

.buscador_estatico {
    width: 100px !important;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.buscador_press {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    width: 240px !important;
    padding-left: 33px !important;
    /*aquí se comienza a escribir en el input*/
    padding-right: 15px !important;
}

#buscador input:-moz-placeholder {
    color: transparent;
}

#buscador input::-webkit-input-placeholder {
    color: transparent;
}

.borde-columna {
    border-right: solid 2px #E4E4E4;
}

/*    version para moviles*/

/*@media(min-width:992px) {
    
  .borde-columna{
    border-right: solid 0px #ffffff !important;
      background-color: red;
}  
}*/

@media(max-width:767px) {

    .borde-columna {
        border-right: solid 0px #ffffff !important;
    }
}



.whatsapp {
    margin:10px 0 0 0;
}

/*OVERBOX COOKIES ************************************************/

#overbox3{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100%;
    z-index:999999;
    display:block;
}

#infobox3{
    margin:auto;
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
    position:relative;
    top:0px;
    height:auto;
    width:100%;
    text-align:center;
    background-color:rgba(79,65, 132, 0.8);
}

#infobox3 p{
    line-height:24px;
    font-size:14px;
    text-align:center;
    color:#ffffff;
}

#infobox3 p a {
    margin-right:5px;
    text-decoration:underline;
    color:#9EC42D;
}

/*Estilos para complementar formulario dentro del chat*/
.bubble-campo {
    display: inline-block;
    width: 100%;
    margin: 10px 0 5px 0;
}

.bubble-campo label {
    line-height: 15px;
    padding: 0 0 0 0;
}

.bubble-campo input {
    width: 100%;
    font-size: .9rem;
    background-color: #e4e6ef;
    color: #505050;
    border: 1px #ccd1e2 solid;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.bubble-campo input:focus {
    background-color: #ffffff;
    color: #505050;
    border: 1px #ccd1e2 solid;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
}

.advertencia {
    border: solid 1px #f9ca24 !important;
}

.formalerta {
    display: block;
    color: #f9ca24 !important;
    font-weight: lighter !important;
}

.oculto {
    display: none;
}

.bubble-loading {
    float: right;
    width: 50px;
}

.bubble-loading img {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0,0,0,0) !important;
}

#formcuenta .btn-custom-1 {
    background: #4A3C80;
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.07);
    border-radius: 100px;
    color: #ffffff !important;
    font-size: 1rem;
    padding-left: 25px;
    padding-right: 15px;
    text-align: left;
    border: 2px solid #4A3C80;
}

#formcuenta .btn-custom-1:hover {
    color: #ffffff;
    background-color: #69B32D;
    border: 2px solid #ffffff;
}

.grecaptcha-badge { visibility: hidden; }