@media (min-width: 768px)
.d-md-block1 {
    display: block!important;
}
@media (min-width: 576px)
.d-sm-none1 {
    display: none!important;
}

.d-none1 {
    display: none!important;
}




@charset "utf-8";
/* CSS Document */

a{
    color:#1f3445;
    /*text-decoration: underline;*/
    
}

.container-fluid{
    padding-left:5px;
    padding-right:5px;
}

@media (min-width: 576px)
.modal-sm {
    max-width: 450px;
}
.container-fluid-e-l {
    position:relative;
    width:100%;
    background:#01EDD7;
}
.container-fluid-e-l:after{
    content:'\A';
    position:absolute;
    background:#107FF5;
    top:0; bottom:0;
    left:0; 
    width:50%;
}


@font-face {font-family: Montserrat-Regular; src:url(Montserrat-Regular.ttf);}
@font-face {font-family: Montserrat-Light; src:url(Montserrat-Light.ttf);}
@font-face {font-family: Montserrat-ExtraLight; src:url(Montserrat-ExtraLight.ttf);}

@font-face {font-family: Montserrat-Bold; src:url(Montserrat-Bold.ttf);}
@font-face {font-family: Montserrat-ExtraBold; src:url(Montserrat-ExtraBold.ttf);}

body {
font-family: Montserrat-Regular;
}

meter {
  width: 350px;
  height: 25px;
}

meter::-webkit-meter-optimum-value {
    background-color : #01EDD7;
}

.link-cliente {
    color:#4D88FF;
    font-weight: bold;
    /*text-decoration: underline;*/
}

.table-bordered2 {
    font-size: .75rem;
    
}


