/*
Template Name: Salimo - One Page Parallax
Author: Celtano
Author URI: http://themeforest.net/user/celtano
Description: Salimo - One Page Parallax
Version: 1.0
*/
/*------------------------------------------------------------------
[Table of contents]
	+ General
		- Boxed Body
		- Dark Body
		+ Body Separators
			- Skew
			- Reversed Skew
			- Double Diagonal
			- Big Triangle
		- Heading
		- Paragraph
		- Divider
	+ Header
		- Logo
		- Dark Header
		- Navigation Menu
	+ Content
		- Custom Button
		- Preloader
		- Main Slider (Revolution Slider)
		+ Sections
			- About
			- Project Manager
			- Services
			- Testimonials
			+ Portfolio
				- Filter Controls
				- Zoom Icons
			- Team
			- Facts
			- Newsletter
			- Blog
			- Video Promotion
			- Contact
			- Contact Form
			- Logos Slider
		- Social Media
		- Back To Top
		- Horizontal Rows
		- Inputs
	- Footer
	+ Responsive Design Styles
		- Large Devices
		- Small Devices
		- Extra Small Devices
-------------------------------------------------------------------*/
/* [ GENERAL ] */
/*================================================== */

body {
    font: 17px/22px "Inter", "Raleway", Arial, Helvetica, sans-serif;
    color: #8e8e8e;
    background-color: #111;
    padding: 0 !important;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wrapper {
    overflow: hidden;
    background-color: #fff;
}
.section-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 90px 0;
}
.about .container,
.ocupapoco .container,
.estructurabasic .container,
.estructurabigfoot .container,
.services .container,
.team .container,
.blog .container,
.contact .container {
    padding: 40px 15px !important;
}
.about .container,
.ocupapoco .container,
.estructurabasic .container,
.estructurabigfoot .container,
.team .container {
    padding: 70px 15px 100px !important;
}
.portfolio .container {
    padding: 70px 0 !important;
}
/* Boxed Body */

body.boxed header {
    max-width: 1220px;
}
body.boxed .wrapper {
    max-width: 1220px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 3px 8px 7px #ccc;
}
body.boxed {
    background: url(../img/backgrounds/az_subtle.png);
    background-attachment: fixed;
}
/* Dark Body */

body.dark {
    color: #ccc;
}
body.dark p,
body.dark h1,
body.dark h2,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark .portfolio .caption h3,
body.dark .nav-menu ul.nav-menu-inner li a,
body.dark .portfolio .nav-pills li,
body.dark .blog .blog-content .blog-excerpt span.date,
body.dark.blog-page .blog-content span.date,
body.dark.blog-post .blog-content .comments span.author,
body.dark.blog-page .sidebar h3 {
    color: #eee;
}
body.dark.blog-page .footer,
body.dark.blog-page.reversed-skew .footer {
    background: #222;
}
body.dark.blog-page .blog-content .meta span.date,
body.dark.blog-page .blog-content .meta span {
    color: #999;
}
body.dark.blog-post .add-comment .form-holder form input:focus,
body.dark.blog-post .add-comment .form-holder form textarea:focus {
    background-color: #222;
}
body.dark.blog-post .blog-content figure img {
    border: 0;
}
body.dark.blog-post .post-author {
    background: #333;
    border: 1px solid #444;
}
body.dark.blog-post .blog-content .comment .comment-body {
    background: #444;
    border: 1px solid #555;
}
body.dark.blog-post .post-author img,
body.dark.blog-post .blog-content .comment-author img {
    border: 1px solid #666;
}
body.dark .add-comment .form-holder form input,
body.dark .add-comment .form-holder form textarea {
    background: transparent;
    border: 1px solid #999;
}
body.dark.blog-page .sidebar .widget.recent-posts figure {
    border: 1px solid #222;
}
body.dark.blog-page ul.pagination li a {
    background: transparent;
    color: #eee;
    border: 1px solid #777;
}
body.dark.blog-page ul.pagination li a:hover {
    background: #222;
}
body.dark.blog-page .meta {
    border-top: 1px solid #777;
    border-bottom: 1px solid #777;
}
body.dark.blog-page .sidebar .widget.recent-posts ul li a,
body.dark.blog-page .sidebar .widget ul li a {
    color: #fff;
}
body.dark.boxed .wrapper,
body.dark .wrapper {
    background-color: #111;
}
body.dark .header.header-fixed {
    background-color: #111;
    border-bottom: 1px solid #222;
}
body.dark .header.header-fixed #icon-toggler span {
    background-color: #fff;
}
body.dark .about,
body.dark .ocupapoco,
body.dark .estructurabasic,
body.dark .estructurabigfoot,
body.dark .services,
body.dark .portfolio,
body.dark .team,
body.dark .blog,
body.dark .contact {
    background-color: #111;
}
body.dark .nav-menu ul.nav-menu-inner li a,
body.dark .header-fixed .nav-menu ul.nav-menu-inner li a {
    border-top: 1px solid #111;
}
body.dark .nav-menu ul.nav-menu-inner li a {
    border-top: none !important;
}
body.dark .about .about-content .title-about {
    color: #fff;
}
body.dark .ocupapoco .ocupapoco-content .title-ocupapoco {
    color: #fff;
}
body.dark .estructurabasic .estructurabasic-content .title-estructurabasic {
    color: #fff;
}
body.dark .estructurabigfoot .estructurabigfoot-content .title-estructurabigfoot {
    color: #fff;
}
body.dark hr.custom:before {
    color: #eee;
    background: #111;
}
body.dark .services-box-item-cover,
body.dark .services-box-item-content {
    background: #000;
    box-shadow: none;
}
body.dark .portfolio .thumbnail__portfolio {
    border: 1px solid #333;
}
body.dark .caption p,
body.dark .services-box-item-content p,
body.dark .info-map-boxes-item p {
    color: #ccc;
}
body.dark .blog .blog-content .blog-figure a {
    border: none;
}
body.dark .blog .blog-content h3 {
    color: #fff;
}
body.dark .blog .blog-content h3:hover {
    color: #eee;
}
body.dark .team-member {
    box-shadow: none;
}
body.dark .team-member-caption {
    background-color: #000;
}
body.dark .info-map-boxes-item {
    background-color: #000;
    box-shadow: none;
}
body.dark .info-map-boxes-item:before {
    background-color: #000;
}
body.dark .gmap_container {
    color: #6e6e6e;
}
body.dark .logos {
    background-color: #222;
}
body.dark.reversed-skew .logos {
    margin-top: -50px;
    padding-top: 27px;
    margin-bottom: -82px;
    padding-bottom: 62px;
}
body.dark.skew .logos {
    margin-top: -50px;
    padding-top: 50px;
    margin-bottom: -82px;
    padding-bottom: 80px;
}
body.dark.reversed-skew .footer {
    background-color: #111;
}
body.dark.skew .contactform,
body.dark.reversed-skew .contact,
body.dark.reversed-skew .contactform {
    border-top: 60px solid #111;
}
body.dark.big-triangle .projectmanager:after,
body.dark.big-triangle .projectmanager:before,
body.dark.big-triangle .aluminiodetalles:after,
body.dark.big-triangle .aluminiodetalles:before,
body.dark.big-triangle .waterproof:after,
body.dark.big-triangle .waterproof:before,
body.dark.big-triangle .piebigfoot1:after,
body.dark.big-triangle .piebigfoot1:before,
body.dark.big-triangle .piebasic:after,
body.dark.big-triangle .piebasic:before,
body.dark.big-triangle .mainslider:after,
body.dark.big-triangle .mainslider:before,
body.dark.big-triangle .testimonials:after,
body.dark.big-triangle .testimonials:before,
body.dark.big-triangle .newsletter:after,
body.dark.big-triangle .newsletter:before,
body.dark.big-triangle .facts:after,
body.dark.big-triangle .facts:before,
body.dark.big-triangle .videopromotion:after,
body.dark.big-triangle .videopromotion:before,
body.dark.big-triangle .contactform:after,
body.dark.big-triangle .contactform:before {
    border-bottom: 100px solid #111;
}
body.dark.big-triangle .projectmanager:after,
body.dark.big-triangle .projectmanager:before,
body.dark.big-triangle .aluminiodetalles:after,
body.dark.big-triangle .aluminiodetalles:before,
body.dark.big-triangle .waterproof:after,
body.dark.big-triangle .waterproof:before,
body.dark.big-triangle .piebigfoot1:after,
body.dark.big-triangle .piebigfoot1:before,
body.dark.big-triangle .piebasic:after,
body.dark.big-triangle .piebasic:before,
body.dark.big-triangle .testimonials:after,
body.dark.big-triangle .testimonials:before,
body.dark.big-triangle .newsletter:after,
body.dark.big-triangle .newsletter:before,
body.dark.big-triangle .facts:after,
body.dark.big-triangle .facts:before,
body.dark.big-triangle .videopromotion:after,
body.dark.big-triangle .videopromotion:before,
body.dark.big-triangle .contactform:after,
body.dark.big-triangle .contactform:before {
    border-top: 100px solid #111;
}
body.dark.big-triangle .footer:after,
body.dark.big-triangle .footer:before {
    border-top: 100px solid #222;
}
body.dark.big-triangle .contactform:after,
body.dark.big-triangle .contactform:before {
    border-bottom: 100px solid #222;
}
body.dark.big-triangle.blog-page .footer {
    background-color: #222;
}
body.dark.big-triangle.blog-page .footer:after,
body.dark.big-triangle.blog-page .footer:before {
    border-top: 100px solid #111;
}
body.dark.big-triangle.blog-page .banner:before,
body.dark.big-triangle.blog-page .banner:after {
    border-bottom: 100px solid #111;
    bottom: 0;
}
body.dark .logos ul.bxslider img {
    opacity: 1;
    -webkit-filter: saturate(5);
    filter: saturate(5);
}
/* Body Separators
================================================== */
/* Skew */

