/*---Fuente AVENIR---*/

@font-face {
    font-family: "AEH";
    src: url("fuentes/AVENIR/AEH.TTF") format("truetype");
}

@font-face {
    font-family: "AVENIR-BOOK";
    src: url("fuentes/AVENIR/AVENIRLTSTD-BOOK.OTF") format("opentype");
}

@font-face {
    font-family: "AVENIR-LIGHT";
    src: url("fuentes/AVENIR/AVENIRLTSTD-LIGHT.OTF") format("opentype");
}

@font-face {
    font-family: "AVENIR-ROMAN";
    src: url("fuentes/AVENIR/AVENIRLTSTD-ROMAN.OTF") format("opentype");
}


/*---Fuente NEXA---*/

@font-face {
    font-family: "NEXA-BOLD";
    src: url("fuentes/nexa/Nexa-Bold.otf") format("opentype");
}

@font-face {
    font-family: "NEXA-LIGHT";
    src: url("fuentes/nexa/Nexa-Light.otf") format("opentype");
}


/*---Fuente FUTURA---*/

@font-face {
    font-family: "FUTURA-LIGHT";
    src: url("fuentes/Futura/futura-light.ttf") format("truetype");
}

@font-face {
    font-family: "FUTURA";
    src: url("fuentes/Futura/futura-medium.ttf") format("truetype");
}


/*---Fuente Lulo Bold---*/

@font-face {
    font-family: "LULO-BOLD";
    src: url("fuentes/Lulo-Bold.otf") format("opentype");
}

html {
    scroll-behavior: smooth;
}

.navbar.navbar-expand-lg.navbar-dark.fixed-top>a.navbar-brand {
    display: none;
}


/*Producto Nuevo inicio*/
.plan-container{
    position: relative;
}

.newPlan {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    top: 4.3%;
    left: 1%;
}

.right30 {
    margin-right: 40px;
    margin-left: -20px;
}


/*Producto nuevo Fin*/


/*Carousel Funciones*/

#carousel-funciones {
    width: 100%;
    height: 80vh;
    background: #F2F2F2;
}

#carousel-funciones #carouselExampleControls {
    width: 100%;
    height: 100%;
}

