.extended {
	display: none;
}
body{
    background: #f5f6fe;
    color: #5d6778;
    overflow-y:scroll;
}

.col-12 .extended, .col-6 .extended, .active .extended {
	display: block;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
	font-weight: 700;
	line-height: 1.2;
    color: #252930;
}

body {
	font-family: 'Poppins', sans-serif;
}

h5.card-title {
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
    color: #252930;
}

.card h6 {
	font-family: 'Poppins', sans-serif;
}

h1 {
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	margin: 0;
}

.headerh1 {
	font-size: 3rem;
    font-weight: 700;
    text-transform: none;
}
.tagline {
    font-size: 1.125rem;
    font-weight: 400;
    color: #5d6778;
    line-height: 1.5;
}


header .brand {
	padding: 20px 20px 10px 30px;
	float: left;
}

header.scrolled .brand {
	display: block;
}

body.home header .brand {
	/* display: none; */
}

body.home header.scrolled .brand {
	display: block;
}

header .lang {
	float: right;
	margin-right: 120px;
}

header .lang ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

header .lang ul li {
	display: block;
	float: left;
	padding: 30px 5px;
}

header {
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
background:#fff;
}

header.scrolled {
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
	transition: background-color 200ms linear;
}

header .opener {
	background: #fff;
	color: #000;
	margin: 20px;
	padding: 10px;
	height: 55px;
	width: 55px;
	font-size: 1.4em;
	border-radius: 50%;
	text-align: center;
	right: 20px;
	position: absolute;
	cursor: pointer;
}

#app {
    padding-top: 90px;
}

#sidebar {
	position: fixed;
	max-width: 400px;
	z-index: 9999999;
	background: #171714 url(../img/degradado-menu.png) top right no-repeat;
	transition: transform 0.5s;
	transform: translateX(100%);
	right: 0;
	height: 100%;
	width: 300px;
}

#sidebar.opened {
	right: 0;
	position: fixed;
	display: block;
	width: 300px;
	height: 100%;
	z-index: 9999999;
	background: #171714 url(../img/degradado-menu.png) top right no-repeat;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
	transform: translateX(0%);
}

#sidebar .opener {
	background: #000;
	color: #fff;
	margin: 20px;
	padding: 10px;
	height: 55px;
	width: 55px;
	font-size: 1.4em;
	border-radius: 50%;
	text-align: center;
}

#sidebar .opener:hover {
	background: #fd001f;
	color: #fff;
	cursor: pointer;
}

#sidebar ul {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#sidebar ul li {
	padding: 10px 20px 10px 50px;
}

#sidebar ul li:hover {
	background: rgba(255, 255, 255, 0.08);
}

#sidebar ul li a {
	color: #fff;
	font: 300 1.0rem "Roboto";
}

#sidebar ul li a:hover {
	text-decoration: none;
}

.row.welcome {

}

.welcome {
	padding: 150px 0px;
}

.form-control {
	padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    height: calc(2.5rem + .75rem + 2px);
    border-color: #dee1fc;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #919aaa;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee1fc;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;

}

.btnclose {
	display: none;
}

.btnweb {
	display: none;
}

.active .btnweb {
	display: inline-block;
}

.btndetail {
	display: inline-block;
}

.active .btnclose {
	display: inline-block;
}

.active .btndetail {
	display: none;
}

footer {
	padding: 60px 20px 40px 20px;
	text-align: center;
    background: #fff;
    color: #5d6778;
}

.social {
	text-align: center;
	padding-top: 40px;
}

.social a {
	font-size: 110%;
	padding: 5px;
background: #eef0ff;
color: #727aec;
	border-radius: 50%;
	width: 38px;
	height: 38px;
	display: inline-block;
	margin: 10px;
}

.social a:hover {
	background: #eef0ff;
	color: #727aec;
}

.login-box {
	background: rgba(255, 255, 255, 0.9);
	border: 2px solid #000;
	margin: 0px;
	padding: 20px;
}

.login-box .btn {
	text-transform: uppercase;
	padding: 10px 20px 12px 20px;
}

.link.forgot {
	font-size: 12px;
	color: #000;
	font-weight: normal;
}

.imgs {
	max-width: 100%;
}

.search-bar {
	background: #FFF;
	background-size: cover;
	padding: 80px 15px 0px 15px;
	margin-left: -15px;
	margin-right: -15px;
}

.funds .card-body *{
    color: #5d6778 !important;
}

.funds .card-body h6 {
}

.funds .card-body h5 {
}

.funds .stage {
}

.funds .scope {
}

.funds .sector {
}

.fund {
	transition: width 0.5s;
}

.fund.active {
	position: absolute;
	width: 90%;
	left: 50%;
	z-index: 999;
	max-width: 100%;
	transform: translate(-50%, 0);
	height: 100%;
	top: 0px;
}

.fund.active .card {
	box-shadow: 0px 0px 200px rgba(0, 0, 0, 1) !important;
	position: fixed !important;
	top: 20%;
	display: block !important;
	width: 100%;
	z-index: 1000;
}

.page-link {
	padding: 10px 0px;
	width: 32px;
	text-align: center;
}

.fund .card-body.group {
	background: #f9f9f9;
}

.card-registro {
	background: rgba(0, 0, 0, 0.9);
	color: #f9f9f9;
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 800px) {
	.form-group .col-md-6 {
		margin-top: 1rem;
	}
}

