@charset "utf-8";

/* bootstrap reset */


/* common */
body {font-family: 'Lato', sans-serif;padding: 0px;font-size: 16px;line-height: 22px;text-align:center}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.fullWidth {width:100%!important}
.center {text-align:center!important}
h2 {font-size:40px;font-weight:700;margin-bottom:30px}
h3 {font-size:28px;font-weight:700;margin-top:20px}
h4 {font-size:21px;font-weight:700;margin-top:20px}
.blue {color:#000068}
h1.blue {margin:60px 0}
.blueBg {background:#e4f3f5;padding:40px 0}
.grayBg {background:#ccc}
.softGrayBg {background:#f4f4f4}
.cyanBg, .cyanBg:hover {background:#00a1b5;color:#fff}
.magBg, .magBg:hover {background:#a30075;color:#fff}
form input, form textarea {font-family: 'Lato', sans-serif;border:1px solid #ccc;color:#1f6ead;margin-bottom:15px;padding:10px;width:100%}
form textarea {height:160px}
form input.error, form textarea.error {border:1px solid #DC0000}
form label.error {color:#DC0000;font-size:16px;margin-top:-10px;display:inherit;text-align:left}
.blueBtn, .blueBtn:hover {padding:10px 20px;padding: 12px 20px;font-weight: 700;font-size: 24px;margin: 40px 5px 0 5px;border:none;background:#1f6ead;color:#fff}
.container {width:auto!important}
h1.slogan {width:100%;position:absolute;font-size:14px;font-weight:normal;color:#fff;text-align:center;top:180px}

/* header */
.navbar {margin-bottom:0}
.navbar-sm {position:absolute;top:10px;right:60px}
.navbar-default {position: fixed;right: 0;left: 0;box-shadow:0 0 8px #999}
#div_main_menu .navbar-default {z-index:3}
.navbar-header {padding:0}
.navbar-brand {height:auto;padding:5px 0}
.navbar-nav > li > a {padding:10px 6px;font-size:12px;border-top:4px solid #fff;margin-top:-4px;color:#000068;font-weight:300}
.navbar-nav a:hover, .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus {background-color:#000068!important;border-top:4px solid #000068;color:#fff!important}
.bottom-menu .dropdown-menu.dark {background-color:rgba(0, 0, 104, .90) !important}
.bottom-menu .dropdown-menu.dark a:hover {border:none!important;color:#fff!important}
.navbar-sm {font-size:11px}
.navbar-sm .account {background:#fce126;color:#333;margin-top:-10px}
.navbar-sm .login {color:#333}
.navbar-sm a i {margin-right:4px}
.navbar-sm a {padding:6px 10px}
.bottom-menu .dropdown-menu.dark a, .bottom-menu .dropdown-menu.dark a:hover {border: none!important;color: #fff!important}
.navbar-nav a.newClass, .navbar-nav a:hover, .navbar-nav .open > a, .navbar-nav .open > a:hover, .navbar-nav .open > a:focus, .blueBtn, .blueBtn:hover {
    background-color: #212060!important;
    border-top: 4px solid #212060;
    color: #fff!important;
  -webkit-transition: background .5s ease-out;
  -moz-transition: background .5s ease-out;
  -o-transition: background .5s ease-out;
  transition: background .5s ease-out;	
}
.blueBtn, .blueBtn:hover {border-top:0}
.blueBtn:hover {border-top:0;background-color:#000!important}

/* content */
#loading {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;background-color: #fff;z-index: 9999;text-align: center}
#loading-logo {position: absolute;top: 50%;left: 50%;z-index: 100;margin-top:-95px;margin-left:-74px;width:140px}
#loading span {position: absolute;top: 50%;left: 50%;z-index: 100;margin-top:20px;margin-left:-100px;display:block;width:200px;text-align:center;color:#384993;font-size:16px;border-top:1px solid #384993;padding-top:10px}
section {padding:140px 0;float:left;width:100%;clear:both;position:relative;background: #eeeeee;background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );}
section h2 {text-transform:uppercase;font-weight:300;font-size:60px}

.scrollTop {display:none;position:fixed;bottom:40px;right:40px;z-index:3}
.scrollTop i {font-size:40px;color:#5e5e5d;text-shadow:0 0 1px #fff}
.arrowDwn {position:absolute;left:50%;top:-24px;background:#47a0c7;width:48px;height:48px;border-radius:48px;line-height:48px;color:#fff;margin-left:-24px;font-size:36px}

.btn i {margin-left:10px}
.whiteBtn, .whiteBtn:hover {background:#fff;color:#1f6ead}
.borderBtn, .borderBtn:hover {border:1px solid #fff;color:#fff}
form input, form textarea {font-size:24px}

/* top */
.main-top {float:left;width:100%;background:url(../images/top.jpg) center no-repeat #212060;background-size:cover}
.main-top h4 {color:#fff;text-transform:uppercase;font-weight:300;margin-bottom:5%;max-width:800px;margin-left:auto;margin-right:auto;line-height:30px}
.main-top h2 {text-transform:uppercase;font-weight:300;font-size:60px;margin-bottom:5%;color:#fff}
.main-top h2 small {display:block;color:#fff;padding-bottom:15px;font-size:24px}
.main-top img {margin-bottom:30px;box-shadow:0 0 10px #1e1e1e;max-width:100%}
.main-top img.no-shadow {box-shadow:none}
.nuestras-empresas div {text-align:center}
.nuestras-empresas div img {display:inline-block}


/* negocios */
.pill img {width:100%;margin-bottom:10px}
.pill {background:#fff;box-shadow:0 0 12px #ccc;float:left;width:100%;text-align:center;position:relative;margin-bottom:30px}
.pill h4 {font-weight:300;position:absolute;top:20%;color:#fff;text-align:center;width:100%;font-size:24px}
.pill p {color:#333;padding:20px;font-size:18px;line-height:24px;font-weight:300}
.pill:hover {text-decoration:none}
.pill .more {font-size:18px;color:#fff;padding:15px 0;text-align:center;float:left;width:100%}
.pill:hover .more {display:block}
.pill .more i {margin-left:4px;font-size:21px}
.pill-bmb .top {background:#010066;margin:0}
.pill-bmc .top {background:#7a5978;margin:0}
.pill-bma .top {background:#5e5e5e;margin:0}
.pill-bmw .top {background:#15142c;margin:0}
.pill-bms .top {background:#50529f;margin:0}
.pill-bp .top {background:#fff;margin:0}
.pill-bmt .top {background:#fff;margin:0}
#negocios .pill .more {background:rgba(0, 0, 0, 1)}

/* ventajas */
section#quienes-somos {background:url(../images/ventajas.jpg) center no-repeat #1f70ad;background-size:cover;color:#fff}
#quienes-somos h4 {padding:10px;text-transform:uppercase;font-weight:300;font-size:24px}
#quienes-somos h4 i {margin-right:10px}
#productos .pill .more {background:#a30075}

/* estadisticas */
#estadisticas {background:#fff;text-align:center}
#estadisticas .round {width:300px;height:300px;margin:0 auto 40px}
#estadisticas .round:after {
    width: 100%;
    height: 100%;
    position: absolute;
	top:0;
	left:0;
	background:url(../images/num.png) center no-repeat transparent;
    content: '';
	animation:spin 1s linear infinite;
    -webkit-animation:spin 1s linear infinite;
}

@keyframes spin{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}	
}

@-webkit-keyframes spin {
	from{-webkit-transform:rotate(0deg)}
	to{-webkit-transform:rotate(360deg)}		
}

#estadisticas .round h3 {font-size:80px;padding-top:60px;position:relative;z-index:2}
#estadisticas .round p {font-size:24px;position:relative;z-index:2}
#estadisticas h3 {font-size:40px}
#estadisticas p {margin-bottom:40px;font-size:24px}

.contact {float:left;width:100%;background:url(../images/contact.jpg) center no-repeat;background-size:cover}


/* footer */
footer {font-size:11px;padding:30px 0;background:#f6f6f6;margin-top:40px;line-height:18px;text-align:left;clear:both}
footer, footer h3 {color:#4d4d4d}
footer h3 {margin:0;padding:0 0 6px;font-size:21px}
.footerSocial {padding-right:0;line-height:22px}
.footerSocial a {color:#fff;background:#4d4d4d;text-align:center;width:18%;margin-right:2px;padding:4px;font-size:20px;float:left}
footer .brands {padding: 30px 0 10px}
footer hr {border:0;border-bottom:1px solid #ccc}
#jssor_1 {position: relative; margin: 0 auto; top: 0px; left: 0px; height: 52px; overflow: hidden; visibility: hidden;}
.footLogos {cursor: default; position: relative; top: 0px; left: 0px; height: 52px; overflow: hidden;}
.footLogos img {width:90%}


@media (max-width: 1199px){
    .main-top {height:auto!important}
	.nuestras-empresas div img {width:20%;margin:30px 2.5%}
}

@media (max-width: 767px) {
	h1.slogan {top:80px}
	body {padding-top:62px}
	.navbar-nav {margin:0 -15px;text-align:left}
    .navbar-nav .open .dropdown-menu > li > a {color: #fff !important;}
    .navbar-nav > li {border-bottom:1px solid #eee}
    .navbar-nav > li > a {border:none!important;padding:10px 15px}
    .footerSocial {padding-bottom:20px}
	.navbar-toggle {position: relative;float: right;padding: 11px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid #ddd;border-radius:0;color:#333;font-size:13px}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd}
	.navbar-default .navbar-toggle {border-color: #ddd;}		
	.navbar-brand img.hidden-sm {width:68px}
	h1.mar-top {margin-top:100px}
	.main-top h2, section h2 {font-size:40px}
	h4 {font-size:18px}
	.main-top h2 {margin-top:85px}
	.main-top h4 {margin-bottom:40px}
	section {padding: 60px 0}
	.nuestras-empresas div img {width:90%;margin:30px auto}
}

@media (max-width: 480px) {
	.main-top img {max-width:200px}
}




@media (min-width: 768px) {
	.main-top h2 {margin-top:200px}
	h1.slogan {top:130px}
	.container {padding-left:5%;padding-right:5%}
	footer h3 {font-size:18px;margin:0 0 4px}
	.footerSocial a {font-size:14px}
	footer .bmb {border-left: solid 1px #848484}
    footer .brands img {max-width:94px;margin:0 2px}
    .div-media-logo {margin-top: -45px}
    .hidden-sm {display:none!important}
    .navbar-default {background:#eee;border:none;border-top:40px solid #fff;height:89px}
	.navbar-brand img.hidden-xs {width:120px;margin-left:-30px}
    .navbar-sm {position:relative;background:#fff;top:0;right:0;padding:5px 0}
    .navbar-header {position:relative}
    .navbar-brand {position:absolute;top:-20px;left:15px;width:120px;padding:0}
    .navbar-brand img {}
    .navbar-nav > li > a {padding: 15px 10px;font-size: 12px}
    .dropdown-menu > li > a {padding:4px 20px}
    .navbar-sm .phone:hover, .navbar-sm .login:hover {text-decoration:none;background:#f6f6f6}
    .navbar-sm .phone {color:#333}
    h2 {font-size:40px;}
	.pill p {height:250px}
	#capacitacion .pill p {height:500px}	
	.pill h4 {top:12%}
	#capacitacion .pill h4, #productos .pill h4 {top:2.5%;font-size:20px}
	#bs-example-navbar-collapse-1 {position:relative;overflow:hidden}
	#bs-example-navbar-collapse-1 .navbar-nav {position:absolute;top:0;right:-2000px;font-weight:700}
	.container>.navbar-header {width:100%;position:relative}
	.navbar>.container .navbar-brand {position:absolute;top:-16px;left:50%;margin-left:-32px}
	.pill .more {opacity:0;padding:44% 0;transition: opacity .25s ease-in;-moz-transition: opacity .25s ease-in;-webkit-transition: opacity .25s ease-in;position:absolute;height:100%;top:0;left:0;opacity:0}
	.pill .more .border{border:1px solid #fff;padding:10px 15px}
	.pill:hover .more {opacity:1;transition: opacity .25s ease-out;-moz-transition: opacity .25s ease-out;-webkit-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;}
	#negocios .pill:hover .more {background:rgba(0, 0, 0, 0.7)}
	#productos .pill .more {margin-top:-8px}
	#productos .pill:hover .more {background:rgba(163, 0, 117, 0.7)}
	#capacitacion .pill .more {background:rgba(0, 161, 181, 0.7);padding:75% 0 25%}
	h1.mar-top {margin-top:120px}
}
@media (min-width: 992px) {
	.navbar-default {border-top:40px solid #fff}
	.navbar>.container .navbar-brand {top:-25px}
	.navbar-brand img.hidden-xs {width:140px}
	footer h3 {font-size:21px}
	.footerSocial a {font-size:19px}
	footer .brands img {max-width:115px;margin:0 5px}
    .navbar-brand {width:200px;top:-28px}
    .navbar-nav > li > a {padding:15px 16px;font-size:14px}
    .navbar-sm {font-size:12px;padding:13px 0 12px}
    .main-select-stock-account {width: 240px}	
	h2 {font-size:50px}
	.pill p {height:186px}
	#capacitacion .pill p {height:360px}
	.pill h4 {top:17%}
	#capacitacion .pill h4, #productos .pill h4 {top:5%;font-size:24px}
}

@media (min-width: 1200px) {
	h1.slogan {top:150px}		
	footer h3 {font-size:24px}
	footer .brands img {max-width:none;margin:0 4px}
	.footerSocial a {font-size:20px}	
    .navbar-brand {width:220px;top:-34px}
    .navbar-nav > li > a {font-size:16px}
    .navbar-sm {font-size:13px}
	.pill p {height:150px}
	#capacitacion .pill p {height:290px}
	.pill h4 {top:20%}
	#capacitacion .pill h4, #productos .pill h4 {top:10%}	
	#estadisticas .stats-container {position:relative;height:500px}
	#estadisticas .round, #estadisticas .top-left, #estadisticas .top-right, #estadisticas .bot-left, #estadisticas .bot-right, #estadisticas .bot-center {position:absolute;width:300px}
	#estadisticas .round {top:50px;left:50%;margin-left:-150px}
	#estadisticas .top-left {top:10%;left:10%}
	#estadisticas .top-right {right:10%;top:10%}
	#estadisticas .bot-left {bottom:20%;left:10%}
	#estadisticas .bot-right {bottom:20%;right:10%}
	#estadisticas .bot-center {bottom:0;left:50%;width:300px;margin-left:-150px}	
	.main-top h2 {margin-top:20%}
	.nuestras-empresas div img {width:12%;margin:0 1%}
}

@media screen and ( min-height: 1024px ){
    .main-top h2 {margin-top:35%}
}

@media (min-width: 1366px) {
.container {
    padding-left: 10%;
    padding-right: 10%;
}
}

@media (min-width: 1601px) {
.container {
    padding-left: 15%;
    padding-right: 15%;
}






/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(../../ms-invertirenbolsa/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.bg-animate {
    -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
}