body.skew .about,
body.skew .ocupapoco,
body.skew .estructurabasic,
body.skew .estructurabigfoot,
body.skew .projectmanager,
body.skew .aluminiodetalles,
body.skew .waterproof,
body.skew .piebigfoot1,
body.skew .piebasic,
body.skew .services,
body.skew .testimonials,
body.skew .team,
body.skew .blog,
body.skew .facts,
body.skew .newsletter,
body.skew .contactform,
body.skew .videopromotion {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
body.skew .about .container,
body.skew .ocupapoco .container,
body.skew .estructurabasic .container,
body.skew .estructurabigfoot .container,
body.skew .projectmanager .container,
body.skew .aluminiodetalles .container,
body.skew .waterproof .container,
body.skew .piebigfoot1 .container,
body.skew .piebasic .container,
body.skew .services .container,
body.skew .testimonials .container,
body.skew .team .container,
body.skew .blog .container,
body.skew .facts .container,
body.skew .newsletter .container,
body.skew .contactform .container,
body.skew .videopromotion .container {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.skew .about {
    margin-top: -55px;
}
body.skew .ocupapoco {
    margin-top: -55px;
}
body.skew .estructurabasic {
    margin-top: -55px;
}
body.skew .estructurabigfoot {
    margin-top: -55px;
}
body.skew .portfolio,
body.skew .contact {
    margin-top: -20px;
    padding-top: 32px;
}
body.skew .contact {
    margin-bottom: 100px;
}
body.skew .contactform {
    margin-top: -150px;
    border-top: 60px solid #efefef;
}
body.skew.blog-page .blog {
    margin-top: -50px;
}
body.skew .about .container {
    padding: 70px 0 150px;
}
body.skew .ocupapoco .container {
    padding: 70px 0 150px;
}
body.skew .estructurabasic .container {
    padding: 70px 0 150px;
}
body.skew .estructurabigfoot .container {
    padding: 70px 0 150px;
}
body.skew .services .container {
    padding: 70px 0 90px;
}
body.skew .portfolio .container {
    padding: 70px 0 100px;
}
body.skew .team .container {
    padding: 70px 0 120px;
}
body.skew .blog .container {
    padding: 90px 0 120px;
}
body.skew .bx-wrapper {
    margin: 90px 0 60px;
}
body.skew .footer {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    margin-top: 30px;
    margin-bottom: -50px;
    padding-bottom: 90px;
    border: none;
}
body.skew .footer .container {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 20px 0 0;
}
/* Reversed Skew */

body.reversed-skew .about {
    margin-top: -55px;
}
body.reversed-skew .ocupapoco {
    margin-top: -55px;
}
body.reversed-skew .estructurabasic {
    margin-top: -55px;
}
body.reversed-skew .estructurabigfoot {
    margin-top: -55px;
}
body.reversed-skew .about .container {
    padding: 70px 0 100px;
}
body.reversed-skew .ocupapoco .container {
    padding: 70px 0 100px;
}
body.reversed-skew .estructurabasic .container {
    padding: 70px 0 100px;
}
body.reversed-skew .estructurabigfoot .container {
    padding: 70px 0 100px;
}
body.reversed-skew .services .container {
    padding: 70px 0 90px;
}
body.reversed-skew .portfolio .container {
    padding: 70px 0 100px;
}
body.reversed-skew .team .container {
    padding: 70px 0 120px;
}
body.reversed-skew .blog .container {
    padding: 70px 0 120px;
}
body.reversed-skew .about .container,
body.reversed-skew .ocupapoco .container,
body.reversed-skew .estructurabasic .container,
body.reversed-skew .estructurabigfoot .container,
body.reversed-skew .projectmanager,
body.reversed-skew .aluminiodetalles,
body.reversed-skew .waterproof,
body.reversed-skew .piebigfoot1,
body.reversed-skew .piebasic,
body.reversed-skew .facts,
body.reversed-skew .videopromotion,
body.reversed-skew.blog-page .blog {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.reversed-skew .testimonials,
body.reversed-skew .newsletter,
body.reversed-skew .contactform,
body.reversed-skew .about {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
body.reversed-skew .ocupapoco {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
body.reversed-skew .estructurabasic {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
body.reversed-skew .estructurabigfoot {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
body.reversed-skew .testimonials .container,
body.reversed-skew .newsletter .container,
body.reversed-skew .contactform .container {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
}
body.reversed-skew .services,
body.reversed-skew .team {
    padding-bottom: 100px;
    margin-top: -50px;
    border-top: 60px solid #efefef;
}
body.reversed-skew .blog {
    padding-bottom: 100px;
    margin-top: -100px;
}
body.dark.reversed-skew .services,
body.dark.reversed-skew .team {
    border-top: 60px solid #111;
}
body.reversed-skew .testimonials,
body.reversed-skew .newsletter,
body.reversed-skew .videopromotion {
    margin-top: -100px;
    margin-bottom: 100px;
}
body.reversed-skew .portfolio {
    margin-top: -100px;
}
body.reversed-skew .contact {
    margin-top: -150px;
    border-top: 60px solid #efefef;
    margin-bottom: 100px;
}
body.reversed-skew .contactform {
    margin-top: -150px;
    border-top: 60px solid #efefef;
}
body.reversed-skew .contact .container {
    padding: 70px 0 70px;
}
body.reversed-skew .bx-wrapper {
    margin: 90px 0 50px;
}
body.reversed-skew .footer {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    margin-top: 80px;
    margin-bottom: -50px;
    padding-bottom: 90px;
    border: none;
}
body.reversed-skew .footer .container {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 20px 0 0;
}
body.reversed-skew .projectmanager .container,
body.reversed-skew .aluminiodetalles .container,
body.reversed-skew .waterproof .container,
body.reversed-skew .piebigfoot1 .container,
body.reversed-skew .piebasic .container,
body.reversed-skew .facts .container,
body.reversed-skew .videopromotion .container,
body.reversed-skew.blog-page .blog .container {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Double diagonal */

body.double-diagonal .services,
body.double-diagonal .team,
body.double-diagonal .blog,
body.double-diagonal .contact {
    padding-bottom: 50px;
}
body.double-diagonal .testimonials,
body.double-diagonal .newsletter {
    margin-top: -50px;
}
body.double-diagonal .contact {
    margin-bottom: -50px;
}
body.double-diagonal .projectmanager,
body.double-diagonal .aluminiodetalles,
body.double-diagonal .waterproof,
body.double-diagonal .piebigfoot1,
body.double-diagonal .piebasic,
body.double-diagonal .testimonials,
body.double-diagonal .facts,
body.double-diagonal .videopromotion,
body.double-diagonal .newsletter,
body.double-diagonal .contactform {
    -webkit-transform: skewY(-3deg);
    transform: skewY(-3deg);
}
body.double-diagonal .about .container,
body.double-diagonal .ocupapoco .container,
body.double-diagonal .estructurabasic .container,
body.double-diagonal .estructurabigfoot .container,
body.double-diagonal .services .container,
body.double-diagonal .portfolio .container,
body.double-diagonal .team .container {
    padding: 70px 0 120px;
}
body.double-diagonal .blog .container {
    padding: 70px 0;
}
body.double-diagonal section {
    position: relative;
    z-index: 1;
}
body.double-diagonal .logos {
	padding:1px 0;
}
body.double-diagonal section::before,
body.double-diagonal section::after {
    position: absolute;
    content: "";
    pointer-events: none;
}
body.double-diagonal .about::before,
body.double-diagonal .about::after,
body.double-diagonal .ocupapoco::before,
body.double-diagonal .ocupapoco::after,
body.double-diagonal .estructurabasic::before,
body.double-diagonal .estructurabasic::after,
body.double-diagonal .estructurabigfoot::before,
body.double-diagonal .estructurabigfoot::after,
body.double-diagonal .services::before,
body.double-diagonal .services::after,
body.double-diagonal .portfolio::before,
body.double-diagonal .portfolio::after,
body.double-diagonal .team::before,
body.double-diagonal .team::after,
body.double-diagonal .blog::before,
body.double-diagonal .blog::after,
body.double-diagonal .contact::before,
body.double-diagonal .contact::after,
body.double-diagonal .logos::before,
body.double-diagonal .logos::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
body.double-diagonal .about::before,
body.double-diagonal .ocupapoco::before,
body.double-diagonal .estructurabasic::before,
body.double-diagonal .estructurabigfoot::before,
body.double-diagonal .services::before,
body.double-diagonal .portfolio::before,
body.double-diagonal .team::before,
body.double-diagonal .blog::before,
body.double-diagonal .contact::before,
body.double-diagonal .logos::before {
    height: 50%;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}
body.double-diagonal .projectmanager .container,
body.double-diagonal .aluminiodetalles .container,
body.double-diagonal .waterproof .container,
body.double-diagonal .piebigfoot1 .container,
body.double-diagonal .piebasic .container,
body.double-diagonal .testimonials .container,
body.double-diagonal .facts .container,
body.double-diagonal .videopromotion .container,
body.double-diagonal .newsletter .container,
body.double-diagonal .contactform .container {
    -webkit-transform: skewY(3deg);
    transform: skewY(3deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.double-diagonal .section-overlay {
    padding: 90px 0 50px;
}
body.double-diagonal .footer {
    padding: 30px 0;
}
body.double-diagonal .bx-wrapper {
    margin: 30px 0 50px;
}
/* Big Triangle */

body.big-triangle .projectmanager,
body.big-triangle .aluminiodetalles,
body.big-triangle .waterproof,
body.big-triangle .piebigfoot1,
body.big-triangle .piebasic,
body.big-triangle .mainslider,
body.big-triangle .testimonials,
body.big-triangle .facts,
body.big-triangle .contactform,
body.big-triangle .newsletter,
body.big-triangle .videopromotion,
body.big-triangle .footer,
body.big-triangle .banner {
    position: relative;
}
body.big-triangle .projectmanager .container,
body.big-triangle .aluminiodetalles .container,
body.big-triangle .waterproof .container,
body.big-triangle .piebigfoot1 .container,
body.big-triangle .piebasic .container,
body.big-triangle .3d .container,
body.big-triangle .mainslider .container,
body.big-triangle .testimonials .container,
body.big-triangle .facts .container,
body.big-triangle .contactform .container,
body.big-triangle .newsletter .container,
body.big-triangle .videopromotion .container {
    position: relative;
    z-index: 999;
}
body.big-triangle .projectmanager:after,
body.big-triangle .projectmanager:before,
body.big-triangle .aluminiodetalles:after,
body.big-triangle .aluminiodetalles:before,
body.big-triangle .waterproof:after,
body.big-triangle .waterproof:before,
body.big-triangle .piebigfoot1:after,
body.big-triangle .piebigfoot1:before,
body.big-triangle .piebasic:after,
body.big-triangle .piebasic:before,
body.big-triangle .mainslider:after,
body.big-triangle .mainslider:before,
body.big-triangle .testimonials:after,
body.big-triangle .testimonials:before,
body.big-triangle .newsletter:after,
body.big-triangle .newsletter:before,
body.big-triangle .facts:after,
body.big-triangle .facts:before,
body.big-triangle .contactform:after,
body.big-triangle .contactform:before,
body.big-triangle .videopromotion:after,
body.big-triangle .videopromotion:before,
body.big-triangle .footer:after,
body.big-triangle .footer:before,
body.big-triangle .banner:after,
body.big-triangle .banner:before {
    content: "";
    position: absolute;
    bottom: -1px;
    top: 0;
    width: 50%;
    z-index: 100;
    border-top: 100px solid #fff;
    border-bottom: 100px solid #fff;
    -webkit-transform: rotate(0.000001deg);
    transform: rotate(0.000001deg);
}
body.big-triangle .mainslider:after,
body.big-triangle .mainslider:before,
body.big-triangle .banner:after,
body.big-triangle .banner:before {
    top: initial;
    border-top: none;
}
body.big-triangle .testimonials:after,
body.big-triangle .testimonials:before,
body.big-triangle .newsletter:after,
body.big-triangle .newsletter:before,
body.big-triangle .contactform:after,
body.big-triangle .contactform:before {
    border-top: 100px solid #efefef;
}
body.big-triangle .team .container {
    padding: 70px 0 100px;
}
body.big-triangle .testimonials .carousel-indicators {
    z-index: 111;
}
body.big-triangle .projectmanager:after,
body.big-triangle .projectmanager:before,
body.big-triangle .aluminiodetalles:after,
body.big-triangle .aluminiodetalles:before,
body.big-triangle .waterproof:after,
body.big-triangle .waterproof:before,
body.big-triangle .piebigfoot1:after,
body.big-triangle .piebigfoot1:before,
body.big-triangle .piebasic:after,
body.big-triangle .piebasic:before,
body.big-triangle .facts:after,
body.big-triangle .facts:before,
body.big-triangle .videopromotion:after,
body.big-triangle .videopromotion:before,
body.big-triangle .footer:after,
body.big-triangle .footer:before {
    border-bottom: 100px solid #efefef;
}
body.big-triangle .mainslider:before,
body.big-triangle .projectmanager:before,
body.big-triangle .aluminiodetalles:before,
body.big-triangle .waterproof:before,
body.big-triangle .piebigfoot1:before,
body.big-triangle .piebasic:before,
body.big-triangle .testimonials:before,
body.big-triangle .newsletter:before,
body.big-triangle .facts:before,
body.big-triangle .contactform:before,
body.big-triangle .videopromotion:before,
body.big-triangle .footer:before,
body.big-triangle .banner:before {
    right: 50%;
    border-right: 1000px solid transparent;
    border-left: 1000px solid;
}
body.big-triangle .mainslider:after,
body.big-triangle .projectmanager:after,
body.big-triangle .aluminiodetalles:after,
body.big-triangle .waterproof:after,
body.big-triangle .piebigfoot1:after,
body.big-triangle .piebasic:after,
body.big-triangle .testimonials:after,
body.big-triangle .newsletter:after,
body.big-triangle .facts:after,
body.big-triangle .contactform:after,
body.big-triangle .videopromotion:after,
body.big-triangle .footer:after,
body.big-triangle .banner:after {
    left: 50%;
    border-left: 1000px solid transparent;
    border-right: 1000px solid;
}
body.big-triangle .footer:after,
body.big-triangle .footer:before {
    bottom: initial;
    border-bottom: none;
}
body.big-triangle .footer {
    border-top: none;
}
body.big-triangle .footer .container {
    padding: 60px 0 30px;
}
body.big-triangle .bx-wrapper {
    margin: 70px 0 60px;
}
/* Heading */

h1,
h2,
h3,
h4,
h5 {
    color: #555;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
}
h6 {
    color: #888; !important;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
}
h1 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 800;
    margin: 15px 0;
}
h2 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
}
h3 {
    font-size: 32px;
    line-height: 32px;
}
h4 {
    font-size: 18px;
    line-height: 18px;
}
h5 {
    font-size: 17px;
    line-height: 17px;
}
h6 {
    font-size: 17px;
    line-height: 17px;
}
.projectmanager h2,
.aluminiodetalles h2,
.waterproof h2,
.piebigfoot1 h2,
.piebasic h2,
.diseno h2,
.facts h2,
.facts h4,
.testimonials h2,
.testimonials h4,
.newsletter h2,
.newsletter h4,
.contactform h2,
.contactform h4,
.projectmanager h1,
.aluminiodetalles h1,
.waterproof h1,
.piebigfoot1 h1,
.piebasic h1,
.diseno h1,
.testimonials h1,
.facts h1,
.newsletter h1,
.contactform h1,
.videopromotion h1,
.videopromotion h4 {
    color: #fff;
}
/* Paragraph */

p {
    font-family: "Raleway", sans-serif;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 400;
    margin-bottom: 15px;
    margin-top: 0px;
    color: #666;
}
.top-text h4 {
    margin: 15px 0 25px;
    font-weight: 400;
}
a,
a:hover {
    text-decoration: none !important;
}
/* Divider */

.divider span {
    display: inline-block;
    vertical-align: middle;
}
.divider .fa {
    font-size: 20px;
    margin: 0 20px;
}
.divider .outer-line {
    width: 25%;
    border-bottom: 1px solid #ddd;
}
/* [ HEADER ] */
/*================================================== */
.circuloblanco {
  height: 25px; width: 25px; background-color: #fff; display: inline-block; border: #CCC 1px solid;
}
.circuloamarillo {
  height: 25px;
  width: 25px;
  background-color: #FF0;
border: #CCC 1px solid;
  display: inline-block;
}
.circulonaranja {
  height: 25px;
  width: 25px;
  background-color: #FF7F00;
  display: inline-block;
  border: #CCC 1px solid;
}
.circulorojo {
  height: 25px;
  width: 25px;
  background-color: #F00;
border: #CCC 1px solid;
  display: inline-block;
}
.circuloverde {
  height: 25px;
  width: 25px;
  background-color: #007F00;
 border: #CCC 1px solid;
  display: inline-block;
}
.circuloazul {
  height: 25px;
  width: 25px;
  background-color: #007FFF;
border: #CCC 1px solid;
  display: inline-block;
}
.circulonegro {
  height: 25px;
  width: 25px;
  background-color: #000;
 border: #CCC 1px solid;
  display: inline-block;
}
.circulocrema {
  height: 25px;
  width: 25px;
  background-color: #f5f3c3;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulocafeconleche {
  height: 25px;
  width: 25px;
  background-color: #ddcc87;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulogranate {
  height: 25px;
  width: 25px;
  background-color: #7d080a;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulomarron {
  height: 25px;
  width: 25px;
  background-color: #261305;
   display: inline-block;
   border: #CCC 1px solid;
}
.circuloverdeclaro {
  height: 25px;
  width: 25px;
  background-color: #55c02d;
   display: inline-block;
   border: #CCC 1px solid;
}
.circuloverdeoscuro {
  height: 25px;
  width: 25px;
  background-color: #043723;
   display: inline-block;
   border: #CCC 1px solid;
}
.circuloazulelectrico {
  height: 25px;
  width: 25px;
  background-color: #0204c9;
   display: inline-block;
   border: #CCC 1px solid;
}
.circuloazulmarino {
  height: 25px;
  width: 25px;
  background-color: #15144d;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulogrisoscuro {
  height: 25px;
  width: 25px;
  background-color: #6e6f6b;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulogrisclaro {
  height: 25px;
  width: 25px;
  background-color: #cbccc7;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulokaki {
  height: 25px;
  width: 25px;
  background-color: #a1a27a;
   display: inline-block;
   border: #CCC 1px solid;
}
.circulocamuflaje {
  height: 25px;
  width: 25px;
  background-image: url("/site/img/camuflajecolores.jpg");
   display: inline-block;
   border: #CCC 1px solid;
}
.header {
    position: absolute;
    text-align: center;
    top: 0px;
    z-index: 1000;
    color: #fff;
    width: 100%;
    height: 99px;
    transition: background-color 200ms ease-in-out 0s;
    -o-transition: background-color 200ms ease-in-out 0s;
    -moz-transition: background-color 200ms ease-in-out 0s;
    -webkit-transition: background-color 200ms ease-in-out 0s;
}
.header.header-fixed {
    display: block;
    margin-top: 0 !important;
    position: fixed;
    height: 65px;
    background-color: #fff;
    border-bottom: 1px solid #f1f1f1;
}
.header-inner {
    padding-left: 25px;
    padding-right: 15px;
    position: relative;
}
.header-fixed .logo a {
    margin-top: 0;
    margin-bottom: 15px;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.header-fixed .nav-menu ul.nav-menu-inner li a {
    padding: 26px 12px;
    color: #555;
}
.header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(252, 252, 252, 0) 99%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(252, 252, 252, 0) 99%, rgba(255, 255, 255, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00ffffff", GradientType=0);
}
.header-fixed:before {
    background: none;
    height: 0;
}
/* Logo */

.logo {
    float: left;
    text-align: left;
    display: inline-block;
}
.logo a {
    width: 159px;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.logo a img {
    width: 100%;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
.header .logo a img.logo-light {
    opacity: 1;
}
.header .logo a img.logo-dark {
    opacity: 0;
}
.header.header-fixed .logo a img.logo-light {
    opacity: 0;
}
.header.header-fixed .logo a img.logo-dark {
    opacity: 1;
}
.logo {
    float: left;
    text-align: left;
    display: inline-block;
}
.logo a {
    max-width: 100%;
    margin-top: 10px;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    position: relative;
}
.logo a img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
/* Dark Header */

body.dark .header .logo a img.logo-light {
    opacity: 1;
}
body.dark .header .logo a img.logo-dark {
    opacity: 0;
}
body.dark .header.header-fixed .logo a img.logo-light {
    opacity: 1;
}
body.dark .header.header-fixed .logo a img.logo-dark {
    opacity: 0;
}
/* Navigation Menu */

.nav-menu {
    position: static;
    float: right;
}
.nav-menu.active {
    display: block;
}
.nav-menu ul.nav-menu-inner {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-menu ul.nav-menu-inner li {
    display: inline-block;
    list-style: none;
    text-align: center;
}
.nav-menu ul.nav-menu-inner li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    padding: 43px 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Raleway", sans-serif;
}
.nav-menu ul.nav-menu-inner li a i {
    font-size: 11px;
    padding-right: 3px;
}
.navbar-toggler {
    outline: none !important;
}
#icon-toggler {
    width: 20px;
    height: 21px;
    position: relative;
    margin: 23px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: block;
}
#icon-toggler span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header.header-fixed #icon-toggler span {
    background-color: #000;
}
#icon-toggler span:nth-child(1) {
    top: 0;
}
#icon-toggler span:nth-child(2),
#icon-toggler span:nth-child(3) {
    top: 6px;
}
#icon-toggler span:nth-child(4) {
    top: 12px;
}
#icon-toggler.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
#icon-toggler.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#icon-toggler.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#icon-toggler.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
/* [ CONTENT ] */
/*================================================== */
/* Custom Button */

.custom-button {
    border: none;
    color: #fff;
    text-decoration: none;
    background: #00bbda;
    cursor: pointer;
    display: inline-block;
    text-transform: lowercase;
    border-radius: 6px;
    outline: none;
    padding: 6px 20px;
    box-shadow: none;
    text-shadow: none;
    position: relative;
    letter-spacing: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 10px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.panel-group a:hover {
text-decoration: none;
color: #fff; !important
}
.custom-button,
.custom-button:hover,
.custom-button:focus {
    color: #fff;
    text-decoration: none;
}
.custom-button:before {
    content: "\f1d8";
    font: 15px/1.2em FontAwesome;
    color: #fff;
    position: absolute;
    height: 100%;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
.custom-button span {
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.custom-button:hover span {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.custom-button:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
/* Preloader 
---------------------------------------- */

.preloader {
    position: fixed;
    left: 0;
    top: -100%;
    right: 0;
    height: 100%;
    z-index: 999999999999999999;
    background: #fff;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}
.preloader:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}
.preloader .logopreloader {
    vertical-align: middle;
    -webkit-transform: translate(0, 500px);
    transform: translate(0, 500px);
    position: relative;
    white-space: nowrap;
    display: inline-block;
    top: -50px;
    opacity: 0;
    -webkit-transition: -moz-transform 1s ease, -webkit-transform 1s ease, -ms-transform 1s ease, -o-transform 1s ease, transform 1s ease, opacity 1s ease;
    transition: -webkit-transform 1s ease, transform 1s ease, opacity 1s ease;
}
.preloader .loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0px 0 0 -50px;
    -webkit-transform: translate(0, 500px);
    transform: translate(0, 500px);
    opacity: 0;
    -webkit-transition: opacity 1s ease .3s, -webkit-transform 1s ease .3s;
    transition: opacity 1s ease .3s, -webkit-transform 1s ease .3s;
    transition: transform 1s ease .3s, opacity 1s ease .3s;
    transition: transform 1s ease .3s, opacity 1s ease .3s, -webkit-transform 1s ease .3s;
}
.preloader.loading .loader,
.preloader.loading .logopreloader {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
    opacity: 1;
}
.preloader.ended {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 0;
    -webkit-transition: -webkit-transform 1s ease 0.5s, -moz-transform 1s ease 0.5s, -ms-transform 1s ease 0.5s, -o-transform 1s ease 0.5s, transform 1s ease 0.5s, opacity 1s ease 0.5s;
    transition: -webkit-transform 1s ease 0.5s, transform 1s ease 0.5s, opacity 1s ease 0.5s;
}
.preloader.ended .loader,
.preloader.ended .logopreloader {
    -webkit-transform: translate(0, -500px);
    transform: translate(0, -500px);
    opacity: 0;
}
/* Main Slider (Revolution Slider)
---------------------------------------- */

.tp-simpleresponsive .slider-button {
    color: #fff;
    border-radius: 40px;
    padding: 12px 26px;
    font-size: 17px;
    font-weight: 600;
}
.tp-simpleresponsive .slider-button:before {
    content: "\f063";
}
.dark-slider .rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 1111;
    background: rgba(0, 0, 0, .5);
}
.scroll-effects-text {
    color: #eee !important;
}
/* About
---------------------------------------- */
.about {
    color: #fff;
  
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}

.carousel-item {
    text-align: center; /* Centra el contenido */
    padding: 20px;
}

.image-container {
    display: flex;
    flex-wrap: wrap; /* Permite que las imágenes se ajusten si es necesario */
    justify-content: center; /* Centra todas las imágenes */
    gap: 5px; /* Espacio entre las imágenes */
}

.image-container img {
    flex: 1 1 calc(20% - 10px); /* Ocupa el 20% del ancho menos el gap */
    max-width: 200px; /* Asegura que las imágenes no crezcan demasiado */
    height: auto; /* Mantiene la proporción de las imágenes */
    border-radius: 5px; /* Bordes redondeados opcionales */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera */
    transition: transform 0.2s ease-in-out; /* Efecto visual al pasar el ratón */
}

.image-container img:hover {
    transform: scale(1.05); /* Agranda ligeramente al pasar el ratón */
}

@media (max-width: 768px) {
    .image-container img {
        flex: 1 1 calc(50% - 10px); /* Dos imágenes por fila en pantallas pequeñas */
    }
}


.about .about-content .title-about {
    font-size: 28px;
    margin-bottom: 10px;
}

.about .about-content {
    margin-top: 40px;
		 background-color: rgba(0, 0, 0, 0.3) !important;

}
.about .about-content .about-left-side {
    margin-top: 40px;
}
.about .about-content .custom-button {
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
}
.about .about-content .custom-button:before {
    content: "\f03e";
}
.about .about-content .full-image-overlay h3 {
    text-transform: Capitalize;
    color: #ffffff;
	margin-top:20px;
		
}
.about .about-content .about-right-side img {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: auto;
    display: block;
}
.list-why-choose-us {
    display: inline;
    list-style: none;
    margin-top: 30px;
    text-align: left;
}
.list-why-choose-us li {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
}
.list-why-choose-us li:before {
    content: '\f061';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
}
.list-why-choose-us li + li {
    margin-top: 17px;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.about-right-side:hover .full-text-container + .full-image-container:before,
.about-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.about-right-side {
    position: relative;
    display: table;
    table-layout: fixed;
}
.full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
}
.full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.about-right-side:hover .full-image-container:before,
.about-right-side .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.about-right-side:hover .full-text-container + .full-image-container:before,
.about-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.about-right-side:hover .full-image-overlay,
.about-right-side .hovered .full-image-overlay {
    text-align: left;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
}
.full-text-container * {
    max-width: 700px;
}
.full-text-container.left {
    text-align: right;
}
.full-text-container.left * {
    margin-left: auto;
}
.full-text-container p {
    margin-bottom: 10px;
}
/* ocupapoco
---------------------------------------- */
.ocupapoco {
    color: #fff;
    background-image: url("../img/sections/ocupa_poco_espacio.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}

.ocupapoco .ocupapoco-content .title-ocupapoco {
    font-size: 28px;
    margin-bottom: 10px;
}

.ocupapoco .ocupapoco-content {
    margin-top: 40px;
		 background-color: rgba(0, 0, 0, 0.3) !important;

}
.ocupapoco .ocupapoco-content .ocupapoco-left-side {
    margin-top: 40px;
}
.ocupapoco .ocupapoco-content .custom-button {
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
}
.ocupapoco .ocupapoco-content .custom-button:before {
    content: "\f03e";
}
.ocupapoco .ocupapoco-content .full-image-overlay h3 {
    text-transform: Capitalize;
    color: #ffffff;
	margin-top:20px;
		
}
.ocupapoco .ocupapoco-content .ocupapoco-right-side img {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: auto;
    display: block;
}
.list-why-choose-us {
    display: inline;
    list-style: none;
    margin-top: 30px;
    text-align: left;
}
.list-why-choose-us li {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
}
.list-why-choose-us li:before {
    content: '\f061';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
}
.list-why-choose-us li + li {
    margin-top: 14px;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.ocupapoco-right-side:hover .full-text-container + .full-image-container:before,
.ocupapoco-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.ocupapoco-right-side {
    position: relative;
    display: table;
    table-layout: fixed;
}
.full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
}
.full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.ocupapoco-right-side:hover .full-image-container:before,
.ocupapoco-right-side .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.ocupapoco-right-side:hover .full-text-container + .full-image-container:before,
.ocupapoco-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.ocupapoco-right-side:hover .full-image-overlay,
.ocupapoco-right-side .hovered .full-image-overlay {
    text-align: left;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
}
.full-text-container * {
    max-width: 700px;
}
.full-text-container.left {
    text-align: right;
}
.full-text-container.left * {
    margin-left: auto;
}
.full-text-container p {
    margin-bottom: 10px;
}

/* estructurabasic
---------------------------------------- */
.estructurabasic {
    color:#fff;
    background-image: url("../img/sections/estructurabasic.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 115%;
}
.estructurabasic h2 {
   color:#FFF !important;
}
.estructurabasic h1 {
   color:#FFF !important;
}
.estructurabasic h3 {
   color:#FFF !important;
}
.estructurabasic h4 {
   color:#FFF !important;
}
.estructurabasic .estructurabasic-content .title-estructurabasic {
    font-size: 28px;
    margin-bottom: 10px;
}
.estructurabasic hr {
   color:#FFF;
}
.estructurabasic .estructurabasic-content {
    margin-top: 40px;
		 background-color: rgba(0, 0, 0, 0.0) !important;

}
.estructurabasic .estructurabasic-content .estructurabasic-left-side {
    margin-top: 40px;
}
.estructurabasic .estructurabasic-content .custom-button {
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
}
.estructurabasic .estructurabasic-content .custom-button:before {
    content: "\f03e";
}
.estructurabasic .estructurabasic-content .full-image-overlay h3 {
    text-transform: Capitalize;
    color: #ffffff;
	margin-top:20px;
		
}
.estructurabasic .estructurabasic-content .estructurabasic-right-side img {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: auto;
    display: block;
}
.list-why-choose-us {
    display: inline;
    list-style: none;
    margin-top: 30px;
    text-align: left;
}
.list-why-choose-us li {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
}
.list-why-choose-us li:before {
    content: '\f061';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
}
.list-why-choose-us li + li {
    margin-top: 14px;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructurabasic-right-side:hover .full-text-container + .full-image-container:before,
.estructurabasic-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructurabasic-right-side {
    position: relative;
    display: table;
    table-layout: fixed;
}
.full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
}
.full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructurabasic-right-side:hover .full-image-container:before,
.estructurabasic-right-side .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.estructurabasic-right-side:hover .full-text-container + .full-image-container:before,
.estructurabasic-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructurabasic-right-side:hover .full-image-overlay,
.estructurabasic-right-side .hovered .full-image-overlay {
    text-align: left;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
}
.full-text-container * {
    max-width: 700px;
}
.full-text-container.left {
    text-align: right;
}
.full-text-container.left * {
    margin-left: auto;
}
.full-text-container p {
    margin-bottom: 10px;
}


/* estructuraelite
---------------------------------------- */
.estructuraelite {
  
    background-image: url("../img/sections/estructuraelite.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 125%;
}

.estructuraelite .estructuraelite-content .title-estructuraelite {
    font-size: 28px;
    margin-bottom: 10px;
}
.estructuraelite hr {
   color:#FFF;
}
.estructuraelite .estructuraelite-content {
    margin-top: 40px;
		 background-color: rgba(0, 0, 0, 0.0) !important;

}
.estructuraelite .estructuraelite-content .estructuraelite-left-side {
    margin-top: 40px;
}
.estructuraelite .estructuraelite-content .custom-button {
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
}
.estructuraelite .estructuraelite-content .custom-button:before {
    content: "\f03e";
}
.estructuraelite .estructuraelite-content .full-image-overlay h3 {
    text-transform: Capitalize;
    color: #ffffff;
	margin-top:20px;
		
}
.estructuraelite .estructuraelite-content .estructuraelite-right-side img {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: auto;
    display: block;
}
.list-why-choose-us {
    display: inline;
    list-style: none;
    margin-top: 30px;
    text-align: left;
}
.list-why-choose-us li {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
}
.list-why-choose-us li:before {
    content: '\f061';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
}
.list-why-choose-us li + li {
    margin-top: 14px;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructuraelite-right-side:hover .full-text-container + .full-image-container:before,
.estructuraelite-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructuraelite-right-side {
    position: relative;
    display: table;
    table-layout: fixed;
}
.full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
}
.full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructuraelite-right-side:hover .full-image-container:before,
.estructuraelite-right-side .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.estructuraelite-right-side:hover .full-text-container + .full-image-container:before,
.estructuraelite-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructuraelite-right-side:hover .full-image-overlay,
.estructuraelite-right-side .hovered .full-image-overlay {
    text-align: left;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
}
.full-text-container * {
    max-width: 700px;
}
.full-text-container.left {
    text-align: right;
}
.full-text-container.left * {
    margin-left: auto;
}
.full-text-container p {
    margin-bottom: 10px;
}


/* estructurabigfoot
---------------------------------------- */
.estructurabigfoot {
    color: #fff;
    background-image: url("../img/sections/estructurabigfoot.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 115%;
}
.estructurabigfoot h4 {
   color:#FFF !important;
}
.estructurabigfoot h1 {
   color:#FFF !important;
}
.estructurabigfoot h2 {
   color:#FFF !important;
}
.estructurabigfoot hr {
   color:#FFF !important;
}
.estructurabigfoot .estructurabigfoot-content .title-estructurabigfoot {
    font-size: 28px;
    margin-bottom: 10px;
}

.estructurabigfoot .estructurabigfoot-content {
    margin-top: 40px;
		 background-color: rgba(0, 0, 0, 0.0) !important;

}
.estructurabigfoot .estructurabigfoot-content .estructurabigfoot-left-side {
    margin-top: 40px;
}
.estructurabigfoot .estructurabigfoot-content .custom-button {
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
}
.estructurabigfoot .estructurabigfoot-content .custom-button:before {
    content: "\f03e";
}
.estructurabigfoot .estructurabigfoot-content .full-image-overlay h3 {
    text-transform: Capitalize;
    color: #ffffff;
	margin-top:20px;
		
}
.estructurabigfoot .estructurabigfoot-content .estructurabigfoot-right-side img {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: auto;
    display: block;
}
.list-why-choose-us {
    display: inline;
    list-style: none;
    margin-top: 30px;
    text-align: left;
}
.list-why-choose-us li {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
}
.list-why-choose-us li:before {
    content: '\f061';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
}
.list-why-choose-us li + li {
    margin-top: 14px;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructurabigfoot-right-side:hover .full-text-container + .full-image-container:before,
.estructurabigfoot-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructurabigfoot-right-side {
    position: relative;
    display: table;
    table-layout: fixed;
}
.full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
}
.full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructurabigfoot-right-side:hover .full-image-container:before,
.estructurabigfoot-right-side .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.estructurabigfoot-right-side:hover .full-text-container + .full-image-container:before,
.estructurabigfoot-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructurabigfoot-right-side:hover .full-image-overlay,
.estructurabigfoot-right-side .hovered .full-image-overlay {
    text-align: left;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
}
.full-text-container * {
    max-width: 700px;
}
.full-text-container.left {
    text-align: right;
}
.full-text-container.left * {
    margin-left: auto;
}
.full-text-container p {
    margin-bottom: 10px;
}
/* estructuraclassic
---------------------------------------- */
.estructuraclassic {
    color: #fff;
    background-image: url("../img/sections/estructuraclassic.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 115%;
	hr color="#666" !important;
}


.estructuraclassic .estructuraclassic-content .title-estructuraclassic {
    font-size: 28px;
    margin-bottom: 10px;
}

.estructuraclassic .estructurabigfoot-content {
    margin-top: 40px;
		 background-color: rgba(0, 0, 0, 0.0) !important;

}
.estructuraclassic .estructuraclassic-content .estructuraclassic-left-side {
    margin-top: 40px;
}
.estructuraclassic .estructuraclassic-content .custom-button {
    padding: 12px 26px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
}
.estructuraclassic .estructuraclassic-content .custom-button:before {
    content: "\f03e";
}
.estructuraclassic .estructuraclassic-content .full-image-overlay h3 {
    text-transform: Capitalize;
    color: #ffffff;
	margin-top:20px;
		
}
.estructuraclassic .estructuraclassic-content .estructuraclassic-right-side img {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 auto;
    margin-left: auto;
    display: block;
}
.list-why-choose-us {
    display: inline;
    list-style: none;
    margin-top: 30px;
    text-align: left;
}
.list-why-choose-us li {
    position: relative;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
}
.list-why-choose-us li:before {
    content: '\f061';
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    font-size: 15px;
    font-family: "FontAwesome";
}
.list-why-choose-us li + li {
    margin-top: 14px;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructuraclassic-right-side:hover .full-text-container + .full-image-container:before,
.estructuraclassic-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructuraclassic-right-side {
    position: relative;
    display: table;
    table-layout: fixed;
}
.full-image-container {
    width: 50%;
    display: table-cell;
    position: relative;
    overflow: hidden;
}
.full-image-container:before {
    content: '';
    position: absolute;
    top: 5%;
    right: 0%;
    width: 50%;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container + .full-image-container:before {
    right: auto;
    left: 0;
}
.estructuraclassic-right-side:hover .full-image-container:before,
.estructuraclassic-right-side .full-image-container.hovered:before {
    width: 90%;
    right: 5%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.estructuraclassic-right-side:hover .full-text-container + .full-image-container:before,
.estructuraclassic-right-side .full-text-container + .full-image-container.hovered:before {
    right: auto;
    left: 5%;
}
.estructuraclassic-right-side:hover .full-image-overlay,
.estructuraclassic-right-side .hovered .full-image-overlay {
    text-align: left;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #ffffff;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.full-text-container {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 50px;
    position: static;
}
.full-text-container * {
    max-width: 700px;
}
.full-text-container.left {
    text-align: right;
}
.full-text-container.left * {
    margin-left: auto;
}
.full-text-container p {
    margin-bottom: 10px;
}
/* Project Manager 
---------------------------------------- */

.projectmanager {
    color: #fff;
   
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.projectmanager .section-overlay {
    padding: 90px 0 120px;
	 background-color: rgba(0, 0, 0, 0.4) !important;
}
.projectmanagerpicture {
    border-radius: 50%;
}
.projectmanager h1 {
    margin-bottom: 20px;
}
.projectmanager h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.projectmanager p {
    color: #fff;
}
.projectmanager blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: # F9F9F9;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.projectmanager p,
.projectmanager blockquote {
    margin-top: 30px;
    font-style: italic;
}
.projectmanager li:hover,
.projectmanager li:hover a,
.projectmanager li a:hover {
    color: #fff;
}
/* aluminiodetalles
---------------------------------------- */

.aluminiodetalles {
    color: #fff;
   
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.aluminiodetalles .section-overlay {
    padding: 90px 0 120px;
	 background-color: rgba(0, 0, 0, 0.4) !important;
}
.aluminiodetallespicture {
    border-radius: 50%;
	border: 12px solid #ffb400;
}
.aluminiodetalles h1 {
    margin-bottom: 20px;
}
.aluminiodetalles h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	   color:#ffb400;
}
.aluminiodetalles p {
    color: #fff;
}
.aluminiodetalles blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #F9F9F9;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
	border-color:#ffb400;
}
.aluminiodetalles p,
.aluminiodetalles blockquote {
    margin-top: 30px;
    font-style: italic;
}
.aluminiodetalles li:hover,
.aluminiodetalles li:hover a,
.aluminiodetalles li a:hover {
    color: #fff;
}
/* pieclassicacero
---------------------------------------- */

.pieclassicacero {
    color: #fff;
   
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.pieclassicacero .section-overlay {
    padding: 90px 0 120px;
	 background-color: rgba(0, 0, 0, 0.4) !important;
}
.pieclassicaceropicture {
    border-radius: 50%;
	border: 12px solid #ffb400;
}
.pieclassicacero h1 {
    margin-bottom: 20px;
}
.pieclassicacero h2 {
    color:#fff;
}
.pieclassicacero h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	   color:#ffb400;
}
.pieclassicacero p {
    color: #fff;
}
.pieclassicacero blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #F9F9F9;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
	border-color:#ffb400;
}
.pieclassicacero p,
.pieclassicacero blockquote {
    margin-top: 30px;
    font-style: italic;
}
.pieclassicacero li:hover,
.pieclassicacero li:hover a,
.pieclassicacero li a:hover {
    color: #fff;
}
/* coloresclassic
---------------------------------------- */

.coloresclassic {
    color: #fff;
   
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.coloresclassic .section-overlay {
    padding: 90px 0 120px;
	 background-color: rgba(0, 0, 0, 0.4) !important;
}
.coloresclassicpicture {
    border-radius: 50%;
	border: 12px solid #ffb400;
}
.coloresclassic h1 {
    margin-bottom: 20px;
	    color: #fff;
}
.coloresclassic h2 {
	    color: #fff;
}
.coloresclassic h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	   color:#ffb400;
}
.coloresclassic p {
    color: #fff;
}
.coloresclassic blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #F9F9F9;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
	border-color:#ffb400;
}
.coloresclassic p,
.coloresclassic blockquote {
    margin-top: 30px;
    font-style: italic;
}
.coloresclassic li:hover,
.coloresclassic li:hover a,
.coloresclassic li a:hover {
    color: #fff;
}
/* personalizacion
---------------------------------------- */

.personalizacion {
    color: #fff;
    background-image: url("../img/sections/personalizacion.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.personalizacion .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.personalizacionpicture {
    border-radius: 50%;
}
.personalizacion h1 {
    margin-bottom: 20px;
}
.personalizacion h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.personalizacion p {
    color: #fff;
}
.personalizacion blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.personalizacion p,
.personalizacion blockquote {
    margin-top: 30px;
    font-style: italic;
}
.personalizacion li:hover,
.personalizacion li:hover a,
.personalizacion li a:hover {
    color: #fff;
}
.personalizacion h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* comparison comparador
---------------------------------------- */
.comparison {
  max-width:940px;
  margin:0 auto;
  font:15px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  padding:10px;
  background:#FFF
}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
  color:#000
}

.compare-heading {
  font-size:18px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;
}

.comparison tbody tr:nth-child(odd) {
  display:none;
}

.comparison .compare-row {
  background:#F5F5F5;
}

.comparison .tickgreen {
	color:#abd119;
}

.comparison .tickblue {
	color:#89d1ff;

}
.comparison .cruz {
	color:#F00;

}
.comparison .tickyellow {
	color:#f4cb00;

}
.comparison .tickred {
	color:#d94000;

}

.comparison .tickgrey {
	color:#A0A0A4;

}
.comparison th {
	font-weight:normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: auto;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:15px;
  border-right:1px solid #CCC;
  border-bottom:0;
}

.comparison .tl2 {
  border-right:0;
}

.comparison .qbse {
	color:#111111;
  background:#abd119;
  border-top-left-radius: 3px;
  border-left:0px;
}

.comparison .amarillo {
	 color:#111111;
  background:#ffdd34;
  border-top-left-radius: 3px;
  border-left:0px;
}
.comparison .rojo {
	 color:#111111;
  background:#ff4c00;
  border-top-left-radius: 3px;
  border-left:0px;
}
.comparison .gris {
	 color:#FFF;
  background:#808080;
  border-top-left-radius: 3px;
  border-left:0px;
}
.comparison .qbo {
  background:#89d1ff;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .azul {
	 color:#111111;
  background:#89d1ff;
  border-top-right-radius: 3px;
  border-right:0px;
}


.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#999;

}

.comparison .price-now, .comparison .price-now span {
  color:#ff5406;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#ff5406;
  padding:10px 10px;
  font-size:15px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.comparison .price-try {
  font-size:16px;
}

.comparison .price-try a {
  color:#202020;
}

@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {
    background:#FFF;
  }
  .comparison td, .comparison th {
    border:1px solid #CCC;
  }
  .price-info {
  border-top:0 !important;
  
}
  
}

@media (max-width: 639px) {
  .comparison .price-buy {
    padding:2px 2px;
  }
  .comparison td, .comparison th {
    padding:10px 5px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .price-now span {
  font-size:16px;
}

.comparison .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .comparison .qbse, .comparison .qbo {
    font-size:16px;
    padding:10px 5px;
  }
  .comparison .price-buy {
    margin-top:10px;
  }
  .compare-heading {
  font-size:16px;
}
}
/* seccion3d
---------------------------------------- */
.seccion3d {

  margin:0 auto;
  font:16px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif; 
  text-align:center;
  padding:10px;
  background:#FFF
}
.seccion3d table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.seccion3d td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
  color:#000
}

.compare-heading {
  font-size:18px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;
}

.seccion3d tbody tr:nth-child(odd) {
  display:none;
}

.seccion3d .compare-row {
  background:#F5F5F5;
}

.seccion3d .tickgreen {
	color:#009e2c;
}

.seccion3d .tickblue {
	color:#0078C1;

}
.seccion3d .cruz {
	color:#F00;

}
.seccion3d .tickyellow {
	color:#EABE3F;

}

.seccion3d th {
	font-weight:normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: auto;
}

.seccion3d tr td:first-child {
  text-align:left;
}
  
.seccion3d .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
}

.seccion3d .tl2 {
  border-right:0;
}

.seccion3d .qbse {
  background:#009E2C ;
  border-top-left-radius: 3px;
  border-left:0px;
}

.seccion3d .amarillo {
	 color:#FFF;
  background:#EABE3F;
  border-top-left-radius: 3px;
  border-left:0px;
}
.seccion3d .qbo {
  background:#0078C1;
  border-top-right-radius: 3px;
  border-right:0px;
}

.seccion3d .price-info {
  padding:5px 15px 15px 15px;
}

.seccion3d .price-was {
  color:#999;

}

.seccion3d .price-now, .comparison .price-now span {
  color:#ff5406;
}

.seccion3d .price-now span {
  font-size:32px;
}

.seccion3d .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.seccion3d .price-buy {
  background:#ff5406;
  padding:10px 10px;
  font-size:16px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.seccion3d .price-try {
  font-size:15px;
}

.seccion3d .price-try a {
  color:#202020;
}

@media (max-width: 767px) {
  .seccion3d td:first-child, .comparison th:first-child {
    display: none;
  }
  .seccion3d tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .seccion3d .row {
    background:#FFF;
  }
  .seccion3d td, .comparison th {
    border:1px solid #CCC;
  }
  .price-info {
  border-top:0 !important;
  
}
  
}

@media (max-width: 639px) {
  .seccion3d .price-buy {
    padding:2px 2px;
  }
  .seccion3d td, .comparison th {
    padding:10px 5px;
  }
  .seccion3d .hide-mobile {
    display:none;
  }
  .seccion3d .price-now span {
  font-size:16px;
}

.seccion3d .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .seccion3d .qbse, .comparison .qbo {
    font-size:15px;
    padding:10px 5px;
  }
  .seccion3d .price-buy {
    margin-top:10px;
  }
  .compare-heading {
  font-size:13px;
}
}
/* personalizacion2
---------------------------------------- */

.personalizacion2 {
    color: #fff;
    background-image: url("../img/sections/personalizacion2.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.personalizacion2 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.personalizacion2picture {
    border-radius: 50%;
}
.personalizacion2 h1 {
    margin-bottom: 20px;
}
.personalizacion2 h2 {
   color:#fff;
}
.personalizacion2 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.personalizacion2 p {
    color: #fff;
}
.personalizacion2 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.personalizacion2 p,
.personalizacion2 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.personalizacion2 li:hover,
.personalizacion2 li:hover a,
.personalizacion2 li a:hover {
    color: #fff;
}
.personalizacion2 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* personalizacion3
---------------------------------------- */

.personalizacion3 {
    color: #fff;
    background-image: url("../img/sections/personalizacion3.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.personalizacion3 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.personalizacion3picture {
    border-radius: 50%;
}
.personalizacion3 h1 {
    margin-bottom: 20px;
}
.personalizacion3 h2 {
   color:#fff;
}
.personalizacion3 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.personalizacion3 p {
    color: #fff;
}
.personalizacion3 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.personalizacion3 p,
.personalizacion3 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.personalizacion3 li:hover,
.personalizacion3 li:hover a,
.personalizacion3 li a:hover {
    color: #fff;
}
.personalizacion3 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* refuerzospvcbasic
---------------------------------------- */

.refuerzospvcbasic {
    color: #fff;
    background-image: url("../img/sections/refuerzospvcbasic.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.refuerzospvcbasic .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.refuerzospvcbasicpicture {
    border-radius: 50%;
}
.refuerzospvcbasic h1 {
    margin-bottom: 20px;
	color:#FFF
}
.refuerzospvcbasic h2 {
   color:#FFF;
}
.refuerzospvcbasic h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.refuerzospvcbasic p {
    color: #fff;
}
.refuerzospvcbasic blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.refuerzospvcbasic p,
.refuerzospvcbasic blockquote {
    margin-top: 30px;
    font-style: italic;
}
.refuerzospvcbasic li:hover,
.refuerzospvcbasic li:hover a,
.refuerzospvcbasic li a:hover {
    color: #fff;
}
.refuerzospvcbasic h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* estructuraclassic1
---------------------------------------- */

.estructuraclassic1 {
    color: #fff;
    background-image: url("../img/sections/estructuraclassic1.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.estructuraclassic1 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.estructuraclassic1picture {
    border-radius: 50%;
}
.estructuraclassic1 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.estructuraclassic1 h2 {
	color:#FFF
}
.estructuraclassic1 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.estructuraclassic1 p {
    color: #fff;
}
.estructuraclassic1 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.estructuraclassic1 p,
.estructuraclassic1 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.estructuraclassic1 li:hover,
.estructuraclassic1 li:hover a,
.estructuraclassic1 li a:hover {
    color: #fff;
}
.estructuraclassic1 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic1
---------------------------------------- */

.fondoclassic1 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic1.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic1 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.fondoclassic1picture {
    border-radius: 50%;
}
.fondoclassic1 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic1 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic1 p {
    color: #fff;
}
.fondoclassic1 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic1 p,
.fondoclassic1 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic1 li:hover,
.fondoclassic1 li:hover a,
.fondoclassic1 li a:hover {
    color: #fff;
}
.fondoclassic1 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic2
---------------------------------------- */

.fondoclassic2 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic2.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic2 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.fondoclassic2picture {
    border-radius: 50%;
}
.fondoclassic2 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic2 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic2 p {
    color: #fff;
}
.fondoclassic2 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic2 p,
.fondoclassic2 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic2 li:hover,
.fondoclassic2 li:hover a,
.fondoclassic2 li a:hover {
    color: #fff;
}
.fondoclassic2 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic3
---------------------------------------- */

.fondoclassic3 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic3.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic3 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.fondoclassic3picture {
    border-radius: 50%;
}
.fondoclassic3 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic3 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic3 p {
    color: #fff;
}
.fondoclassic3 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic3 p,
.fondoclassic3 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic3 li:hover,
.fondoclassic3 li:hover a,
.fondoclassic3 li a:hover {
    color: #fff;
}
.fondoclassic3 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* personalizable
---------------------------------------- */

.personalizable {
    color: #fff;
    background-image: url("../img/sections/personalizable.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.personalizable .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.personalizablepicture {
    border-radius: 50%;
}
.personalizable h1 {
    margin-bottom: 20px;
}
.personalizable h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.personalizable p {
    color: #fff;
}
.personalizable blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.personalizable p,
.personalizable blockquote {
    margin-top: 30px;
    font-style: italic;
}
.personalizable li:hover,
.personalizable li:hover a,
.personalizable li a:hover {
    color: #fff;
}
.personalizable h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* blockchain
---------------------------------------- */

.blockchain {
    color: #fff;
    background: url("../img/sections/carpas-plegables-originales.jpg") center center no-repeat;
    background-attachment: fixed;   /* 🔥 efecto parallax consistente */
    background-size: cover;         /* cubre toda la pantalla */
    position: relative;
    width: 100%;
}

/* Overlay negro translúcido encima del fondo */
.blockchain .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

/* Imagen circular */
.blockchainpicture {
    border-radius: 50%;
}

/* Títulos y subtítulos */
.blockchain h1 {
    margin-bottom: 20px;
}
.blockchain h2.display-3 {
    font-size: calc(2.25rem + 1.2vw);
    line-height: 1.15;
}
.blockchain h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
    color: #ffb400;
    text-transform: uppercase;
}

/* Texto */
.blockchain p {
    color: #fff;
    font-style: normal !important;
    font-size: 1.15rem;
    line-height: 1.6;
}
.blockchain .lead { 
    font-size: 1.25rem; 
    line-height: 1.55; 
    font-weight: 500; 
    font-style: normal !important;
}

/* Citas */
.blockchain blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
    border-left: 5px solid #eee;
    padding-left: 20px;
}

/* Hover en enlaces */
.blockchain li:hover,
.blockchain li:hover a,
.blockchain li a:hover {
    color: #fff;
}

/* selloscalidad
---------------------------------------- */

.selloscalidad {
    color: #fff;
    background-image: url("../img/sections/bg_sellos_calidad.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.selloscalidad .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
.selloscalidadpicture {
    border-radius: 50%;
}
.selloscalidad h1 {
    margin-bottom: 20px;
	color:#FFF
}
.selloscalidad h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.selloscalidad p {
    color: #fff;
}
.selloscalidad blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.selloscalidad p,
.selloscalidad blockquote {
    margin-top: 30px;
    font-style: italic;
}
.selloscalidad li:hover,
.selloscalidad li:hover a,
.selloscalidad li a:hover {
    color: #fff;
}
.selloscalidad h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic8
---------------------------------------- */

.fondoclassic8 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic8.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic8 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.fondoclassic8picture {
    border-radius: 50%;
}
.fondoclassic8 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic8 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic8 p {
    color: #fff;
}
.fondoclassic8 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic8 p,
.fondoclassic8 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic8 li:hover,
.fondoclassic8 li:hover a,
.fondoclassic8 li a:hover {
    color: #fff;
}
.fondoclassic8 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic9
---------------------------------------- */

.fondoclassic9 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic9.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic9 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.fondoclassic9picture {
    border-radius: 50%;
}
.fondoclassic9 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic9 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic9 p {
    color: #fff;
}
.fondoclassic9 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic9 p,
.fondoclassic9 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic9 li:hover,
.fondoclassic9 li:hover a,
.fondoclassic9 li a:hover {
    color: #fff;
}
.fondoclassic9 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic6
---------------------------------------- */

.fondoclassic6 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic6.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic6 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.fondoclassic6picture {
    border-radius: 50%;
}
.fondoclassic6 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic6 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic6 p {
    color: #fff;
}
.fondoclassic6 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic6 p,
.fondoclassic6 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic6 li:hover,
.fondoclassic6 li:hover a,
.fondoclassic6 li a:hover {
    color: #fff;
}
.fondoclassic6 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* camisetas
---------------------------------------- */

.camisetas {
    background: url("../img/sections/camisetas-bg.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	}
	.camisetas .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.0) !important;

}
.camisetas #quote-carousel {
    margin-top: 50px;
}
.camisetas #quote-carousel hr {
    border-top: 1px solid #fff;
}
.camisetas #quote-carousel,
.camisetas #quote-carousel h6 {
    color: #fff;
}
.camisetas #quote-carousel blockquote {
    padding: 0;
    text-align: center;
    font-size: 15px;
    border: none;
}
.camisetas #quote-carousel p {
    font-style: italic;
    color: #fff;
}
.camisetas #quote-carousel p:before,
.camisetas #quote-carousel p:after {
    font-family: "FontAwesome";
}
.camisetas #quote-carousel p:before {
    margin-right: 20px;
    content: "\f10d";
}
.camisetas #quote-carousel p:after {
    margin-left: 20px;
    content: "\f10e";
}
.camisetas #quote-carousel h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
}
.camisetas #quote-carousel h6 {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
}
.camisetas #quote-carousel .img-fluid {
    margin: 0 auto 25px;
    border: 6px solid #f9f9f9;
    background: #f9f9f9;
}
.camisetas #quote-carousel .carousel-indicators {
    bottom: -40px;
}
.camisetas #quote-carousel .carousel-indicators li {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
}
.camisetas #quote-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

/* carrusel
---------------------------------------- */

.carrusel {
    background: url("../img/sections/carrusel-bg.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: inherit;
    background-size: auto 100%;
	}
.carrusel .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.0) !important;

}
.carrusel .borde {
  border-radius: 20px;
  border: 3px solid #333;
}
.carrusel .borde:hover {

    border: 3px solid orange;
	margin: 0 0 0 0;
}

.carrusel picture {
    border-radius: 50%;
}
.carrusel #quote-carousel {
    margin-top: 50px;
}
.carrusel #quote-carousel hr {
    border-top: 1px solid #fff;
}
.carrusel #quote-carousel,
.carrusel #quote-carousel h6 {
    color: #fff;
}
.carrusel #quote-carousel blockquote {
    padding: 0;
    text-align: center;
    font-size: 15px;
    border: none;
}
.carrusel #quote-carousel p {
    font-style: italic;
    color: #fff;
}
.carrusel #quote-carousel p:before,
.carrusel #quote-carousel p:after {
    font-family: "FontAwesome";
}
.carrusel #quote-carousel p:before {
    margin-right: 20px;
    content: "\f10d";
}
.carrusel #quote-carousel p:after {
    margin-left: 20px;
    content: "\f10e";
}
.carrusel h1 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 800;
}
.carrusel #quote-carousel h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
}
.carrusel #quote-carousel h6 {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
}
.carrusel #quote-carousel .img-fluid {
    margin: 0 auto 25px;
    border: 6px solid #f9f9f9;
    background: #f9f9f9;
}
.carrusel #quote-carousel .carousel-indicators {
    bottom: -40px;
}
.carrusel #quote-carousel .carousel-indicators li {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
}
.carrusel #quote-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

