/* ----------------------------------------------------
	Nombre Archivo: custom.css
	Cliente: Ecosistemas Urbanos
	Desarrollado por: Códigos Estudio | Diseño y Comunicación - Río Cuarto
	http://codigosestudio.com.ar
------------------------------------------------------- */  

.page-title {
	background: url('../images/bg-titulos.jpg') center top no-repeat !important;
}

.videobg h1 {
	line-height: 47px;
}

.videobg span {
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 41px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #89F553;
}

.callout-section {
	padding-bottom: 26px;
}

.frase-callout {
	padding-top: 32px;
}

.beneficios ul li {
	line-height: 20px;
	list-style-type: circle;
}

.seguinos li i {
	font-size: 28px;
    color: #B9B9B9;
}

.appoform textarea {
	margin-top: 0px;
}

.workinghours {
	padding: 18px 15px 19px;
}

.workinghours ul {
	padding: 0px 0px;
}

.team-member img {
	width: auto;
    margin: 0 auto;
}

.garantia {
	padding-top: 40px;
	padding-bottom: 0px;
}

.icono-garantia {
	margin-bottom: 15px;
}

.frase-callout {
    padding-top: 69px;
}

.callout-section h3 {
    color: #868686;
    font-size: 20px;
    font-weight: 500;
    line-height: 33px;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 4px;
    text-transform: inherit;
}

.callout-section h3 span {
	font-weight: 700;
    color: #3C3C3C;
    font-size: 30px;
    text-transform: uppercase;
}

.hidropro {
	float: right;
}

.contact-details h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.eco-beneficios-section {
	background: url('../images/bg-ecobeneficios.jpg') center top no-repeat !important;
}

.eco-beneficios-section .container {
	padding: 15px 30px 25px 30px;
}

.eco-beneficios-section h2 {
	margin-bottom: 30px;
}

.eco-beneficios-section h2 span {
	background-color: rgb(255, 255, 255);
    padding: 7px 15px;
}

.magnifier .buttons a {
	background-color: rgb(34, 34, 34);
    border-color: rgb(34, 34, 34) !important;
}

.a-logo-footer {
	display: block;
}


.logo-footer {
	margin: 0 auto;
    display: block;
}

.copy {
	margin-top: 25px !important;
}

