/*Estilo para el encabezado de la pagina*/
.q_logo > a > img.normal {
	height: 170% !important;
}

.container_inner.clearfix {
	margin: 0;
	width: 100%;
}

.header_bottom.clearfix {
	padding: 0 45px 0 0;
}

/*definimos el alto del logo en base a la pantalla*/
@media (max-width: 1110px){
	.q_logo > a > img.normal {
		height: 100% !important;
		margin-left: 25% !important;
	}
}

/*oculatar iconoes fixed por la altura de la pantalla*/

@media (max-height: 579px){
	.redes_i, .redes_f, .redes_y {
		display: none !important;
	}
}

.mobile_menu_button, .mobile_menu {
	margin-left: 5%;
}
/*teminar estilo de encabezado*/

.locationIcon:before {
    content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/shape-611-copia.png);
}

.phoneIcon:before {
    content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/shape-612-copia.png);
}

.email:before {
    content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/shape-613-copia.png);
}

.email_header:before {
    content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/forma-11.png);
}

.instagram:before {
    content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/instagram.png);
}
.facebooklo:before {
    content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/logo_facefoot.png);
}

.maletin:before {
	content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/forma-10.png);
}

.espanol:before {
	content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/04/capa-11.png);
}

.facebookshare:before {
	content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/05/vector-smart-object.png);
}

.gmail:before {
	height: 35px;
	content: url(http://www.madretierra.com.gt/wp-content/uploads/2018/05/vector-smart-object.png);
}

.contactText {
  display: flex;
	color: white;
	margin-top: 5px;
}

.contactText > div{
	margin-right: 10px;
	margin-top: 5px;
}

/*Ancho del footer*/
.footer_top_holder {
	background: #2f2912;
}

/*Tamaño de imagen de footer*/
.footerLogo > img {
height: auto;	
}


.footer_top_holder >  .container > .container_inner{
	padding: 0 20px 0 45px;
	width: 100%
}


.clearfix{
	padding-top: 0 !important;
}

/*Desplazamiento de baners en home*/
.tp-leftarrow {
	transform: none !important;
	top: unset !important;
	left: unset !important;
	position: absolute;
	right: 90px;
	bottom: 12vh;
	border: 3px solid rgb(255, 255, 255);
	background: transparent;
}

.tp-rightarrow {
	transform: none !important;
	top: unset !important;
	left: unset !important;
	position: absolute;
	right: 40px;
	bottom: 12vh;
	border: 3px solid rgb(255, 255, 255);
	background: transparent;
}

/* termina desplazamiento*/
/* oculta vista previa*/
.tp-thumb-mask {
	    display: none;
}
/*Tamaño de logos de redes*/
.footerredes > .logof {
	height: 50px;
}
.footerredes > .logoin {
	height: 50px;
}
/*Dimensiones de las columnas de footer*/
.four_columns {
	width: 135% !important;
}
/* Disminuimos el ancho de la columna del logo en footer*/
.column1 {
	width: 220px !important;
}

.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email], .wpcf7-textarea{
	background-color: #2a2a2a9c !important;
	color: white !important;
	border-color: white !important;
}

::placeholder{
	color: white;
}

.fotterend{
  font-family: OpenSans;
  font-size: 14px;
  color: white;
	font-weight: normal !important;
}

.fotterend .SMT_Logo {
  font-size: 20px;	
  color: white;
	font-weight: bold !important;
}

.wpb_raw_code.wpb_content_element.wpb_raw_html {
    display: flex;
    justify-content: center;
}

nav.main_menu>ul>li.active>a {
    color: #87b741 !important;
}

/*Estilo para las etiqueta a*/
a:hover {
	color: #87b741 !important;
}
.second {
    border-top: 5px solid #87b741 !important;
    
}
header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a, nav.main_menu>ul>li.active>a {
    color: #87b741;
}
/*Termina segmento de estilo*/

.owl-prev:hover, .owl-next:hover {
	background-color: transparent !important;
    border: 2px solid white !important;
}

/*fuente de footer*/
.row.fotterend{
	object-fit: contain;
  mix-blend-mode: undefined;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}
/*Estilo para toda la informacion de footer*/
.contactText{
	object-fit: contain;
  mix-blend-mode: undefined;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

/*Titulos de footer*/
#custom_html-8 > h4, #custom_html-9 > h4,
#custom_html-10 > h4{
	object-fit: contain;
  mix-blend-mode: undefined;
  font-family: Roboto Slab;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
	text-transform: unset;
}

/*Se elimina la opción de link sobre las imagenes del 3er. segmento*/
.owl-item {
	pointer-events: none;
  cursor: default;
  text-decoration:none;
  color:black;
}

.clase-salud {
    margin-left: 150px !important;
    margin-right: 150px !important;
}


.img-hover:hover {
	filter: grayscale(80%) !important;
}

