:root {
    --color-light-shades: #F8F9FA;
	--color-light-shades-85: #F8F9FAD8;

	--color-light-accent: #946F4F; 
	--color-light-accent-70: #946F4FB2;

	--color-main: #51a1ac; 
	--color-main-70: #51a1acCC;
	
	--color-dark-accent: #5e3a1a; 
	--color-dark-accent-70: #5e3a1aB2;
	
	--color-dark-shades: #394556;	
	--color-dark-shades-80: #394556CC;	
	
	--navbar-font-pasive:#ffffff;
	--navbar-font-active:var(--color-light-shades);
	--navbar-background:var(--color-main);	
}
html, body {
  background-color: #ffffff;
  color: var(--color-dark-shades);
}
h1, h2, h3, h4, h5, h6 {
  color: var(--color-dark-shades);
}
.uk-section-primary {
    background-color: var(--color-main)
}
/*NavBar*/
.navbar,
.tag label:after{
	background-color: var(--navbar-background);
}
.navbar-light .navbar-brand,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-toggler [class^="flaticon-"]:before, 
.navbar-light .navbar-toggler [class*=" flaticon-"]:before,
.navbar-light .navbar-toggler [class^="flaticon-"]:after, 
.navbar-light .navbar-toggler [class*=" flaticon-"]:after { 
	color:var(--navbar-font-pasive);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active{
	color:var(--navbar-font-active);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link.active{
	background-color:transparent;
}
.tag label {
	background-color: var(--navbar-font-pasive);
	color: var(--navbar-background);
}
.navbar-light .navbar-brand:focus .tag label,
.navbar-light .navbar-brand:hover .tag label {
	background-color: var(--navbar-font-active);
}
.tag label:before {		
	border-color: transparent var(--navbar-font-pasive) transparent transparent;
}
.navbar-light .navbar-brand:focus .tag label:before,
.navbar-light .navbar-brand:hover .tag label:before{		
	border-color: transparent var(--navbar-font-active) transparent transparent;
}
.overlay {
	background:-moz-linear-gradient(left, var(--color-light-accent-70) 0%, var(--color-light-shades-85) 100%);
	background:-webkit-linear-gradient(left, var(--color-light-accent-70) 0%, var(--color-light-shades-85) 100%);
	background:linear-gradient(to right, var(--color-light-accent-70) 0%, var(--color-light-shades-85) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAE2C6', endColorstr='#CBA567', GradientType=1);
}
.box {
    color: #FFF;
}
.box h1 {
    color: #FFF;
}
.label-default {
    background-color: var(--color-main);
}
footer,
footer h4,
footer a {
    color: #fff;
}
footer a:focus, 
footer a:hover {
    color: var(--color-main);
}
footer .footer-social a:focus, 
footer .footer-social a:hover {
    color: var(--color-dark-shades);
}
.uk-label {
    background-color: var(--color-main);
}
.filters {
    background-color: var(--color-light-accent);
}
.uk-subnav-pill>.uk-active>a {
    background-color:var(--color-main);
    color: #fff;
}
.uk-subnav-pill>*>:first-child {
    color: var(--color-main);
}
.uk-grid-divider>:not(.uk-first-column)::before {
    border-left-color: var(--color-main);
}
.guide_link:focus div.uk-card-footer,
.guide_link:hover div.uk-card-footer {
    background-color: var(--color-light-shades);
}
#guias .uk-card-title i {
    color:var(--color-main);
}
.uk-notification-message-success{
    color: #6a944f;
}
.img-logo {
    border-color: #ffffff;
}
.info-detail {
    background-color: var(--color-light-shades);
}
/* -- CARD -- */
.uk-card-default .uk-card-title {
    color: var(--color-dark-shades);
}
.uk-text-meta {
    color: var(--color-dark-shades-80);
}
.uk-card-default {
    color: var(--color-dark-shades);
}
.esl-basic::before{
}
.esl-plus::before{
    border-right-color: #AB8D3F;
    border-top-color: #AB8D3F;
}
.esl-full::before{
    border-right-color: #000000;
    border-top-color: #000000;
}
.card-custom {
    background-color: var(--color-light-shades);
    color: var(--color-dark-shades);
}
.card-custom .uk-card-header h3 {
    color: inherit;
}
.uk-card-footer .uk-icon {
    color: var(--color-main);
}
.esl-link, .esl-link:hover{
    color: var(--color-dark-shades);
}
.esl-link span::after {
    background-color: var(--color-main);
}
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    color: var(--color-dark-shades);
    border-color: var(--color-main);
}
.cd-top{
    background-color:var(--color-dark-accent-70);
}
.cd-top:hover{
    background-color:var(--color-dark-accent);
}
#encabezado a.uk-icon {
    color: var(--color-main);
}
#encabezado a.uk-icon:hover {
    color: var(--color-light-accent);
}
#encabezado a.uk-button:hover {
    background-color:#FFFFFF;
    color: var(--color-main);
}
#encabezado a.uk-button:hover .uk-icon-link{
    color: var(--color-main);
}
.bgcolor-main {
    background-color: var(--color-main);
}
.color-main {
    color: var(--color-main);
}
.bgcolor-white {
    background-color: #FFFFFF;
}
.bgcolor-main-light {
    background-color: #B5E2E8;
}
.bgcolor-dark-accent {
    background-color: var(--color-dark-accent);
}
.bgcolor-dark-accent-light {
    background-color: #B69861;
}
.bgcolor-light-accent {
    background-color: var(--color-light-accent);
}
.bgcolor-light-shades {
    background-color: var(--color-light-shades);
}
.section-title h2 {
    color: var(--color-dark-shades);
}
.section-title h2 i {
    background: -webkit-linear-gradient(45deg, #000000, var(--color-main) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-left: 1px;
}
.section-title hr {
    background: var(--color-main);
}
.card-container{
   /* background-color: #FFFFFF;*/
}
.btn-default {
    background: var(--color-main);
    color: #FFFFFF;
}
.btn-default:hover {
    background: var(--color-main-70);
    color: #FFFFFF;
}
.uk-accordion-content {
    color: var(--color-dark-shades-80);
}
.uk-accordion-title:hover {
    color: var(--color-main);
}
.faq-item {
    background-color: var(--color-light-shades);    
}
/* --- Toggle Swich --- */
.pricing-switcher label {
	background: var(--color-main);;
}
.pricing-switcher label:after {
	background: #FFFFFF;
}
.pricing-switcher input + span {
    color: var(--color-dark-shades);
}
.pricing-switcher input:checked ~ span{
    color: var(--color-main);
}
.pricing-switcher .toggle-unchecked {
    color: var(--color-dark-shades);
}
.pricing-switcher .toggle-unchecked.on {
    color: var(--color-main);
}
/* --- FIN - Toggle Swich --- */
.pricing--esl .pricing__item {
	background: #FFF;
	border-color: #FFF;
}
.pricing--esl .pricing__item:hover {
	border-color: var(--color-main);
}
.pricing--esl .pricing__title {
	border-top-color: var(--color-dark-shades);
	border-bottom-color: var(--color-dark-shades);
}
.pricing--esl .pricing__price {
	color: var(--color-dark-shades);
}
.pricing--esl .pricing__action {
	background: var(--color-main);
	color: #FFF;
}
.pricing--esl .pricing__action:hover,
.pricing--esl .pricing__action:focus {
	background: var(--color-main-70)
}
.pricing--esl .pricing__icon i {
    background: -webkit-linear-gradient(45deg, #000000, var(--color-main) 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}
.pricing--esl .pricing__item li .flaticon-check:before, 
.pricing--esl .pricing__item li .flaticon-check:after {   
    color: var(--color-main);
}
.pricing--esl .pricing__item li .flaticon-informacion:before, 
.pricing--esl .pricing__item li .flaticon-informacion:after {   
    color: #b3b3b3;
}
/* --- Social Share --- */
.socialShare  a {
  /*background-color: var(--color-dark-shades-80);*/
}
.socialShare > * > i:hover,
.socialShare > .open > i {
    color: var(--color-main);
}
.socialGallery a {
  color: #FFF;
}
.socialShare > .open .facebook:hover,
.socialShare > .open .whatsapp:hover {
    background-color: #FFF;
    color: var(--color-main);
}
.socialShare > .open .socialToolBox {
    background-color: var(--color-main);
}
.arrow--up::before {
    border-color: transparent transparent transparent var(--color-main);
}
.arrow--up::after {
    border-color: transparent transparent transparent var(--color-main);
}
#contacto a:hover i {
    color: var(--color-dark-shades);
}
.uk-button-default {
    background-color: #FFF;
}
.uk-button-default.uk-active, .uk-button-default:active,
.uk-button-default:focus, .uk-button-default:hover {
    background-color: var(--color-main);
    color: #FFF;
}
.button-more {
    background-color:var(--color-main);
    color: #fff;
}
.button-more:focus,
.button-more:hover {
    background-color:var(--color-main-70);
    color: #fff;
}