body {
    background:url('../img/ffbg.png');
}
.header-leaves {
    position:absolute;
    z-index:0;
    left:0;
    top:0;
}
.header {
    position:relative;
    z-index:1;
    margin-top:100px;
    margin-bottom:50px;
}
.header .nav {
    width:100%;
    max-width:960px;
    margin:0 auto;
    text-align:center;
}
.header .nav ul {
    font-family:'Roboto', sans-serif;
    font-weight:bold;
    /*font-style:italic;*/
    font-size:13px;
    list-style:none;
    padding-left:0;
    border-top:2px solid #808080;
    border-bottom:2px solid #808080;
}
.header .nav ul li {
    display:inline-block;
    padding-left:0px;
    padding-right:0px;
}
.header .nav ul li a {
    color:#666666;
    text-decoration:none;
}
.header .nav ul .logo {
    width:200px;
    margin-top:-40px;
    margin-bottom:-40px;
    background:#f0f0f0;
}
.header .nav ul .social {
    padding-left:0px;
    padding-right:0px;
}
.header .nav ul .social img {
    max-height:34px;
}
.header .nav ul .logo img {
    width:100%;
}

.header .nav-mobile .logo {
    max-height:50px;
    margin-left:10px;
}
.header .nav-mobile .logo img {
    height:50px;
}

.header .nav-mobile .menu-btn {
    position:absolute;
    right:10px;
    top:0;
    background:#005432;
    color:#fff;
    width:40px;
    height:40px;
    font-size:30px;
    text-align:center;
    cursor:pointer;
}
.header .nav-mobile ul {
    display:none;
    position:absolute;
    right:10px;
    top:40px;
    text-align:center;
    list-style:none;
    padding-left:0;
    font-family:'Roboto', sans-serif;
    text-transform:uppercase;
    font-weight:bold;
}
.header .nav-mobile ul li a {
    padding:5px 10px;
    color:#fff;
    text-decoration:none;
    background:#005432;
    display:block;
    border-bottom:1px solid #107a2d;
}
.header .nav-mobile ul li.social {
    font-size:0;
}
.header .nav-mobile ul li.social a {
    display:inline-block;
}
.header .nav-mobile ul li.social img {
    max-height:40px;
    border-radius:20px;
    background:#fff;
    border:1px solid #fff;
}
@media screen and (max-width:1200px) {
    .header .nav ul li {
        padding-left:0px;
        padding-right:0px;
    }
    .header .nav ul {
        font-size:12px;
    }
}
@media screen and (max-width:991px) {
    .header .nav ul {
        font-size:10px;
    }
    .header .nav ul .home-btn img {
        max-height:40px;
    }
    .header .nav ul .logo {
        width:130px;
    }
    .header .nav ul .social {
        padding-left:0px;
        padding-right:0px;
    }
    .header .nav ul .social img {
        max-width:24px;
    }
}
@media screen and (max-width:767px) {
    .header {
        margin-top:10px;
    }
}
.page {
    position:relative;
    overflow:hidden;
}
.page .hojas {
    position:relative;
    z-index:-1;
}
.page .hojas .hoja1 {
    position:absolute;
    top:0;
    right:-100px;
}
.page .hojas .hoja2 {
    position:absolute;
    top:400px;
    left:-100px;
}
.page .hojas .hoja3 {
    position:absolute;
    top:800px;
    right:-100px;
}

h1 {
    font-family:'Playfair Display', serif;
    font-weight:bold;
    color:#365e3f;
    text-align:center;
    font-size:24px;
}

/* Index */
.slider {
    width:100%;
    max-width:935px;
    height:260px;
    margin:0px auto;
    overflow:hidden;
    position:relative;
}
.slides-container {
    width:20000px;
    position:absolute;
    top:0px;
    left:0px;
}
.slides-container ul {
    list-style:none;
    padding-left:0;
    font-size:0;
}
.slides-container ul li {
    display:inline-block;
}
.slides-container ul li img {
    width:100%;
}
.slider-dots {
    position:absolute;
    bottom:12px;
    text-align:center;
    width:100%;
}
.slider-dots .dot {
    display:inline-block;
    width:16px;
    height:16px;
    background:#fff;
    border:1px solid #ccc;
    border-radius:10px;
    cursor:pointer;
    margin-left:2px;
    margin-right:2px;
    opacity:0.75;
}
.slider-dots .dot.active {
    background:#ccc;
}