/* hilo
---------------------------------------- */

.hilo {
    color: #fff;
    background-image: url("../img/sections/hilo.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	
}
.hilo .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.hilopicture {
    border-radius: 50%;
}
.hilo h1 {
    margin-bottom: 20px;
	color:#FFF
	
}
.hilo h2 {
	color:#FFF
}
.hilo h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.hilo p {
    color: #fff;
}
.hilo blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.hilo p,
.hilo blockquote {
    margin-top: 30px;
    font-style: italic;
}
.hilo li:hover,
.hilo li:hover a,
.hilo li a:hover {
    color: #fff;
}
.hilo h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* perfilaluclassic
---------------------------------------- */

.perfilaluclassic {
    color: #fff;
    background-image: url("../img/sections/perfilaluclassic.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	
}
.perfilaluclassic .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.4) !important;
}
.perfilaluclassicpicture {
    border-radius: 50%;
}
.perfilaluclassic h1 {
    margin-bottom: 20px;
	color:#FFF
	
}
.perfilaluclassic h2 {
	color:#FFF
}
.perfilaluclassic h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.perfilaluclassic p {
    color: #fff;
}
.perfilaluclassic blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.perfilaluclassic p,
.perfilaluclassic blockquote {
    margin-top: 30px;
    font-style: italic;
}
.perfilaluclassic li:hover,
.perfilaluclassic li:hover a,
.perfilaluclassic li a:hover {
    color: #fff;
}
.perfilaluclassic h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* fondoclassic7
---------------------------------------- */