#carousel-funciones #carouselExampleControls .carousel-inner {
    height: 100%;
    width: 100%;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item {
    height: 100%;
    width: 100%;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row {
    height: 100%;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel img {
    display: block;
    height: 100px;
    width: 100px;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .title-funciones {
    font-family: 'FUTURA';
    color: #000;
    font-size: 35px;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .sub-funciones {
    font-family: 'FUTURA-LIGHT';
    font-weight: bold;
    color: gray;
    text-align: center;
    font-size: 19px;
    margin-left: 5%;
    margin-right: 5%;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .txt-funciones {
    font-family: 'FUTURA-LIGHT';
    color: gray;
    text-align: center;
    font-size: 19px;
    margin-left: 5%;
    margin-right: 5%;
}

#carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .img-carousel {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' 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") !important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' 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") !important;
}


/* #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item #img-agenda {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
} */


/*Fin de seccion carousel*/

.navbar.navbar-expand-lg.navbar-dark.fixed-top {
    position: relative;
}

.modal-header {
    background-color: #003369;
}

.modal-header h5 {
    color: white;
    text-align: center;
}

.left50 {
    margin-left: 50px;
}

.nav-link {
    margin-right: 12.5px;
    font-size: 17px;
}

#btn-accion {
    background: #fff;
    height: 20vh;
}

.img-plan img {
    max-height: 75px;
}

.img-plan.enterprise img {
    max-height: 110px;
}




/*.content {
    /*position: fixed;
    bottom: 0;
    background: rgba(255, 255, 255, 1) !important;
    color: #000;
    width: 100%;
    padding: 20px;
}*/

.navbar {
    background-color: #00447d!important;
    align-content: center;
}

#titulo-funciones {
    background: #00447d;
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#titulo-funciones .row h2 {
    color: #f2f2f2;
    font-size: 44px;
    margin: 0;
}

#titulo-beneficios {
    background: #00447d;
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#titulo-beneficios .row h2 {
    color: #f2f2f2;
    font-size: 44px;
    margin: 0;
}


/*.navbar-inner {
    background: none;
}


.navbar-brand {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.navbar-text {
    font-size: 35px;
    color: #fff !important;
    text-align: center;
    margin-right: 75px;
}*/

.navbar-nav {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center !important;
    font-size: 19px;
}

.navbar-nav>li {
    display: inline-block;
    float: none;
    margin: 10px;
    color: white !important;
}

.navbar a {
    color: #eeeee2 !important;
}

.navbar>li,
a:hover {
    color: white !important;
}

.navbar>li,
a:active {
    color: gainsboro;
}

a {
    color: black;
    transition: all 3s;
}


/*.img-page {
    position: relative;
    top: 50px;
}

.atlas-cta {
    border-radius: 22px !important;
    padding: 12px 30px !important;
    font-weight: 700;
    transition: .3s ease-in-out !important;
}

.atlas-cta:hover {
    text-decoration: none;
    transform: translateY(-5px);
}

.atlas-cta-wide {
    width: 100%;
}

.cta-green {
    background: #00FFAD;
    color: #192440;
}

.cta-green:hover {
    color: #ffffff;
    background: #00e69c;
}

.cta-blue {
    background: #192440;
    color: #ffffff;
}

.cta-blue:hover {
    color: #ffffff;
    background: #121a2e;
}

.cta-ghost {
    border: 2px solid #135e9e !important;
    color: #192440;
}

.cta-ghost:hover {
    color: #ffffff;
    background: #135e9e;
}

.title-table {
    background-color: #135e9e;
    color: white;
    border: 2px solid white !important;
}*/

.top30 {
    margin-top: 60px !important;
}

.top20 {
    margin-top: 40px;
}


/*.top10 {
    margin-top: 10px;
}

.suscripcion {
    align-content: center;
    font-size: 25px !important;
}

.text-page2 {
    text-align: center;
    color: white;
}

hr.style1 {
    height: 10px;
    border: 0;
    width: 90%;
    box-shadow: 0 10px 10px -10px #8c8b8b inset;
}*/

.btn {
    margin-bottom: 10px;
}

.footer {
    position: relative;
    bottom: 0px;
    width: 100%;
    background-color: #0f293c;
    color: white;
}


/*.carousel-caption h5,
.carousel-caption p {
    color: white;
}

.border-table {
    border: 2px solid #135e9e !important;
}

.cambio {
    background: #135e9e !important;
}*/

i {
    font-size: 29px !important;
}


/*.main-text {
    font-family: 'Arial';
    font-weight: bold;
    color: white;
    margin-top: 15px;
    margin-left: 10px;
    text-align: center;
}

.min-text {
    font-family: 'Century Gothic';
    font-size: 15px;
    text-align: center !important;
    margin-left: 10px;
    color: white;
}

.body-text {
    text-align: left;
    color: white;
    margin-left: 10px;
    font-size: 18px;
    font-weight: bold;
}

.body-text-2 {
    text-align: left;
    color: white;
    margin-left: 10px;
    font-size: 15px;
    text-align: justify;
}

.body-text-3 {
    color: black;
    font-family: 'Century Gothic';
    text-align: justify;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.title {
    text-align: center;
    font-size: 34px;
    color: #003369;
    font-family: 'Century Gothic';
    font-weight: bold;
}

.subtitle {
    text-align: center;
    font-size: 20px;
    color: #afb4b8;
    font-family: 'Century Gothic';
}*/

.img-table {
    height: 70px;
    width: 70px;
    float: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: auto;
}

.img-tables {
    height: 74px;
    width: 74px;
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.img-tables-top {
    height: 85px;
    width: 85px;
    float: inherit;
    margin-left: 40px;
    margin-right: auto;
    display: block;
    margin-bottom: 25px;
}

.img-tables2 {
    height: 120px;
    width: 120px;
    float: inherit;
    margin-left: auto;
    margin-right: auto;
    display: block;
}


/*.banner {
    text-align: center;
    font-size: 20px;
    font-family: 'Century Gothic';
    font-weight: bold;
    letter-spacing: 1px;
    color: white;
    margin-top: 35px;
    margin-bottom: 35px;
}

.color-div {
    background-color: steelblue;
}

.title-2 {
    color: black;
    text-align: center;
    font-size: 15px;
}

.contenedor-1 {
    height: 350px;
    background-size: cover;
}

.banner2 {
    color: transparent;
    text-align: center;
    font-size: 15px;
    font-family: 'Century Gothic';
    /*margin-top: 100px;
    margin-bottom: 50px;
}

.banner2:hover {
    color: white;
    transition: 1s;
}

.banner2 h3 {
    font-weight: bold;
}

.btn.btn-primary {
    border-radius: 25px;
    background-color: #135e9e;
}

.btn.btn-primary:hover {
    background-color: #213b7c;
}*/

.btn.btn-modal {
    background-color: #135e9e;
    color: white;
    width: 100%;
}

.btn-btn-modal:hover {
    background-color: #135e9e;
}


/*.fondo-blanco {
    background-color: rgba(255, 255, 255, 1) important;
}

.navbar-dark {
    background-color: #135e9e;
}*/

.bottom30 {
    margin-bottom: 30px;
}

.bottom70 {
    margin-bottom: 70px;
}


/*.cambio1:hover {
    height: 150px;
    width: 150px;
}

.ir-arriba {
    display: none;
    padding: 20px;
    background: #135e9e;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.text1 {
    margin-top: 35px;
    text-align: center;
    font-size: 20px;
    color: #5b80ab;
    font-family: 'Century Gothic';
}

.text-black {
    text-align: center;
    margin-bottom: 35px;
    font-weight: bold;
    font-size: 20px;
    color: #053e80;
    font-family: 'Century Gothic';
}

.title-blue {
    text-align: left !important;
    position: relative;
    color: #053e80;
    font-family: 'Century Gothic';
    margin-left: 40px;
}

.text-banner-blue {
    text-align: left;
    color: #053e80;
    font-size: 17px;
    font-family: 'Century Gothic';
    margin-left: 40px;
}

.tamaño {
    height: 200px;
}*/

.footer-text-title {
    color: white;
    font-size: 23px;
    font-weight: bold;
    font-family: 'AEH';
}

.footer-text {
    color: white;
    font-size: 15px;
    font-family: 'AVENIR-LIGHT';
}


/*Estilos Rediseñados*/

.text-cuatro {
    color: #053e80;
    text-transform: uppercase;
    font-family: 'AEH';
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 35px;
}

.text-cinco {
    color: #053e80;
    font-family: 'AVENIR-ROMAN';
    font-size: 18px;
    text-align: center;
}

.text-seis {
    color: #053e80;
    font-family: 'AEH';
    font-size: 35px;
    text-align: center;
    margin-top: 30px;
}

.text-siete {
    color: #003369;
    font-size: 16px;
    font-family: 'FUTURA-LIGHT';
    margin-bottom: 15px;
}


/*.img-extend {
    width: 500px;
    height: 350px;
    margin-left: 100px;
}

body {
    overflow-x: hidden;
}*/

.img-top {
    margin-top: 75px;
    margin-bottom: 20px;
}

.img-size {
    height: 230px;
    width: 270px;
}

.btn.btn-footer {
    background-color: #003369;
    color: white;
    border-radius: 25px;
    text-align: left;
}

.btn.btn-footer:hover {
    background-color: #5b80ab;
}


/*.btn.btn-outline-secondary {
    color: white;
    border-color: white;
}

.btn.btn-outline-secondary:hover {
    background-color: white;
    color: black;
}*/

.form-control {
    font-family: 'Century Gothic' !important;
    font-size: 13px !important;
    margin-bottom: 8px;
}

.iconos {
    color: white;
}


/*.sombra {
    background: rgba(0, 0, 0, 0.3);
}*/

.sombra2 {
    background: rgba(0, 68, 125, 0.51);
}

.sombra3 {
    background: rgba(0, 68, 125, 0.89);
}

.sombra4 {
    background: rgba(255, 255, 255, 0.87);
}


/*.color3 {
    /*Color de Slider
    background-color: #f2f2f2;
}

.carousel-fade {
    height: 250px;
}*/

.title-carrousel-1 {
    color: #2B689C;
    font-family: 'AEH';
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.title-carrousel-2 {
    color: white;
    font-family: 'AEH';
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.title-carrousel-3 {
    color: #053E80;
    font-family: 'AEH';
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.subtitle-carrousel-1 {
    color: #2B689C;
    font-family: 'AVENIR-ROMAN';
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.subtitle-carrousel-2 {
    color: white;
    font-family: 'AVENIR-ROMAN';
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.subtitle-carrousel-3 {
    color: #053e80;
    font-family: 'AVENIR-ROMAN';
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.text-carrousel-1 {
    color: #2B689C;
    font-family: 'AVENIR-LIGHT';
    font-size: 15px;
    text-align: center;
}

.text-carrousel-2 {
    color: #fff;
    font-family: 'AVENIR-LIGHT';
    font-size: 15px;
    text-align: center;
}

.text-carrousel-3 {
    color: #053E80;
    font-family: 'AVENIR-LIGHT';
    font-size: 15px;
    text-align: center;
}

.tabla-titulo {
    color: #00447d;
    text-transform: uppercase;
    font-family: "AEH";
    margin-bottom: 0;
    font-size: 22px;
}

.tabla-cuerpo {
    background-color: rgba(255, 255, 255, 0.28);
    color: white;
    font-family: "LULO-BOLD";
    height: 430px;
}

.dls-text {
    font-family: 'FUTURA-LIGHT';
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.text-table {
    font-family: "FUTURA-LIGHT";
    font-size: 16px;
    text-transform: uppercase;
}

.text-table-2 {
    font-family: "FUTURA-LIGHT";
    font-size: 14px;
    text-transform: uppercase;
}

.btn.btn-block {
    background-color: #023359;
    color: white;
    font-weight: bold;
}

.btn.btn-block:hover {
    background-color: #00447d;
    color: #f2f2f2;
}

.nosub:hover {
    text-decoration: none;
}

.title-test {
    color: #006DC9;
    font-family: 'FUTURA-LIGHT';
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.text-test {
    color: black;
    font-family: 'FUTURA-LIGHT';
    text-align: center;
    font-size: 15px;
}

.wall2 {
    background: url('img/fondo/maxresdefault.jpg') no-repeat bottom;
    background-size: cover;
}

.wall3 {
    background: url('img/fin.jpg') no-repeat center;
    background-size: cover;
}

.wall4 {
    background: url('img/fondo/Sin_título-1_copia.jpg') no-repeat center;
    background-size: cover;
}

.wall5 {
    background: url('img/CoverVideo.png') no-repeat center;
    background-size: cover;
    height: 50vh;
}

.wallprueba {
    background: url('img/DISPOSITIVOS/mac2.jpg') no-repeat center;
    background-size: cover;
    width: auto;
    height: 650px;
}


/*.wallmac {
    background: url('img/DISPOSITIVOS/mac2.jpg') no-repeat cover fixed center;
    background-size: cover;
}*/

.tamañowall {
    width: 100%;
    height: 650px;
}

.sombrawall {
    /*Sombra de la imagen inicial*/
    background: rgba(10, 50, 84, 0.5);
}

.margen-foto {
    margin-top: 30px;
    margin-bottom: 10px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/*.magins {
    margin-top: 10px;
    margin-bottom: 60px;
}*/

.datos {
    text-align: center;
    font-size: 18px;
    font-family: 'AVENIR-LIGHT';
    font-weight: bold;
    margin-bottom: 20px;
    /*margin-left: 25px;*/
}

.datos2 {
    text-align: center;
    font-size: 22px;
    font-family: 'AVENIR-LIGHT';
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 10px;
    text-transform: uppercase;
}

.datos3 {
    text-align: center;
    font-size: 18px;
    font-family: 'AVENIR-LIGHT';
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-text-title2 {
    color: white;
    font-size: 23px;
    font-weight: bold;
    font-family: 'AEH';
    text-align: left;
    margin-bottom: 3px;
}

.footer-text2 {
    color: white;
    font-size: 15px;
    font-family: 'AVENIR-LIGHT';
    text-align: left;
}

.form-control {
    font-family: 'Century Gothic';
    font-size: 13px;
    height: 25px;
}

select.form-control {
    height: calc(1.70rem + 2px);
}

.form-control2 {
    font-family: 'Century Gothic';
    font-size: 13px;
    border-radius: 5px;
    width: 100%;
}

.negrita {
    color: black;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 13px;
    text-align: justify;
}

.textosimple {
    color: black;
    font-family: 'Arial';
    font-size: 13px;
    text-align: justify;
}

.title-page {
    /*Titulo Seccion Aplicacion Movil*/
    text-align: center !important;
    position: relative;
    color: white;
    font-family: 'AEH';
    margin-top: 80px;
    font-size: 25px;
    font-weight: bold;
}

.text-banner {
    /*Texto normal seccion de App*/
    text-align: center;
    color: white;
    font-size: 16px;
    font-family: 'FUTURA-LIGHT';
    margin-bottom: 35px;
}

.text-banner2 {
    /*Texto negritas seccion de App*/
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
    font-family: 'FUTURA-LIGHT';
}

.btn.btn.btn-outline-light {
    /*Boton apartado de app*/
    height: 36px;
    font-size: 13px;
    width: 200px;
    align-content: center;
    margin-bottom: 35px;
}

.btn.btn.btn-outline-light:hover {
    background-color: #3d9be9;
    color: white;
    border-color: #3d9be9;
}

.color-slider1 {
    background-color: #f2f2f2;
}

.color-slider2 {
    background-color: #3d90d4;
}

.color-slider3 {
    background-color: #ffffff;
}


/*Seccion Inicial*/

@media (max-width: 500px){
    .wall1 {
        padding-top: 56px;
    }
}

.wall1 {
    background: url('img/inicio.jpg') no-repeat fixed bottom;
    background-size: cover;
}

.color1 {
    background-color: #2B6DA3;
}

.img-bottom {
    /*Expaciado de imagen*/
    padding-bottom: 50px;
    padding-top: 50px;
}

.sombra2 {
    /*Sombra de la imagen inicial*/
    background: rgba(26, 82, 128, 0.5);
}

.sombra22 {
    /*Sombra de la imagen inicial*/
    background: rgba(255, 255, 255, 0.61);
}

.main-title1 {
    /*Titulo de parte inicial */
    font-family: "NEXA-BOLD";
    text-align: justify;
    color: white;
    font-size: 33px;
    margin-left: 18%;
    margin-top: 25%;
}

.main-title2 {
    /*Titulo de parte inicial grande*/
    font-family: "NEXA-BOLD";
    text-align: justify;
    color: white;
    font-size: 53px;
    margin-left: 18%;
}

.text-title1 {
    /*Texto de parte inicial*/
    font-family: "AVENIR-LIGHT";
    text-align: justify;
    text-transform: uppercase;
    color: white;
    font-size: 15.5px;
    margin-top: 30px;
    padding-left: 18%;
}


/*Seccion Texto Admident*/

.color2 {
    /*Fondo de la seccion*/
    background-color: white;
}

.c-admident {
    /*Estilo de texto de titulo*/
    color: #00447D;
    font-family: 'AEH';
    font-size: 40px;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 3px;
    text-align: justify;
}

.text-uno {
    /*Estilo de texto del subtitulo*/
    font-family: "AVENIR-LIGHT";
    color: #053e80;
    font-size: 18px;
    text-align: justify;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.text-dos {
    /*Estilo de texto en contenido normal*/
    font-family: "AVENIR-LIGHT";
    color: #00447D;
    text-align: center;
    font-size: 20px;
}

.text-tres {
    /*Estilo de texto en contenido negritas*/
    font-family: "AVENIR-LIGHT";
    color: #00447D;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.text-page {
    /*Alineacion de Botones*/
    text-align: center!important;
}

.btn.activate {
    /*Ancho de los botones de la seccion*/
    background-color: #3D9BE9;
    width: 300px;
    font-family: 'FUTURA-LIGHT';
    margin-bottom: 40px;
}

a.btn.activate2 {
    /*Ancho de los botones de la seccion*/
    background-color: #3D9BE9;
    width: 115px;
    font-size: 13px;
    font-family: 'FUTURA-LIGHT';
    margin-top: 3px;
    text-align: center!important;
}

.activate {
    /*Estilo de los botones de la seccion*/
    color: white;
    background-color: #3d9be9;
    font-weight: bold !important;
    text-align: center;
    font-size: 8px;
    font-family: 'Century Gothic';
}

.activate2 {
    /*Estilo de los botones de la seccion*/
    color: white;
    background-color: #3d9be9;
    font-weight: bold !important;
    font-family: 'Century Gothic';
}

.btn.activate:hover {
    background-color: #0F293C;
    color: white!important;
}

.btn.activate2:hover {
    background-color: #0F293C;
    color: white!important;
}


/*Seccion Contacto*/

.icon-small {
    width: 60px;
    height: 60px;
}

.img-contact {
    height: 30px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

.btn.btn-link {
    color: white;
    text-decoration: none;
}

.btn.btn-link:hover {
    color: #135e9e;
    text-decoration: none;
}

.btn.btn-link:visited {
    color: white;
    text-decoration: none;
}

.btn.btn-link:active {
    color: white;
    text-decoration: none;
}


/*Prueba Video*/

iframe:hover {
    background: rgba(0, 0, 0, 0.501) !important;
    z-index: 1;
}

.btn.btn-video {
    color: #fff;
    background-color: transparent;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 27px;
}

.btn.btn-video .fab {
    color: red;
    font-size: 50px;
}


/*#modal {
    position: absolute;
    width: 80vw;
    height: 80vh;
    left: 10vw;
    top: 10vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 0;
    background-size: cover;
}

#close {
    color: #FFFFFF;
    position: absolute;
    top: 505px;
    right: 10px;
    z-index: 1;
}*/


/***** Modal *****/

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

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

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

.title-hover2 {
    font-family: "FUTURA";
    color: #000;
    font-size: 25px;
    text-align: justify;
    margin-top: -30px;
}

.title-hover {
    font-family: "FUTURA";
    color: #000;
    font-size: 35px;
}

.title-hover22 {
    font-family: "FUTURA";
    color: #000;
    font-size: 25px;
    text-align: center;
    margin-top: -30px;
}

.text-2-bold {
    font-family: "FUTURA-LIGHT";
    font-weight: bold;
    color: gray;
    text-align: justify;
    font-size: 19px;
}

.text-2-bold2 {
    font-family: "FUTURA-LIGHT";
    font-weight: bold;
    color: gray;
    text-align: center;
    font-size: 19px;
}

.text-2 {
    font-family: "FUTURA-LIGHT";
    color: gray;
    text-align: justify;
    font-size: 19px;
}

.list-unstyled {
    font-family: "NEXA-LIGHT";
    font-size: 14px;
}

div#nube {
    display: none;
    margin-left: 35px;
}

#foco {
    display: none;
    margin-left: 35px;
}

#estadistica {
    display: none;
    margin-left: 35px;
}

#radio {
    display: none;
    margin-left: 35px;
}

#notas {
    display: none;
    margin-left: 35px;
}

#agenda {
    display: none;
    margin-left: 35px;
}

#directorios {
    display: none;
    margin-left: 35px;
}

#dinero {
    display: none;
    margin-left: 35px;
}

#icnube {
    display: none;
}

#icfoco {
    display: none;
}

#icestadistica {
    display: none;
}

#icradio {
    display: none;
}

#icnotas {
    display: none;
}

#icagenda {
    display: none;
}