.slider-arrows span i {
    width:40px;
    height:40px;
    border-radius:20px;
    background:#fff;
    box-shadow:0px 2px 5px rgba(0,0,0,0.5);
    text-align:center;
    line-height:40px;
    font-size:22px;
    color:#616161;
    opacity:0.3;
    cursor:pointer;
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
    -ms-transition:0.3s all;
    -o-transition:0.3s all;
    transition:0.3s all;
}
.slider-arrows span i:hover {
    opacity:1;
}
.slider-arrows .left-arrow {
    position:absolute;
    left:5px;
}
.slider-arrows .right-arrow {
    position:absolute;
    right:5px;
}
@media screen and (max-width:991px) {
    .slider {
        height:209px;
    }
}

/*Index*/
.index h1 {
    font-size:50px;
    color:#4d4d4d;
    text-align: center;
    margin-top:35px;
}
.index h2 {
    font-family:'Playfair Display', serif;
    font-size:18px;
    color:#4d4d4d;
    text-align:center;
    font-weight:bold;
    margin-top:40px;
    margin-bottom:50px;
}
.index p {
    font-family:'Playfair Display', serif;
    font-size:23px;
    color:#4d4d4d;
    font-style:italic;
    text-align:center;
}
.index .line {
    position:relative;
    display:block;
    text-align:center;
    color:#474747;
    margin-top:40px;
    margin-bottom:60px;
    border-bottom:1px solid #ccc;
}
.index .line i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#7f7f7f;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.ff-block {
    background:#fff;
    text-align:center;
    font-family:'Playfair Display', serif;
    padding:10px 8px;
    margin-left:-6px;
    margin-right:-6px;
    height:350px;
}
.ff-block img {
    max-width:100%;
}
.ff-block h3 {
    font-size:21px;
    font-weight:bold;
    color:#666666;
}
.ff-block hr {
    height: 2px;
    background: #999999;
}
.ff-block p {
    font-size:14px;
    font-style:italic;
    color:#808080;
}
.ff-block p a {
    color:#005432;
    text-decoration:none;
}
.green-bg {
    background:url('../img/back_slider_bottom.png') repeat-x;
    background-size:contain;
    padding-top:25px;
    padding-bottom:25px;
    margin-top:40px;
}
.green-bg p {
    font-family:'Playfair Display', serif;
    font-size:18px;
    font-style:italic;
    text-align:center;
    color:#ffffff;
}
@media screen and (max-width:991px) {
    .ff-block h3 {
        font-size:16px;
    }
    .ff-block p {
        font-size:13px;
    }
}
@media screen and (max-width:767px) {
    .ff-block {
        margin-bottom:15px;
    }
    .ff-block p {
        font-size:14px;
    }
    .green-bg p {
        font-size:16px;
    }
}

/*Nosotros*/
.nosotros {
    font-family:'Playfair Display', serif;
}
.nosotros h1 {
    position:relative;
    font-size:38px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    padding-bottom:50px;
    margin-bottom:60px;
    border-bottom:1px solid #ccc;
}
.nosotros h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#999999;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.nosotros p {
    font-size:18px;
    color:#666666;
    text-align:justify;
    padding-bottom:40px;
}
.nosotros .nos-block {
    background:#fff;
    padding:6px 20px;
    margin-bottom:15px;
}
.nosotros .nos-block h2 {
    font-size:24px;
    color:#666666;
    font-weight:bold;
    text-align:center;
}
.nosotros .nos-block hr {
    height:2px;
    background:#cccccc;
}
.nosotros .nos-block p {
    font-size:18px;
    color:#888888;
    font-style:italic;
    text-align:center;
}
.nosotros .nos-block ul {
    list-style:none;
    padding-left:0;
    text-align:center;
    color:#888888;
    font-size:18px;
    font-style:italic;
}
.nosotros.green-bg {
    font-family:'Playfair Display', serif;
    text-align:center;
}
.nosotros.green-bg .soporte {
    height:282px;
}
.nosotros.green-bg h3 {
    color:#fff;
    font-size:28px;
    font-style:italic;
    font-weight:bold;
}
.nosotros.green-bg h4 {
    color:#fff;
    font-size:18px;
}
.nosotros.green-bg p {
    font-size:14px;
    font-style:italic;
    text-align:center;
    color:#ffffff;
    padding-bottom:0;
}
.nosotros.green-bg hr {
    height:1px;
    background:#fff;
}
@media screen and (max-width:991px) {
    .nosotros.green-bg .soporte {
        height:340px;
    }
}
@media screen and (max-width:767px) {
    .nosotros.green-bg {
        background:#005432;
    }
    .nosotros.green-bg .soporte {
        height:282px;
    }
    .nosotros.green-bg .soporte img {
        max-width:100%;
        width:130px;
    }
}