.gris {
	filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gris:hover { 
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.copyright {
    padding: 35px 0px 35px 0px;
    margin-top: 50px;
    background-color: rgba(8, 8, 8, 0.1);
    border: none;
}

.footer {
    padding: 80px 0px 0px 0px;
    background: url('../images/bg-footer.jpg') center top no-repeat;
}

.codigos p a img {
  	margin: 0 auto;
  	-webkit-filter: grayscale(1);
  	opacity: 0.4;
	  filter: alpha(opacity=40); /* For IE8 and earlier */

  	-webkit-transition: all 1s ease-in-out;
  	-moz-transition: all 1s ease-in-out;
  	-o-transition: all 1s ease-in-out;
  	transition: all 1s ease-in-out;
}

.codigos p a img:hover {
  	-webkit-filter: grayscale(0);
  	opacity: 1.0;
  	filter: alpha(opacity=100); /* For IE8 and earlier */

  	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.naranja {
	color: #6AB42F;
    font-size: 27px;
    font-weight: 600;
}

#resultado p {
	font-size: 16px;
}


/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

	.navbar-default .nav > li > a {
		padding: 10px 10px !important;
	}

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	.navbar-cell ul {
		padding-top: 25px;
	}

	.section-ecomarketing {
		background-image: none !important;
		background-color: rgb(74, 157, 50);
	}

	.videobg h1 {
		text-align: center;
		font-size: 23px;
	}

	.videobg h1 span {
		font-size: 32px;
	}

	.videobg p {
		text-align: center;
	}

	.videobg a {
		margin: 0 auto;
    	display: table;
	}

	.general-title {
    	margin-bottom: 0px;
	}

	.general-title h4 {
		font-size: 20px;
	}

	.contact-details h1 {
		font-size: 21px;
	}

	.section-telefono {
		background-image: none !important;
    	background-color: #6F6F6F;
	}

	.frase-callout {
    	padding-top: 0px;
	}

	.callout-section h3 {
		text-align: center;
	}

	.footer {
    	padding: 40px 0px 0px 0px;
    	background-image: none !important;
    	background-color: #1B1B1B;
	}

	.footer .widget {
		margin-bottom: 30px;
	}

	.footer .widget-title {
		text-align: center;
	    margin-bottom: 0px;
	}

	.footer .widget-title h4 {
		text-align: center;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.a-logo-footer {
		display: block;
	}

	ul.site-links {
		text-align: center;
	    margin-top: 8px;
	}

	.seguinos a img {
		margin: 0 auto;
    	display: block;
	}

	.copyright {
		margin-top: 0px;
	}

	.section-quienes-somos {
		padding: 30px 0;
	}

	.yamm .dropdown .dropdown-menu {
		margin-top: 0px;
	}

	.yamm .dropdown .dropdown-menu li a {
		background-color: #569E1C !important;
	}

	.section {
		padding: 30px 0;
	}

	.procesos img {
		margin: 0 auto;
	}

	.eco-beneficios-section .title-area .row img {
		margin: 0 auto;
    	margin-bottom: 15px;
	}

	.eco-beneficios-section {
		background-image: none !important;
    	background-color: #236117 !important;
	}

	.shop-item .entry img {
		margin: 0 auto;
	}

	.workinghours ul li span {
		font-size: 13px;
    	display: block;
    	text-align: center !important;
    	float: none;
    	position: inherit;
	}

	.workinghours {
		text-align: center;
	}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

	.navbar-cell ul {
		padding-top: 25px;
	}

	.social a {
		display: none;
    	visibility: hidden;
	}

	.section-ecomarketing {
		background-image: none !important;
		background-color: rgb(74, 157, 50);
	}

	.videobg h1 {
		text-align: center;
		font-size: 23px;
	}

	.videobg h1 span {
		font-size: 32px;
	}

	.videobg p {
		text-align: center;
	}

	.videobg a {
		margin: 0 auto;
    	display: block;
	}

	.general-title {
    	margin-bottom: 0px;
	}

	.general-title h4 {
		font-size: 20px;
	}

	.contact-details h1 {
		font-size: 21px;
	}

	.section-telefono {
		background-image: none !important;
    	background-color: #6F6F6F;
	}

	.frase-callout {
    	padding-top: 0px;
	}

	.callout-section h3 {
		text-align: center;
	}

	.footer {
    	padding: 40px 0px 0px 0px;
    	background-image: none !important;
    	background-color: #1B1B1B;
	}

	.footer .widget {
		margin-bottom: 30px;
	}

	.footer .widget-title {
		text-align: center;
	    margin-bottom: 0px;
	}

	.footer .widget-title h4 {
		text-align: center;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	.a-logo-footer {
		display: block;
	}

	ul.site-links {
		text-align: center;
	    margin-top: 8px;
	}

	.seguinos a img {
		margin: 0 auto;
    	display: block;
	}

	.copyright {
		margin-top: 0px;
	}

	.section-quienes-somos {
		padding: 30px 0;
	}

	.yamm .dropdown .dropdown-menu {
		margin-top: 0px;
	}

	.yamm .dropdown .dropdown-menu li a {
		background-color: #569E1C !important;
	}

	.section {
		padding: 30px 0;
	}

	.procesos img {
		margin: 0 auto;
	}

	.eco-beneficios-section .title-area .row img {
		margin: 0 auto;
    	margin-bottom: 15px;
	}

	.eco-beneficios-section {
		background-image: none !important;
    	background-color: #236117 !important;
	}

	.shop-item .entry img {
		margin: 0 auto;
	}

	.workinghours ul li span {
		font-size: 13px;
    	display: block;
    	text-align: center !important;
    	float: none;
    	position: inherit;
	}

	.workinghours {
		text-align: center;
	}

	.social span {
		display: block;
		margin-bottom: 7px;
	}

}