/*****Estilos menu escritorio *****/
a.navbar-brand {
    border-right: solid 2px #9c9c9c6b;
    padding: 0rem 1rem;
    line-height: initial;
	font-size: 2rem;
    font-weight: 700;
}
.accordionb {
  background-color: #fff;
  font-family: Montserrat-Regular;
  color: #092A77;
  cursor: pointer;
  padding: 9px;
  width: 100%;
  border-radius: 7px;
  border-style: solid;
  border-color:#7DDAFF;
  border-left-color: #47BEEE;
  border-left-width: 7px;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.active {
  border-color:#3DBFB0;
  border-left-color: #3DBFB0;
  border-left-width: 7px;
}

.accordionb:hover {
  border-color:#092A77;
  border-left-color: #092A77;
  border-left-width: 7px;
}

.active:after {
  content: "\2796";
}

.accordionb:after {
  content: '\003E';
  color: #092A77;
  font-size:25px;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  font-family: monospace;
}

.active:after {
  content: '\2304';
}

.space {
padding-top:5px; 
padding-bottom:3px;
}

.paneltexto {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.modal-body a.navbar-brand {
    border-right: none;
    padding: 0rem 0;
    line-height: initial;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.linktext {
    color: #4d88ff;
}

a:hover {
    /* color: #000000; */
    opacity: .8;
}

a.nav-link {
	padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 .5rem;
	color: #727376;
	font-family: Montserrat-ExtraLight;
    text-transform: capitalize;
    font-size: 1.1rem;
    font-family: Montserrat-Bold;
    font-weight: 800;
    border-bottom: solid .25rem #fff;
}

.dark-color {
        color: #000;
}

a.nav-link:hover {
	border-bottom: solid .25rem;
	padding-bottom: .35rem;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: rgba(0,0,0,.5);
	padding-bottom: .35rem;
    border-bottom: solid .25rem;
}

/* button.btn-login {
    border: none;
    background: none;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 .5rem;
    color: rgba(0,0,0,.5);
    text-transform: uppercase;
    font-size: .9rem;
    padding-top: .35rem;
    font-weight: 800;
    padding-bottom: .35rem;

}*/

button.btn-login {
    border-radius: 32px;
    background: #092A77;
    padding-left: 17 !important;
    padding-right: 17 !important;
    margin: 0 .5rem;
    color: #fff;
	font-family: Montserrat-Regular;
    text-transform: capitalize;
    font-size: .9rem;
    padding: .78rem 1rem;
}

@media (max-width: 576px){
.espaciosuperior {padding-top:80px;}  
}

.btn-olvide {
    color: #727376;
    font-size: .9em;
	font-family: Montserrat-Bold;;
	border-width: none;
    border-style: none;
    border-color: none;
    background: none;
}

.btn-olvide:hover {
    color: #000;
    font-size: .9em;
	font-family: Montserrat-Bold;;
	border-width: none;
    border-style: none;
    border-color: none;
    background: none;
}

.btn-login i {
    font-size: 1.25rem;
}

.navbar {
    padding-left: 0;
    padding-right: 0;
}

/**** Estilos modales ****/
.modal-header {
    border: none;
    padding: .25rem .5rem;
}

.close {
    float: right;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    color: #000;
    margin-right: 0rem !important;
    text-shadow: none;
    opacity: 1;
}

.modal-body {
    padding: 1rem 2rem 2rem;
}

.modal-body label {
	color:#383c3f;
    width: 100%;
    justify-content: left;
	font-weight: 600;
}

.form-control {
    width: 80%;
	margin: .25rem 0 .5rem;
	color: #383c3f;
        border-radius: .3rem;
    height: 3rem;
        border: 1.5px solid #CED5E0;
}

.form-control2 {
    width: 80%;
	color: #383c3f;
        border-radius: .3rem;
    height: 3rem;
    border: 1.5px solid #CED5E0;
}


.modal-content{
	background: #f5f9fc;
	border-radius: 1rem;
}

.modal-dialog h5 {
    text-align: center;
    margin: 0 0 1rem;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: .1rem;
    font-weight: 700;
}

.modal-body p.font-weight-bolder.text-center {
    font-size: .85rem;
}

.btn-primary:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}


@media (min-width: 576px){


.modulo-ventajas h1 {
    padding: 0 11rem;  
}




.top {
    padding: .7rem 1rem;
}

button.btn-login {
    border-radius: 32px;
    background: #092A77;
    padding-left: 17 !important;
    padding-right: 17 !important;
    margin: 0 .5rem;
    color: #fff;
	font-family: Montserrat-Regular;
    text-transform: capitalize;
    font-size: .9rem;
    padding: .78rem 1rem;
}

button.btn-login:hover {
    /*border-bottom: solid .25rem;*/
    background: #062264;
}


button.btn-menu {
    border: none;
    background: none;
    padding-left: 0 !important;
    padding-right: 50 !important;
    margin: 0 .5rem;
    color: #727376;
	font-family: Montserrat-bold;
    text-transform: capitalize;
    font-size: 1.1rem;
    padding: .5rem 1rem;
    border-bottom: solid .25rem #fff;
    
}

button.btn-menu:hover {
    border-bottom: solid .25rem;
}

.border-sm-right {
    border-right: 2px solid #818488;
}

.modal-md .modal-body {
    padding: 1rem 5rem 2rem;
}
	
/*	.modal-dialog {
    max-width: 400px;
}*/
	
}

/****Miga de pan***/
.breadcrumb {
    background: none;
    font-size: .8rem;
}

/*******Contenidos*****/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: .02rem;
}

.h4, h4 {
    font-size: 1.5rem;
    color: #092A77;
}
.h7, h7 {
    color: #092A77;
    font-size:13px;
}
.h5, h5 {
    color: #092A77;
}
.h1, h1 {
    color: #092A77;
}

h6 {
        color: #525252;
    line-height: 1.8;
    font-size: 1.04rem;
    font-weight: 700;
}


h1.texto-principal {
   /* text-align: center;*/
    font-size: 2.2rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
}

h1.txt-large {
    font-size: 2.7rem;
    font-weight: 700;
}

h1.blue {
    color:#373C51;
}


.h2, h2 {
font-family: Montserrat-Bold;
color:#092A77;
    
}


.h5, h5 {
    font-size: 24px;
    font-family: Montserrat-ExtraLight;
    
}


.perfil-equipo img {
    border-radius: 100%;
    padding: 1rem 2rem;
}

.perfil-equipo p {
    font-weight: 700;
}

/****** Buena compañia*******/

.buena-comp{background:#f5f9fc;}

.buena-comp h5 {
    color: #34495c;
}

.buena-comp p {
    color: #34495c;
	margin:0;
}

.cuadro-comp{background:#C4C4C4;
border-radius: 16px;
padding: .5rem;
}

.cuadro-comp p {
	border-radius: 16px;
}

.cuadro2-comp{background:#F5F9FC;
border-radius: 16px;
padding: .5rem;
}

.cuadro2-comp p {
	border-radius: 16px;
}

.cuadro3-comp{background:#E5E5E5;

padding: .5rem;
}

.seg-comp{background:#F9F9FA;
padding:5px;
}


/********Estilos Módulo ventajas******/


.modulo-ventajas .box {
    padding: 1rem;
}


@media (min-width: 576px){

.modulo-ventajas .box {
    border: .2rem solid #eee;
    border-radius: .5rem;
}

.box h3 {
min-height: 4rem;
}

.modulo-ventajas .owl-nav {
    position:relative;
    top: -13rem;
}

.owl-dots {
    margin-top: 1rem;
}

.content-slider .owl-dots {

    position: absolute;
    top: -21px;
    margin: -.5rem;
}

.owl-carousel .owl-nav button.owl-prev {
    float: left;
    left: -3rem;
    position: relative;
}

.owl-carousel .owl-nav button.owl-next {
    float: left;
    right: -3rem;
    position: relative;
}

}



.owl-carousel button.owl-dot {
    color: inherit !important;
    border: none !important;
    padding: .5rem !important;
    font: inherit !important;
    margin: .1rem .4rem !important;
    border-radius: 1rem !important;
    background: #C4C4C4 !important;

}


.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
    text-align: center;
}


.owl-carousel button.owl-dot.active {       
    background: #2C3238 !important ;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {

    width: 1.3rem;
}


.owl-carousel .owl-nav button.owl-prev {
    float:  left;
}

.owl-carousel .owl-nav button.owl-next {
    float:  right;
}



/****Estilos Contacto home *****/

.oval {
    background-color: #F4F8FF;
    border-radius: 100%;
       height: 100px;
    width: 100px;
}

.oval i {
    color: #4D88FF;
    font-size: 2rem;
    text-align: center;
    margin: auto 0;
}

.oval2 {
    background-color: #E5FAF7;
    border-radius: 100%;
       height: 100px;
    width: 100px;
}

.oval2 i {
    color: #00CCAA;
    font-size: 2rem;
    text-align: center;
    margin: auto 0;
}

.oval3 {
    background-color: #FEF8F1;
    border-radius: 100%;
       height: 100px;
    width: 100px;
}

.oval3 i {
    color: #F58634;
    font-size: 2rem;
    text-align: center;
    margin: auto 0;
}
/*CLASES DE ACCORDEON*/

.accordeon-link {
width: 100%;
    text-align: left;
    color: #373C51;
    background: #F9FAFC;
    border: none;
    font-weight: 900;
    padding: 1.5rem;
    margin-top: .6rem;
    border-radius: .5rem;

}


.card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: none;
}