#icdirectorios {
    display: none;
}

#icdinero {
    display: none;
}


/*#pruebavideo {
    display: none;
}

#agendavideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#contavideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#directoriosvideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#introvideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 0px;
}

#notasvideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#odontogramavideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

#radiografiasvideo {
    display: none;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}*/

.oscura {
    font-weight: bold;
}

#macgrap {
    display: none;
}

#macinicio {
    display: none;
}

#macodonto {
    display: none;
}

#macradio {
    display: none;
}

#macnotas {
    display: none;
}

#macagenda {
    display: none;
}

#macdirectorio {
    display: none;
}

#macconta {
    display: none;
}


/*.texto-icon {
    text-align: center;
    font-family: 'FUTURA';
    font-size: 16px;
}*/

.tamañoZ {
    width: 0;
}

.titulo-tamaño {
    height: 50px;
    background-color: #cfdff2;
    align-items: center;
    justify-content: center;
    display: flex;
}

.text-mon {
    font-size: 23px;
    font-family: 'AEH';
}

.text-small {
    font-size: 12px;
    color: #5b80ab
}

.carousel-indicators li {
    background-color: #000000;
}

.carousel-indicators .active {
    background-color: #000;
}

.text-modal {
    font-size: 12px;
    color: #003369;
    text-align: center;
}

