/*  
Theme Name: Resicla Theme
Author: Andrés J. Villar – Merit Designs
Author URI: https://meritdesigns.com
Description: Theme responsive 
Version: 1.0
*/

@font-face {
	font-family: 'Bebas';
	src: url('fonts/Bebas.eot');
	src: url('fonts/Bebas.eot#iefix') format('embedded-opentype'),
		url('fonts/Bebas.woff') format('woff'),
		url('fonts/Bebas.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/BebasNeue.eot');
    src: url('fonts/BebasNeue.eot#iefix') format('embedded-opentype'),
        url('fonts/BebasNeue.woff') format('woff'),
        url('fonts/BebasNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #888; line-height: 1.5em; }

.container-fluid { width: 1120px; max-width: 100%; margin: 0 auto; } 

.clear { clear: both; }

.text-right { text-align: right; }

.text-left { text-align: left; }

.text-justify { text-align: justify; }

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

.black { color: #000; }

.white { color: #fff; }

.light-green { color: #82C23C; }

.dark-green { color: #209348; }

.yellow { color: #FFFF00; }

.bg-black { background: #000; }

.bg-white { background: #fff; }

.bg-light-green { background: #82C23C; }

.bg-dark-green { background: #209348; }

.bg-yellow { background: #FFFF00; }

.bg-grey { background: #f8f8f8; }



a, a:hover { text-decoration: none; }

img { max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: 'Bebas Neue' ,sans-serif; margin-top: 0; letter-spacing: 1px;}

.contenidos h4 { color: #209348; font-size: 1.3em; padding-top: 10px; padding-bottom: 0;  }
.contenidos ul { list-style-type: none; margin: 0; padding: 0; }


/** TOP **/

.top { padding-top: 6px; padding-bottom: 6px; color: #fff; font-size: 14px;  }

.top .contacts img { margin-right: 8px; vertical-align: middle; height: 20px; }

.top .contacts p { line-height: 20px; margin: 0; padding: 0;}

.top .contacts span { margin-right: 20px; }

.top .contacts span.email, .top .contacts span.phone { white-space: nowrap; }

.top .social img { margin-left: 6px; }



@media (max-width: 998px) {

    .logo { width: 240px; float; left; }

    .logo img { width: 240px; }

    .top .contacts span.location { display: none; }

}



/** MENU **/

header { padding-top: 10px; padding-bottom: 10px; }

.navbar.navbar-default { height: auto; min-height: auto; padding: 46px 0 12px 0; margin: 0; background: transparent; border: none; border-radius: none; }

.navbar-default .navbar-nav > li { padding-left: 16px; padding-right: 16px;  }

.navbar-default .navbar-nav > li#menu-item-44 { padding-right: 0; }

.navbar-default .navbar-nav > li > a { 
    font-weight: 300; 
    color: #000; 
    text-transform: uppercase; 
    font-size: 20px; 
    letter-spacing: 1px; 
    font-family: 'Bebas Neue', sans-serif; 
    padding-top: 0; 
    padding-bottom: 8px; 
    white-space: nowrap;
    padding-left: 0; 
    padding-right: 0; 
}

.navbar-nav .dropdown-menu > li > a {
    white-space: normal;
    color: #000;
    text-transform: uppercase;
    font-weight: 300; 
    font-size: 17px; 
    letter-spacing: 1px; 
    font-family: 'Bebas Neue', sans-serif; 
}
.navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 5px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover { background-color: #fff;  color: #E41A2E; background-image: url(images/active.png); background-repeat: no-repeat; background-position: bottom center; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent !important;
    color: #000;
}


@media (max-width: 767px) {

   .navbar.navbar-default { padding: 0; } 

   .content-menu { margin-top: -40px; }

   .navbar-toggle { margin-bottom: 20px; padding: 0 !important; border: none !important; margin-right: 0 !important; background: #fff !important; }

   .navbar-toggle .icon-bar { border-top: 3px solid #209348; }

   .navbar-default .navbar-nav > li { padding-top: 6px; padding-bottom: 6px;  }

   .navbar-default .navbar-nav > li > a { display: inline-block; width: auto; padding: 0 4px 5px; }

}



/** CAROUSEL **/

.bs-slider{ overflow: hidden; max-height: 700px; position: relative; background: #000000; }

.bs-slider:hover {  cursor: -moz-grab; cursor: -webkit-grab; }

.bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; }

.bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; /** background-color: rgba(0, 0, 0, 0.40); **/ }

.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { margin: auto;  width: 100% !important; }



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

Slide effect

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

.fade { opacity: 1; }

.fade .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important;    -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }

.fade .item:first-child { top: auto; position: relative; }

.fade .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s;     -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; }





/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control { top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px; }

.control-round:hover .carousel-control{ opacity: 1; }

.control-round .carousel-control.left { left: 1%; }

.control-round .carousel-control.right { right: 1%; }

.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{  color: #fdfdfd; background: none;  border: 0px transparent; }

.control-round .carousel-control.left>span:nth-child(1){ left: 45%; }

.control-round .carousel-control.right>span:nth-child(1){ right: 45%; }



/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{ right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto;     text-align: right; overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap; }

.indicators-line > .carousel-indicators li{ padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0;     overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer; }

.indicators-line > .carousel-indicators li:last-child{ margin-right: 0; }

.indicators-line > .carousel-indicators .active{ margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;  -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }

.indicators-line > .carousel-indicators .active:before{ transform: scale(0.5); background-color: #fff; content:"";  position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; }



/*---------- SLIDE CAPTION ----------*/

.carousel-bottom { width: 100%; height: 60px; background: url(images/slide-bottom.png) no-repeat center top; text-align: center;}

.slide_style_left { text-align: left !important; }

.slide_style_right { text-align: right !important; }

.slide_style_center { text-align: center !important; }

.slide-text { left: 0; top: 20%; right: 0; margin: auto; padding: 10px; position: absolute; text-align: left; padding: 10px 85px; }

.slide-text h1 { padding: 0; color: #ffffff; font-size: 60px; font-style: normal; line-height: 60px; margin-bottom: 30px; letter-spacing: 1px; display: inline-block; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.slide-text h1 strong { font-weight: normal; color: #ffff00; display: block; clear: both; }

.slide-text a { font-family: 'Bebas Neue', sans-serif; color: #ffffff; cursor: pointer; font-weight: 400; font-size: 22px; text-align: center; padding: 12px 20px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; -webkit-animation-delay: 1s; animation-delay: 1s; background: url(images/read-more2.png) no-repeat center top, url(images/read-more2.png) no-repeat center bottom; }





@media (max-width: 991px) {

    .slide-text h1 { font-size: 40px; line-height: 50px; margin-bottom: 20px; }

}



@media  (max-width: 768px) {

    .slide-text { padding: 10px 50px; }

    .slide-text h1 { font-size: 30px; line-height: 32px; margin-bottom: 10px; }

    .control-round .carousel-control{  display: none; }

    .slide-text a { font-size: 20px; padding: 4px 20px; }



}



@media  (max-width: 480px) {

    .slide-text { top: 10%; padding: 10px 20px; }

    .slide-text h1 { font-size: 24px; line-height: 26px; margin-bottom: 5px; }

	.slide-text a { font-size: 18px; padding: 0 10px; background: none; }

    .indicators-line > .carousel-indicators{ display: none; }

}



/** CONTENTS **/

h3.title { display: inline-block; font-size: 44px; background: url(images/title-bg.png) no-repeat bottom center; padding-bottom: 14px; margin-bottom: 30px; }

h3.title.black { background: url(images/title-bg-black.png) no-repeat bottom center; }

h3.title.white { background: url(images/title-bg-white.png) no-repeat bottom center; }



.parallax { margin-top: 40px; background: url(images/parallax.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 50px 0; color: #fff; border-bottom: 6px solid #85c63e; margin-bottom: 40px; }

.parallax p { padding-left: 12%; padding-right: 12%; font-weight: 600; }

a.readmore { margin-top: 20px; font-family: 'Bebas Neue', sans-serif; color: #ffffff; cursor: pointer; font-weight: 400; font-size: 22px; text-align: center; padding: 8px 20px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; background: url(images/read-more2.png) no-repeat center top, url(images/read-more2.png) no-repeat center bottom; background-size: 114px;}



.featured img { margin-bottom: 20px; margin-bottom: 30px; transition: all .2s ease; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);  }

.featured img:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);   } 

.featured .col-sm-4 { padding-left: 24px; padding-right: 24px; margin-bottom: 20px; }

h4.title { color: #000; font-size: 22px; font-family: 'Open Sans', sans-serif; font-weight: bold; letter-spacing: 0; font-size: 18px; }

h4.title a { color: #000; transition: all .2s ease; } 

h4.title a:hover, h4.title a:focus { color: #82C23C; }

a.readmore-green{ transition: all .2s ease; margin-top: 10px; margin-bottom: 12px; font-family: 'Bebas Neue', sans-serif; color: #82C23C; cursor: pointer; font-weight: 400; font-size: 20px; text-align: center; padding: 6px 24px; white-space: nowrap; letter-spacing: 1px; display: inline-block; text-decoration: none; text-transform: uppercase; border: none; background: url(images/read-more.png) no-repeat center top, url(images/read-more.png) no-repeat center bottom; }

a.readmore-green:hover, a.readmore-green:focus { color: #444; }



/** PAGINAS **/

.img-cabecera { margin-bottom: 40px; background: url(images/header.jpg) no-repeat center bottom; width: 100%; min-height: 160px; background-size: 100%; }

.paddings-laterales { padding-left: 12%; padding-right: 12%; }

.nosotros .imagen-izq { float: left; margin-right: 30px; max-width: 30%; margin-bottom: 0; padding-bottom: 0; }

.nosotros .imagen-izq .attachment-post-thumbnail.size-post-thumbnail.wp-post-image { margin-bottom: 0; padding-bottom: 0; }

.nosotros .contents { padding: 40px 0 20px 0; }

.nosotros .contents ul { padding-left: 20px; list-style-type: none; display: inline-block; }

.nosotros .contents ul li { padding-bottom: 10px; background: url(images/check.png) no-repeat left 5px; padding-left: 20px; }



.descargas { padding-top: 40px; padding-bottom: 40px; }

.descargas img.tipo { float: left; margin-right: 8px; width: 18px; }

.descargas img.download { float: right; width: 32px; padding-right: 2px; }

.descargas p { border-bottom: 1px solid #ccc; padding-top: 4px; padding-bottom: 4px; }

.descargas a, .descargas a:hover, .descargas a:focus { color: #000; font-weight: 600; font-size: 15px; }



.noticia img { height: auto; width: 100%; margin-bottom: 10px; }



.news { padding: 40px 0; }

.news img { margin-bottom: 10px; width: 100%; height: auto; }

.news h4.title { text-transform: none; margin-bottom: 0; padding-bottom: 0;  }

span.date, p.date { font-size: 0.9em; }

.paginacion { margin-bottom: 40px; }

span.pages { font-weight: 600; font-size: 14px; color: #000; margin-right: 10px; }



.servicios { padding-top: 40px; padding-bottom: 40px; }

.servicios .col-sm-6 { margin-bottom: 20px;  }

.servicios .col-sm-6 .col-xs-3 { text-align: right; }

.servicios .col-sm-6 .col-xs-3 img { width: auto; height: auto; }



.img-cabecera.contacto { margin: 0; padding: 0; background: url(images/header-contacto.jpg) no-repeat center bottom; width: 100%; min-height: 160px; background-size: 100%; }

.page-contacto { background: url(images/contact-bg.jpg) no-repeat center center; background-size: cover; padding-top: 4px; padding-bottom: 60px; }

.page-contacto .col-sm-6 { padding: 40px 20px;  }

.page-contacto strong { color: #000; }

.page-contacto .bg-dark-green { color: #fff; }

.page-contacto input, .page-contacto textarea { width: 100%; border: 1px solid #82C23C; border-radius: 2px; padding: 7px 14px; margin-bottom: 14px; color: #666; }

.page-contacto input[type="submit"] { font-family: 'Bebas Neue', sans-serif; font-size: 19px; letter-spacing: 1px; color: #209348; }



@media (max-width: 991px) {

    h3.title { font-size: 28px; }

}



@media (max-width: 767px) {

    .parallax p { padding-left: 6%; padding-right: 6%; }

    a.readmore { font-size: 18px; }

    .news .col-xs-6 { margin-bottom: 20px; }

}



@media (max-width: 498px) {

    h3.title { font-size: 24px; }

    h4.title { font-size: 17px; }

    a.readmore { font-size: 18px; background: none;}

    a.readmore-green { font-size: 18px; }

    .news .col-xs-6 { width: 100%; }

    .servicios .col-sm-6 .col-xs-3 { text-align: left; padding-right: 0;}

}



/** FOOTER **/

footer { border-bottom: 8px solid #85c63e; color: #fff; padding: 40px 0 20px 0; background: url(images/maps.png) no-repeat center center; background-size: cover; }

footer .col-sm-4 { margin-bottom: 20px; }

footer .col-sm-4 img { margin-bottom: 5px; }

footer .col-sm-4 p { font-weight: 600; font-style: italic; font-size: 15px; }

footer p.text-footer { font-weight: 600; margin-top: 10px; margin-bottom: 10px; }

footer p.social { margin: 10px 0; }

footer p.social a { margin: 0 4px; }

footer .copyright { font-size: 14px; font-weight: normal; border-top: 1px solid #55c47d; padding-top: 20px;  }

footer .copyright a, footer .copyright a:hover, .copyright a:focus { color: #fff; }





@media (max-width: 1080px) {

    .img-cabecera { background-size: cover; }

    .img-cabecera.contacto { background-size: cover; }

    .nosotros .imagen-izq { padding-top: 40px; margin-bottom: 30px; }



}



@media (max-width: 767px) {

    .paddings-laterales { padding-left: 6%; padding-right: 6%; }

    .nosotros .imagen-izq { display: none; }

    .nosotros .contents ul { padding-left: 0; margin-left: 0; }

}



@media (max-width: 498px) {

    .descargas img.tipo { display: none; }

    .descargas p { text-align: center; }

    .descargas a, .descargas a:hover, .descargas a:focus { font-size: 14px; }

    .descargas img.download { float: none; width: 30px; padding-right: 0; }

}

header { position: relative; width: 100%; transition: all .3 ease; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;   -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

header.smaller { data-animation: slideInDown; position: fixed; top: 0; left: 0; background: #fff; z-index: 999999; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);} 
header.smaller .logo img { width: 190px; }
header.smaller .navbar.navbar-default { padding: 32px 0 12px 0; }

@media (max-width: 998px) {
    header.smaller .logo { width: 190px; }
    header.smaller .logo img { width: 190px; }
	header.smaller .navbar.navbar-default { padding: 0 0 0 0; }
}

.empresas { padding-bottom: 30px; text-align: center; }
.empresas h4 { margin-top: 36px; color: #222; /** color: #209348; **/ margin-bottom: 30px; font-size: 1.5em; }
.empresas img { height: 50px; width: auto; margin: 5px 8px;}

.equipo h4 { font-size: 1.4em; }

@media(max-width: 767px) {
	.bg-grey.equipo img { margin-bottom: 20px; }
}

form.form-calculadora { width: 450px; max-width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; background: #f8f8f8; padding: 20px; border-radius: 8px; font-size: 15px; }

@media(max-width: 767px) {
	form.form-calculadora { margin-top: 30px; }
}
form.form-calculadora th { color: #111; }
form.form-calculadora td, form.form-calculadora th { padding: 5px 12px; }
form.form-calculadora .material { text-align: right; }
form.form-calculadora .col-sm-6 { margin-bottom: 12px; }
form.form-calculadora input { padding: 6px 12px; max-width: 100% !important; }
form.form-calculadora a.btn_calcular { padding: 8px 30px; color: #fff; display: inline-block; background: #209348 none repeat scroll 0 0; border-radius: 4px; font-family: "Bebas Neue",sans-serif; font-size: 20px; line-height: 20px; }
form.form-calculadora a.btn_calcular:hover, form.form-calculadora a.btn_calcular:focus  { color: #fff; text-decoration: none; }

a.boton_calculadora { padding: 12px 30px; color: #fff; display: inline-block; background: #209348 none repeat scroll 0 0; border-radius: 4px; font-family: "Bebas Neue",sans-serif; line-height: 24px; margin-top: 40px; margin-bottom: 30px; font-size: 24px;}
a.boton_calculadora:hover, a.boton_calculadora:focus  { color: #fff; text-decoration: none; }

.resultados { font-size: 15px;}
.resultados span { display: none; }
.resultados strong { font-weight: 600; color: #111; }
.resultados input { padding: 5px 12px; text-align: right; max-width: 100%; }
.cols5 { width: 20%; float: left; display: inline-block; padding: 10px 15px; }
.totales { font-weight: 600; color: #111;}

@media (max-width: 767px) {
	.cols5 { width: 100%; }
	.cols5.th { display: none; }
	.resultados span { display: block; clear: both; width: 100%; text-align: left; padding-bottom: 8px;}
}

@media (max-width: 498px) {
	form.form-calculadora input { width: 80px; }
}