.card-header:first-child {
    border-radius: 0;
}

.card {
    border: none;
}


.card-body {
    background: #f9fafc;
}

.card p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #000;
    font-weight: 700;
}


/******* ESTILOS BLOG HOME **************/

.main-blog .box{
    background: #fff;
            border-radius: 1rem;
            border:  1px solid #D9D9D9;
    overflow: hidden;
        margin-bottom: 1rem;
}

.main-blog .box:hover {
    background: #fff;
        box-shadow: 0rem 0rem 1rem 0.05rem #00000020;
}

.main-blog h2 {
       font-size: 1.4rem;
    color: #373c51;
    margin: 1rem 0;
    font-weight: 800;
}

.main-blog p {
    color: #00144c;
}

.main-blog .box .text a {
    color: #000000!important;
    font-size: 1.2rem;
    font-weight: 800;
}

.main-blog p {
    color: #000000;
}

.main-blog a:hover, .main-blog a:focus {
    text-decoration: none;
}

.main-blog .box .text .readmore {
    text-align: right;
    display: block;
}


label.categoria {
    position: absolute;
    right: 0;
    padding: .1rem 1rem;
    margin: 1rem;
    background: #ffffffc4;
    border-radius: 2rem;
    color: #000;
}

/******* FIN ESTILOS BLOG HOME **************/