/*Productos*/
.productos {
    font-family:'Playfair Display', serif;
}
.productos h1 {
    position:relative;
    font-size:38px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    margin-top:0;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #999999;
}
.productos h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#666666;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.slide-container {
    overflow:hidden;
}
.principal-slider {
    height:500px;
    position:relative;
    width:3500px;
    font-size:0;
}
.principal-slider .slide {
    display:inline-block;
    height:100%;
    position:relative;
    text-align:center;
}
.principal-slider .slide img {
    height:100%;
    position:relative;
}
.thumbnail-container {
    text-align:center;
}
.thumbnail-container .prod-th {
    display:inline-block;
    cursor:pointer;
    max-width:250px;
}
.thumbnail-container .prod-th img {
    width:100%;
}
@media screen and (max-width:991px) {
    .principal-slider {
        height:400px;
    }
    .thumbnail-container .prod-th {
        max-width:200px;
    }
}
@media screen and (max-width:767px) {
    .principal-slider {
        height:350px;
    }
    .thumbnail-container .prod-th {
        max-width:160px;
    }
}
@media screen and (max-width:768px) {
    .principal-slider {
        height:270px;
    }
}

.producto {
    background:#fff;
    padding:10px 15px;
    margin-bottom:15px;
    text-align:center;
    display:none;
}
.producto .prod-logo img {
    margin-top:15px;
    max-width:100%;
    width:280px;
}
.producto .prod-logo .line {
    position:relative;
    display:block;
    text-align:center;
    color:#474747;
    margin-top:20px;
    margin-bottom:60px;
    border-bottom:1px solid #ccc;
}
.producto .prod-logo .line i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#7f7f7f;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.producto h2 {
    font-size:40px;
    color:#666666;
    font-weight:bold;
    font-style:italic;
}
.producto .circle-container {
    margin-top:20px;
    margin-bottom:20px;
}
.producto .circle-container .circle {
    display:inline-block;
    width:200px;
    max-width:30%;
    cursor:pointer;
    border-radius:100px;
}
.producto .circle-container .circle img {
    width:100%;
}
.producto .full-image-container {
    display:none;
    position:relative;
    z-index:100;
}
.producto .full-image-container .black-layer {
    cursor:pointer;
}
.producto .full-image {
    display:none;
    width:10%;
    height:10%;
}
.producto .full-image img {
    max-width:90%;
    max-height:90%;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    cursor:pointer;
    background:#ffffff;
    padding:12px;
    border-radius:5px;
    box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
.producto .descripcion {
    font-size:20px;
    color:#575757;
    font-style:italic;
}
.producto .tabs {
    margin-top:20px;
    position:relative;
    z-index:2;
}
.producto .tabs ul {
    list-style:none;
    padding-left:0;
    text-align:left;
    font-size:0;
    margin-left:-15px;
}
.producto .tabs ul li {
    display:inline-block;
    position:relative;
    background:#dddddd;
    font-size:20px;
    color:#575757;
    padding:15px 35px;
    box-shadow:3px 3px 5px rgba(0,0,0,0.25);
    border-top-left-radius: 20px 20px;
    border-top-right-radius: 40px 50px;
    margin-left:-15px;
    cursor:pointer;
}
.producto .tabs ul li:hover {
    background:#cccccc;
}
.producto .tabs ul li:first-child {
    background:#b4e8b9;
    margin-left:0;
}
.producto .tabs ul li:first-child:hover {
    background:#95cc9a;
}
.producto .tab-content {
    background:#e6e6e6;
    position:relative;
    z-index:3;
    margin-top:-10px;
    margin-left:-15px;
    margin-right:-15px;
    margin-bottom:-20px;
    padding:16px 25px;
    border-top:7px solid #888;
    min-height:120px;
}
.producto .tab-content ul {
    list-style:none;
    padding-left:0;
}
.producto .tab-content ul li {
    font-size:18px;
    text-align:left;
    color:#575757;
    display:none;
}
.producto .tab-content img {
    max-width:100%;
}
@media screen and (max-width:991px) {
    .producto h2 {
        font-size:30px;
    }
    .producto .descripcion {
        font-size:17px;
    }
    .producto .tabs ul li {
        font-size:16px;
        padding:12px 20px;
    }
    .producto .tab-content ul li {
        font-size:16px;
    }
}
@media screen and (max-width:768px) {
    .producto .descripcion {
        font-size:15px;
    }
    .producto .tabs ul li {
        font-size:13px;
        padding:8px;
        border-radius:2px 2px 0 0;
        margin-left:0;
    }
    .producto .tab-content ul li {
        font-size:14px;
    }
}
.cinvestav-text {
    font-family:'Playfair Display', serif;
    font-size:20px;
    color:#666666;
    font-style:italic;
    font-weight:bold;
    text-align:center;
    margin-top:20px;
    margin-bottom:30px;
}
.cinvestav-text img {
    width:100%;
    margin-top:40px;
}

/*Puntos de venta*/
.distribuidores {
    font-family:'Playfair Display', serif;
    text-align:center;
}
.distribuidores h1 {
    position:relative;
    font-size:38px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    padding-bottom:50px;
    margin-bottom:60px;
    border-bottom:1px solid #ccc;
}
.distribuidores h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#999999;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.distribuidores label {
    color:#575757
}
.distribuidores form {
    font-size:20px;
    font-weight:normal;
}
.distribuidores form .row {
    margin-bottom:20px;
}
.dist_cont {
    background:#f6f6f6;
    padding:12px 20px 30px;
    margin-bottom:30px;
}
.dist_cont h3 {
    position:relative;
    font-size:33px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    padding-bottom:25px;
    border-bottom:1px solid #ccc;
    margin-bottom:25px;
}
.dist_cont h3 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#999999;
    border-radius:12px;
    border:3px solid #f6f6f6;
}
.dist_cont .text {
    text-align:left;
    color:#575757;
    font-size:14px;
}
@media screen and (max-width:767px) {
    .distribuidores form {
        font-size:14px;
    }
}