.modal-title {
    color: #033369;
    font-size: 18px;
    text-transform: uppercase;
}

.title-modal {
    color: #033369;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.wallModal {
    background: rgba(0, 68, 125, 0.51);
}

.wallmod {
    background: url('img/fondo/img2.jpg');
    background-size: cover;
}

.left10 {
    margin-left: 10px;
}

.bgblue {
    background-color: #009fc0 !important;
}


/*.title-mobile {
    display: none;
}*/

.title-mobile {
    font-family: "FUTURA";
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin-top: -60px!important;
}


/*.ima-align {
    vertical-align: middle;
    height: 70px;
    width: 70px;
    margin-left: auto;
    margin-right: auto;
}*/

.divsize {
    color: #003369;
    font-size: 16px;
    font-family: 'FUTURA-LIGHT';
    margin-bottom: 15px;
}


/*.blockquote {
    padding: 3px 10px;
    border: PowderBlue 5px solid;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}*/

.mt74 {
    margin-top: 120px;
    font-size: 30px;
    color: #009fc0;
}

.img-center {
    text-align: center;
}

.mleft {
    margin-right: 15px;
}

.mleft2 {
    margin-right: 15px;
}

.img-x {
    height: 100px;
    width: 100px;
}

@media only screen and (max-width: 400px) {
    #planBas.sinTop {
        margin-top: 0!important;
    }
    #planPrem.sinTop {
        margin-top: 0!important;
    }
    .nav-link {
        margin: 0;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .txt-funciones {
        margin-bottom: 0px;
    }
    #titulo-beneficios {
        height: 64px;
    }
    #titulo-beneficios .row h2 {
        font-size: 40px;
    }
    #titulo-funciones {
        height: 64px;
    }
    #titulo-funciones .row h2 {
        font-size: 40px;
    }
    .navbar.navbar-expand-lg.navbar-dark.fixed-top>a.navbar-brand {
        display: block;
    }
    #carousel-funciones {
        height: 100vh;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .title-funciones {
        text-align: center;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel img {
        margin-top: 20px;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .img-carousel {
        margin-bottom: 25px;
    }
    .navbar.navbar-expand-lg.navbar-dark.fixed-top {
        position: fixed;
    }
    .img-bottom {
        padding: 0;
    }
    .title-hover22 {
        margin-top: 0px;
    }
    .datos {
        text-align: center;
        margin-left: 0px;
    }
    .main-title1 {
        font-size: 25px;
        margin-top: 28%;
    }
    .main-title2 {
        font-size: 40px;
    }
    .c-admident {
        margin-top: 5px;
    }
    .text-title1 {
        font-size: 15px;
        margin-left: -30px;
    }
    .text-uno {
        letter-spacing: 2px;
    }
    .title-hover2 {
        font-size: 23px;
    }
    .tophover {
        margin-top: 25px;
    }
    .bottomhover {
        margin-bottom: 25px;
    }
    .acomodo-imagen {
        margin-left: auto;
        margin-right: auto;
    }
    a.btn.activate2 {
        /*Ancho de los botones de la seccion*/
        background-color: #3D9BE9;
        width: 200px;
        font-size: 13px;
        font-family: 'FUTURA-LIGHT';
        margin-top: 3px;
        text-align: center!important;
    }
    .title-mobile {
        font-family: "FUTURA";
        display: block!important;
        text-align: center!important;
        margin-top: -60px!important;
        font-size: 20px;
        font-weight: bold;
    }
    .bottomres {
        margin-bottom: 20px!important;
    }
    .wallprueba {
        height: 1000px;
    }
    #sep1 {
        display: none;
    }
    #sep2 {
        display: none;
    }
    #sep3 {
        display: none;
    }
    #sep4 {
        display: none;
    }
    #sep5 {
        display: none;
    }
    #sep6 {
        display: none;
    }
    .text-cinco {
        margin-bottom: 10px;
    }
    .btn.activate2.mas {
        position: relative;
        left: 0px;
    }
    .display-4.font-weight-bold {
        font-size: 35px;
    }
    #btn-accion {
        background: #fff;
        height: 250px;
    }
}

