/*
Theme Name: NRL CONSULTORES GREEN
Theme URI: http://www.jorgeamillano.com.mx
Author: JorgeAmillano
Author URI: http://www.jorgeamillano.com.mx
Description: Tema creado exclusivamente para NL CONSULTORIA
*/

*{
	margin:0;
	padding: 0;

}

html, body{
	/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;

	overflow-x:hidden;

}

body{
	background:#fff;
}

/******************************/
/********* BOTONES ******************/
/******************************/
.boton{
	padding: 12px 25px;
	background: rgba(0,126,121,0.7);
	border: 1px solid rgba(0,126,121,0.7);
	color:#fff;
	text-decoration: none;

}

.boton:hover{
	background: #007e79;
	text-decoration: none;
	color:#fff;
	border: 1px solid #007e79;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.boton:visited{
	text-decoration: none;
	
}

.boton:focus{
	text-decoration: none;
}

header{
	width: 100%;
	

}


#navi{
	width: 100%;
	height: 60px;
	background: #252525;
	position: fixed;
	z-index: 999;

	-webkit-box-shadow: 0px 2px 27px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 27px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 27px -5px rgba(0,0,0,0.75);
}

#menu-logo{
	position: absolute;
	right: 5px;
	font-size: 2.5rem;
	color:#007e79;
	/*text-shadow: 1px 1px 1px #616161;*/

	display: none;
}

nav ul {
	margin-right: 20px;
	float: right;
}

nav ul li{
	display: inline-block;
	list-style: none;

	padding: 20px 15px;
}

nav ul li a{
	color:#fff;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.9rem;
}

nav ul li a:hover{
	text-decoration: none;
	color:#007e79;
}



nav ul li a:focus{
	text-decoration: none;
	color:#007e79;
}

#logo{
	margin-left: 20px;
	margin-top: 0px;
	width: 80px;
}

.slides-navigation{
	background: none;
}
/****************************************/
/*********** PRINCIPAL ********************/
/*******************************************/
#principal{
	width: 100%;
	height: 100vh;

	/*background: url(images/business.jpg)no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}


#principal  h1{
	font-size: 2.5rem;
	color:#fff;
	font-family: 'Raleway', sans-serif;

	position: absolute;
	text-align: center;
	top: 30%;
	right:0;
	left: 0;

	text-shadow: 1px 1px 1px #000;
}

#principal > ul > li > div img{
width: 250px;
height: 250px;
position: relative;
top: 20px;
left: 50%;
transform: translate(-50%, 0);
text-align: center;
}

.esteh2{
	font-size: 2rem;
	color:#007e79;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 1px 1px 1px #616161;
}


.elh2{
	position: absolute;
	text-align: center;
	top: 38%;
	right:0;
	left: 0;

	color:#007e79;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 1px 1px 1px #616161;
	
}

#boton-conoce{
	position: absolute;
	top:60%;
	left:50%;
	transform:translate(-50%, -60%);
	font-size: 0.8rem;
	color:#fff;
	padding: 12px 25px;
}
.container{
	position: absolute;
	top:30%;
	left: 20%;
	transform:translate(-20%, -30%);
	
}

.container > h2{
	font-family: 'Raleway', sans-serif;
}

.contrast{
	padding-right: 50%;
}
.contrast  p{
	font-size:1.3rem;
	color:#fff;
	background: rgba(238, 238, 238, 0.3);
	text-shadow: 1px 1px 1px #616161;
	padding: 20px;
}

.next > i{
	font-size: 1.3rem;
	color:#fff;
	border: 1px solid #fff;
	border-radius: 150px;
	margin-right: 10px;
}

.prev > i{
	font-size: 1.3rem;
	color:#fff;
	border: 1px solid #fff;
	border-radius: 150px;
	margin-left: 10px;
}

.next > i:hover{
	color:#fff;
	background: #007e79;
	border: 1px solid #007e79;
}
.prev > i:hover{
	color:#fff;
	background: #007e79;
	border: 1px solid #007e79;
}
/***********************************************/
/********** CONSULTORA ******************/
/*********************************************/

#consultora{
	width: 100%;
	height: 100%;
	background: #fcfcfc;
	margin-top:-20px;
	padding-bottom: 80px;
}


