:root{
--color-primary:#3d3b3d;
--color-secondary:#958857;
--color-success:#005543;
--color-info:#31799d;
--color-warning:#dbbb0a;
--color-danger:#df2929;
--color-light:#ffffff;
--color-dark:#111111;
--color-white:#ffffff;
--color-black:#000000;
--body-bg-color:#ffffff;
--body-text-color:#000000;
--body-link-color:#c41ba1;
--body-link-hover-color:#bc5985;
--mainnav-text-color:#000000;
--mainnav-link-color:#000000;
--mainnav-link-hover-color:#c9328d;
--mainnav-link-active-color:#d6569f;
--footer-bg-color:#000000;
--footer-text-color:#ffffff;
--footer-link-color:#434343;
--footer-link-hover-color:#c1c1c1;
}
/* Pattern: Dark */
.t4-palette-dark {
	color: #f8f9fa;
	background-color: #111111;
}
.t4-palette-dark a:not(.btn) {
	color: #1687a5;
}
.t4-palette-dark a:not(.btn):hover {
	color: #075f77;
}
/* Heading */
.t4-palette-dark h1,
.t4-palette-dark h2,
.t4-palette-dark h3,
.t4-palette-dark h4,
.t4-palette-dark h5,
.t4-palette-dark h6 {
	color: #525252;
}
/* Module */
.t4-palette-dark .nav > li > a {
	color: #1687a5;
}
.t4-palette-dark .nav > li > a:hover,
.t4-palette-dark .nav > li > a:focus,
.t4-palette-dark .nav > li > a:active {
	color: #075f77;
}
.layout-home .t4-sticky.t4-palette-dark {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-dark {
	background-color: #111111;
}

/* Pattern: Primary */
.t4-palette-primary {
	color: #f8f9fa;
	background-color: #0a6780;
}
.t4-palette-primary a:not(.btn) {
	color: #1d849f;
}
.t4-palette-primary a:not(.btn):hover {
	color: #166277;
}
/* Heading */
.t4-palette-primary h1,
.t4-palette-primary h2,
.t4-palette-primary h3,
.t4-palette-primary h4,
.t4-palette-primary h5,
.t4-palette-primary h6 {
	color: #f8f9fa;
}
/* Module */
.t4-palette-primary .nav > li > a {
	color: #1d849f;
}
.t4-palette-primary .nav > li > a:hover,
.t4-palette-primary .nav > li > a:focus,
.t4-palette-primary .nav > li > a:active {
	color: #166277;
}
.layout-home .t4-sticky.t4-palette-primary {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-primary {
	background-color: #0a6780;
}

/* Pattern: Gray */
.t4-palette-gray {
	color: #585858;
	background-color: #c7c7c7;
}
.t4-palette-gray a:not(.btn) {
	color: #0a6780;
}
.t4-palette-gray a:not(.btn):hover {
	color: #188aa8;
}
/* Heading */
.t4-palette-gray h1,
.t4-palette-gray h2,
.t4-palette-gray h3,
.t4-palette-gray h4,
.t4-palette-gray h5,
.t4-palette-gray h6 {
	color: #002630;
}
/* Module */
.t4-palette-gray .nav > li > a {
	color: #0a6780;
}
.t4-palette-gray .nav > li > a:hover,
.t4-palette-gray .nav > li > a:focus,
.t4-palette-gray .nav > li > a:active {
	color: #188aa8;
}
.layout-home .t4-sticky.t4-palette-gray {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-gray {
	background-color: #c7c7c7;
}

/* Pattern: Transparent */
.t4-palette-transparent {
	color: #f8f9fa;
	background-color: rgba(0, 0, 0, 0.768);
}
.t4-palette-transparent a:not(.btn) {
	color: #137c98;
}
.t4-palette-transparent a:not(.btn):hover {
	color: #116278;
}
/* Heading */
.t4-palette-transparent h1,
.t4-palette-transparent h2,
.t4-palette-transparent h3,
.t4-palette-transparent h4,
.t4-palette-transparent h5,
.t4-palette-transparent h6 {
	color: #f8f9fa;
}
/* Module */
.t4-palette-transparent .nav > li > a {
	color: #137c98;
}
.t4-palette-transparent .nav > li > a:hover,
.t4-palette-transparent .nav > li > a:focus,
.t4-palette-transparent .nav > li > a:active {
	color: #116278;
}
.layout-home .t4-sticky.t4-palette-transparent {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-transparent {
	background-color: rgba(0, 0, 0, 0.768);
}

/* Pattern: Footnav */
.t4-palette-footnav {
	color: #f8f9fa;
	background-color: #373737;
}
.t4-palette-footnav a:not(.btn) {
	color: #0072cd;
}
.t4-palette-footnav a:not(.btn):hover {
	color: #006ca3;
}
/* Heading */
.t4-palette-footnav h1,
.t4-palette-footnav h2,
.t4-palette-footnav h3,
.t4-palette-footnav h4,
.t4-palette-footnav h5,
.t4-palette-footnav h6 {
	color: #f8f9fa;
}
/* Module */
.t4-palette-footnav .nav > li > a {
	color: #0072cd;
}
.t4-palette-footnav .nav > li > a:hover,
.t4-palette-footnav .nav > li > a:focus,
.t4-palette-footnav .nav > li > a:active {
	color: #006ca3;
}
.layout-home .t4-sticky.t4-palette-footnav {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-footnav {
	background-color: #373737;
}

/* Pattern: buscar-login */
.t4-palette-buscar-login {
	color: #f8f9fa;
	background-color: #0052ae;
}
.t4-palette-buscar-login a:not(.btn) {
	color: #0072cd;
}
.t4-palette-buscar-login a:not(.btn):hover {
	color: #006ca3;
}
/* Heading */
.t4-palette-buscar-login h1,
.t4-palette-buscar-login h2,
.t4-palette-buscar-login h3,
.t4-palette-buscar-login h4,
.t4-palette-buscar-login h5,
.t4-palette-buscar-login h6 {
	color: #f8f9fa;
}
/* Module */
.t4-palette-buscar-login .nav > li > a {
	color: #0072cd;
}
.t4-palette-buscar-login .nav > li > a:hover,
.t4-palette-buscar-login .nav > li > a:focus,
.t4-palette-buscar-login .nav > li > a:active {
	color: #006ca3;
}
.layout-home .t4-sticky.t4-palette-buscar-login {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-buscar-login {
	background-color: #0052ae;
}

/* Pattern: menu */
.t4-palette-menu {
	color: #f8f9fa;
	background-color: #5b5959;
}
.t4-palette-menu a:not(.btn) {
	color: #0072cd;
}
.t4-palette-menu a:not(.btn):hover {
	color: #006ca3;
}
/* Heading */
.t4-palette-menu h1,
.t4-palette-menu h2,
.t4-palette-menu h3,
.t4-palette-menu h4,
.t4-palette-menu h5,
.t4-palette-menu h6 {
	color: #434343;
}
/* Module */
.t4-palette-menu .nav > li > a {
	color: #0072cd;
}
.t4-palette-menu .nav > li > a:hover,
.t4-palette-menu .nav > li > a:focus,
.t4-palette-menu .nav > li > a:active {
	color: #006ca3;
}
.layout-home .t4-sticky.t4-palette-menu {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-menu {
	background-color: #5b5959;
}

/* Pattern: seccion3 */
.t4-palette-seccion3 {
	color: #f8f9fa;
	background-color: #000000;
}
.t4-palette-seccion3 a:not(.btn) {
	color: #118eaf;
}
.t4-palette-seccion3 a:not(.btn):hover {
	color: #084c5e;
}
/* Heading */
.t4-palette-seccion3 h1,
.t4-palette-seccion3 h2,
.t4-palette-seccion3 h3,
.t4-palette-seccion3 h4,
.t4-palette-seccion3 h5,
.t4-palette-seccion3 h6 {
	color: #f8f9fa;
}
/* Module */
.t4-palette-seccion3 .nav > li > a {
	color: #118eaf;
}
.t4-palette-seccion3 .nav > li > a:hover,
.t4-palette-seccion3 .nav > li > a:focus,
.t4-palette-seccion3 .nav > li > a:active {
	color: #084c5e;
}
.layout-home .t4-sticky.t4-palette-seccion3 {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-seccion3 {
	background-color: #000000;
}

/* Pattern: tienda */
.t4-palette-tienda {
	color: #ffffff;
	background-color: #04848b;
}
.t4-palette-tienda a:not(.btn) {
	color: #d8f5f3;
}
.t4-palette-tienda a:not(.btn):hover {
	color: #3fe3db;
}
/* Heading */
.t4-palette-tienda h1,
.t4-palette-tienda h2,
.t4-palette-tienda h3,
.t4-palette-tienda h4,
.t4-palette-tienda h5,
.t4-palette-tienda h6 {
	color: #ffffff;
}
/* Module */
.t4-palette-tienda .nav > li > a {
	color: #d8f5f3;
}
.t4-palette-tienda .nav > li > a:hover,
.t4-palette-tienda .nav > li > a:focus,
.t4-palette-tienda .nav > li > a:active {
	color: #3fe3db;
}
.layout-home .t4-sticky.t4-palette-tienda {
	background-color: transparent;
}
.not-at-top .t4-sticky.t4-palette-tienda {
	background-color: #04848b;
}

/* Section: header */

#t4-header .bg-overlay {
	opacity: 0.5;
}

/* Section:  */

#t4-section-1 .bg-overlay {
	opacity: 1;
}
#t4-section-1 .bg-overlay-image {
	background-image: url(/images/hero-lavida.jpg#joomlaImage://local-images/hero-lavida.jpg?width=1280&height=720);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

/* Section:  */

#t4-section-2 .bg-overlay {
	opacity: 0.5;
}

/* Section: Mainbody */

#t4-mainbody .bg-overlay {
	opacity: 0.5;
}

/* Section: footnav */

#t4-footnav .bg-overlay {
	opacity: 0.5;
}
#t4-footnav .bg-overlay-image {
	background-image: url(/images/backgroundgris.jpg#joomlaImage://local-images/backgroundgris.jpg?width=1920&height=1080);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

/* Section:  */
#t4-section-11 {
	position: -webkit-sticky !important;
	position: sticky;
	top: 0;
	z-index: 10;
}
#t4-section-11 .bg-overlay {
	opacity: 0.5;
}
/**
 * ------------------------------------------------------------------------
 * JA Stark Template
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
:root {
  --primary: #3d3b3d;
  --secondary: #958857;
  --success: #005543;
  --info: #31799d;
  --warning: #dbbb0a;
  --danger: #df2929;
  --light: #ffffff;
  --dark: #111111;
}
/* for megamenu animation duration */
.t4-megamenu.animate .dropdown.animating > .dropdown-menu {
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms; 
}
html {
  font-size: 14; 
}
body {
  background-color: #ffffff;
  color: #000000;
  font-family: Lato;
  font-size: 14;
  font-weight: 300;
  font-style: normal;
}
.t4-content {
  background-repeat: no-repeat;
  background-color: #ffffff; 
}
h1, h2, h3, h4, h5, h6 {
  font-family: Lato;
  font-weight: 300;
  font-style: normal;
}
h1, .h1 {
  font-size: 60; 
}
h2, .h2 {
  font-size: 48; 
}
h3, .h3 {
  font-size: 36; 
}
h4, .h4 {
  font-size: 28; 
}
h5, .h5 {
  font-size: 24; 
}
h6, .h6 {
  font-size: 20; 
}
/* COLORS
--------------------------------------- */
/* Backgrounds Colors */
.bg-primary {
  background-color: #3d3b3d !important; 
}
.bg-secondary {
  background-color: #958857 !important; 
}
.bg-success {
  background-color: #005543 !important; 
}
.bg-info {
  background-color: #31799d !important; 
}
.bg-warning {
  background-color: #dbbb0a !important; 
}
.bg-danger {
  background-color: #df2929 !important; 
}
.bg-light {
  background-color: #ffffff !important; 
}
.bg-dark {
  background-color: #111111 !important; 
}
/* Buttons Colors */
.btn.btn-primary {
  background-color: #3d3b3d !important;
  border-color: #3d3b3d !important; 
}
.btn.btn-primary:hover {
  opacity: 0.85; 
}
.btn.btn-secondary {
  background-color: #958857 !important;
  border-color: #958857 !important; 
}
.btn.btn-secondary:hover {
  opacity: 0.85; 
}
.btn.btn-success {
  background-color: #005543 !important;
  border-color: #005543 !important; 
}
.btn.btn-success:hover {
  opacity: 0.85; 
}
.btn.btn-info {
  background-color: #31799d !important;
  border-color: #31799d !important; 
}
.btn.btn-info:hover {
  opacity: 0.85; 
}
.btn.btn-warning {
  background-color: #dbbb0a !important;
  border-color: #dbbb0a !important; 
}
.btn.btn-warning:hover {
  opacity: 0.85; 
}
.btn.btn-danger {
  background-color: #df2929 !important;
  border-color: #df2929 !important; 
}
.btn.btn-danger:hover {
  opacity: 0.85; 
}
.btn.btn-light {
  background-color: #ffffff !important;
  border-color: #ffffff !important; 
}
.btn.btn-light:hover {
  opacity: 0.85; 
}
.btn.btn-dark {
  background-color: #111111 !important;
  border-color: #111111 !important; 
}
.btn.btn-dark:hover {
  opacity: 0.85; 
}
/* Text Colors */
.text-primary {
  color: #3d3b3d !important; 
}
.text-secondary {
  color: #958857 !important; 
}
.text-success {
  color: #005543 !important; 
}
.text-info {
  color: #31799d !important; 
}
.text-warning {
  color: #dbbb0a !important; 
}
.text-danger {
  color: #df2929 !important; 
}
.text-light {
  color: #ffffff !important; 
}
.text-dark {
  color: #111111 !important; 
}
/* Badage Colors */
.badge-primary {
  background-color: #3d3b3d; 
}
.badge-secondary {
  background-color: #958857; 
}
.badge-success {
  background-color: #005543; 
}
.badge-info {
  background-color: #31799d; 
}
.badge-warning {
  background-color: #dbbb0a; 
}
.badge-danger {
  background-color: #df2929; 
}
.badge-light {
  background-color: #ffffff; 
}
.badge-dark {
  background-color: #111111; 
}
/* TPL
--------------------------------------- */
.contact .contact-links ul li a:hover > span, .contact .contact-links ul li a:focus > span, .contact .contact-links ul li a:active > span {
  background: #3d3b3d;
  border-color: #3d3b3d; 
}
.t4-section.t4-pattern-primary {
  background: #3d3b3d; 
}
  .t4-section.t4-pattern-primary .bg-overlay-image::after {
    background: #3d3b3d; 
}
.acm-hero .btn.html5lightbox.primary,
.acm-hero .btn.html5link.primary {
  background: #3d3b3d; 
}
.t4-megamenu .dropdown-menu ul > li a.nav-link:hover,
.t4-megamenu .dropdown-menu ul > li a.dropdown-item:hover {
  color: #958857; 
}
.t4-megamenu .dropdown-menu ul > .active a.nav-link,
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item {
  color: #958857; 
}
.t4-megamenu .dropdown-menu .mega-nav > li a.nav-link:hover,
.t4-megamenu .dropdown-menu .mega-nav > li a.dropdown-item:hover {
  color: #958857; 
}
.t4-megamenu .dropdown-menu .mega-nav > .active a.nav-link,
.t4-megamenu .dropdown-menu .mega-nav > .active a.dropdown-item {
  color: #958857; 
}
.module-title {
  color: #958857; 
}
#t4-section-7 .t4-section-module .module-title {
  color: #958857; 
}