@media only screen and (max-width: 767.5px) {
    .right30 {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (min-width: 401px) and (max-width: 500px) {
    #planBas.sinTop {
        margin-top: 0!important;
    }
    #planPrem.sinTop {
        margin-top: 0!important;
    }
    .nav-link {
        margin: 0;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .txt-funciones {
        margin-bottom: 0px;
    }
    #titulo-beneficios {
        height: 64px;
    }
    #titulo-beneficios .row h2 {
        font-size: 40px;
    }
    #titulo-funciones {
        height: 64px;
    }
    #titulo-funciones .row h2 {
        font-size: 40px;
    }
    .navbar.navbar-expand-lg.navbar-dark.fixed-top>a.navbar-brand {
        display: block;
    }
    #carousel-funciones {
        height: 100vh;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel .title-funciones {
        text-align: center;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .texto-carousel img {
        margin-top: 20px;
    }
    #carousel-funciones #carouselExampleControls .carousel-inner .carousel-item .row .img-carousel {
        margin-bottom: 25px;
    }
    .navbar.navbar-expand-lg.navbar-dark.fixed-top {
        position: fixed;
    }
    .navbar {
        position: fixed;
    }
    .datos {
        text-align: center;
        margin-left: 0px;
    }
    .title-hover22 {
        margin-top: 0px;
    }
    .text-siete {
        font-size: 13.3px;
    }
    .wallprueba {
        height: 850px;
        width: 350px;
    }
    .sombra2 {
        margin-top: 13%;
    }
    .main-title1 {
        font-size: 25px;
        margin-top: 15%;
    }
    .main-title2 {
        font-size: 40px;
    }
    .img-bottom {
        padding: 0;
    }
    .c-admident {
        margin-top: 30px;
    }
    .text-title1 {
        font-size: 15px;
        margin-left: -20px;
    }
    .tophover {
        margin-top: 25px;
    }
    .bottomhover {
        margin-bottom: 25px;
    }
    .acomodo-imagen {
        margin-left: auto;
        margin-right: auto;
    }
    a.btn.activate2 {
        /*Ancho de los botones de la seccion*/
        background-color: #3D9BE9;
        width: 200px;
        font-size: 13px;
        font-family: 'FUTURA-LIGHT';
        margin-top: 3px;
        text-align: center!important;
    }
    .title-mobile {
        font-family: "FUTURA";
        display: block!important;
        text-align: center!important;
        margin-top: -60px!important;
        font-size: 20px!important;
        font-weight: bold;
    }
    .bottomres {
        margin-bottom: 20px!important;
    }
    #sep1 {
        display: none;
    }
    #sep2 {
        display: none;
    }
    #sep3 {
        display: none;
    }
    #sep4 {
        display: none;
    }
    #sep5 {
        display: none;
    }
    #sep6 {
        display: none;
    }
    .btn.activate2.mas {
        position: relative;
        left: 0px;
    }
    .display-4.font-weight-bold {
        font-size: 35px;
    }
    #btn-accion {
        background: #fff;
        height: 250px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1725px) {
    .wallprueba {
        height: 800px;
    }
}