.fondoclassic7 {
    color: #fff;
    background-image: url("../img/sections/fondoclassic7.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.fondoclassic7 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.fondoclassic7picture {
    border-radius: 50%;
}
.fondoclassic7 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.fondoclassic7 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.fondoclassic7 p {
    color: #fff;
}
.fondoclassic7 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.fondoclassic7 p,
.fondoclassic7 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.fondoclassic7 li:hover,
.fondoclassic7 li:hover a,
.fondoclassic7 li a:hover {
    color: #fff;
}
.fondoclassic7 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* estructuraclassic2
---------------------------------------- */

.estructuraclassic2 {
    color: #fff;
    background-image: url("../img/sections/estructuraclassic2.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.estructuraclassic2 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.eestructuraclassic2picture {
    border-radius: 50%;
}
.estructuraclassic2 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.estructuraclassic2 h2 {
	color:#FFF
	
}
.estructuraclassic2 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.estructuraclassic2 p {
    color: #fff;
}
.estructuraclassic2 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.estructuraclassic2 p,
.estructuraclassic2 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.estructuraclassic2 li:hover,
.estructuraclassic2 li:hover a,
.estructuraclassic2 li a:hover {
    color: #fff;
}
.estructuraclassic2 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* estructuraclassic3
---------------------------------------- */

.estructuraclassic3 {
    color: #fff;
    background-image: url("../img/sections/estructuraclassic3.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	
}
.estructuraclassic3 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.estructuraclassic3picture {
    border-radius: 50%;
}
.estructuraclassic3 h1 {
    margin-bottom: 20px;
	color:#FFF
	
}
.estructuraclassic3 h2 {
	color:#FFF
	
}
.estructuraclassic3 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.estructuraclassic3 p {
    color: #fff;
}
.estructuraclassic3 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.estructuraclassic3 p,
.estructuraclassic3 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.estructuraclassic3 li:hover,
.estructuraclassic3 li:hover a,
.estructuraclassic3 li a:hover {
    color: #fff;
}
.estructuraclassic3 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* estructuraclassic4
---------------------------------------- */

.estructuraclassic4 {
    color: #fff;
    background-image: url("../img/sections/estructuraclassic4.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
	
}
.estructuraclassic4 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.estructuraclassic4picture {
    border-radius: 50%;
}
.estructuraclassic4 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.estructuraclassic4 h2 {
	color:#FFF
}
.estructuraclassic4 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.estructuraclassic4 p {
    color: #fff;
}
.estructuraclassic4 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.estructuraclassic4 p,
.estructuraclassic4 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.estructuraclassic4 li:hover,
.estructuraclassic4 li:hover a,
.estructuraclassic4 li a:hover {
    color: #fff;
}
.estructuraclassic4 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* costillasbigfoot
---------------------------------------- */

.costillasbigfoot {
    color: #fff;
    background-image: url("../img/sections/costillasbigfoot.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.costillasbigfoot .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.costillasbigfootpicture {
    border-radius: 50%;
}
.costillasbigfoot h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillasbigfoot h2 {
	color:#FFF
}
.costillasbigfoot h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillasbigfoot p {
    color: #fff;
}
.costillasbigfoot blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillasbigfoot p,
.costillasbigfoot blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillasbigfoot li:hover,
.costillasbigfoot li:hover a,
.costillasbigfoot li a:hover {
    color: #fff;
}
.costillasbigfoot h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* costillaslight
---------------------------------------- */

.costillaslight {
    color: #fff;
    background-image: url("../img/sections/costillaslight.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.costillaslight .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.costillaslightpicture {
    border-radius: 50%;
}
.costillaslight h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillaslight h2 {
	color:#FFF
}
.costillaslight h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillaslight p {
    color: #fff;
}
.costillaslight blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillaslight p,
.costillaslight blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillaslight li:hover,
.costillaslight li:hover a,
.costillaslight li a:hover {
    color: #fff;
}
.costillaslight h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* costillaseliteuniones
---------------------------------------- */

.costillaseliteuniones {
    color: #fff;
    background-image: url("../img/sections/costillaseliteuniones.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.costillaseliteuniones .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.costillaseliteunionespicture {
    border-radius: 50%;
}
.costillaseliteuniones h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillaseliteuniones h2 {
	color:#FFF
}
.costillaseliteuniones h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillaseliteuniones p {
    color: #fff;
}
.costillaseliteuniones blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillaseliteuniones p,
.costillaseliteuniones blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillaslight li:hover,
.costillaslight li:hover a,
.costillaslight li a:hover {
    color: #fff;
}
.costillaseliteuniones h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* costillasbigfoot2
---------------------------------------- */

.costillasbigfoot2 {
    color: #fff;
    background-image: url("../img/sections/costillasbigfoot2.jpg");
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.costillasbigfoot2 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.costillasbigfoot2picture {
    border-radius: 50%;
}
.costillasbigfoot2 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillasbigfoot2 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillasbigfoot2 p {
    color: #fff;
}
.costillasbigfoot2 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillasbigfoot2 p,
.costillasbigfoot2 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillasbigfoot2 li:hover,
.costillasbigfoot2 li:hover a,
.costillasbigfoot2 li a:hover {
    color: #fff;
}
.costillasbigfoot2 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* costillaselite2
---------------------------------------- */

.costillaselite2 {
    color: #fff;
    background-image: url("../img/sections/costillaselite2.jpg");
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.costillaselite2 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.costillaselite2picture {
    border-radius: 50%;
}
.costillaselite2 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillaselite2 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillaselite2 p {
    color: #fff;
}
.costillaselite2 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillaselite2 p,
.costillaselite2 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillaselite2 li:hover,
.costillaselite2 li:hover a,
.costillaselite2 li a:hover {
    color: #fff;
}
.costillaselite2 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* costillaslight2
---------------------------------------- */

.costillaslight2 {
    color: #fff;
    background-image: url("../img/sections/costillaslight2.jpg");
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.costillaslight2 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.costillaslight2picture {
    border-radius: 50%;
}
.costillaslight2 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillaslight2 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillaslight2 p {
    color: #fff;
}
.costillaslight2 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillaslight2 p,
.costillaslight2 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillaslight2 li:hover,
.costillaslight2 li:hover a,
.costillaslight2 li a:hover {
    color: #fff;
}
.costillaslight2 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* costillasbigfoot3
---------------------------------------- */

.costillasbigfoot3 {
    color: #fff;
    background-image: url("../img/sections/costillasbigfoot3.jpg");
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.costillasbigfoot3 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.costillasbigfoot3picture {
    border-radius: 50%;
}
.costillasbigfoot3 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillasbigfoot3 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillasbigfoot2 p {
    color: #fff;
}
.costillasbigfoot3 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillasbigfoot3 p,
.costillasbigfoot3 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillasbigfoot3 li:hover,
.costillasbigfoot3 li:hover a,
.costillasbigfoot3 li a:hover {
    color: #fff;
}
.costillasbigfoot3 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* costillaselite3
---------------------------------------- */

.costillaselite3 {
    color: #fff;
    background-image: url("../img/sections/costillaselite3.jpg");
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.costillaselite3 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.ccostillaselite3picture {
    border-radius: 50%;
}
.costillaselite3 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillaselite3 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillaselite3 p {
    color: #fff;
}
.costillaselite3 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillaselite3 p,
.costillaselite3 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillaselite3 li:hover,
.costillaselite3 li:hover a,
.costillaselite3 li a:hover {
    color: #fff;
}
.costillaselite3 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* costillaslight3
---------------------------------------- */

.costillaslight3 {
    color: #fff;
    background-image: url("../img/sections/costillaslight3.jpg");
    background-attachment: fixed;
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.costillaslight3 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.costillaslight3picture {
    border-radius: 50%;
}
.costillaslight3 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.costillaslight3 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.costillaslight3 p {
    color: #fff;
}
.costillaslight3 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.costillaslight3 p,
.costillaslight3 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.costillaslight3 li:hover,
.costillaslight3 li:hover a,
.costillaslight3 li a:hover {
    color: #fff;
}
.costillaslight3 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* waterproof
---------------------------------------- */

.waterproof {
    color: #fff;
    background-image: url("../img/sections/carpas-plegables-impermeables.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.waterproof .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.waterproofpicture {
    border-radius: 50%;
}
.waterproof h1 {
    margin-bottom: 20px;
}
.waterproof h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.waterproof p {
    color: #fff;
}
.waterproof blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.waterproof p,
.waterproof blockquote {
    margin-top: 30px;
    font-style: italic;
}
.waterproof li:hover,
.waterproof li:hover a,
.waterproof li a:hover {
    color: #fff;
}
.waterproof h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* banderas
---------------------------------------- */

.banderas {
    color: #fff;
    background-image: url("../img/sections/banderas2.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.banderas .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.4) !important;
}
.banderaspicture {
    border-radius: 50%;
}
.banderas h1 {
    margin-bottom: 20px;
}
.banderas h2 {
   color:#fff;
}
.banderas h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.banderas p {
    color: #fff;
}
.banderas blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.banderas p,
.banderas blockquote {
    margin-top: 30px;
    font-style: italic;
}
.banderas li:hover,
.banderas li:hover a,
.banderas li a:hover {
    color: #fff;
}
.banderas h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* piebasic
---------------------------------------- */

.piebasic {
    color: #fff;
    background-image: url("../img/sections/piebasic.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.piebasic .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.piebasicpicture {
    border-radius: 50%;
}
.piebasic h1 {
    margin-bottom: 20px;
	color:#FFF
}
.piebasic h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.piebasic p {
    color: #fff;
}
.piebasic blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.piebasic p,
.piebasic blockquote {
    margin-top: 30px;
    font-style: italic;
}
.piebasic li:hover,
.piebasic li:hover a,
.piebasic li a:hover {
    color: #fff;
}
.piebasic h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* pieclassic
---------------------------------------- */

.pieclassic {
    color: #fff;
    background-image: url("../img/sections/pieclassic.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.pieclassic .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.4) !important;
}
.pieclassicpicture {
    border-radius: 50%;
}
.pieclassic h1 {
    margin-bottom: 20px;
	color:#FFF
}
.pieclassic h2 {
	color:#FFF
}
.pieclassic h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.pieclassic p {
    color: #fff;
}
.pieclassic blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.pieclassic p,
.pieclassic blockquote {
    margin-top: 30px;
    font-style: italic;
}
.pieclassic li:hover,
.pieclassic li:hover a,
.pieclassic li a:hover {
    color: #fff;
}
.pieclassic h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* piebigfoot1
---------------------------------------- */

.piebigfoot1 {
    color: #fff;
    background-image: url("../img/sections/piebigfoot1.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.piebigfoot1 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.piebigfoot1picture {
    border-radius: 50%;
}
.piebigfoot1 h1 {
    margin-bottom: 20px;
	color:#FFF
}
.piebigfoot1 h2 {
	color:#FFF
}
.piebigfoot1 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
}
.piebigfoot1 p {
    color: #fff;
}
.piebigfoot1 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.piebigfoot1 p,
.piebigfoot1 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.piebigfoot1 li:hover,
.piebigfoot1 li:hover a,
.piebigfoot1 li a:hover {
    color: #fff;
}
.piebigfoot1 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* union
---------------------------------------- */

.union {
    color: #fff;
    background-image: url("../img/sections/union2.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.union .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.unionpicture {
    border-radius: 50%;
}
.union h1 {
    margin-bottom: 20px;
}
.union h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.union p {
    color: #fff;
}
.union blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.union p,
.union blockquote {
    margin-top: 30px;
    font-style: italic;
}
.union li:hover,
.union li:hover a,
.union li a:hover {
    color: #fff;
}
.union h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* postventa
---------------------------------------- */

.postventa {
    color: #fff;
    background-image: url("../img/sections/postventa.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.postventa .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.postventapicture {
    border-radius: 50%;
}
.postventa h1 {
    margin-bottom: 20px;
}
.postventa h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.postventa p {
    color: #fff;
}
.postventa blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.postventa p,
.postventa blockquote {
    margin-top: 30px;
    font-style: italic;
}
.postventa li:hover,
.postventa li:hover a,
.postventa li a:hover {
    color: #fff;
}
.postventa h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* stop
---------------------------------------- */

.stop {
    color: #fff;
    background-image: url("../img/sections/stop.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.stop .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.stoppicture {
    border-radius: 50%;
}
.stop h1 {
    margin-bottom: 20px;
	color:#FFF
}
.stop h2 {
	color:#FFF
}
.stop h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.stop p {
    color: #fff;
}
.stop blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.stop p,
.stop blockquote {
    margin-top: 30px;
    font-style: italic;
}
.stop li:hover,
.stop li:hover a,
.stop li a:hover {
    color: #fff;
}
.stop h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* adapt
---------------------------------------- */

.adapt {
    color: #fff;
    background-image: url("../img/sections/adapt.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.adapt .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.adaptpicture {
    border-radius: 50%;
}
.adapt h1 {
    margin-bottom: 20px;
	color:#FFF
}
.adapt h2 {
	color:#FFF
}
.adapt h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.adapt p {
    color: #fff;
}
.adapt blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.adapt p,
.adapt blockquote {
    margin-top: 30px;
    font-style: italic;
}
.adapt li:hover,
.adapt li:hover a,
.adapt li a:hover {
    color: #fff;
}
.adapt h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* uva
---------------------------------------- */

.uva {
    color: #fff;
    background-image: url("../img/sections/uva.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 120%;
}
.uva .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.2) !important;
}
.uvapicture {
    border-radius: 50%;
}
.uva h1 {
    margin-bottom: 20px;
}
.uva h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.uva p {
    color: #fff;
}
.uva blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.uva p,
.uva blockquote {
    margin-top: 30px;
    font-style: italic;
}
.uva li:hover,
.uva li:hover a,
.uva li a:hover {
    color: #fff;
}
.uva h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* paredes
---------------------------------------- */

.paredes {
    color: #fff;
    background-image: url("../img/sections/paredes.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 120%;
}
.paredes .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.paredespicture {
    border-radius: 50%;
}
.paredes h1 {
    margin-bottom: 20px;
}
.paredes h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.paredes p {
    color: #fff;
}
.paredes blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.paredes p,
.paredes blockquote {
    margin-top: 30px;
    font-style: italic;
}
.paredes li:hover,
.paredes li:hover a,
.paredes li a:hover {
    color: #fff;
}
.paredes h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* diseno
---------------------------------------- */

.diseno {
    color: #fff;
    background-image: url("../img/sections/diseno.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.diseno .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.disenopicture {
    border-radius: 50%;
}
.diseno h1 {
    margin-bottom: 20px;
}
.diseno h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.diseno p {
    color: #fff;
}
.diseno blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.diseno p,
.diseno blockquote {
    margin-top: 30px;
    font-style: italic;
}
.diseno li:hover,
.diseno li:hover a,
.diseno li a:hover {
    color: #fff;
}
.diseno h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}

/* sinpersonal
---------------------------------------- */

.sinpersonal {
    color: #fff;
    background-image: url("../img/sections/sinpersonal.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.sinpersonal .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.6) !important;
}
.sinpersonalpicture {
    border-radius: 50%;
}
.sinpersonal h1 {
    margin-bottom: 20px;
}
.sinpersonal h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.sinpersonal p {
    color: #fff;
}
.sinpersonal blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.sinpersonal p,
.sinpersonal blockquote {
    margin-top: 30px;
    font-style: italic;
}
.sinpersonal li:hover,
.sinpersonal li:hover a,
.sinpersonal li a:hover {
    color: #fff;
}
.sinpersonal h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* flybanner1
---------------------------------------- */

.flybanner1 {
    color: #fff;
    background-image: url("../img/sections/flybanner1.jpg");
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.flybanner1 .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
.flybanner1picture {
    border-radius: 50%;
}
.flybanner1 h1 {
    margin-bottom: 20px;
}
.flybanner1 h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.flybanner1 p {
    color: #fff;
}
.flybanner1 blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.flybanner1 p,
.flybanner1 blockquote {
    margin-top: 30px;
    font-style: italic;
}
.flybanner1 li:hover,
.flybanner1 li:hover a,
.flybanner1 li a:hover {
    color: #fff;
}
.flybanner1 h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* medidasbasic
---------------------------------------- */

.medidasbasic {
    color: #fff;
   
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 105%;
}
.medidasbasic .section-overlay {
    padding: 90px 0 120px;
    background-color: rgba(0, 0, 0, 0.0) !important;
}
.medidasbasicpicture {
    border-radius: 50%;
}
.medidasbasic h1 {
    margin-bottom: 20px;
}
.medidasbasic h2 {
   color:fff
}
.medidasbasic h3 {
    margin-top: 10px;
    font-size: 30px;
    line-height: 30px;
    font-weight: 500;
	  color: #ffb400;
}
.medidasbasic p {
    color: #fff;
}
.medidasbasic blockquote {
    padding-top: 0;
    padding-bottom: 0;
    color: #cecece;
    font-size: 17px;
	border-left: 5px solid #eee;
	padding-left:20px;
}
.medidasbasic p,
.medidasbasic blockquote {
    margin-top: 30px;
    font-style: italic;
}
.medidasbasic li:hover,
.medidasbasic li:hover a,
.medidasbasic li a:hover {
    color: #fff;
}
.medidasbasic h3
 {
    color: #ffb400;
    text-transform: uppercase;
    
}
/* Services
---------------------------------------- */

.services {
    background-color: #efefef;
}
.services .services-box {
    margin: 25px 0;
}
.services .services-box:before {
    content: "";
    display: table;
}
.services .services-box:after {
    content: "";
    display: table;
    clear: both;
}
.services .services-box-item {
    position: relative;
    color: #717c8e;
    text-decoration: none;
    -webkit-perspective: 750px;
    -ms-perspective: 750px;
    -o-perspective: 750px;
    perspective: 750px;
    margin: 15px 0;
    float: left;
}
.services .services-box-item:hover,
.services .services-box-item:focus,
.services .services-box-item.hover {
    text-decoration: none;
}
.services .services-box-item:hover> .services-box-item-cover,
.services .services-box-item:focus> .services-box-item-cover,
.services .services-box-item.hover> .services-box-item-cover {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.services .services-box-item:hover> .services-box-item-content,
.services .services-box-item:focus> .services-box-item-content,
.services .services-box-item.hover> .services-box-item-content {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}
.services .services-box-item-cover,
.services .services-box-item-content {
    position: relative;
    border-radius: 3px;
    background: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.services .services-box-item-cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0px 15px;
    box-shadow: 0px 0px 3px 1px #ddd;
    border-radius: 7px;
}
.services .services-box-item-cover:before,
.services .services-box-item-cover:after {
    position: absolute;
    top: 50%;
    left: 50%;
}
.services .services-box-item-cover:before {
    margin: -40px 0px 0px -20px;
    font-size: 40px;
}
.services .services-box-item-cover:after {
    content: attr(data-headline);
    font-family: "Raleway";
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    font-size: 18px;
    text-align: center;
    font-weight: 500;
}
.services .services-box-item-content {
    overflow: hidden;
    margin: -16px -6px;
    padding: 30px 40px;
    font-size: 17px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-radius: 7px;
}
.services .services-box-item-content:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: -60px;
    font-size: 228px;
    opacity: 0.2;
}
.services .services-box-item-content h2 {
    position: relative;
    margin: 8px 0;
    font-size: 17px;
    font-weight: 500;
    text-transform: Capitalize;
}
.services .services-box-item-content p {
    line-height: 23px;
    position: relative;
    margin: 12px 0;
    font-size: 13px;
}
.services[data-icon]:before,
.services[class^="icon-"]:before,
.services[class*=" icon-"]:before {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
}
.services[data-icon]:before {
    content: attr(data-icon);
}
.services[data-icon].after:before {
    content: none;
}
.services[data-icon].after:after {
    content: attr(data-icon);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    text-indent: 0;
    display: inline-block;
    position: relative;
    margin-left: 4px;
}
/* Testimonials
---------------------------------------- */

.testimonials {
    background: url("../img/sections/testimonials-bg.jpg") center center no-repeat;
    background-attachment: fixed;     /* efecto parallax */
    background-size: cover;           /* que cubra toda la pantalla */
    position: relative;
    width: 100%;
}

/* Estilo de la caja de testimonios */
.testimonials #quote-carousel {
    margin-top: 50px;
    color: #fff;
}

.testimonials #quote-carousel hr {
    border-top: 1px solid #fff;
}

.testimonials #quote-carousel blockquote {
    padding: 0;
    text-align: center;
    font-size: 17px;
    border: none;
    color: #fff;
}

.testimonials #quote-carousel p {
    font-style: italic;
    color: #fff;
}

.testimonials #quote-carousel p:before,
.testimonials #quote-carousel p:after {
    font-family: "FontAwesome";
}
.testimonials #quote-carousel p:before {
    margin-right: 20px;
    content: "\f10d";
}
.testimonials #quote-carousel p:after {
    margin-left: 20px;
    content: "\f10e";
}

.testimonials #quote-carousel h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.testimonials #quote-carousel h6 {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff;
}

.testimonials #quote-carousel .img-fluid {
    margin: 0 auto 25px;
    border: 6px solid #f9f9f9;
    background: #f9f9f9;
}

.testimonials #quote-carousel .carousel-indicators {
    bottom: -40px;
}
.testimonials #quote-carousel .carousel-indicators li {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
}
.testimonials #quote-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}


/* valores
---------------------------------------- */

.valores {
    background: url("../img/sections/valores.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
	text-align:center
}
.valores #quote-carousel {
    margin-top: 50px;
}
.valores #quote-carousel hr {
    border-top: 1px solid #fff;
}
.valores #quote-carousel,
.valores #quote-carousel h6 {
    color: #fff;
}
.valores #quote-carousel blockquote {
    padding: 0;
    text-align: center;
    font-size: 15px;
    border: none;
}
.valores #quote-carousel p {
    font-style: italic;
    color: #fff;
}
.valores #quote-carousel p:before,
.valores #quote-carousel p:after {
    font-family: "FontAwesome";
}
.valores #quote-carousel p:before {
    margin-right: 20px;
    content: "\f10d";
}
.valores #quote-carousel p:after {
    margin-left: 20px;
    content: "\f10e";
}
.valores #quote-carousel h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
}
.valores #quote-carousel h6 {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
}
.testimonials #quote-carousel .img-fluid {
    margin: 0 auto 25px;
    border: 6px solid #f9f9f9;
    background: #f9f9f9;
}
.valores #quote-carousel .carousel-indicators {
    bottom: -40px;
}
.valores #quote-carousel .carousel-indicators li {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
}
.valores #quote-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