/* FAQ */
.faqs {
    font-family:'Playfair Display', serif;
}
.faqs h1 {
    position:relative;
    font-size:38px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    margin-top:0;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #999999;
}
.faqs h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#666666;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.faq {
    margin-bottom:20px;
}
.faq .q {
    font-size:18px;
    color:#666666;
    font-style:italic;
    font-weight:bold;
    cursor:pointer;
}
.faq .a {
    font-size:14px;
    color:#575757;
    margin-bottom:20px;
    display:none;
}

/* Contacto */
.contacto {
    font-family:'Playfair Display', serif;
}
.contacto h1 {
    position:relative;
    font-size:38px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    margin-top:0;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #999999;
}
.contacto h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#666666;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.contacto h2 {
    font-size:20px;
    font-weight:bold;
    color:#575757;
}
.contacto form {
    margin-top:20px;
}
.contacto label {
    font-weight:bold;
    font-style:italic;
    font-size:14px;
    line-height:16px;
    color:#666666;
    display:block;
}
.contacto input[type='text'], .contacto input[type='email'], .contacto textarea {
    margin-bottom:12px;
    font-size:14px;
    font-weight:normal;
    width:100%;
    padding:6px 8px 6px 8px;
    border:1px solid #CCCCCC;
}
.contacto textarea {
    height: 260px;
}
.contacto input[type='submit'] {
    font-size:18px;
    color:#fff;
    background:#006D39;
    border-radius:10px;
    border:0px;
    margin:0px auto;
    padding:8px 30px;
    display:block;
}
.aside-contact h3 {
    font-size:20px;
    font-weight:normal;
    font-style:italic;
    color:#575757;
    border-bottom:1px solid #666666;
    padding-bottom:5px;
}
.aside-contact p {
    font-size:14px;
    font-style:italic;
    color:#666666;
    margin-top:10px;
    margin-bottom:10px;
    line-height:24px;
}
.aside-contact p i {
    font-size:22px;
    line-height:24px;
    padding-right:8px;
}
.aside-contact h2 {
    font-size:30px;
    color:#575757;
    font-weight:bold;
    font-style:italic;
    text-align:center;
    margin-top:20px;
}

