@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Roboto Condensed', sans-serif;*/
}
p{
	color: #2c3655;
}
*::-webkit-scrollbar-track {
  background: #00003E;
}

*::-webkit-scrollbar {
  width: 6px;
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
  background-color: #01e7a2;
}
/*Top Header*/
.container-header nav{
	margin: 0!important;
}
#navbar121{
	background: #00135a;
}
#navbar121 li{
	width: 25%;
	text-align: center;
	margin-left: 0;
}
#navbar121 li:hover{
	background: #00e7a2;
	color: #fff;
}
#navbar121 a{
	color: #f2f2f2;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
}
.nav-item.item-139:hover{
	background: transparent!important;
	color: #00e7a2!important;
}
.nav-item.item-139 a{
	color: #00e7a2!important;
	cursor: default;
}
.LeyendaTop{
	display: none;
}
/*Top Header*/
/*Header*/
.container-header{
	background-color: #fff;
	background-image: none;
	box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 10%);
}
nav a, .container-header .mod-menu>li>a, .container-header .mod-menu>li>span{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	color: #2c3655;
}
nav a:hover, .container-header .mod-menu>li>a:hover, .container-header .mod-menu>li>span:hover{
	color: #00135a;
	text-decoration: none;
}
.metismenu.mod-menu .mm-toggler:hover{
	color: #00135a;
}
.metismenu.mod-menu .mm-toggler{
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
	color: #2c3655;
	text-decoration: none;
}
.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline: none;
    outline-offset: 0;
    text-decoration: none;
}
.container-header .navbar-toggler{
    border: none;
    color: #00135a;
}
.navbar-toggler:focus{
	box-shadow:none;
}
.container-header .container-nav{
    justify-content: end;
}
.container-header .container-nav, .container-header .grid-child{
	padding: 0 0.5em!important;	
}
.btn-cuenta{
    background: #00135a;
    color: #fff!important;
    padding: 10px 30px;
    border-radius: 50px;
	border:1px solid #00135a;
}
.btn-cuenta:hover{
	background:#fff;
	color:#00135a!important;
	border:1px solid #00135a;
}
.container-header nav{
	margin-bottom: 0.7em;
}
.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover{
	text-decoration: none;
}
/*Header*/
/*Banner*/
.container-banner .banner-overlay {
    background-attachment: initial;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 40vh;
}
.container-banner .banner-overlay .overlay{
	background-color: transparent;
}
.title-section{
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 76px;
    line-height: 98.8px;
    margin-top: -18px;
    color: #0a1023;
    font-weight: 600;
}
.container-banner .banner-overlay .overlay{
	align-items: flex-start;
	padding: 7em 6em 0;
}
.breadcrumb {
    background-color: transparent;
}
.mod-breadcrumbs li{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #2c3655;
    padding-right: 5px;
}
.mod-breadcrumbs .mod-breadcrumbs__item{
	color: #6c757d;
}
.mod-breadcrumbs a{
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	color: #6c757d;
	text-decoration: none;
}
/*Banner*/
/*Blog*/
.blog-items .blog-item {
    padding: 0 10px;
}
.boxed .blog-item .item-image{
	overflow: hidden;
    border-radius: 10px;
    margin-bottom: 27px;
}
.boxed .blog-item .item-content {
    padding: 0;
}
.page-header h2{
	font-size: 24px;
    line-height: 31.2px;
    margin-top: -5px;
    color: #0a1023;
}
.page-header h2 a{
    color: #0a1023;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
}
.article-info-term{
	display: none;
}
.boxed .blog-item {
    box-shadow: none;
}
.published{
	color: #2c3655;
    font-size: 14px;
    font-weight: 400;
}
.published a{
	color: #2c3655;
	text-decoration: none;
}
.btn-secondary {
    background-color: #fff;
    border-color: transparent;
    color: #01135a;
    padding: 0;
}
.btn-secondary:focus, .btn-secondary:hover {
    background-color: transparent;
    color: #000d3f;
    border-color: transparent;
}
/*Blog*/
/*Section Blog*/
.itemid-101 .site-grid .grid-child .mod-breadcrumbs__wrapper, .site-grid .grid-child .mod-breadcrumbs__wrapper{
	display: none;
}
.view-category.itemid-101 .grid-child.container-bottom-a{
	display: none;
}
.view-category.itemid-101 .BlogItem, .view-article.itemid-178 .BlogItem, .view-category.itemid-179 .BlogItem{
	background: transparent;
}
.section-text {
    margin-bottom: 45px;
    display: block;
}
/*Section Blog*/
/*Cuenta y legales footer*/
.get-content {
    background: #01135a;
    border-radius: 0px;
    padding: 40px 55px 55px;
    position: relative;
    margin-bottom: 0;
    margin-top: 60px;
}
.get-content .cmn-btn {
    background: #5AC4FF;
    box-shadow: 0px 12px 24px rgb(47 65 129 / 10%);
    color: #0A1023;
    padding: 10px 30px 15px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #5AC4FF;
    transition: 0.3s;
    border-radius: 50px;
    text-decoration: none;
}
.get-content .cmn-btn:hover{
    border: 1px solid #fff;
    color: #fff;
    background:#01135a;
}
.get-content img {
    position: absolute;
    bottom: -24px;
    right: 0;
}
.get-content h3{
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
    font-size: 32px;
    font-family: 'Roboto Condensed', sans-serif;
}
.get-content p{
	color: #fff;
	margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}
