:root {
    --black: #000000;
    --white: #ffffff;
    --light-color: #f9f9f9;
    --primary-color: #144734;
    --secondary-color: #d8cfc6;
    --secondary-green: #144734;
    --highlight-color: #ab9769;
    --inactive-color: #ab9769;
    --active-color: #f06836;
    --disabled-color: #ab9769;
    --bg-light: #ccc1ba;
    --bg-section-color: #c8b18b1a;
    --tx-obs: #ff0000;
    --secondary-verde: #0f3c2b;
    --white-trans: #B6BDBF;
    --green-link: #006241;
    --green-botton: #23573f;
}
/* #### FONTS #### */
@font-face {
    font-family: 'Parnaso';
    src: url("../fonts/Parnaso-MediumCondensed.woff2") format("woff2"), url("../fonts/Parnaso-MediumCondensed.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'OpenSansCondensed-Light';
    src: url("../fonts/OpenSansCondensed-Light.ttf") format(".ttf");
    font-style: normal;
    font-display: swap;
}
body {
    background-color: var(--primary-color);
    padding: 0px;
    margin: 0px;
    font-stretch: condensed;
    font-family: 'OpenSansCondensed-Light','Open Sans Condensed', sans-serif;
    color: var(--tx-body);
    font-weight: lighter;
    font-size: 20px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Parnaso';
    font-weight: 100;
    color: var(--primary-color);
}
.page-header-left h2 {
    font-size: 30px;
    color: var(--active-color);
}
.contact-details li { 
    font-family: 'OpenSansCondensed-Light','Open Sans Condensed', sans-serif;
    font-weight: 400; 
    font-size: 13px; 
    color: VAR(--black);
}
span.number, span.odometer.number, .number-sign {
    font-family: 'OpenSansCondensed-Light','Open Sans Condensed', sans-serif;
}
.single-counter-box span.number, .single-counter-box span.odometer.number, .single-counter-box .number-sign {
    font-weight: 600;
    color: var(--active-color);
}
.single-counter-box .ornament {
    background: var(--active-color);
}
.single-counter-box .ornament::after {
    border-color: var(--active-color);
}
/* #### FONTS #### */
/* #### Logo #### */
.header .logo .logo-clone { justify-content: left; }
/* #### Logo #### */
/* #### Background Home #### */
.header .logo {
    text-align: left;
}
.header-background.header-background-4 { 
    background-image: url(../images/placeholder.png);
    border-bottom: 3px solid var(--active-color);
}
.transparent-header-container .header-top-bar-container { 
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
    background: rgba(20, 71, 52, 0.6);
}
.transparent-header-container .page-header-left, .transparent-header-container .page-header-right {
    display: block;
    width: 100%;
    text-align: left;
}
.transparent-header-container .header-container.sticky.move#cm-sticky-clone {
    background: var(--primary-color);
    padding: 16px 0;
}
/* #### Background Home #### */
.template-quote{
    font-size: 25px;
    line-height: 1;
}
.page-margin-top-section {
    margin-top: 30px;
}
blockquote p::before {
    color: var(--active-color);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: var(--primary-color);
}
.single-counter-box p {
    font-size: 20px;
}
.single-counter-box p span {
    font-size: 20px;
    font-weight: 100;
    color: var(--primary-color);
    text-transform: uppercase;

}
.grid-base { margin-left: -15px; margin-right: -15px; }
.grid-column { margin-left: 15px !important; margin-right: 15px !important; margin-bottom: 30px; }
.ornament-container { max-width: 98% !important; }
.modal { background-color: rgba(0, 0, 0, .8); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: none; }
.modal-content { margin: 0 auto; margin-top: 5%; max-width: 1210px; background-color: #eee; padding: 0; box-shadow: 0 0 2px #fff; }
.modal-header h1 { font-weight: bold; text-align: center; }
.modal-header, .modal-body, .modal-footer { padding: 20px; }
.modal-header { }
.modal-footer { background-color: #ccc; }
.btn { cursor: pointer; }
.modal-header .blog .post-content-details-container { clear: both; border-bottom: 1px solid #000000; padding: 0px 0 10px; }
.accordion .ui-accordion-content { padding: 30px 20px 20px; }
.accordion .ui-accordion-header h4 { font-weight: 400; font-size: 18px; font-family: 'OpenSansCondensed-Light','Open Sans Condensed', sans-serif; color: var(--white); }
.accordion .ui-accordion-header .ui-accordion-header-icon { color: var(--white); }
.accordion .ui-accordion-header:hover .ui-accordion-header-icon { color: var(--white); }
.accordion .ui-accordion-header:hover h4 { color: var(--white); }
.accordion .ui-accordion-header.ui-state-active { background: var(--primary-color); }
.accordion .ui-accordion-header { background: var(--disabled-color); }
    .accordion .ui-accordion-header:hover { background: var(--primary-color); }
    .accordion .ui-accordion-header.ui-state-active { background: var(--primary-color); color: var(--white); }
.scroll-top:hover { background: var(--disabled-color); }

@media screen and (max-width: 479px) {
    .grid-base { margin-left: 0px; margin-right: 0px; }
    .grid-column { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px; }
    .table-grid { margin-top: 0px !important; }
}

@media screen and (max-width: 767px) {
    .grid-base { margin-left: 0px; margin-right: 0px; }
    .grid-column { margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px; }
    .table-grid { margin-top: 0px !important; }