@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&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%;
}

/* ------------------------------------------------------------
	 Stylos Globales
------------------------------------------------------------ */


body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size:13px; 
	color:#909090;
	text-align:justify;
	line-height:20px;
	background:#212122;
	letter-spacing: 0.04em;
}

a{text-decoration: none; color:#7d9e17}
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%; padding:80px 0;}
.seccion_grey_image{background: url(images/banner/banner_nosotros.jpg); background-size:cover; background-position: center center;}
.seccion_grey{ background:#2a2a2a !important;}
.seccion_white{ background: #FFF !important;}

.seccion_max{padding:100px 0;}
.seccion_talentos{background: url(images/banner/talentos.jpg); background-size:cover; background-position: center center; color:#fff; text-align: center }
.seccion_talentos .title H1{font-size: 55px; margin-bottom: 5px }
.seccion_talentos p{ margin: 0 auto; width: 450px; text-align: center; margin-top:32px;}

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

/* botones */
a.btn{ display:inline-block; background:#a4ba3a; font-family: 'Poppins', sans-serif; line-height:normal; font-size:13px; padding:10px 32px; letter-spacing:0.12em; text-transform:uppercase; color:#FFF; text-align:center; box-sizing:border-box; border-radius:5px; font-weight:400; border:2px solid transparent; font-weight: 600; }
a.btn:hover{background:#000;}

a.btn-line{ background: transparent; border-color:#a4ba3a; color:#a4ba3a}
a.btn-line:hover{ background:#a4ba3a; color:#fff}
a.btn-social{ width: 48px;padding:9px 0px;}

H1, H2, H3, H4{ text-transform:uppercase; font-family: 'Poppins', sans-serif; line-height:normal;}
H4{ font-size: 14px; color: #FFF;}

p{margin-bottom: 30px; text-align: justify; }
ul{ margin-left: 18px; list-style:disc;}
ul li{ margin-bottom: 5px}

/* cabecera home */
#cabecera{width:100%; position:fixed; top: 0; height:auto; z-index: 1; background: rgba(0, 0, 0, 0.5); }

#cabecera .content_cabecera{ padding:25px 0px 20px 0px}

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

/*banner*/
.banner .box_banner { margin: 0 auto; width: auto; font-family: 'Poppins', sans-serif; text-transform: uppercase; color:#fff;  text-align: center; margin-bottom:190px;  }
.banner .box_banner H1{ display: inline-block; font-size:90px; letter-spacing:0.02em; font-weight: 800; line-height:1.15em;}
.banner .box_banner H2{ margin: 0 auto; width:600px; text-align: center; font-size: 20px; margin-bottom: 50px;  font-weight: 600; }
.banner .box_banner H1, .banner_home .box_banner H2{text-shadow: -1px 1px 2px rgba(0, 0, 0, .5)}
.nivo-caption a.btn{ padding:14px 45px; line-height: normal}
.theme-default .nivoSlider{ background: url(images/banner/banner1.jpg) no-repeat; background-size: cover ; max-height: 700px; min-height: 250px}

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

/*estilos de titulos y textos*/
.box_text{ width: 430px; }
.box_text_small{ width: 300px; }
.mr-55{ margin-right: 55px;}

/*title*/
.title{ margin-bottom: 30px }
.title_small{ width: 450px;}
.title_small H3{ margin-bottom:20px;}

.title_small_st2{width: 500px;}
.title_small_st2 H3.w360{ width: 360px;}


.title H2{ font-size: 50px; text-transform: uppercase; color:#fff; letter-spacing:0.05em; font-weight:700; margin-bottom: 10px; line-height:1.2em;}
.title H3{ font-size: 20px; color:#cccaca; }
.title H3 span.green{ color:#a4ba3a}
.title H3, .title H3 span.green{font-weight: 600;}

.title_center{margin-bottom: 40px}
.title_center H2, .title_center H3 { text-align: center;}

.seccion_white .title H2{ color: #000;}

/*items*/
.content_item{ margin-bottom: 50px;}
.content_item, .flex{ display: -webkit-flex; display: flex; flex-direction: row; /*justify-content: space-between;*/ }
.content_item_between{ justify-content: space-between}

/*home*/
/*items: 2 filas*/

.item_2{width:500px; margin-left:2%; background: #fff;}
.item_2:first-child{margin-left: 0px}
.item_2  img{ width: 100%; display: block;}
.item_2 .desc{ padding:20px 0px 12px 40px; box-sizing: border-box; width: 90%; margin-top:20px;}
.item span.p_title, .item span.p_sectitle{ font-family: 'Poppins', sans-serif; display:block;letter-spacing:0.05em; text-transform:uppercase;  font-weight: 600;  }
.item span.p_title{ font-size: 25px; color:#000; margin-bottom:10px; font-weight: 700; }
.item span.p_sectitle{ font-size:14px; color: #a4ba3a; margin-bottom:17px; }

.item_2 .btn{ margin-bottom: 30px;}

.item_2_style2 img{ margin:0 auto; width:auto; margin-bottom: 50px;}
.item_2_style2 .desc{ width: 100%; text-align: center; padding: 60px 60px 40px; }
.item_2_style2 .p_title, .item_2_style2 .p_sectitle{ width: 250px; margin:0 auto;  text-align: center;}
.item_2_style2 .p_title{ line-height:1.2em;}
.item_2_style2 p{ text-align: center;}


/*clientes*/
.content_item_images{ margin: 0 auto; display: -webkit-flex; display: flex; flex-direction: row;  justify-content: space-between; flex-wrap: wrap; border:1px solid #eee; margin-bottom: -2px; }
.content_item_images:last-child{ margin-bottom:0px }
.content_item_images div{ text-align: center; border:1px solid #eee; }
.content_item_images_resp div{ width: 150px;margin-bottom:50px}
.content_item_images img{ width: auto}

.content_item .item{ -webkit-transition: width 0.7s ease-out; transition: width 0.7s ease-out; }

.content_item_images_st2 div{ width: 25%; box-sizing: border-box; border:1px solid #eee;}

/*para imagenes en 3 lineas*/
.item_images{ display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; }

.p_only{ margin: 0 auto; margin-top: 40px; width: 600px; }
.p_only p{text-align: center; margin-bottom: 0px;}

/*items: 3 filas*/
.content_item .item_3{width:315px;}
.content_item .item_3 p{ width: 250px;}
.content_item .item_3 .p_right{ float: right}
.content_item .item_3 H2{ display: block; color: #9bb751; font-weight:600; margin-bottom:18px;}

.content_item .item_3 p.p_justify{ text-align: justify;}

/*items: 4 filas*/
.content_item .item_4{width:230px; margin-left:1%;}
.content_item .item_4:first-child{margin-left: 0px}
.content_item .item_4 i{color:#000; margin:4px 10px 0 0}
.content_item .item_4 p{margin-bottom: 0}
.content_item .item_4 span.p_title{ color:#fff; line-height: 1.15em;}
.content_item .item_4 img{ margin-bottom: 20px;}


/* pie de página */

#footer{ background: #000; margin:0 auto; width:100%; color:#fff; font-size: 15px; font-family: 'Poppins', sans-serif; font-weight: 400;}
#footer .center{ display: -webkit-flex; display: flex;  justify-content: space-between; padding: 80px 0 70px;}
#footer .direccion{ padding-top: 20px; margin-top: 20px; border-top: 2px solid #303030;}
#footer .direccion p.w-600{font-weight: 600;}
#footer p.p_st2{ color: #848484;}

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

#footer p{margin-bottom: 10px}
#footer p i.icon{font-size: 12px; color:#a4ba3a; width: 20px; }
#footer p.p_title{text-transform: uppercase; color:#a4ba3a; display: block; margin-bottom: 12px; font-weight: 600;}
#footer .copy{ display: block; background: #000; color:#fff;  font-style: oblique;  padding: 30px 0; font-style: oblique; }
#footer .copy span{ margin: 0 auto; display: block; text-align: center;}
#footer .copy b{font-weight: bold; text-transform: uppercase; font-size: 13px}


/* páginas internas */

/*banner*/
.banner_nosotros{background: url("images/banner/banner_interno.jpg");}

.banner_small{ height:410px; background-size: cover; background-position: center center}
.banner_small .title{ padding-top:200px; color:#fff}
.banner_small .title H2{ text-align: center; font-size:90px; font-weight: 800;}
.banner_small .title H3{ text-align: center}

/*nosotros*/

.grupo_icon_desc{ -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; margin-top: 65px; }
.grupo_icon_desc .icon_desc{ width: 200px; margin-left: 20px; padding-left:50px; border-left: 2px solid #323233; color:#FFF}
.grupo_icon_desc .icon_desc i{ font-size:35px; color: #9bb751;}
.grupo_icon_desc .icon_desc H1{ font-weight:800; text-transform: capitalize; font-size:35px;}
.grupo_icon_desc .icon_desc H1 b{font-size:50px; }
.grupo_icon_desc .icon_desc H2{ line-height: 25px; color: #cccaca;}


/*contenido de parrafo*/
.content_p{margin-top:40px}

/*cajas*/
.item_box{ width: 100%; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 30px; border-radius: 5px }
.item_box:last-child{ margin-bottom:0 }

.item_box .info_box{ width: 37%; padding: 35px 52px; box-sizing: border-box; background: #000; color: #fff;}
.item_box .info_box p{ margin-bottom: 0px;}
.item_box .max_desc{width: 63%; background: #2a2a2a; padding: 50px 60px;}
.item_box .info_box p, .item_box .max_desc p{ text-align: justify;}

.item_box .desc img{ margin-bottom: 12px}
.item_box .desc span.p_title{ margin-bottom: 24px; color: #FFF}

/*cajas personalizadas*/

.item_box .outsourcing-ti{background: url("images/servicios/outsourcing-ti.jpg");}
.item_box .infraestructura{background: url("images/servicios/infraestructura.jpg"); }
.item_box .planes-continuidad{background: url("images/servicios/planes-continuidad.jpg");}
.item_box .evaluacion{background: url("images/servicios/evaluacion.jpg");}
.item_box .consultoria{background: url("images/servicios/consultoria.jpg");}

.item_box .imagen{background-size: cover; background-position: center center}

/*para iconos con texto*/

.item_icontext{ margin-bottom: 50px;}
.item_icontext .title{margin-bottom: 10px;}
.item_icontext p{margin-bottom: 0px;}
.item_icontext i{ font-size:27px; color: #9bb751; margin-right:15px; margin-top: 6px;}

/* 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:40px;	right:25px;	z-index: 999;}
#mmenu i{ color:#a4ba3a; margin-right:5px}
.mm-menu a{font-family: 'Poppins', sans-serif;}

/* Hamburger span */
a#mmenu_hamburger span{background:#a4ba3a;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 );}