.content-blog .owl-dots {
    margin-bottom: 1rem;
}



/*



*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
}

.collapsible-link::before {
    content: '\f107';
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: block;
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    color:#C9D0DB;
}

.collapsible-link[aria-expanded='true']::before {
    content: '\f106';
}

/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/


/**********FONDOS BG*********************/

.bg-gray {
   background: #F9F9FA;

}
.bg-cian {
   background: #107FF5;
   color:#FFFFFF;

}
.bg-cian2 {
   background: #E7EEFA;

}
/******* ESTILOS BOTONES ******/

.btn-primary {
        background: #314659;
    border: none;
    border-radius: 0;
    width: 100%;
    font-size: 1rem;
    padding: .5rem;
    height: 3rem;
}
.btn-enrola {
    border-radius: 32px;
    background: #092A77;
    padding-left: 17 !important;
    padding-right: 17 !important;
    margin: 0 .5rem;
    color: #fff;
    width: 100%;
    font-family: Montserrat-Regular;
    text-transform: capitalize;
    font-size: .9rem;
    padding: .78rem 1rem;
    border-bottom: solid .25rem #fff;
}
.btn-enrola:hover {
	color:#fff;
	text-decoration: none;
}

.btn-border {
    border-radius: 32px;
    background: #092A77;
    padding-left: 17 !important;
    padding-right: 17 !important;
    margin: 0 .5rem;
    color: #fff;
    font-family: Montserrat-Bold;
    text-transform: capitalize;
    font-size: .9rem;
    padding: .78rem 1rem;
}

.btn-border:hover {
    border: #2d3236 solid 2px;
    background:#2d3236;
	color:#fff;
	text-decoration: none;
}

.btn-border-blanco {
    border: solid 2px #fff;
    border-radius: 34px;
    padding: .6rem 2rem;
    display: inline-block;
    min-width: 10rem;
    text-align: center;
	color:#fff;
}

.btn-border-blanco:hover {
	border: solid 2px #fff;
	background: #fff;
	color:#000;
	text-decoration: none;
}

/******Footer*******/

.footer{
	background: #107FF5;
	color:#fff;
}

.footer ol {
    list-style-type: none;
    padding: 0;
	display: flex;
	margin:0;
}

.footer ol li a {
    margin: .15rem;
    font-size: 1.2rem;
}

.footer a {
    color: #fff;
}

.footer ol a:hover{
	opacity: .8;
}

.footer a:hover{
    text-decoration: none;
}


.footer ol i {
    font-size: 1.5rem;
    margin-right: .5rem;
    margin-top: 1rem;
}

.footer .small {
    padding: 1rem 0 3rem;
    border-bottom: solid 1px #fff3;
    font-size: .75rem;
}

.footer ul {
    list-style-type: none;
    float: left;
    padding: 0 1rem;
    margin: 0;
}

.footer ul li {
    
    padding: .25rem 0;
}

.footer ul strong {
    font-weight: 400;
    text-transform: uppercase;
}



.btn {
    border-radius: 32px;
   display: inline-block;
    color: #000;
    text-align: center;
    
    vertical-align: middle;
    background: #01EDD7;
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* background-color: transparent; */
    padding: .78rem 1rem;
    font-size: 1.3rem;
    min-width: 16rem;
   border: .22rem solid #01EDD7;
    font-weight: 700;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    letter-spacing: .03rem;
}

.btn2 {
    border-radius: 32px;
   display: inline-block;
    color: #000;
    text-align: center;
    
    vertical-align: middle;
    background: white;
    /* -webkit-user-select: none; */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* background-color: transparent; */

    font-size: 1.3rem;
    min-width: 16rem;
   border: .22rem solid #01EDD7;
    font-weight: 700;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    letter-spacing: .03rem;
}

.btn:hover {
    color: #092A77;
    text-decoration: none;
    background: #05CCBA;
    border: .22rem solid #092A77;
}

.btn-blue {
    color: #1D384D;
    background: none;
   border: .22rem solid #1D384D;
   
}