/* comparadorentrada
---------------------------------------- */

.comparadorentrada {
    background-color: white;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
	img border:transparent;
	color:#fff;
	
}
.comparadorentrada #quote-carousel {
    margin-top: 50px;
}
.comparadorentrada #quote-carousel hr {
    border-top: 1px solid #fff;
}
.comparadorentrada #quote-carousel,
.comparadorentrada #quote-carousel h6 {
    color:#fff;
}
.comparadorentrada #quote-carousel h1 {
    color:#fff;
}
.comparadorentrada #quote-carousel h2 {
    color:#fff;
}
.comparadorentrada #quote-carousel h5 {
    color:#fff;
}
.comparadorentrada p {
    color:#fff;
}
.comparadorentrada h5 {
    color:#fff;
}
.comparadorentrada h6 {
    color:#fff;
}
.comparadorentrada h2 {
    color:#fff;
}
.comparadorentrada h4 {
    color:#fff;
}
.comparadorentrada #quote-carousel blockquote {
    padding: 0;
    text-align: center;
    font-size: 15px;
    border: none;
}
.comparadorentrada #quote-carousel p {
    font-style: italic;
    color: #fff;
}
.comparadorentrada #quote-carousel p:before,
.comparadorentrada #quote-carousel p:after {
    font-family: "FontAwesome";
}
.comparadorentrada #quote-carousel p:before {
    margin-right: 20px;
    content: "\f10d";
}
.comparadorentrada #quote-carousel p:after {
    margin-left: 20px;
    content: "\f10e";
}
.comparadorentrada #quote-carousel h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
}
.comparadorentrada #quote-carousel h6 {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
}
.comparadorentrada #quote-carousel .img-fluid {
    margin: 0 auto 25px;
    border: 6px solid #f9f9f9;
    background: #f9f9f9;
}
.comparadorentrada #quote-carousel .carousel-indicators {
    bottom: -40px;
}
.comparadorentrada #quote-carousel .carousel-indicators li {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
}
.comparadorentrada #quote-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}
/* legal
---------------------------------------- */

