@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syncopate&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300&display=swap');
@charset "utf-8";

/* Create By: Mery DurCam */
/* CSS Document */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
text-align: left;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}

*{
margin: 0;
padding: 0;
}

html {
height:100%;
}

/* ------------------------------------------------------------
	 	Estilos Globales
------------------------------------------------------------ */


body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size:13px; 
	color:#848484;
	text-align:left;
	line-height:20px;
	letter-spacing: 0.02em;
}

a{text-decoration: none; color:#4b93bf}
a:hover {text-decoration:none}
a:focus {outline: none;}
.clear{clear:both;}


/* ------------------------------------------------------------
	    Estilos del Home
------------------------------------------------------------ */


#containerbody{width:100%; height:auto; margin:0 auto;}

.center{ margin:0 auto; width:1020px; text-align: center}
.seccion{margin:0 auto;width:100%; background:#fff; padding:80px 0;}
.seccion_grey{ background:#f9f9f9 !important;}
.seccion_max{padding:100px 0;}

/*seccion contacto*/
.seccion_contacto{background: url(images/contacto/bg_contact.png) #224573 no-repeat; background-position:center; color:#fff; text-align: center; }
.seccion_contacto .title H1{color:#fff;}

.no-padding{ padding:0px !important}
.no-margin{ margin:0px !important}

/* botones */
a.btn{ width: auto; display:inline-block; background:#4b93bf; font-size:14px; padding:11px 26px; color:#FFF; text-align:center; box-sizing:border-box; border-radius:4px; font-weight:700; text-transform: uppercase; letter-spacing:0.05em; border: 1px solid transparent;}
a.btn:hover{background:#2c7099;}

H1, H2, H3{font-family: 'Syncopate', sans-serif;text-transform: uppercase; line-height:normal;}

p, ul.list{margin-bottom:20px;}
ul.list{ list-style: disc; margin-left:17px;}
.line{ width: 90px; height: 3px; background: #4b93bf;}

p.p-home{ font-size: 1.1em; line-height: 1.6em; text-align: justify;}

/* cabecera home */
#cabecera{width:100%; position:fixed; top: 0; height:auto; z-index: 1; background:rgba(0, 0, 0, 0.12);}
#cabecera .content_menu{ padding:38px 0 25px 0;}
.cabecera_scroll{ background:#253a54 !important; transition: all .50s ease-in-out !important}

#cabecera .cont_l{ width:auto; height:auto; float:left;}
#cabecera .cont_r{ width:auto; height:auto; float:right; text-align:right}

/*banner*/
.banner .box_banner { margin: 0 auto; width: 950px; font-family: 'Roboto', sans-serif; color:#fff;  text-align: center; margin-bottom:200px }
.banner .box_banner .num{font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 175px; color:rgba(255, 255, 255, 0.1); text-align: center; line-height: normal;}
.banner .box_banner H1{ display: inline-block; font-size:60px; line-height:1.15em; margin-bottom:80px; text-align: center; margin-top: -100px;}

.theme-default .nivoSlider{  max-height: 700px; }
.nivo-main-image{ background-size:contain !important;}

/*contenedores box */
.box{display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between;}
.box .box-l, .box .box-r{ text-align: center;}

.box_textimage .box-l, .box_textimage .box-r{ width: 50%;}
.box_textimage .box-r { text-align: center;}

/*estilos de titulos y textos*/
.box_text{ width:100%; }
.box_text_m{ width:90%; }

.box_text_medium{ width: 645px; }
.box_text_small{ width: 300px; }

.box_text H2{ font-size: 25px; font-weight: 500; line-height:1.5em; margin-bottom: 20px; color:#403f3f}

/*texto y boton*/
.box_text_btn p{ margin-right: 20px;}


/*title*/
.title{ width: auto;}
.title H1{ font-size:38px;  color:#403f3f; margin-bottom:5px; margin-bottom: 20px; line-height: 1.2em;}
.title .s_title, .title .s_title span{ font-size:18px; color:#a6a6a6; line-height: 1.4em; margin-bottom:20px; text-transform: uppercase; letter-spacing:0.02em;}
.title H1 span, .title H2 span, .title .s_title span{ display:block; margin-bottom: 5px;}
.title H2{ font-size:25px; color: #403f3f; margin-bottom: 15px;}

.title_center{ margin:0 auto; text-align: center; margin-bottom: 40px}
.title_center H1, .title_center H2, .title_center H1 span, .title_center H2 span, .title_center .s_title, .title_center .s_title span{ text-align: center;}
.title_center .line{ margin: 0 auto;}

.title_small{ width: 450px;}
.title_small2{width: 400px;}

/*items*/
.content_item{ margin-top:45px; margin-bottom:20px;}
.content_item .item:last-child{ margin-bottom: 0px; }
.content_item, .flex{ display: -webkit-flex; display: flex; flex-direction: row; /*justify-content: space-between;*/ }
.content_item_between{ justify-content: space-between}


.desc .d_title{line-height:25px; text-transform: uppercase; letter-spacing: 0.1em; color:#403f3f; font-size: 16px; font-weight: 600; margin-bottom: 15px; display: block;}


/*home*/

/*items: 3 filas*/
.item_3{ background:#fff; width:350px; margin-left:3%; padding:75px 40px 60px 40px; box-sizing: border-box; border:1px solid #efefef; }
.item_3:first-child{margin-left:0px;}
.item_3 .desc, .item_3 .desc span, .item_3 .desc p{ text-align: center;}
.item_3 .desc span{ line-height:1.4em;}
.item_3 .desc img{ margin-bottom:30px;}
.item_3 .desc p{ height:85px;}

/*items: 3 filas 2do estilo*/
.item_3_style2{ padding:0px; border:0px; margin-left:5%; padding-top: 20px; margin-top: 15px;}
.item_3_style2 .desc, .item_3_style2 .desc span, .item_3_style2 .desc p{ text-align: left;}
.item_3_style2 .content_dtitle{ position: relative; width: fit-content; padding-right:45px}
.item_3_style2 .desc img{ margin-bottom:15px;}
.item_3_style2 .desc .num{ position: absolute; font-family: 'Lexend Deca', sans-serif; right: 0; bottom: -37px; font-size: 170px; color:rgba(0, 0, 0, 0.05); line-height: normal; }
.item_3 .desc p{height: auto;}

/*variacion*/
.item_3_style2 i{ vertical-align:top; margin: 16px 0 0 10px; color: #4b93bf; font-size: 16px;}

/*imagenes*/
.content_item_images{ margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: row;  justify-content: space-between; flex-wrap: wrap; margin-bottom: -2px;  }
.content_item_images:last-child{ margin-bottom:0px }
.content_item_images div{ width: 254px; height: 140px; background: #fff; line-height:140px; text-align: center; border:2px solid #eee; }
.content_item_images div:first-child{ width: 251px;}
.content_item_images div:last-child{ width: 251px;}
.content_item_images img{ width: auto; vertical-align:middle;}


/* pie de página */

#footer{ margin:0 auto; width:100%; background:#403f3f;  font-weight: 400; color:#d9d9d9; padding-top: 70px}
#footer .center{ display: -webkit-flex; display: flex;  justify-content: space-between; }
#footer .cont_l, #footer .cont_r{margin: 0;}
#footer .menu_top{ margin-top: 10px; color: #a8a8a8;} 
#footer .menu_top a{color: #a8a8a8;} #footer .menu_top a:hover{color: #4b93bf;}
#footer .menu_top div{ color: #a8a8a8; font-size: 13px;}
#footer #menu li a{ font-size: 14px;}

#footer .cont_logo .logo_img{ margin-bottom:5px; }

#footer .content_info{display: -webkit-flex; display: flex; flex-direction: row;  justify-content: space-between; padding: 30px 0 40px;}
#footer .content_info ul li{ margin-bottom: 5px;}
#footer .content_info ul li i{color:#4b93bf; margin-right:4px;}
#footer .content_info ul li.tab{ margin-left:20px;}
#footer .content_info ul li.tab-2{margin-left:19px;}

#footer ul.social li{ display: inline-block; margin-left:20px;}
#footer ul.social li, #footer ul.social li a{color:#b8bcc0;}
#footer ul.social li a:hover{ color: #4b93bf;}

#footer .top_footer{ border-bottom: 2px solid #535353; padding-bottom:15px;}

#footer .copy{ display: block; background: #302e2e; color:#b8bcc0; text-align: center; font-size:13px; padding: 25px 0 20px}
#footer .copy .box{ width: 100%;}





/* páginas internas */

.mb-40{ margin-bottom: 40px;}
.mt-30{ margin-top: 30px;}

/*banner interna*/
.banner_small{ height: 440px; position: relative; }
.banner_small .box_banner{ position: absolute; bottom: 18%; margin-bottom:0px !important; text-align: left;}
.banner_small .box_banner H1{margin-bottom: 0px;}
.banner_small .box_banner .num{ text-align: left; line-height: 90px;}
.banner_small{background-size: cover; background-position: bottom;}

/*banner nosotros*/
.banner_nosotros{background: url("images/banner/banner_nosotros.jpg"); background-size: cover;}

/*items: 2 filas*/

.item_2{width:500px; margin-left:2%; background: #fff; border: 1px solid #efefef; }
.item_2:first-child{margin-left: 0px}
.item_2 .desc{ padding:65px 50px 35px; box-sizing: border-box;}
.item_2 .desc img{ margin-bottom: 30px;}

.item_2 .desc, .item_2 .desc .d_title, .item_2 p{ text-align: center;}

/*items: 2 filas 2do estilo*/
.item_2_style2{ border: none; margin-left:0px; border-left: 1px solid #efefef;}
.item_2_style2:first-child { border-left:none;}
.item_2_style2 .desc{ padding:60px 64px 40px; }

/*variación*/
.item_2_style2_2{ padding-left:70px; margin-left: 70px;}
.item_2_style2_2:first-child{ padding-left:0px; margin-left: 0px;}
.item_2_style2_2 .desc{ padding:0; }
.item_2_style2_2 .desc, .item_2_style2_2 .desc .d_title, .item_2_style2_2 p{ text-align: left;}
.item_2_style2_2 .desc img{ margin-bottom: 20px;}

/*items: 2 filas 3er estilo*/
.item_2_style3{ background: #f9f9f9; border:1px solid #e7e7e7; border-left: 15px solid #cbe0ec; border-radius:5px; width: 484px;}
.item_2_style3 .title{ font-family: 'Syncopate', sans-serif;text-transform: uppercase; font-size: 22px; color: #403f3f; line-height:26px; margin-bottom: 18px;}
.item_2_style3 .desc p{ text-align: left;}
.item_2_style3 .desc {padding:50px 38px 30px;}

.ci_item_2_style3{ margin-top: 25px;}

/*items: 2 filas 4to estilo*/
.item_2_style4{ background:#fbfbfb; border-color: #ebebeb;}
.item_2_style4 img{ width: 100%;}
.item_2_style4 .desc{ padding:45px 70px 50px;}



/*item valores*/
.content_item_valores{ justify-content: space-between;}
.item_valores{ background: url("images/nosotros/circle.png") no-repeat; min-width:112px ; min-height: 112px; background-position: center; }
.item_valores .d_title{ text-align: center; margin-top: 42px; padding-left: 2px;}


/*items 1 fila */
.item_1{ width: 100%; background: #fff; border: 1px solid #efefef; margin-bottom: 20px; display: -webkit-flex; display: flex; flex-direction: row;}

.item_1 .desc{ width: 70%; padding:60px 55px 40px; box-sizing: border-box; }
.item_1 .imagen{ width:30%;  display: inline-block; background-size:cover; background-position: center;}
.item_1 .d_title{ margin-bottom:4px;}
.item_1 .ds_title{ font-family: "Roboto"; font-size: 14px; font-style: italic; color:#4b93bf; text-transform: uppercase; margin-bottom: 20px; display: block; letter-spacing: 0.1em;}

.aida{ background: url("images/nosotros/aida-aguirre.jpg") no-repeat; }
.manuel{ background: url("images/nosotros/manuel-gomez.jpg") no-repeat; }
.hugo{ background: url("images/nosotros/hugo-salazar.jpg") no-repeat; }
.paola{ background: url("images/nosotros/paola-fraguela.jpg") no-repeat; }

/*items 1 fila 2do estilo*/
.item_1_style2 .desc{ padding:50px 55px 50px}
.item_1_style2 .num{ font-size: 100px; font-family: 'Lexend Deca', sans-serif; color:rgba(0, 0, 0, 0.05); line-height:normal; margin-left: -10px;}
.item_1_style2 .d_title{ margin-bottom:18px; width: 250px;}
.item_1_style2 .desc, .item_1_style2 .imagen{ width:50%;}
.item_1_style2 .desc a{ text-decoration: underline;}

.ren_fijo{ background: url("images/inversiones/ren_fijo.jpg") no-repeat; }
.ren_variable{ background: url("images/inversiones/ren_variable.jpg") no-repeat; }

.factoring{ background: url("images/financiamiento/factoring.jpg") no-repeat; }
.warrant{background: url("images/financiamiento/warrant.jpg") no-repeat; }
.res_deuda{background: url("images/financiamiento/res_deuda.jpg") no-repeat; }
.cap_trabajo{background: url("images/financiamiento/cap_trabajo.jpg") no-repeat; }




/* Hamburger */
/*nav:not(.mm-menu) {display: none;}*/
.mm-navbar a{text-align: center;}
a#mmenu_hamburger {display: none; box-sizing: border-box; width: 50px;height: 50px;position: fixed; top:20px;	right:25px;	z-index: 999;}
#mmenu i{ color:#085384; margin-right:5px}
.mm-menu a{ font-weight: 700;}


/* Hamburger span */
a#mmenu_hamburger span{background:#fff; display: block; width: 30px;height: 5px;position: absolute; right:5px;}
a#mmenu_hamburger span:first-child{top: 10px;}
a#mmenu_hamburger span{top: 20px; }
a#mmenu_hamburger span:last-child{top: 30px;}

/* Hamburger animation */
a#mmenu_hamburger span:first-child,
a#mmenu_hamburger span:last-child,
a#mmenu_hamburger span{-webkit-transition: none 0.5s ease 0.5s;transition: none 0.5s ease 0.5s;-webkit-transition-property: transform, top, bottom, left, opacity;	transition-property: transform, top, bottom, left, opacity;}

html.mm-wrapper_opening a#mmenu_hamburger span:first-child,
html.mm-wrapper_opening a#mmenu_hamburger span:last-child{top: 20px;}

html.mm-wrapper_opening a#mmenu_hamburger span:nth-child(2){opacity: 0;}
html.mm-wrapper_opening a#mmenu_hamburger span:first-child{transform: rotate( 45deg );}
html.mm-wrapper_opening a#mmenu_hamburger span:last-child{transform: rotate( -45deg );}

/*popup*/
.box-popup{ width:700px; background:#fff; padding:40px; box-sizing:border-box;  border-radius:10px; text-align:center}
.box-popup img{ width: 100%;}
.box-popup .title{ text-align: center; padding-bottom: 25px; margin-bottom:20px; border-bottom: 1px solid #e7efce;}
.box-popup img.marca{ width: auto; margin: 15px 0;}
.box-popup .box div, .box-popup .box div a.btn{ width: 100%;}
.box-popup .box div{ margin-left:5px;}
.box-popup .box div:first-child{ margin-left:0px;}
.box-popup H1, .box-popup H2, .box-popup H3{text-align: center; font-weight: 600; }
.box-popup H4 { color:#085384; font-size: 16px;}
/*.box-popup .box{ margin-top:50px;}*/
.box-popup .box p{ margin-bottom: 10px;}
.box-popup2{ margin-top: 20px;}
.box-popup-img{ padding:20px;}