.Info_oficial {
    background: #011048;
    color: #ffff;
    padding: 15px 95px;
}
.Info_oficial h6{
    font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #fff;
}
.Info_oficial p {
    color: #fff;
    font-size: 10px;
    text-align: justify;
    font-weight: 300;
    margin-bottom: 0;
}
.Riesgos {
    background: #010b34;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    text-align: justify;
    padding: 15px 95px 0;
}
.Riesgos p {
    color: #fff;
    font-weight: 300;
}
/*Cuenta y legales footer*/
/*Footer*/
.footer{
	margin-top: 0;
	background: #F5FAFF;
    color: #00135a;
    padding: 100px 0;
    font-size: 13px;
}
.footer h5{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 21px;
}
.footer-link{
	margin: 0;
	padding: 0;
}
.footer-link li{
	list-style: none;
    border-bottom: 1px dashed #dbdade;
}
.footer-link li:last-child {
	border-bottom: none;
}
.footer-link li a{
    padding: 10px 0;
    font-weight: 400;
    text-decoration: none;
    display: block;
}
.footer-link li a:hover{
	color: #00e7a2;
}
.ItemHeight{
    height: 210px;
}
.form-groupF input{
	padding: 13px;
    margin: 0;
    border: 1px solid #00135a;
    border-radius: 30px;
    margin-bottom: 20px;
    width: 100%;
    background: transparent;
}
.cmn-btn2 {
	padding: 13px 30px;
    font-weight: 500;
    text-align: center;
    background: #00135a;
    color: #fff;
    border: 1px solid #00135a;
    transition: 0.3s;
    border-radius: 50px;
    margin-bottom: 20px;
}
.cmn-btn2:hover {
    background: #00e7a2;
    border: 1px solid #00e7a2;
}
p.textwhiSub{
	border-bottom: 1px dashed #dbdade;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.social-link img{
	width: 140px;
}
.social-link ul{
    margin: 0;
    padding: 0;
}
.social-link ul li{
	list-style: none;
    display: inline-block;
    margin: 0 5px;
}
.social-link ul li a{
	border: 1px solid #00135a;
    border-radius: 50px;
    padding: 7px 9px;
}
.social-link ul li a:hover{
	border: 1px solid #00135a;
	background: #00135a;
    border-radius: 50px;
    padding: 7px 9px;
    color: #fff;
}
/*Footer*/
/*Vista Blog*/
.page-header h1{
	text-align: center;
    font-size: 37px;
    color: #0a1023;
    font-weight: 600;
    text-transform: initial;
    font-family: 'Roboto Condensed', sans-serif;
}
.com-content-article.item-page .published{
	text-align: center;
}
.com-content-article.item-page .article-info{
	margin-bottom: 50px;
}
.com-content-article.item-page p, .com-content-article.item-page ul li{
	font-weight: 300;
    font-size: 15px;
    text-align: justify;
    line-height: inherit;
}
.com-content-article.item-page ul li{
	margin-bottom: 2px;
}
.com-content-article.item-page ul li::marker {
    color: #B0BAF1;
    font-size: 25px;
    line-height: initial;
}
.com-content-article.item-page h3{
    font-size: 32px;
    font-weight: 600;
    font-family: 'Roboto Condensed', sans-serif;
    color: #0a1023;
    margin-bottom: 15px;
}
.com-content-article.item-page h5{
	color: #0a1023;
    font-family: 'Roboto Condensed', sans-serif;
}
.com-content-article.item-page b{
	font-weight: 600;
    color: #0a1023;
}
.com-content-article.item-page .article-info {
    margin-bottom: 15px;
}
.com-content-article.item-page .tags.list-inline{
    text-align: center;
    margin-bottom: 60px;
}
.tags a.btn {
    font-weight: 600;
    font-size: 13px;
    background-color: #00135a;
    border-color: #00135a;
    font-family: 'Roboto Condensed', sans-serif;
}
.tags a.btn:hover{
    background-color: #03e7a2;
    border-color: #00e7a2;
}
/*Vista Blog*/
/*Articulos relacionados */
.BlogItem{
	background: linear-gradient(180deg, #F5FAFF 0%, rgba(245, 250, 255, 0) 100%);
    margin: 50px 0 0;
    padding: 25px 0 0;
}
.grid-child.container-bottom-a{
	padding: 50px 0 0;
}
.bottom-a.no-card h3{
	font-weight: 700;
    margin-bottom: 55px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #0a1023;
}
.no-card .newsflash-horiz li {
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    padding: 0 1rem 1rem;
}
.mod-articlesnews-horizontal figure img {
    width: 100%;
    border-radius: 10px;
}
.mod-list li a:hover {
    text-decoration: none;
    color: #000f4a;
}
/*Articulos relacionados */
/*Burbujas*/
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 15px;
    left: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 10;
    padding: 10px;
}
.float:hover {
    text-decoration: none;
    color: #25d366;
    background-color: #fff;
}
.floatM {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 90px;
    left: 10px;
    background-color: #0181fe;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 10;
    padding: 10px;
}
.floatM:hover {
    text-decoration: none;
    color: #0181fe;
    background-color: #fff;
}
/*Burbujas*/
/*Video*/
.videos{
    display: none;
}
.item {
  align-items: center;
  background-color: #f1f1f1;
  color: white;
  /*display: flex;
  height: 300px;
  justify-content: center;*/
}
.videos iframe{
    width: 100%;
}
.itemid-178 .videos{
    display: block;
    padding: 50px 0;
    background: #f6faff;
}
.owl-dots{
    margin-top: 25px;
}
.itemid-178 #section-id-1656442698860{
    padding: 0!important;
}
.owl-nav{display: none;}
.videos h5{
    text-align: center;
    padding-bottom: 50px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
}
/*Video*/
/*Sala de Prensa*/
.view-category.itemid-179 .BlogItem .grid-child.container-bottom-a {
    display: none;
}
/*Sala de Prensa*/
/*Workshop*/
.titleform{
    text-align: center;
    padding-bottom: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
}
.form-webinars .form-control{
    background: #F5FAFF;
    border: 1px solid #EEF1FF;
    margin-bottom: 20px;
}
.form-webinars .site-btn{
    background: #01135a;
    padding: 15px;
    border-radius: 50px;
    border: 1px solid #01135a;
    color: #fff;
    font-weight: 500;
}
.form-webinars .site-btn:hover{
    border: 1px solid #01135a;
    background: #fff;
    color: #01135a;
}
/*Workshop*/