#consultora > img{
	
	width:250px;
	height:250px;
	position: relative;
	top:20px;
	left: 50%;
	transform:translate(-50%, 0);
	text-align: center;
}

#consultora > h1{
	font-size: 2rem;
	color:#232323;
	padding-top: 30px;
	text-align: center;
}

#consultora p:first-child{
	margin-top:50px;
}

#consultora p{

	margin:10px 30px;
	font-size: 1.1rem;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
}

.elp{
	margin-bottom: 30px;
}

#consultora  h3{
	text-align: center;
	color:#595959;
}

.losi{
	text-align: center;
}

.losi i{
	font-size: 2.5rem;
	color:#1aa3b2;
	text-shadow: 1px 1px 1px #999999;
}

.p-misiones{
	text-align: center;
}

/*************************************/
/************ CALL TO CONTACT **********/
/*********************************/

#calltocontact{
	width: 100%;
	height: 300px;

	background:url(images/calendar.jpg)no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;


}


#calltocontact > h2{
	
	
	text-align: center;	

	padding-top: 50px;

	font-family: 'Open Sans', sans-serif;
	font-size: 2.1rem;
	color:#1aa3b2;
	text-shadow: 1px 1px 1px #141414;	
	margin: 0;
}

#eldivcall{

	position: relative;

	top:60px;
	left: 50%;
	transform: translate(-50%, 0);
	text-align: center;
	font-size: 0.8rem;
}

/*************************************/
/************* SERVICIOS *************/
/**************************************/

#servicios{
	width: 100%;
	height: 100%;
	padding-bottom: 80px;
	/*/background: #30a59f;*/
	background: #fcfcfc;
	
	
}

#servicios > h1{
	font-size: 2rem;
	color:#232323;
	position: relative;
	margin-top: -30px;
	padding-top:30px;
	text-align: center;

}

#servicios p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1rem;
	margin:20px 40px;
	text-align: center;
}

#servicios h3{
	text-align: center;
	color:#595959;
}



/**********************************/
/********* EQUIPO **********************/
/**********************************/
#equipo{
	width: 100%;
	height: 50%;

	background: url(images/libreta.jpg)no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*esto es nuevo */
	padding-bottom: 90px;
}

#equipo> h1{
	font-size: 2rem;
	color:#232323;
	position: relative;
	margin-top: -30px;
	padding-top:60px;
	padding-bottom: 30px;
	text-align: center;
}

#equipo> h2{
	font-size: 2rem;
	color:#1aa3b2;
	text-shadow: 1px 1px 1px #141414;	
	position: relative;
	margin-top: -30px;
	padding-top:60px;
	padding-bottom: 30px;
	text-align: center;
}

#equipo p{
	text-align: left;
	margin-top: 5px;
	line-height: 16px;
}

#equipo img{
	width: 200px;
	height: 200px;

	
}
/*esto es nuevo*/
#eldivcall2{

	position: relative;

	top:30px;
	left: 50%;
	bottom:80px;
	transform: translate(-50%, 0);
	text-align: center;
	font-size: 0.8rem;
}
/* SLIDER EQUIPO*/
.bx-wrapper .bx-next{
	font-size: 1.3rem;
	color:#fff;
	border: 1px solid #fff;
	border-radius: 150px;
}

.bx-wrapper .bx-next:hover{
	color:#fff;
	background: #007e79;
	border: 1px solid #007e79;
	z-index: 1;
}

.bx-wrapper .bx-prev{
	font-size: 1.3rem;
	color:#000;
	border: 1px solid #fff;
	border-radius: 150px;
}

.bx-wrapper .bx-prev:hover{
	color:#fff;
	background: #007e79;
	border: 1px solid #007e79;
}



/****************/

/**********************************/
/********* CONTACTO **********************/
/**********************************/
#contacto{
	width: 100%;
	height: 100%;
	padding-bottom: 80px;

}

#contacto > h1{
	text-align: center;	
	padding-top: 30px;
	padding-bottom: 0px;

	font-size: 2rem;
	color:#232323;

}

#contacto > h4{
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8rem;
	color:#595959;
}

.contenedor-contact{
	padding-top: 40px;
}

#contacto > form{
	margin-top: 60px;
}

.forma-uno{
	display: inline-block;
	float: right;
	margin-right: 20px;
}