.legal {
    background-color: white;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
	
}
.legal #quote-carousel {
    margin-top: 50px;
}
.legal #quote-carousel hr {
    border-top: 1px solid #fff;
}
.legal #quote-carousel,
.legal #quote-carousel h6 {
    color: #fff;
}
.legal #quote-carousel blockquote {
    padding: 0;
    text-align: center;
    font-size: 15px;
    border: none;
}
.legal #quote-carousel p {
    font-style: italic;
    color: #fff;

}
.legal #quote-carousel p:before,
.legal #quote-carousel p:after {
    font-family: "FontAwesome";
}
.comparadorentrada #quote-carousel p:before {
    margin-right: 20px;
    content: "\f10d";
}
.legal #quote-carousel p:after {
    margin-left: 20px;
    content: "\f10e";
}
.legal #quote-carousel h5 {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 500;
}
.legal #quote-carousel h6 {
    margin: 0;
    font-size: 17px;
    text-transform: capitalize;
    font-weight: 500;
}
.legal #quote-carousel .img-fluid {
    margin: 0 auto 25px;
    border: 6px solid #f9f9f9;
    background: #f9f9f9;
}
.legal #quote-carousel .carousel-indicators {
    bottom: -40px;
}
.legal #quote-carousel .carousel-indicators li {
    background: #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 50%;
}
.legal #quote-carousel .carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}
/* Portfolio
---------------------------------------- */

.portfolio {
    background-color: #fff;
}
.portfolio .nav-pills {
    overflow: hidden;
    margin: 35px 15px 30px;
    text-align: center;
}
.portfolio .nav-pills li {
    margin-right: 10px;
    border-radius: 40px;
    padding: 8px 30px;
    color: #111;
    font-weight: 600;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    float: none;
}
.portfolio .nav-pills li:hover,
.portfolio .nav-pills li.active {
    color: #fff;
}
.portfolio .caption h3 {
    font-size: 17px;
    margin-top: 20px;
    text-decoration: none;
    font-weight: 600;
    padding-left: 15px;
    padding-top: 2px;
}
.portfolio .caption p {
    font-size: 13px;
}
.portfolio .filtr-container {
    position: relative;
    overflow: hidden;
}
.portfolio .filtr-container .filtr-item {
    display: block;
    float: left;
    box-sizing: border-box;
}
.portfolio .filtr-container .filtr-item_holder {
    overflow: hidden;
}
.portfolio .filtr-container .image-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none;
}
.portfolio .thumbnail__portfolio {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.filtr-item {
    padding: 10px;
}
.item-desc {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    z-index: 1;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
}
/* Filter controls */

.simplefilter li,
.multifilter li,
.sortandshuffle li {
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 1rem 2rem;
}
.simplefilter li.active {
    background-color: #212121;
}
.multifilter li {
    background-color: #4b9eff;
}
.multifilter li.active {
    background-color: #2265b4;
}
/* Zoom icons */

.zoom-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.zoom-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: -13px 0 0 -13px;
    width: 25px;
    height: 26px;
    background: url(../img/projects/icons/zoom-icon.png) 50% 50% no-repeat;
    content: "";
}
.video-icon:before {
    background: url(../img/projects/icons/video-icon.png) 50% 50% no-repeat;
}
.gallery-icon:before {
    background: url(../img/projects/icons/gallery-icon.png) 50% 50% no-repeat;
}
.external-icon:before {
    background: url(../img/projects/icons/external-icon.png) 50% 50% no-repeat;
}
.image-wrap:hover .zoom-icon,
.featured-thumbnail a:hover .zoom-icon {
    opacity: 1;
}
.featured-thumbnail a:hover .zoom-icon {
    visibility: visible;
}
/* Team
---------------------------------------- */