.btn-blue:hover {
    color: #fff;
    text-decoration: none;
    background: #092A77;
    border: .22rem solid #092A77;
}


.btn-gray {
    color: #ffff;
    background: #989898;
   border: .22rem solid #989898;
   
}

.btn-gray:hover {
    color: #ffff;
    background: #1D384D;
   border: .22rem solid #1D384D;
   
}

.btn-orange {
    color: #092A77;
    text-decoration: none;
    background: #fff;
    border: .22rem solid #092A77;
    /* color: #00000;
    background: #F58634;
	border: .22rem solid #F58634;
	border-radius: 34px; */
	mix-blend-mode: normal;
   
}

.btn-orange:hover {
    color: #fff;
    text-decoration: none;
    background: #092A77;
    border: .22rem solid #092A77;
    /* color: #00000;
    background: #D25E08;
	border: .22rem solid #D25E08;
	border-radius: 34px;  */
	mix-blend-mode: normal;
}


.btn-footer {
    color:#fff;
    background: none;
    font-size:17px;
    font-family: Montserrat-Regular;
    width: 100%;
}

.btn-footer:after {
  content: '\2795';
  color:#fff;
}


/****** Menu movil *******/
.sidenav {
  height: 100%; 
  width: 0; 
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  background-color: #111; 
  overflow-x: hidden; 
  padding-top: 1rem; 
  transition: 0.5s; 
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 1.2rem;
  color: #cacaca;
  display: flex;
    transition: 0.3s;
    align-items: center;
}

.sidenav .fa-chevron-right {
    font-size: 1.25rem;
    margin-left: auto;
}

.sidenav a i {
    font-size: .7rem;
    margin-right: 1rem;
}

.sidenav h1 {
    color: #fff;
    font-size: 1.5rem;
    padding: 0 1rem;
	margin: 0;
}

.sidenav .btn-login {
    color: #fff;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
}

.top-movil {    
	top: 0;
    box-shadow: #ccc 0px 0px 5px 0px;
    z-index: 2;
    background: #fff;
}

.btn-menu-movil{font-size: 1.2rem;}

.bars {
    margin-left: .5rem;
}

.bars span {
       border: solid 1px #000;
    width: 20px;
    display: block;
    margin: 0.25rem;
}

.bars span:first-child{width: 15px;}
.bars span:last-child{width: 10px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}






/******* Estilos movil ********/

@media (max-width: 768px){


.content-slider .owl-dots {
    margin-top: 1rem;
}

.main-blog h2 {
    font-size: 1rem;
}


.main-blog .box .text a {
    font-size: 1rem;
}

label.categoria {
    font-size: .8rem;
       bottom: 0;
    margin: 1rem .5rem;
}


.modulo-ventajas .owl-nav {
    position:relative;
    top: -10rem;
}

h1.texto-principal {
        font-size: 1.6rem;
    font-weight: 900;
    margin-bottom: 1.5rem;
}

h1.txt-large {
    font-size: 2.3rem;
    font-weight: 700;
}

.modal-dialog h5 {
    font-size: 1.4rem !important;

}

	a.navbar-brand {
    margin: 1rem 0;width: 100%;
}
	
.footer ol {
    margin-left: auto;
}
	
.footer .col-12.col-md-3.text-right {
    text-align: center !important;
    margin-top: 1rem;
}
	
.footer .card-header {
    padding: 0;
    border: none;
}
	
.footer .card button {
    padding: .25rem 0;
    border: none;
    color: #fff;
    text-transform: uppercase;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer .card button:focus{outline: none; box-shadow: none;}
	
	.footer .small{border:none;}
	
.footer .card ul{
		padding: 0;
}
	
.footer .card-body {
    padding: 0;
}
	
.footer .card {
    background: none;
    border: none;
    padding: 0 1rem;
}
	
}



label {
    margin-bottom: .5rem;
    color: #525252;
    line-height: 1.8;
    font-size: 1.04rem;
    font-weight: 700;
}

.content-blog .owl-nav, .content-slider .owl-nav {
        display: none;
}


@media (min-width: 1400px){

.pl-xxl-20 {
padding-left: 20rem !important;}
}