/*centrar imagen sin hover*/
.active_image {
	margin: auto !important;
}

/*centrar imagen hover*/
.hover_image   {
	left: 50% !important;
    transform: translateX(-50%) !important;
}
 /*ocultar datos de creación del blog*/
.post_info{
	display: none !important;
}

/*Estilo del titulo de Blog*/
.post_content > h2 {
	object-fit: contain; 
	mix-blend-mode: undefined;    font-family: Roboto Slab !important; 
	font-size: 30px; 
	font-weight: bold; 
	font-style: normal; 
	font-stretch: normal; 
	line-height: normal; 
	letter-spacing: normal; 
	text-align: justify; 
	color: #87b741;
}

/*oculatmos la seccion de comentarios*/
.comment_holder.clearfix, .comment_pager, .comment-respond {
	display: none;
}

div.redes_i {
	  height: 10%;
	  background: black;
    position: fixed;
    bottom: 50%;
    right: 0;
	padding: 13px 10px 0px 10px;
}

div.redes_f {
	    height: 10%;
	background: black;
    position: fixed;
    bottom: 38%;
    right: 0;
	padding: 13px 10px 0px 10px;
}
div.redes_y {
	    height: 10%;
	background: black;
    position: fixed;
    bottom: 26%;
    right: 0;
	padding: 13px 10px 0px 10px;
}
 
/*Estilos para el panel superior verde*/
.email_header, .maletin, .espanol {
  margin-top: 0 !important;
}

#header {
				margin-top: 0px !important;
				font-family:Open Sans 				!important;
			}
			
			#header ul, ol {
				list-style:none;
			}
			
			#header .nav > li {
				float:left;
			}
			
			#header .nav li a {
				color:#fff;
				text-decoration:none;
				display:block;
			}
			
			#header .nav li a:hover {
				background-color:#fff;
			}
			
			#header .nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			#header .nav li:hover > ul {
				display:block;
				background: #87b741;
			}
			
			#header .nav li ul li {
				position:relative;
			}
			
			#header .nav li ul li ul {
				right:-140px;
				top:0px;
			}

.container_inner.clearfix > .left {
	margin-left: 5%;
}

@media only screen and (max-width: 1000px){
	.header_top .left {
		float: left !important;
	}
}
/*terminan estilos del panel verde*/

/*Estilo del banner, solo en home*/
@media ( min-width: 777px){
#rev_slider_1_1_wrapper, #rev_slider_1_1 {
	height: 720px !important;
}
}

/*tamaño de la letra de los titulos */

@media (max-width: 411px)	{
.title_subtitle_holder_inner > h1 > span{
font-size: 25.5px !important;
}
}

/*Se extiende el ancho de la opcion de Responsabilidad social*/
#nav-menu-item-19 > .second > .inner, #nav-menu-item-19 > .second > .inner > ul, #nav-menu-item-19 > .second > .inner > ul > li  {
	width: 250px !important;
}

/*color de hover en pantallas movil*/
.mobile_menu_button span:hover, .side_menu_button>a:hover, .mobile_menu > span:hover, nav.mobile_menu ul li a:hover, nav.mobile_menu ul li.active>a {
	color: #87b741 !important;
}
	
/*Estilos para la vista de la descripcion de los puesto*/
.titulo-puesto {
	width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: undefined;
  font-family: OpenSans;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: justify;
  color: #4a483e;
	display: flex;
    justify-content: flex-start;
}
.titulo-segmento-2 {
	width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: undefined;
  font-family: OpenSans;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 3;
  letter-spacing: normal;
  text-align: justify;
  color: #4a483e;
	display: flex;
    justify-content: flex-start;
}
.concepto-puesto {
	width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: undefined;
  font-family: OpenSans;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: justify;
  color: #4d4d4d;
	
}
.puesto {
	background: white;
}
.post-puestos-padd {
	padding: 0px 30px 0px 30px;
}

.nombre-puesto{
width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: undefined;
  font-family: Roboto Slab;
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: justify;
  color: #87b741;
	text-transform: capitalize !important;
}


.detalle-puesto {
	width: auto;
  height: auto;
  object-fit: contain;
  mix-blend-mode: undefined;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: justify;
  color: #4d4d4d;
}
#trabaja-mt:hover, #email-mt:hover {
	color: white !important;
	font-weight: bold;
}
/*Estilo de la imagen de la certificación*/
.blog_holder article .post_image img, .blog_holder article .post_image>a {
	max-width: 50% !important;
	margin-left: 25% !important;
	margin-top: 5%;
}

/*mensaje de error de envio de correo*/
span.wpcf7-not-valid-tip {
    color: #c80404;
    font-weight: bold !important;
    font-size: 19px;
}


@media (max-width: 1130px){
	.header_bottom.clearfix {
    padding: 0 0px 0 0;
}
	
}