.team {
    background-color: #efefef;
}
.team .container {
    padding: 70px 0 100px;
}
.team-members {
    margin-top: 40px;
}
.team-member {
    position: relative;
    display: inline-block;
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}
.team-member-img-wrap {
    position: relative;
    display: block;
    outline: 0 !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.team-member-img-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.team-member-caption {
    text-align: center;
    background: #fff;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.team-member .team-member-caption h4 {
    line-height: 0;
    margin-top: 35px;
    text-transform: capitalize;
    margin: 35px 0 25px;
    font-weight: 700;
}
.team-member-caption p {
    padding: 0px 0 18px;
    font-style: italic;
    margin: 0;
}
.team-member-caption .list {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    opacity: 0;
    margin-top: -45px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    will-change: content;
}
.team-member-caption .list li {
    padding: 0;
}
.team-member-caption .list li a {
    color: #fff;
}
.team-member-caption .list li + li {
    margin-left: 5px;
}
.team-member-img-wrap img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.team-member-caption a:hover {
    text-decoration: none;
}
.team-member:hover .team-member-img-wrap:before {
    opacity: 1;
}
.team-member:hover .team-member-caption h4,
.team-member:hover .team-member-caption p {
    color: #fff;
}
.team-member:hover .team-member-caption .list {
    opacity: 1;
}
.team ul.social li a {
    border: 2px solid #fff;
    width: 40px;
    height: 40px;
    line-height: 36px;
}
.team ul.social li a:before {
    color: #fff;
    font-size: 20px;
}
.team .social-icons ul.social li a:hover:before {
    font-size: 20px;
}
.team .social-icons ul.social li a:hover {
    background: #fff;
}
/* Facts
---------------------------------------- */

.facts {
    background: url("../img/sections/facts-bg.jpg") center center no-repeat;
    background-attachment: fixed;   /* efecto parallax */
    background-size: cover;         /* 🔥 cubre todo el ancho y alto */
    position: relative;
    width: 100%;
    color: #fff;
}

/* Badges / cifras */
.fact-badges {
    margin-top: 65px;
    text-align: center;
}
.fact-badges h2 {
    margin-top: 20px;
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
}
.fact-badges h2 span {
    font-weight: bold;
    font-size: 48px;
    display: block;
}
.fact-badges h2 strong {
    font-weight: 800;
    padding-right: 3px;
}
.fact-badges .fa {
    font-size: 90px;
    color: #fff;
}

/* Subtítulos */
.facts .top-text h4 {
    margin: 15px 0 25px;
    font-weight: 400;
    color: #fff;
}
.facts h4 {
    margin: 25px 0;
    font-weight: 700;
    color: #fff;
}

/* Newsletter
---------------------------------------- */

.newsletter {
    color: #fff;
    background: url("../img/sections/testimonials-bg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.newsletter p {
    color: #fff;
}
.newsletter-content {
    margin-top: 40px;
}
.newsletter form .custom-input-label::before {
    height: 52px;
}
.newsletter form {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}
.newsletter .custom-form-group {
    margin-top: 20px;
    margin-bottom: 30px;
}
.newsletter form .custom-button {
    margin-top: 0;
    margin: 0 auto;
    display: block;
    padding: 15px 30px;
    border-radius: 40px;
    width: 260px;
    outline: none;
}
.newsletter form .custom-button span {
    font-size: 15px;
}
.newsletter form .custom-button:before {
    font-size: 13px;
    content: "\f0e0";
    right: 48px;
}
/* Blog
---------------------------------------- */

.blog {
    background-color: #fff;
}
.blog .blog-content {
    margin-top: 40px;
}
.blog .blog-content .blog-figure {
    font-size: 0;
    line-height: 0;
    position: relative;
}
.blog .blog-content .blog-figure a {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
    z-index: 1;
}
.blog .blog-content .blog-figure a img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.blog .blog-content .blog-figure a:hover img {
    transform: scale(1.1) !important;
    -o-transform: scale(1.1) !important;
    -moz-transform: scale(1.1) !important;
    -webkit-transform: scale(1.1) !important;
    -ms-transform: scale(1.1) !important;
    opacity: 1 !important;
}
.blog-post .blog .blog-content .blog-figure a:hover img {
    transform: none !important;
    -o-transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    opacity: 1 !important;
}
.blog .blog-content h3 {
    font-size: 17px;
    margin: 30px 0 20px;
    text-decoration: none;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    transition: 0.2s;
}
.blog .blog-content h3:hover {
    color: #111;
}
.blog .blog-content .blog-excerpt a {
    text-decoration: none;
}
.blog .blog-content .blog-excerpt p {
    margin-bottom: 20px;
}
.blog .blog-content .blog-excerpt .meta {
    font-size: 15px;
}
.blog .blog-content .blog-excerpt .meta a {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.blog .blog-content .blog-excerpt span,
.blog-page .blog-content span {
    margin-right: 16px;
    color: #555;
    font-weight: 500;
    display: inline-block;
}
.blog .blog-content .blog-excerpt span.date,
.blog-page .blog-content span.date {
    color: #777;
    font-size: 13px;
}
.blog-page .blog-content span.permalink {
    float: right;
    margin-right: 0;
}
.blog .blog-content .blog-excerpt span i,
.blog-page .blog-content span i {
    padding-right: 3px;
    font-size: 15px;
}
.blog .blog-content .custom-button,
.blog-page .blog-content .custom-button {
    padding: 15px 30px;
    border-radius: 40px;
    font-size: 17px;
    font-weight: 600;
    width: 260px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 50px;
}
.blog .blog-content .custom-button:before {
    right: 58px;
    content: "\f086";
}
.blog-page .blog .blog-content .custom-button:before {
    display:none;
}
.blog .blog-content .custom-button span {
    color: #fff;
}
.blog-page .blog .blog-content .custom-button span {
    margin-right: 0;
}
.blog-page .blog-content .custom-button:before {
    right: 12px;
    content: "\f061";
    margin-top: -10px;
}
.blog-post .banner .content .top-text h4 {
    font-size: 17px;
    text-transform: lowercase;
}
.blog-post .banner .content .top-text h4 a {
    color: #eee;
}
.blog-post .banner .content .top-text h4 span {
    margin-right: 15px;
    display: inline-block;
}
.blog-post .blog-content figure img {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.blog-post .post-author {
    background: #ddd;
    border: 1px solid #ccc;
    margin-top: 30px;
    padding: 20px;
}
.blog-post .blog-content .post-author h3 {
    margin-top: 10px;
    font-weight: 500;
    font-size: 24px;
}
.blog-post .post-author img {
    float: left;
    margin: 5px 20px 10px 0;
    border: 1px solid #ddd;
}
.blog-post .post-author-link {
    clear: both;
}
.blog-post .post-author-link a {
    font-weight: 600;
}
.blog-post .blog-content h4 {
    font-weight: 600;
    margin: 40px 0;
    font-size: 24px;
}
/* comments */

.blog-post .blog-content .comments ul.comment-list {
    list-style: none;
    padding: 0;
}
/* Comment List */

.blog-post .blog-content .comment-list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.blog-post .blog-content .comment {
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
    list-style-type: none;
    text-transform: none;
}
.blog-post .blog-content .comment .comment-body {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #eee;
    background: #e9e9e9;
    zoom: 1;
}
.blog-post .blog-content .comments span.author {
    display: block;
    font-weight: 600;
}
.blog-post .blog-content .comment-author {
    float: left;
    margin: 0;
}
.blog-post .blog-content .comment-author img {
    border: 1px solid #ccc;
}
.blog-post .post-author,
.blog-post .blog-content .comment .comment-body,
.blog-post .blog-content .comment-author img {
    border-radius: 4px;
}
.blog-post .blog-content .comment-reply-link {
    padding-left: 15px;
    float: right;
}
.blog-post .blog-content .comment-author .author {
    display: block;
    padding-top: 6px;
    width: 65px;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;
}
/* Comment meta */

.blog-post .blog-content .comment-meta {
    float: right;
}
.blog-post .add-comment .form-holder form input {
    width: 320px;
    display: block;
    margin-bottom: 15px;
    padding: 7px 15px;
    font-size: 13px;
    border: 1px solid #ccc;
    transition: .2s;
}
.blog-post .add-comment .form-holder form textarea {
    width: 560px;
    height: 180px;
    padding: 7px 15px;
    font-size: 13px;
    border: 1px solid #ccc;
    transition: .2s;
}
.blog-post .add-comment .form-holder form input:focus,
.add-comment .form-holder form textarea:focus {
    background-color: #f2f2f2;
    box-shadow: none;
    outline: 0 none;
}
.blog-post .add-comment .form-holder form .custom-button {
    margin: 30px 0;
    width: 180px;
    padding: 12px 7px;
}
.blog-post .add-comment .form-holder form .custom-button:before {
    content: "\f075";
}
.blog-page .banner {
    background: #292929 url(../img/blog/blog-banner.jpg) center top no-repeat;
    background-size: auto 110%;
    background-attachment: fixed;
}
.blog-page .banner .content {
    background-color: rgba(0, 0, 0, .8);
    padding: 200px 0;
    width: 100%;
}
.blog-page .banner .content .top-text h1 {
    color: #fff;
}
.blog-page .banner .content .top-text h4 {
    color: #eee;
}
.blog-page .blog .blog-content {
    margin-top: 0;
    position: relative;
    z-index: 999;
}
.blog-page article figure {
    margin-bottom: 20px;
}
.blog-page .blog-content article h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
}
.blog-page .blog-content article h3:hover {
    text-decoration: none;
}
.blog-page .banner .content .top-text hr {
    width: 80px;
}
.blog-page article {
    float: left;
    margin-bottom: 40px;
}
.blog-page .blog-content .blog-excerpt a.readmore {
    margin: 0;
    display: inline-block;
    width: 140px;
    padding: 10px;
}
.blog-page .meta {
    clear: both;
    padding: 10px 0;
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.blog-page .sidebar {
    margin-top: 15px;
}
.blog-page .sidebar h3 {
    margin-bottom: 20px;
    font-size: 20px;
    display: block;
    clear: both;
}
.blog-page .sidebar .widget ul {
    list-style-type: none;
    padding: 0;
}
.blog-page .sidebar .widget ul li {
    margin-bottom: 5px;
}
.blog-page .sidebar .widget ul li a {
    color: #555;
    text-decoration: none;
    transition: 0.2s;
}
.blog-page .sidebar .widget.recent-posts figure {
    width: 100px;
    float: left;
    margin-right: 35px;
    padding: 0;
}
.blog-page .sidebar .widget.recent-posts ul li {
    display: table;
    width: 100%;
}
.blog-page .sidebar .widget.recent-posts ul li a {
    font-size: 15px;
    font-weight: 600;
}
.blog-page .sidebar .widget.recent-posts span {
    font-size: 15px;
}
.blog-page .sidebar .widget.ads img {
    margin-bottom: 40px;
}
.blog-page ul.pagination {
	padding-left: 1px;
    justify-content: center;
}
.blog-page ul.pagination li a,
ul.pagination li a:hover {
    color: #555;
}
.blog-page ul.pagination li.active a {
    color: #fff;
}
/* Video Promotion
---------------------------------------- */

.videopromotion {
    color: #fff;
    background: url("../img/sections/video-bg.jpg") center center no-repeat;
    background-attachment: fixed;   /* efecto parallax */
    background-size: cover;         /* 🔥 cubre todo el ancho y alto */
    position: relative;
    width: 100%;
}

/* Texto siempre en blanco encima de la imagen */
.videopromotion p {
    color: #fff;
}

/* Botón circular de play */
.btn-wrapper {
    margin-top: 70px;
    text-align: center;
}
.btn-wrapper a {
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 100px;
    width: 100px;
    position: relative;
    text-align: center;
    transition: all 0.3s ease;
    outline: none;
    border: 6px solid rgba(255,255,255,0.8); /* borde blanco translúcido */
}
.btn-wrapper a:before {
    content: "\f04b"; /* icono play de FontAwesome */
    font-family: FontAwesome;
    font-size: 45px;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}
.btn-wrapper a:hover {
    border-width: 8px;
    border-color: #ffc107; /* acento amarillo en hover */
}
.btn-wrapper a:hover:before {
    color: #ffc107;
}

/* Contact
---------------------------------------- */

.contact {
    background-color: #efefef;
}
.contact .container:first-child {
    padding: 70px 15px 30px !important;
}
/* Google Map */

.gmap_container {
    overflow: hidden;
    height: 450px;
    width: 100%;
}
.contact #gmap_canvas {
    height: 450px;
    width: 100%;
}
.contact #gmap_canvas img {
    max-width: none!important;
    background: none!important;
}
.contact #gmap_canvas strong {
	line-height: 26px;
	font-weight:700;
}
.info-map {
    position: relative;
    clear: both;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 7px;
}
.info-map-gmap {
    height: 450px;
}
.info-map-boxes {
    zoom: 1;
    position: relative;
    margin-top: -180px;
    margin-bottom: 44px;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.info-map-boxes:before {
    content: "";
    display: table;
}
.info-map-boxes:after {
    content: "";
    display: table;
    clear: both;
}
.info-map-boxes-item {
    padding: 11px 22px;
    width: 100%;
    border-radius: 3px;
    font-size: 17px;
    color: inherit;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15);
}
.info-map-boxes-item:before {
    float: right;
    margin: 0;
    padding: 10px 0 0 30px;
    font-size: 70px;
    background: #fff;
}
.info-map-boxes-item:hover,
.info-map-boxes-item:focus {
    text-decoration: none;
}
.info-map-boxes-item h1 {
    margin: 9px 0;
    padding: 0 0 3px;
    border-bottom: 1px solid #e5e8ee;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
}
.info-map-boxes-item p {
    margin: 9px 0;
    line-height: 23px;
    font-size: 13px;
}
/* Contact Form */

.contactform {
    color: #fff;
    background: url("../img/sections/contactform-bg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 110%;
}
.contactform .form-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 60px 0 30px;
}
.custom-form-group {
    margin-bottom: 20px;
}
.custom-form-group .input-group .input-group-addon {
    padding: 0px 13px;
    font-size: 18px;
    border: none;
    color: white;
}
.form-inputs .form-control {
    height: 40px;
}
.form-inputs .form-control {
    background: #fff;
    border-radius: 30px;
    box-shadow: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.custom-form-group textarea {
    width: 100%;
    padding: 20px 0 0 25px;
}
.form-group textarea:focus,
.form-group .form-control:focus {
    outline: 0px !important;
    -webkit-appearance: none;
}
.submit-form button {
    padding: 16px 26px;
    border-radius: 40px;
    display: block;
    font-weight: 600;
    margin: 0 auto;
    width: 100%;
    outline: none;
}
.submit-form button:before {
    right: 92px;
}
.contactform .output_message {
    padding: 8px;
    margin-bottom: 17px;
    border-radius: 2px;
    color: #fff;
    border-radius: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
}
.contactform .output_message.success {
    background: #28a745;
    padding: 15px;
}
.contactform .output_message.success:before {
    font-family: FontAwesome;
    content: "\f14a";
    padding-right: 10px;
}
.contactform .output_message.error {
    background: #dc3545;
    padding: 15px;
}
.contactform .output_message.error:before {
    font-family: FontAwesome;
    content: "\f071";
    padding-right: 10px;
}
/* Logos Slider */

.logos {
    background-color: #fff;
}
.bx-wrapper {
    margin: 70px 0 70px;
}
ul.bxslider img {
    opacity: 0.7;
}
/* Social media */

.social-icons ul {
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
	text-align:center
}
.social-icons ul li {
    display: inline-block;
    margin: 0 10px 5px 0;
    padding: 0;
    vertical-align: top;
    list-style: none;
}
.social-icons ul li a {
    background: transparent;
    display: block;
    width: 63px;
    height: 63px;
    line-height: 61px;
    border-radius: 50%;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
}
.social-icons ul li a:hover {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #fff !important;
}
.social-icons ul li a:hover:before {
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #fff !important;
}
.social-icons ul li a:before {
    display: block;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    font-family: FontAwesome;
    font-size: 36px;
    text-align: center;
}
.social-icons ul li a[title="facebook"]:before {
    content: "\f09a";
}
.social-icons ul li a[title="twitter"]:before {
    content: "\f099";
}
.social-icons ul li a[title="google"]:before {
    content: "\f0d5";
}
.social-icons ul li a[title="skype"]:before {
    content: "\f17e";
}
.social-icons ul li a[title="instagram"]:before {
    content: "\f16d";
}
.social-icons ul li a[title="linkedin"]:before {
    content: "\f0e1";
}
.social-icons ul li a[title="instagram"]:before {
    content: "\f16d";
}
.social-icons ul li a[title="youtube"]:before {
    content: "\f167";
}
/* Back To Top
---------------------------------------- */

#back-top {
    display: none;
}
#back-top-wrapper {
    position: fixed;
    right: 26px;
    bottom: 26px;
    overflow: hidden;
    z-index: 1111;
}
#back-top a {
    display: block;
    background-color: transparent;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 1s;
    transition: 1s;
    width: 45px;
    margin: 0 auto;
    border-radius: 50%;
}
#back-top a:hover span:before {
    top: -50px;
}
#back-top a:hover span:after {
    top: 0;
}
#back-top a:hover span {
    background: none;
}
#back-top span {
    display: block;
    -webkit-transition: 1s;
    transition: 1s;
    z-index: 1;
    margin-bottom: 0;
    width: 41px;
    height: 41px;
    background: none;
    position: relative;
    overflow: hidden;
}
#back-top span:before,
#back-top span:after {
    content: "\f062";
    font-size: 24px;
    font-family: FontAwesome;
    line-height: 41px;
    position: absolute;
    left: 0;
    width: 41px;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
