3@charset "UTF-8";
/* CSS Document */

@font-face{font-family:"suraRegular";src:url(../fonts/Din_regular.ttf)}
@font-face{font-family:"suraBold";src:url(../fonts/DIN_bold.ttf)}
@font-face{font-family:"suraLight";src:url(../fonts/DINPro-Light.ttf)}

html,body {
	font-family:"suraLight",Helvetica, Verdana;
	color:#0b4e73!important;
	font-size:14px;
}

.wrapper {
	width:100%;
	height:auto;
	overflow:hidden;
}

/******* backgrounds ******/

.myback1 {
	background:url(../../img/site/inversionistas/fondo.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback2 {
	background:url(../../img/site/acerca_de/fondo05.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback3 {
	background:url(../../img/site/fondo01.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}


.myback4 {
	background:url(../../img/site/fondo03.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback5 {
	background:url(../../img/site/fondo07.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback6 {
	background:url(../../img/site/fondo08.jpg) no-repeat center center fixed;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.homeback1 {
	background:url(../../img/site/home/fondo_video_03.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.homeback2 {
	background:url(../../img/site/home/fondo_video_02.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.homeback3 {
	background:url(../../img/site/home/fondo_video_01.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}


.fullwidth {
	width:100%; 
	height:auto; 
	overflow:hidden;
}

header {
	width:100%;
	position:fixed;
	z-index:10;
}


nav {
	width:100%;
	min-height:80px;
	/*background:rgba(255,255,255,0.9);*/
  background:#ffffff;
	margin:auto;
	padding-top:5px;
	padding-bottom:5px;
}

.men-lan{
	list-style:none;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	text-transform:uppercase;
}

.men-lan li {
	padding:0 0 0 2rem;
}

.men-lan li a {
	color:#323e48;
	text-decoration:none;
}

.men-lan li a:hover {
	text-decoration:underline;
}

.men-prin {
	justify-content:space-between;
}

.men-prin li a {
	color:#323e48;
	text-decoration:none;
}

.men-prin li a:hover {
	color:#18a4d9;
	font-family:"suraBold";
}
/******** estilos menu ********/
.nav-inline {
	width:100%;
	list-style: none;
	display: inline-flex;
	justify-content:right;
	padding: 0rem 3rem 0rem 0rem;
	margin: 0;
}

.nav-inline li {
	text-transform:uppercase;
	padding: 1rem 1rem 1rem 1rem;
}

.nav-inline li a {
	color: #0b4e73;
	text-decoration:none;
	text-align:center;
	font-size:17px;
}

.nav-inline li a:hover {
	color:#18a4d9;
	font-family:"suraBold";
  border-bottom: 2px solid #18a4d9;
}

.active {
	color:#18a4d9;
	font-family:"suraBold";
  border-bottom: 2px solid #18a4d9;
}

.lanactive {
  font-family:"suraBold"!important;
  color:#18a4d9!important;
}

.idom a {
  font-family:"suraBold";
  color:#0b4e73;
  text-decoration:none;
}

/**** submenu naranja ****/

.nav-inline .nav-item:hover ul {
  display: block;
  -webkit-transition: .3s all ease-in;
  transition: .3s all ease-in; }

.nav-inline .nav-item ul {
  position: relative;
  display: none;
  width: 350px;
  height:auto;
  overflow:hidden;
  list-style: none;
  padding-top: 15px;
  margin-left: 0px;
  margin-top:0px;
  -webkit-transition: .3s all ease-in;
  transition: .3s all ease-in;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
  text-align: left; }

.nav-item ul {
	list-style: none;
	display: inline-flex;
	padding: 1rem 0 1rem 0;
	margin: 0px;
	margin-left: 1.2rem;
}

.nav-item ul li {
	width: 100%;
	padding: 0rem 1rem 1rem 0rem;
	line-height:1.2rem;
}

.nav-item ul li a{
	color: #18a4d9;
	font-size:15px;
	text-decoration:none;
}

.nav-item ul li a:hover{
	font-weight: bold;
}

.fin-menu {
	background-color:transparent!important;
	margin-top:0px!important;
	padding:0px 0px 5px 0px!important;
}

.fin-menu li {
	background-color:transparent!important;
	margin-top:5px!important;
	padding:0px!important;
}

/******** menu botones *******/
#menstart {
	display:none;
	cursor:pointer;
}

#menclose {
	display:none;
	cursor:pointer;
}

.swiper-container {
	height:100vh !important; 
}

.vidwrapper {
	width:100%; 
	height:100vh; 
	overflow:hidden;
 }

.mobile-homew {
	width:100%; 
	height:100vh;
}

video.bgvid { 
    position: relative;
    top: 49%;
    left: 50%;
    min-width: 100%;
    min-height: 100vh;
    width: auto;
    height: auto;
	overflow:hidden;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-49%);
    -moz-transform: translateX(-50%) translateY(-49%);
    -webkit-transform: translateX(-50%) translateY(-49%);
    transform: translateX(-50%) translateY(-49%);
    /*background: url(polina.jpg) no-repeat;*/
    background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	/*background:rgba(37,180,200,0.4);*/
}
.bavideo {
	/*background:#2957BB;*/
	height:100vh;
}

.light-blue {
	background:rgba(24,164,217,0.5);
}

.carro-block {
	position:absolute;
	width:100%;
	height:200px;
	overflow:hidden;
	padding:2rem;
	background:rgba(52,64,75,0.7);
	margin-top:22%;
	z-index:2;
	text-align:center;
	line-height:1px;
}

.carro-text {
	position:absolute;
	width:80%; 
	height:auto; 
	overflow:auto;  
	margin-top:20%; 
	margin-left:20%;
	z-index:19999; 
}

.carro-block h1 {
	font-size:56px;
	color: #18a4d9;
	font-family:"suraBold";
	text-transform:uppercase;
}

.carro-block h2 {
	font-size:56px;
	color: #ffffff;
	font-family:"suraBold";
}

.caption-home {
	position:relative;
	width:auto;
	height:auto;
	font-size:3rem;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	bottom:10%;
	margin-left:auto;
	margin-right:auto;
}

/******* contenidos ******/

.content .container .row div {
	padding-top: 2rem;
	padding-bottom:2rem;
}

.content .container .row div h2 {
	font-size:2rem;
}

.content-fix-home {
	background:url(../../img/site/acerca_de/fondo09.jpg) center center fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	padding-top:4rem;
	padding-bottom:4rem;
}

.title-block {
	background:#323e48;
  height:60px;
	padding-top:10px;
	padding-bottom:10px;
  box-sizing:border-box;
}

.title-block h1 {
	color:#FFFFFF;
	font-size:25px;
	text-transform:uppercase;
	font-family:"suraBold";
}

.bloq-poster {
	height:320px;
	overflow:hidden;
}

.bloq-poster-small {
	height:100px;
	overflow:hidden;
}

.bloq-poster-big {
	height:400px;
	overflow:hidden;
}

.bloq-footer {
	border-top:8px solid #0b4e73;
	height:0px;
	background-color:transparent;
	overflow:hidden;
}

.cont-text div {
	padding: 3rem 0 3rem 0;
}

.cont-text div h1 {
	/*color:#00aeef;*/
	text-align:center;
}

.cont-text div h2 {
	font-size:2rem;
}

.inner-title-block {
	background:#323e48;
  height:60px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
  box-sizing:border-box;
}

.inner-title-block h1 {
	color:#FFFFFF;
	font-size:25px;
	font-family:"suraBold";
	text-transform:uppercase;
}

.white-block {
	background:rgba(255,255,255,0.7);
}

.white-block-hard {
	background:rgba(255,255,255,0.9);
}

.white-block-solid {
	background:#ffffff;
}

.gray-block {
	background:#F6F6F6;
}

/****** Portafolio container *******/
.portmes{
	position:absolute; 
	width:auto; 
	height:auto; 
	right:5%;
	top:5%;  
	z-index:3;
}

#norb {cursor:pointer}
#noresb {cursor:pointer}
#bajib {cursor:pointer}
#cenb {cursor:pointer}

#nortep {
	display:none;
}

#nortep .tab-content .tab-pane .row div p {
	font-size:1rem;
}

#norestp {
	display:none;
}

#norestp .tab-content .tab-pane .row div p {
	font-size:1rem;
}

#bajiop {
	display:none;
}

#bajiop .tab-content .tab-pane .row div p {
	font-size:1rem;
}

#centerp {
	display:none;
}

#centerp .tab-content .tab-pane .row div p {
	font-size:1rem;
}


/******* tabs *******/
.nav-tabs {
    border-bottom: 1px solid #18a4d9;
    font-family:"suraBold";
    /*font-size:20px!important;*/
    font-size: 15px!important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #18a4d9;
	font-family:"suraBold";
  font-size: 15px!important;
  /*font-size:20px!important;*/
  background-color: #ffffff!important;
	border-bottom: 4px solid #18a4d9;
	border-top:0px;
	border-left:0px;
	border-right:0px;
    /*border-color: #fff #fff #fff;*/
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    /*border-color: #e9ecef #e9ecef #ddd;*/
	 color: #18a4d9;
	 font-family:"suraBold";
   /*font-size:20px!important;*/
   font-size: 15px!important;
	 border-top:0px;
	 border-left:0px;
	 border-right:0px;
	 border-bottom: 4px solid #18a4d9;
}

.nav-tabs .nav-link {
    border-bottom: 0px solid transparent;
    border-bottom-color: transparent;
	/*border-bottom:1px solid #18a4d9;*/
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
	  text-align:center;
	  color:#0b4e73;
}

.tab-content div {
	padding-top:0.2rem;
}

.tab-content div h3 {
	text-align:left;
	font-family:suraLight;
	font-weight:normal!Important;
}

.tab-content div p {
	font-size:1.5rem;
	font-family:"suraLight";
	color:#0b4e73;
}

.tab-height {
	height:500px;
}

.carr-height {
	 height:300px;
  }

.gray-back {
	background:#F6F6F6;
}

.lgray-back {
	background:#c4c4c4!important;
}

/******* acordions *****/

#accordion .card-header {
	background:#18a4d9;
}

#accordion .card-header a {
	color:#ffffff;
	text-decoration:none;
}

#accordion2 .card {
	border:0px!important; 
	background:#c4c4c4!important;
}

.ac2-a {
	color:#323e48!important;
	text-decoration:none!important;
}

.ac2-bloq {
	background:#c4c4c4;
	color:#323e48;
	border:0px!important;
	padding-left:1rem!important;
}

/********** tablas ************/

.uptable th {
	border-top:0px!important;
	border-bottom:1px solid #18a4d9!important;
}

.uptable td {
	border-top:0px!important;
	border-bottom:0px!important;
}
	
.dotright {
	border-right: 1px dashed #CCCCCC;
}

/********* fuentes ************/
.fcapbh {font-size:42px!important;}
.f13 {font-size:1rem!important;}
.f14 {font-size:1.3rem;}
.f15 {font-size:1.5rem;}
.f17 {font-size:2rem;}
.f18 {font-size:18px;}
.f28 {font-size:24px;}
.f24 {font-size:20px;}
.f23 {font-size:18px;}
.redf {color:#6e1933;}
.blackf {color:#323e48!important;}
.lbluef {color:#18a4d9;}
.hbluef {color:#0b4e73;}
.whitef {color:#ffffff!important;}
.lightf {font-family:"suraLight",Helvetica, Verdana;}
.regularf {font-family:"suraRegular",Helvetica, Verdana;}
.boldf {font-family:"suraBold",Helvetica, Verdana;}
.fcarro {font-size:24px;}

/**** espacios y alineamientos *****/

.center{ text-align:center; }
.m20 { margin-top:2rem; }

/****** bullets *******/
.swiper-container-vertical > .swiper-pagination-bullets {
	left:0!important;
	right:0!important;
	margin-left:auto!important;
    margin-right: auto!important;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -o-transform: translate(0,-50%);
    -ms-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    /*margin: 5px 0;*/
    display: inline-block!important;
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    bottom: 18%!important;
}


.swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF!important;
}

.swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    display: inline-block;
    border-radius: 100%;
	border:1px solid #FFFFFF!important;
    background: #fff;
    opacity: .1;
	margin-right:3px!important;
}



/***** bootstrap carrousel ******/

.carousel-indicators li {
	width: 10px!important;
	height: 10px!important;
	background:#ffffff;
	border:1px solid #18a4d9;
	border-radius:100%;	
  display:none;
}

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

.carousel-control-next-icon:after {
  content: '>';
  font-size: 35px;
  color: #18a4d9;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 35px;
  color: #18a4d9;
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0%;
    bottom: 60%;
    display: -ms-flexbox;
    display: flex;
    /-ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    color: #18a4d9!impotant;
    text-align: center;
    opacity: 1;
}

.carousel-control-prev {
    margin-left:-10px; 
}

.carousel-control-next {
    margin-right:-10px;
}

.carrousel-line {
  border-right: 1px solid #18a4d9;
}

/**** sizes ******/

.viewland {
	display:block;
}

.viewport {
	display:none;
}

.boderhblue {
  border-bottom: 2px solid #0b4e73;
}

/********** menu responsive ******************/
@media (min-width: 823px) and (max-width: 988px){
	nav {
		width:100%;
		min-height:80px;
		/*background:rgba(255,255,255,0.9);*/
    background:#ffffff;
		margin:auto;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	nav-inline li a {
		color: #323e48;
		text-decoration:none;
		font-size:0.8rem;
	}
}
/**** animated mouse ***/
.mousewrap {
	position: absolute; 
	margin-top:-90px; 
	margin-left:49%!important; 
	z-index:10;
}
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}
.scroll-btn > * {
	display: inline-block;
	line-height: 18px;
	font-size: 11px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	/*width: 35px;
	height: 55px;*/
	width: 25px;
	height: 45px;
	margin: 0 auto 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}



/****** responsive *******/

@media (min-width: 200px) and (max-width: 823px){
	.viewland {
	 display:none!important;
  }

 .viewport {
	 display:block;
 }
	
	nav {
	
	min-height:40px;

}
  
 .mousewrap {
	position: absolute; 
	margin-top:-50px; 
	margin-left:49%!important; 
	z-index:10;
  background-color:#cecece;
}
	
 .carro-block {
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	padding:2rem;
	background:rgba(52,64,75,0.7);
	margin-top:32%;
	z-index:2;
	text-align:center;
	line-height:1px;
}
  
  .carro-block h1 {
	font-size:26px;
	color: #18a4d9;
	font-family:"suraBold";
	text-transform:uppercase;
}

.carro-block h2 {
	font-size:26px;
	color: #ffffff;
	font-family:"suraBold";
}

 .content .container .row div h2 {
    font-size: 1.5rem;
 }
  
 .f17 {font-size:1.4rem;}
	
 .caption-home {
	 position:relative;
	 width:auto;
	 height:auto;
	 font-size:1.4rem;
	 color:#ffffff;
	 text-transform:uppercase;
	 text-align:center;
	 bottom:20%;
	 margin-left:auto;
	 margin-right:auto;
  }
  
  .tab-height {
	height:auto;
  }
  
  .carr-height {
	 height:250px;
  }
	
	.cont-text div {
	 padding: 0.2rem 10px 0.2rem 10px;
  }
  
  .carousel-control-prev {
    left: 20px;
  }

  .carousel-control-next {
      right: 20px;
  }
	
	.myback1 {
	background:url(../../img/site/inversionistas/fondo.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback2 {
	background:url(../../img/site/acerca_de/fondo05.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback3 {
	background:url(../../img/site/fondo01.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}


.myback4 {
	background:url(../../img/site/fondo03.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback5 {
	background:url(../../img/site/fondo07.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.myback6 {
	background:url(../../img/site/fondo08.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

 .fcarro {font-size:1rem;}
  
  .title-block {
    background:#323e48;
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
    box-sizing:border-box;
  }
  
  .title-block h1 {
    color:#FFFFFF;
    font-size:20px;
    text-transform:uppercase;
    font-family:"suraBold";
  }
  
  .inner-title-block {
    background:#323e48;
    height:auto;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    box-sizing:border-box;
  }

  .inner-title-block h1 {
    color:#FFFFFF;
    font-size:20px;
    font-family:"suraBold";
    text-transform:uppercase;
  }
  
  .nav-tabs {
    border-bottom: 1px solid #18a4d9;
    font-family:"suraBold";
    font-size:12px!important;
  }
  
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #18a4d9;
	font-family:"suraBold";
  font-size:12px!important;
  background-color: #ffffff!important;
	border-bottom: 4px solid #18a4d9;
	border-top:0px;
	border-left:0px;
	border-right:0px;
    /*border-color: #fff #fff #fff;*/
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    /*border-color: #e9ecef #e9ecef #ddd;*/
	 color: #18a4d9;
	 font-family:"suraBold";
   font-size:12px!important;
	 border-top:0px;
	 border-left:0px;
	 border-right:0px;
	 border-bottom: 4px solid #18a4d9;
}

 
}



/********** contruction styles *********/
.wrapper_cons {
	width:100%;
	height:100vh;
	display: flex;
	flex-direction:column;
	align-items: center;
  font-size:13px;
	color:#003863;
	background:url(../../img/site/back.jpg) no-repeat center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.white-box {
	width:50%;
	height:auto;
	overflow:hidden;
	margin:auto;
	text-align:center;
	display: flex;
	flex-direction:column;
	align-items: center;
	background-color:rgba(255,255,255,0.7);
}

.wrapper_cons h1 {
	font-size:3rem;
}

.wrapper_cons p {
	font-size:1.5rem;
}

.wrapper_cons a {
	color:#003863;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
}

.fbold {
	font-weight:bold;
}

@media (min-width: 200px) and (max-width: 600px){
	.white-box {
		width:100%;
		height:auto;
		overflow:hidden;
		margin:auto;
		text-align:center;
		display: flex;
		flex-direction:column;
		align-items: center;
		background-color:rgba(255,255,255,0.7);
	}
}