@media only screen and (min-width: 1726px) and (max-width: 1850px) {
    .wallprueba {
        height: 850px;
    }
}


/*Medida Computadora Dr*/

@media only screen and (min-width: 1851px) and (max-width: 1950px) {
    .nav-link {
        margin-right: 18px;
    }
    .btn.activate2.mas {
        position: relative;
        left: 185px;
    }
    .wallprueba {
        height: 920px;
    }
    .divsize {
        width: 500px;
        margin-bottom: 25px;
        margin-right: 10px;
    }
    .main-title1 {
        font-size: 50px;
    }
    .main-title2 {
        font-size: 80px;
        margin-bottom: 100px;
    }
    .text-title1 {
        font-size: 23.5px;
    }
    .c-admident {
        margin-top: 80px;
    }
    .btn.activate {
        margin-bottom: 80px;
    }
    .img-table {
        height: 150px;
        width: 150px;
        float: left;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .text-seis {
        margin-top: 75px;
    }
    .text-siete {
        font-size: 24px;
        margin-left: 5px;
    }
    .title-carrousel-1 {
        font-size: 40px;
    }
    .title-carrousel-2 {
        font-size: 40px;
    }
    .title-carrousel-3 {
        font-size: 40px;
    }
    .subtitle-carrousel-1 {
        font-size: 28px;
    }
    .subtitle-carrousel-2 {
        font-size: 28px;
    }
    .subtitle-carrousel-3 {
        font-size: 28px;
    }
    .text-carrousel-1 {
        font-size: 22px;
    }
    .text-carrousel-2 {
        font-size: 22px;
    }
    .text-carrousel-3 {
        font-size: 22px;
    }
    .title-mobile {
        font-size: 20px!important;
    }
    .title-page {
        font-size: 35px;
    }
    .text-banner2 {
        font-size: 22px;
    }
    .text-banner {
        font-size: 22px;
    }
    .mleft {
        margin-right: 20px!important;
    }
    .mleft2 {
        margin-right: 20px!important;
    }
    .img-x {
        height: 100px!important;
        width: 100px!important;
        margin-left: -150px;
    }
    .bottomres {
        margin-top: 30px;
    }
    .datos {
        font-size: 21px;
    }
    .datos3 {
        font-size: 21px;
    }
}

@media only screen and (min-width: 1951px) {
    .wallprueba {
        height: 970px;
    }
    .divsize {
        width: 500px;
        margin-bottom: 25px;
        margin-right: 10px;
    }
    .btn.activate2.mas {
        position: relative;
        left: 200px;
    }
}

.mar35 {
    margin-left: 150px;
}