/*Custom*/
.custom {
    font-family:'Playfair Display', serif;
    background:#fff;
    padding:10px 25px 30px 25px;
}
.custom h1 {
    position:relative;
    font-size:28px;
    color:#666666;
    font-style:italic;
    font-weight:bold;
    padding-bottom:20px;
    margin-bottom:30px;
    border-bottom:1px solid #ccc;
}
.custom h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#999999;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.custom img {
    max-width:100%;
}
.custom .center {
    text-align:center;
    margin-bottom:20px;
}
.custom h3 {
    font-size:16px;
    font-weight:bold;
    color:#666666;
}
.custom p {
    font-size:14px;
    color:#666666;
    line-height:18px;
    text-align:justify;
}
.custom label {
    display:block;
    font-size:14px;
    color:#666666;
}
.custom input, .custom select {
    display:block;
    font-size:14px;
    margin-bottom:15px;
}

/*Aviso de privacidad*/
.privacidad {
    font-family:'Playfair Display', serif;
}
.privacidad h1 {
    position:relative;
    font-size:38px;
    color:#575757;
    font-style:italic;
    font-weight:bold;
    padding-bottom:50px;
    margin-bottom:60px;
    border-bottom:1px solid #ccc;
}
.privacidad h1 i {
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:24px;
    font-size:12px;
    line-height:18px;
    color:#fff;
    background:#999999;
    border-radius:12px;
    border:3px solid #f0f0f0;
}
.privacidad p {
    font-size:14px;
    color:#575757;
    text-align:justify;
    padding-bottom:10px;
}
.privacidad ul {
    margin-bottom:10px;
}
.privacidad ul li {
    color:#575757;
}
.privacidad .center {
    text-align:center;
    display:block;
}
.privacidad h3 {
    font-size:14px;
    text-align:center;
    font-weight:bold;
    color:#575757;
}




/*Marcas*/
.marcas ul {
    width:100%;
    list-style:none;
    padding-left:0;
    text-align:center;
}
.marcas ul li {
    display:inline-block;
    padding:2em;
    max-width:280px;
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
    -ms-transition:0.3s all;
    -o-transition:0.3s all;
    transition:0.3s all;
}
.marcas ul li:hover {
    padding:1em;
}
.marcas ul li a img {
    width:100%;
}






footer {
    height:100px;
    position:relative;
    margin-top:100px;
    background:url('../img/footer.png') repeat-x;
    background-position:bottom center;
    color:#fff;
    font-size:14px;
}
footer .container {
    position:relative;
    z-index:1;
    padding-top:40px;
}
.footer-leaves {
    position:absolute;
    z-index:0;
    right:0;
    bottom:0;
}
footer a {
    color:#fff;
    text-decoration:none;
    -webkit-transition:0.3s all;
    -moz-transition:0.3s all;
    -ms-transition:0.3s all;
    -o-transition:0.3s all;
    transition:0.3s all;
}
footer a:hover, footer a:focus {
    color:#fff;
    text-decoration:none;
    text-shadow:0 0 2px rgba(255, 255, 255, 0.5);
}
footer .warning {
    font-size:9px;
    padding-left:5px;
    padding-right:5px;
    padding-top:15px;
}
@media screen and (max-width:1600px) {
    .footer-leaves {
        display:none;
    }
}
@media screen and (max-width:991px) {
    footer {
        font-size:12px;
    }
}
@media screen and (max-width:767px) {
    footer .container {
        padding-top:15px;
    }
}

/*Banner*/
.black-layer {
	position:fixed;
	z-index:999;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}
.overlay {
	position:relative;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	/*width:90%;*/
	max-width:1000px;
	max-height:696px;
	border-radius:10px 0px 10px 10px;
	background:#fff;
	box-shadow:2px 3px 5px rgba(0,0,0,0.5);
}
.overlay .close_btn {
	position:absolute;
	top:0px;
	right:0px;
	width:36px;
	height:36px;
	margin-right:-18px;
	margin-top:-18px;
	background:url('../img/close.png');
	border-radius:18px;
	box-shadow:1px 2px 3px rgba(0,0,0,0.5);
	cursor:pointer;
}
.overlay img {
	width:100%;
	height:auto;
	padding:5px;
}