.forma-uno input{
	margin-bottom: 10px;
	width: 230px;
	height: 40px;
	border: 1px solid #c5c5c5;
	border-radius: 5px;
}



.forma-dos{
	display: inline-block;
	float: right;
}

.forma-dos > span > textarea{
	width: 230px;
	height: 180px;
	border: 1px solid #c5c5c5;
	border-radius: 5px;
}

.direccion{
	margin-top: 20px;
	line-height: 90%;
	font-size: 1rem;
	text-align: center;
}

.boton-enviar{
	padding: 10px 94px;
	position: relative;
	top:10px;
}

.elpadding{
	padding-left: 10px;
}

.elpaddingtextarea{
	padding-top: 5px;
	padding-left: 10px;
}

div.wpcf7-response-output{
	position: absolute;
	bottom:-50px;
	left: 250px;
}

/******************************/
/****** FOOTER ********************/
/*****************************/

footer{
	width: 100%;
	height: 30%;
	background: #007e79;
	text-align: center;
}

footer > div{
	padding-bottom: 30px;
}
footer > div > div{
	margin-top: 30px;
}

footer img{
	width: 30%;
	background: #fff;
	border-radius: 20px;
}
footer p{
	font-size: 0.9rem;
	color:#fff;
}

footer h3{
	font-weight: bold;
	color:#fff;
}
.dom-footer{
	line-height: 15px;
	font-size: 1.1rem;
}

footer i{
	font-size: 1.2rem;
	border:1px solid #282828;
	border-radius: 30px;
	background: #282828;
	color:#fff;
}

footer ul li{
	list-style: none;
	display: inline-block;
	padding:10px;
	color:#fff;
}

#firma a{
	color:#ebebeb;
}
#firma hr{
	margin-right: 10%;
	margin-left: 10%;

}


/*********************************/
/************* BLOG *****************/
/*********************************/

#blog{
	width: 100%;
	height: 100%;
	background: #eee;

	padding-bottom: 50px;
}

#blog > h1{
	position: absolute;
	top:70px;
	left: 0;
	right: 0;
	text-align: center;
	
	padding-bottom: 50px;

	font-size: 2rem;
	color:#007e79;
	font-family: 'Open Sans', sans-serif;
	text-shadow: 1px 1px 1px #616161;
}

.blog-contenedor{
	max-width: 1000px;
	padding-top: 170px;
	text-align: center;

	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;

	
}


.blog-contenedor > div > div{
	margin-top: 20px;
}

.blog-contenedor  h2{
	font-size: 1.7rem;
}

.blog-contenedor > div >  div >a{
	color:#595959;
}

.blog-contenedor > div >  div >a:hover{
	color:#007e79;
	text-decoration: none;
	font-weight: bold;
}

.blog-contenedor > div >  div >a > p{
	font-size: 0.8rem;
}

.blog-contenedor > div > div > a > img:hover{
	zoom:99%;
	-webkit-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.75);
}
.blog-contenedor > div  > div > a > p{
	font-size: 1.1rem;
}

#icono-buscar{
	position: absolute;
	top:100px;
	right: 40px;
	position: fixed;
	z-index: 9998;
	font-size: 2.5rem;
	color:#252525;
}

#icono-buscar:hover{
	color:#007e79;
	text-shadow: 1px 1px 1px #616161;
}


#sidebar{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	position: fixed;
	
	top:-110%;


	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

#s{
	position: absolute;
	top:40%;
	left: 50%;
	transform:translate(-50%, -40%);

	width: 450px;
	height: 50px;
	
	background: transparent;
	border: none;
	border-bottom: 1px solid #fcfcfc;

	color:#fff;
	font-size: 1.4rem;

	-webkit-appearance: none;
    -webkit-border-radius: 0;

}

#sidebar > input:focus{
	border:none;
}

.screen-reader-text{
	display:none;
}
#searchsubmit{
	display: none;
}
#cierra-busqueda{
	position: absolute;
	top:20%;
	left: 50%;
	transform:translate(-50%, -20%);
	

	font-size: 2.2rem;
	color:#fff;
}
#cierra-busqueda:hover{
	color:#007e79;
	text-shadow: 1px 1px 1px #616161;
}

#paginacion{
	width: 100%;
	text-align: center;
	padding-top: 50px;
}