.list-group-item{
    border: none;
}
.card.shadow{
    padding: 1.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
    border: 1px solid #f5f6fe;
    height: 100%;
    background: #fff;
}
.card{
    font-family: 'Poppins', sans-serif;
}
img{
    max-width: 100%;
}
.card ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.card ul li{
    padding: 0px;
    margin: 10px 0px;
}
a{
    color: #4550E6;
}
a:hover{
    color: #1a26c4;
}
.fund-icon{
    font-size: 35px;
    color:#4550E6;
    background: #f5f6fe;
    width: 65px;
    height: 65px;
border-radius: 30px;
padding: 15px 10px 10px 10px;
text-align: center;
margin: 0px 0px 10px 0px;
}

.fund-icon.icon-0:before {
    content: "\f135";
}
.fund-icon.icon-1:before {
    content: "\f19c";
}
.fund-icon.icon-2:before {
    content: "\f4d3";
}
.fund-icon.icon-3:before {
    content: "\f135";
}
.fund-icon.icon-4:before {
    content: "\f0c0";
}
.fund-icon.icon-5:before {
    content: "\f0c0";
}
.fund-icon.icon-6:before {
    content: "\f135";
}
.fund-icon.icon-7:before {
    content: "\e068";
}
.fund-icon.icon-8:before {
    content: "\f071";
}
.fund-icon.icon-9:before {
    content: "\f153";
}
.fund-icon.icon-10:before {
    content: "\f135";
}
.fund-icon.icon-11:before {
    content: "\f135";
}
.fund-icon.icon-12:before {
    content: "\f135";
}
.fund-icon.icon-13:before {
    content: "\f135";
}
.mainmenu-h {
    list-style: none;
    padding: 0px;
    margin: 0px;
    right: 0;
}
.mainmenu-h li{
    list-style: none;
    display: block;
    float: right;
    padding: 0px 10px;
}
.mainmenu-h li a{
    padding: 10px 5px;
    margin: 0px 0px;
    display: block;
    color: #5d6778;
}
.collapse.show .mainmenu-h li , .collapsing .mainmenu-h li{
    padding: 0;
}
.collapse.show .mainmenu-h li a , .collapsing .mainmenu-h li a{
    padding: 20px 5px;
}
header nav{
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%)
}
.mainmenu-h li a:hover{
    color: #252930;
    text-decoration: none;
}
.card.blur{
    filter: blur(2px);
}
.reginfo{
    clear: both;
    float: right;
    background: #2330e1;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: .25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
    margin-top: -250px;
}
.reginfo .fas{
    font-size: 250%;
    text-align: center;
    padding: 20px;
    animation: floatBubble 0.6s infinite  normal ease-out;
    position: relative;


}


@-webkit-keyframes floatBubble {
    0% {
        top:500px;
    }
    100% {
        top: 0px;
    }
}
@keyframes floatBubble {
    0% {
        top:20px;
    }
    100% {
        top: 0px;
    }
}
.card.login, .card.register{
    max-width: 450px;
    margin: 0 auto;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #252930;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    font-weight: 400;
    padding: 0.6rem 1.25rem;
    transition: all 0.4s ease-in-out;
    border: none;
    }
.btn-primary{
    color: #fff;
    background-color: #4550E6;
    border-color: #4550E6;}

.btn-primary:hover {
    color: #fff;
    background-color: #2330e1;
    border-color: #1d2adb;
    }
.form-check{
    font-size: 0.75rem;
}
#slideshow{
}
.slide{
    /* filter: blur(0px) grayscale(0%) brightness(50%);
    -ms-filter: brightness(0.5); */
}
#slideshow:after{
    position: absolute;
    z-index: 2;
    display: block;
    content: "";
    top: 0; right: 0; bottom: 0; left: 0;
    background: hsla(0,0%,0%,0.5);          /*adjust brightness here */
}



.navbar{
    z-index: 1000;
    background: #fff;
}
.fund .card-footer{
    background: none;
    border: none;
}
.pagination li{
    width: 8.30%;
}
.pagination li a, .pagination li span{
    width: 100%;
    padding: 12px 2%;
    color:#1a26c4;
}
.page-item.active .page-link{
    background: #1a26c4;
    color: #fff;
}
.fund .card-body{
    padding: 0;
}
h2{
    text-transform: uppercase;
    margin: 1.4rem 0rem 0rem 0rem;
}
img.logos-cabecera{
width: 300px;
max-width: 100%;
margin-top:0px;
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

      img.logos-cabecera{
          width: 250px;
          max-width: 100%;
          margin-top:10px;
          }

          .logos-r{
              display: block;
              clear: both;
              text-align: center;

          }


}
h1.title{
    margin-top: 2rem;
}

nav .main li a:hover::after{
    background: #4550E6;
    height: 2px;
    width: 2px;
    content:'';
    display: block;
    animation: grow 0.5s ease;
    animation-fill-mode: forwards;
    margin-top:5px;
}

nav .main li.active a::after{
    background: #4550E6;
    height: 2px;
    width: 2px;
    content:'';
    display: block;
    animation: grow 0.5s ease;
    animation-fill-mode: forwards;
    margin-top:5px;
}
@keyframes grow {
      from {width: 1%;}
      to {width:100%;}
    }
    a.logos-r:hover{
        text-decoration: none;
    }
img.logo-r{
    width: 125px;
}
@media only screen
  and (min-device-width: 1281px){
    .mainmenu-h li{

        padding: 0px 10px;
    }
    .mainmenu-h li a{
        padding: 10px 5px;
    }
    img.logos-cabecera{
        width: 450px;
        }
    img.logo-r{
        width: 150px;
        }
    }