/*===========================================
================Responsive===================
===========================================*/
@media screen and (max-width:1150px) {

}
@media screen and (max-width:992px) {
	.blog-items{
	    text-align: center;
	}
	.ItemHeight {
    	height: auto;
	}
	.footer{
		text-align: center;
	}
	.module{
		margin-bottom: 20px;
		text-align: center;
	}
	.Info_oficial, .Riesgos {
	    padding: 15px 20px;
	}
	.social-link {
		margin-bottom: 35px;
	}
	.social-link ul{
		position: absolute;
    	left: 0;
    	right: 0;
	}
	.mod-menu {
	    flex-direction: inherit;
	}
	.container-header .mod-menu {
	    display: flex;
	}
	.metismenu.mod-menu .metismenu-item {
	    font-size: 13px;
	    padding: 0.5em 0.5em;
	}
}
@media screen and (max-width:768px) {
	.get-content img {
	    display: none;
	}
	.container-topbar{
	    background: #00135a;
	}
	.container-topbar .navbar-toggler {
    	color: #ffffff;
	}
	header .grid-child{
		display: inline-block;
	    position: relative;
	    width: 100%;
	    text-align: center;
	}
	.container-header .navbar-brand {
	    display: inline-block;
	    margin-top: 20px;
	}
	.container-header .mod-menu {
	    display: block;
	}
	header .grid-child .navbar-toggler{
		position: absolute;
	    right: 0;
	    top: -70px;
	}
	.LeyendaTop{
		display: block;
		text-align: right;
		float: right;
		font-size: 13px;
		color: #00e7a2;
		margin: 0;
		padding: 5px 15px;
	    font-weight: 300;
	}
	.container-topbar .mod-menu{
	    padding-left: 15px;
	}
	#navbar121 li {
	    width: 100%;
	    text-align: left;
	    padding-left: 15px;
	}
	.nav-item.item-139, .nav-item.item-143{
		display: none;
	}
	#navbar121 li:hover {
	    background:transparent; ;
	    color: #00e7a2;
	}
	#navbar121 li:hover a{
	    color: #00e7a2;
	}
	.container-banner .banner-overlay {	    
	    background-position: 75%, 50%;
	}
}
@media screen and (max-width:668px) {
	.mod-articlesnews-horizontal {
	    grid-template-columns: inherit;
	}
}
@media screen and (max-width:500px) {
	.container-banner .banner-overlay {
	    background-position: left;
	    height: 25vh;
	}
	.container-banner .banner-overlay .overlay {
	    padding: 1em 6em 0;
	}

}