#paginacion  a{
	padding: 10px 15px;
	border: 1px solid #b7b7b7;
	font-size: 1.1rem;
	color:#7c7c7c;
}

#paginacion a:hover{
	color:#fff;
	background-color:#007e79;
	border: 1px solid #007e79; 
	text-decoration: none;
}

.current{
	padding: 10px 15px;
	border:1px solid #dfdfdf;
	font-size: 1.1rem;
	background: #dfdfdf;

}


/*
#pag-next{
	float: left;
	margin-left: 10px;
	font-size: 1.3rem;
	border: 1px solid #007e79;
	border-radius: 21px;
	color:#007e79;
}

#pag-next:hover{
	border: 1px solid #007e79;
	background: #007e79;
	color:#fff;
}


#pag-prev{
	float: right;
	margin-right: 10px;
	font-size: 1.3rem;
	border: 1px solid #1c4f76;
	border-radius: 21px;
	color:#1c4f76;
}

#pag-prev:hover{
	border: 1px solid #007e79;
	background: #007e79;
	color:#fff;
}
*/

/***************************************/
/************* SINGLE ****************/
/***************************************/
#single{
	width: 100%;
	height: 100%;

	background: #eee;

	
}

#single > h1{
	position: absolute;
	padding-top: 60px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2rem;
}

.contenedor-single{
	position: relative;
	top:150px;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-bottom: 190px;
}

.autor-fecha > span{
	display: inline-block;
	margin-right: 20px;
}

.contenedor-single > img{
	padding: 30px 0px;
}

.contenedor-single > p{
	margin: 15px 120px;
	text-align: justify;

	font-size: 1rem;
}

.contenedor-single > ol{
	margin-top: 15px;
	margin-left: 155px;
	text-align: justify;

	font-size: 1rem;
}

.contenedor-single > ul{
	margin-top: 15px;
	margin-left: 155px;
	text-align: justify;

	font-size: 1rem;
}

/***********************************/
/************* 404 *******************/
/**************************/

#s404{
	width: 100%;
	height: 80vh;
}


#s404 > h1{
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2rem;
}

#s404 > h2{
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
}

/***********************************/
/************* SEARCH *******************/
/**************************/

#results{
	width: 100%;
	height: 70%;
	background: #eee;

	padding-bottom: 5%
}

.contenedor-results{
	position: relative;
	top:40%;
	right: 0;
	left: 0;
	text-align: center;
	
	padding: 200px 50px;

}

.div-results{

text-align: center;
margin-top: 50px;
margin-bottom: 40px;

}

.div-results > a{
	color:#595959;
}

.div-results > a:hover{
	color:#007e79;
	text-decoration: none;
	font-weight: bold;
}

.div-results img:hover{
	zoom:99%;
	-webkit-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.75);
}

#results > h1{
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2rem;
}

#results > h2{
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
}

#no-results{
	height: 60vh;
}

#no-results > h1{
	position: relative;
	top: 150px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 2rem;
}

#no-results > h2{
	position: relative;
	top: 35%;
	left: 0;
	right: 0;
	text-align: center;
}



/***************************************/
/******** ALINEACION WP *****************/
/*************************************/

img.alignright {float:right;margin: -70px 0 1em 1em;}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px;}
a img.alignright {float:right; margin:-65px 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img#wpstats {
     display: none;
}


/**************************************/
/********** SHARE BUTTONS ***************/
/************************************/
.apss-social-share{
	margin: 40px 120px;
}


/******** ICONO PRELOADER ************/
.object{
	background-color: #007e79;
}

/********* TEAM SHOWCASE *******/
.teamshowcase-image-bg a.teamshowcase-hover-icon .fa{
	color:#007e79;
}
a.wp-tsas-close{
	background-color: #007e79;
}

.wp_teamshowcase_slider.design-1 .member-content{
	background-color:#fff;
}

.contact-content{
	background-color:#fff;
}

.wp_teamshowcase_slider.design-1 .member-content .member-desc::before{
	background-color:#007e79;
}

.wp_teamshowcase_slider .slick-dots li button{
	background-color: #007e79 !important;	
	border: solid 1px #fff;
}

.wp_teamshowcase_slider .slick-dots li.slick-active button{
	background-color: #fff !important;
}

.member-desc{
	padding: 0px 30px;
	text-align: center;
}