#back-top span:before {
    top: 0;
}
#back-top span:after {
    top: 50px;
    color: #fff;
}
/* Inputs */

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.input-field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    -webkit-appearance: none;
}
.input-field:focus {
    outline: none;
}
.input-label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #6a7989;
    font-weight: bold;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-input {
    overflow: hidden;
    border-radius: 30px;
    background: #fff;
    width: 100%;
}
.custom-input-field {
    padding-left: 51px;
    width: 100%;
    background: transparent;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    height: 50px;
    border-radius: 4px;
}
.custom-input-field:focus {
    outline: 0px !important;
    -webkit-appearance: none;
}
.custom-input-field:focus .custom-input {
    background: blue;
}
.custom-input-label {
    position: absolute;
    padding: 16px;
    width: 52px;
    height: 50px;
}
.contactform textarea {
    color: #aaa;
    border-radius: 30px;
    box-shadow: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.custom-input-label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50px;
    height: 50px;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.icon-field {
    color: #fff;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 20px;
    margin: 0;
}
.custom-input-field:focus {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.custom-input-field:focus + .custom-input-label::before {
    -webkit-transform: scale3d(0.8, 1, 1);
    transform: scale3d(0.8, 1, 1);
}
.custom-input-field:focus + .custom-input-label .icon-field {
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
}
/* [ FOOTER ] */
/*================================================== */

.footer {
    padding: 40px 0;
    background-color: #111;
}
.footer .container {
    padding: 30px 0;
}
.footer,
.footer a,
.footer p {
    color: #fff;
    padding-bottom: 10px;
    text-transform: lowercase;
}
.footer .container p:first-child {
    font-weight: 500;
    text-transform: uppercase;
}
.footer .social-icons ul li a {
    width: 42px;
    height: 42px;
    line-height: 40px;
}
.footer .social-icons ul li a:before {
    font-size: 21px;
}
/* Responsive Design Styles
---------------------------------------- */
/* Large Devices */

@media (max-width: 1199px) {
    .projectmanager {
        text-align: left;
    }
    .projectmanager .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	 .diseno {
        text-align: left;
    }
    .diseno .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	 .aluminiodetalles {
        text-align: center;
    }
    .aluminiodetalles .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
			.piebigfoot1 {
        text-align: center;
    }
    .piebigfoot1 .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	.piebasic {
        text-align: center;
    }
    .piebasic .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
}

/* Small Devices */

@media (max-width: 991px) {
    .projectmanager {
        text-align: left;
    }
    .projectmanager .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	 .diseno {
        text-align: left;
    }
    .diseno .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	.aluminiodetalles {
        text-align: center;
    }
    .aluminiodetalles .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	 .piebigfoot1 {
        text-align: center;
    }
    .piebigfoot1 .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	 .piebasic {
        text-align: center;
    }
    .piebasic .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
	    .about .about-content .title-about {
        margin-top: 0;
    }
    .about-right-side {
        padding-top: 50px;
    }
	.ocupapoco .ocupapoco-content .title-ocupapoco {
        margin-top: 0;
    }
    .ocupapoco-right-side {
        padding-top: 50px;
    }
		.estructurabasic .estructurabasic-content .title-estructurabasic {
        margin-top: 0;
    }
    .estructurabasic-right-side {
        padding-top: 50px;
    }
			.estructurabigfoot .estructurabigfoot-content .title-estructurabigfoot {
        margin-top: 0;
    }
    .estructurabigfoot-right-side {
        padding-top: 50px;
    }
    .team-member {
        margin-top: 20px;
    }
    .newsletter form .custom-button {
        position: relative;
        margin-top: 20px;
        width: 100%;
    }
    .newsletter form .form-group input {
        padding-right: 0;
    }
    .submit-form button:before {
        right: 260px;
    }
    .blog .blog-content .blog-excerpt .meta {
        margin-bottom: 40px;
    }
    .blog-page .sidebar .widget.recent-posts ul li {
        display: block;
        clear: both;
    }
    .blog .blog-content .custom-button {
        margin-top: 0;
    }
    .custom-button:before {
        display: none !important;
    }
	.custom-button span {
        transform:none !important;
    }
	.nav-menu ul.nav-menu-inner li {
        display: block;
        width: 100%;
    }
    .nav-menu {
        position: fixed;
        top: 65px;
        left: 0;
        float: none;
        width: 100%;
        background: #fff;
        overflow-y: hidden;
        z-index: 999;
    }
    body.dark .nav-menu {
        background-color: #111;
    }
    .nav-menu ul.nav-menu-inner li a,
    .header-fixed .nav-menu ul.nav-menu-inner li a {
        padding: 20px 12px;
        border-top: 1px solid #f6f6f6;
    }
    .nav-menu ul.nav-menu-inner li:last-child a,
    .header-fixed .nav-menu ul.nav-menu-inner li:last-child a {
        border-bottom: 1px solid #f6f6f6;
    }
    .nav-menu ul.nav-menu-inner li a,
    .header-fixed .nav-menu ul.nav-menu-inner li a {
        position: relative;
        text-decoration: none;
        color: #555;
        text-align: left;
        padding-left: 30px;
    }
}
/* Extra Small Devices */

@media (max-width: 767px) {
	    .about .container,
    .ocupapoco .container,
	.estructurabasic .container,
	.estructurabigfoot .container,
    .services .container,
    .portfolio .container,
    .team .container,
    body.big-triangle .team .container,
    .blog .container,
    .contact .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .header-inner,
    .videopromotion p,
    .newsletter p,
    .logos .container,
    .footer .social-icons {
        padding-left: 15px;
        padding-right: 15px;
    }
    .widget {
        padding-left: 0;
        padding-right: 0;
    }
    h1 {
        font-size: 40px;
        line-height: 40px;
    }
    h2 {
        font-size: 32px;
    }
    h4 {
        font-size: 18px;
    }
    .header {
        height: 65px;
    }
    .header .logo a {
        width: 100px;
        margin-top: 9px;
        margin-bottom: 25px;
        transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
    }
    .top-text h1,
    .top-text h4,
    .footer p {
        margin-left: 15px;
        margin-right: 15px;
    }
    .top-text h4 {
        line-height: 28px;
    }
    body.double-diagonal .about::before,
	body.double-diagonal .ocupapoco::before,
	body.double-diagonal .estructurabasic::before,
	body.double-diagonal .estructurabigfoot::before,
    body.double-diagonal .services::before,
    body.double-diagonal .portfolio::before,
    body.double-diagonal .team::before,
    body.double-diagonal .blog::before,
    body.double-diagonal .contact::before,
    body.double-diagonal .logos::before {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    .about .about-content .about-left-side {
        margin-top: 0;
    }
    .about-right-side .hovered .full-image-overlay {
        margin-top: 60px;
        position: relative;
    }
	    .ocupapoco .ocupapoco-content .ocupapoco-left-side {
        margin-top: 0;
    }
    .ocupapoco-right-side .hovered .full-image-overlay {
        margin-top: 60px;
        position: relative;
    }
		    .estructurabasic .estructurabasic-content .estructurabasic-left-side {
        margin-top: 0;
    }
    .estructurabasic-right-side .hovered .full-image-overlay {
        margin-top: 60px;
        position: relative;
    }
		    .estructurabigfoot .estructurabigfoot-content .estructurabigfoot-left-side {
        margin-top: 0;
    }
    .estructurabigfoot-right-side .hovered .full-image-overlay {
        margin-top: 60px;
        position: relative;
    }
    .list-why-choose-us li {
        margin-bottom: 17px;
    }
    .full-image-container {
        background-image: url('../img/about.jpg');
        background-size: cover;
    }
    .projectmanager .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
    .projectmanager ul,
    .projectmanager li {
        margin-top: 15px;
    }
	.aluminiodetalles .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
    .aluminiodetalles ul,
    .aluminiodetalles li {
        margin-top: 15px;
    }
	    .waterproof .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
    .waterproof ul,
    .waterproof li {
        margin-top: 15px;
    }
	 .piebigfoot1 .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
    .piebigfoot1 ul,
    .piebigfoot1 li {
        margin-top: 15px;
    }
	 .piebasic .img-fluid {
        float: none;
        margin: 0 auto 50px;
    }
    .piebasic ul,
    .piebasic li {
        margin-top: 15px;
    }	  
    .portfolio .nav-pills li {
        margin: 0 10px 10px 0;
    }
    .testimonials #quote-carousel blockquote {
        padding: 0 15px;
    }
    .services .services-box-item {
        float: none;
        max-width: 400px;
        margin: 0 auto;
        display: block;
        margin-top: 25px;
    }
    .services .services-box-item-cover {
        margin: 0;
    }
    .team-member {
        max-width: 480px;
        margin: 0 auto;
        display: block;
        margin-bottom: 25px;
    }
    .newsletter .custom-form-group {
        padding: 0;
    }
    .info-map-gmap {
        height: 300px;
    }
    .info-map-boxes-item {
        width: 100%;
        margin-top: 30px;
    }
    .info-map-boxes {
        margin-top: 0px;
    }
    .footer li a {
        font-size: 23px;
    }
    .social-icons ul li a {
        width: 43px;
        height: 43px;
        line-height: 40px;
    }
    .social-icons ul li a:before {
        font-size: 21px;
    }
    .submit-form button {
        width: 100%;
    }
    .submit-form button:before {
        right: 42px;
    }
    .blog-page .blog-content span.permalink {
        float: none;
    }
    .blog-page article figure {
        max-width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .blog-post .add-comment .form-holder form input,
    .blog-post .add-comment .form-holder form textarea {
        width: 100%;
    }
    .output_message_holder {
        margin-top: 30px;
    }
}
@media (max-width: 576px) {
    .portfolio .filtr-item {
        padding-left: 0;
        padding-right: 0;
    }
}
.dropdown-menu.show {
background: #333;
}
.dropdown.show .link-menu.dropdown-toggle {
color:#666666 !important;
}
.dropdown-menu.show .dropdown-item{
color:#fff !important;
}
.dropdown-menu.show .dropdown-item:hover{
color:#666666 !important;
}
@media (max-width: 992px) {
.dropdown-menu .nav-collapse {


    position: relative; /*### cambias el "static" por "relative"*/
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
}
@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
	background: #333;
color:#fff !important;
top: 60px;
  }
}
/* ====== Variables de marca ====== */
#about{
  --brand-yellow: #ffc107;
  --brand-yellow-700: #e0a800;   /* hover */
  --brand-dark: #212529;
}

/* ====== Tipografía y layout ====== */
#about .display-4 { line-height: 1.1; }
#about .btn-lg { padding: .7rem 1.4rem; }
#about { padding-top: 1.25rem; }   /* reduce gap con la sección superior */
@media (max-width: 991.98px){
  #about .display-4 { font-size: 2rem; }
  #about figure { min-height: 280px !important; }
}

/* Divisor superior */
#about .divider-top{
  height: 6px;
  background: linear-gradient(90deg, var(--brand-yellow) 0%, #ffda47 100%);
}

/* Reducir espacio del carrusel superior */
section.carrusel,
section.carrusel blockquote,
section.carrusel .carousel-inner{
  margin-bottom: 0;
  padding-bottom: 0;
}

/* ====== Botones de marca ====== */
#about .btn-brand{
  background-color: var(--brand-yellow);
  border-color: var(--brand-yellow);
  color: var(--brand-dark);
  transition: all .2s ease;
}
#about .btn-brand:hover,
#about .btn-brand:focus{
  background-color: var(--brand-yellow-700);
  border-color: var(--brand-yellow-700);
  color: var(--brand-dark);
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.15);
}

#about .btn-outline-brand{
  background-color: transparent;
  border-color: var(--brand-yellow);
  color: var(--brand-yellow);
  transition: all .2s ease;
}
#about .btn-outline-brand:hover,
#about .btn-outline-brand:focus{
  background-color: var(--brand-yellow);
  color: var(--brand-dark);
  box-shadow: 0 0 0 .2rem rgba(255,193,7,.15);
}

/* ====== Badges de confianza ====== */
#about .badge{
  font-size: 1rem;
  padding: .6rem 1rem;
  border-radius: 1.5rem;
  font-weight: 600;
}
#about .badge + .badge{ margin-left: .5rem; }
@media (max-width: 991.98px){
  #about img {
    max-height: 400px; /* más contenido en tablets/móviles */
  }
}
@media (min-width: 1400px){
  #about img {
    max-height: 600px; /* más aire en pantallas grandes */
  }
}
/* ===== Hero layout y título ===== */
#hero-catalogo {
  --brand-yellow:#ffc107;
  --frame-border-color:#2b3138;
  --bg-top:#1a1f25; 
  --bg-bot:#111418; 
  --text:#f8f9fa;

  color:var(--text);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  padding-top:clamp(6rem,12vw,9rem);
  padding-bottom:clamp(2.2rem,5vw,3.6rem);
  background:
    radial-gradient(1100px 380px at 8% -10%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(900px 480px at 110% 10%, rgba(255,193,7,.08), transparent 55%),
    linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bot) 100%);
}
#hero-catalogo .container-fluid { 
  max-width:min(1800px,96vw); 
  margin-inline:auto; 
}

#hero-catalogo .hero-title {
  margin:0 0 .25rem; 
  font-weight:700; 
  text-transform:uppercase; 
  letter-spacing:.02em;
  line-height:1.12; 
  color:#fff; 
  text-shadow:0 2px 18px rgba(0,0,0,.35);
  font-size:clamp(1.8rem,3.1vw,2.6rem);
}

/* ===== Cards ===== */
.product-card { 
  text-decoration:none; 
  display:flex; 
  flex-direction:column; 
  height:100%; 
  border-radius:22px;
  border:1px solid var(--frame-border-color);
  box-shadow:0 14px 36px rgba(0,0,0,.28);
  overflow:hidden;
  background:#0f1317;
  transition: transform .25s cubic-bezier(.4,0,.2,1), 
              box-shadow .25s cubic-bezier(.4,0,.2,1), 
              border .25s cubic-bezier(.4,0,.2,1);
}

.product-card img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:22px;

  /* imagen ligeramente más grande ya por defecto */
  transform:scale(1.01);
  transition:transform .3s cubic-bezier(.4,0,.2,1);
}

/* Hover: zoom muy sutil + borde amarillo */
.product-card:hover {
  transform: scale(1.02); 
  border:4px solid var(--brand-yellow);
  box-shadow:0 22px 56px rgba(0,0,0,.36);
  z-index:2;
}

.product-card:hover img {
  transform:scale(1.03);
}
/* Espaciado extra entre filas en móvil para el hero */
@media (max-width: 767.98px) {
  #hero-catalogo .row.g-4 > [class*="col"] {
    margin-bottom: 1rem; /* separa cada box verticalmente */
  }

  /* Quitamos el margen extra en la última fila */
  #hero-catalogo .row.g-4 > [class*="col"]:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  #hero-catalogo {
    padding-top: 9rem; /* más aire arriba en móvil */
  }
}