body,
.sp-preloader {
    background-color: #ffffff;
    color: #1a1a1a
}

.sp-preloader>div {
    background: #ab9169
}

.sp-preloader>div:after {
    background: #ffffff
}

#sp-top-bar {
    background: #fcf7f0;
    color: #a48360
}

#sp-top-bar a {
    color: #a48360
}

#sp-header {
    background: #fcf7f0
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
    color: #ab9169
}

a {
    color: #ab9169
}

a:hover,
a:focus,
a:active {
    color: #a48360
}

.tags>li {
    display: inline-block
}

.tags>li a {
    background: rgba(171, 145, 105, 0.1);
    color: #ab9169
}

.tags>li a:hover {
    background: #a48360
}

.article-social-share .social-share-icon ul li a {
    color: #1a1a1a
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    background: #ab9169
}

.pager>li a {
    border: 1px solid #ededed;
    color: #1a1a1a
}

.sp-reading-progress-bar {
    background-color: #ab9169
}

.sp-megamenu-parent>li>a {
    color: #372d1f
}

.sp-megamenu-parent>li:hover>a {
    color: #ab9169
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: #ab9169
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fcf7f0
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #372d1f
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #ab9169
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #ab9169
}

.sp-megamenu-parent .sp-mega-group>li>a {
    color: #372d1f
}

#offcanvas-toggler>.fa {
    color: #372d1f
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: #ab9169
}

#offcanvas-toggler>.fas {
    color: #372d1f
}

#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
    color: #ab9169
}

#offcanvas-toggler>.far {
    color: #372d1f
}

#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
    color: #ab9169
}

.offcanvas-menu {
    background-color: #fcf7f0;
    color: #372d1f
}

.offcanvas-menu .offcanvas-inner a {
    color: #372d1f
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
    color: #ab9169
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #372d1f
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #ab9169
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(55, 45, 31, 0.5)
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: rgba(55, 45, 31, 0.5)
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgba(55, 45, 31, 0.8)
}

.btn-primary,
.sppb-btn-primary {
    border-color: #ab9169;
    background-color: #ab9169
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #a48360;
    background-color: #a48360
}

ul.social-icons>li a:hover {
    color: #ab9169
}

.sp-page-title {
    background: #ab9169
}

.layout-boxed .body-innerwrapper {
    background: #ffffff
}

.sp-module ul>li>a {
    color: #1a1a1a
}

.sp-module ul>li>a:hover {
    color: #ab9169
}

.sp-module .latestnews>div>a {
    color: #1a1a1a
}

.sp-module .latestnews>div>a:hover {
    color: #ab9169
}

.sp-module .tagscloud .tag-name:hover {
    background: #ab9169
}

.search .btn-toolbar button {
    background: #ab9169
}

#sp-footer,
#sp-bottom {
    background: #1a1a1a;
    color: #fcf7f0
}

#sp-footer a,
#sp-bottom a {
    color: #ab9169
}

#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
    color: #a48360
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
    color: #fcf7f0
}

.sp-comingsoon body {
    background-color: #ab9169
}

.pagination>li>a,
.pagination>li>span {
    color: #1a1a1a
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    color: #1a1a1a
}

.pagination>.active>a,
.pagination>.active>span {
    border-color: #ab9169;
    background-color: #ab9169
}

.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-color: #ab9169;
    background-color: #ab9169
}

.error-code,
.coming-soon-number {
    color: #ab9169
}



.vitrin-container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.vitrin-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
}

.vitrin-slide.current {
    opacity: 1;
    visibility: visible;
}

.vitrin-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9%;
    max-width: 86%;
    color: white;
    visibility: hidden;
    opacity: 0;
    transition: opacity 1s;
    padding: 20px;
}

.vitrin-slide.current .slide-content {
    visibility: visible;
    opacity: 1;
}

.slide-row {
    opacity: 0;
    transform: translateX(-70px);
    transition: opacity 1s, transform 1s;
    margin-bottom: 15px;
}

.vitrin-slide.current .slide-row {
    opacity: 1;
    transform: translateX(0);
}

.vitrin-slide.current .row1 {
    transition-delay: 0.3s;
}

.vitrin-slide.current .row2 {
    transition-delay: 0.6s;
}

.vitrin-slide.current .row3 {
    transition-delay: 0.9s;
}

.slide-btn {
    background-color: rgba(207, 158, 0, 1);
    border-radius: 5px;
    padding: 10px 25px;
    display: inline-block;
    transition: background-color 0.3s;
    color: white;
    text-decoration: none;
}

.slide-btn:hover {
    background-color: rgba(0, 0, 0, 1);
    color: white;
}

.slider-nav {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 60px;
    color: white;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.3s;
}

.vitrin-container:hover .slider-nav {
    opacity: 1;
}

.slider-prev {
    left: 2%;
}

.slider-next {
    right: 2%;
}

@media (max-width: 992px) {
    .slide-content {
        left: 7%;
    }

    .row1 {
        font-size: 1.2rem;
    }

    .row2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .slide-content {
        left: 5%;
        padding: 15px;
    }

    .row1 {
        font-size: 1rem;
    }

    .row2 {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

    .slider-nav {
        font-size: 40px;
    }
}

@media (max-width: 576px) {
    .slide-content {
        left: 3%;
        max-width: 90%;
        padding: 10px;
    }

    .row1 {
        font-size: 0.9rem;
    }

    .row2 {
        font-size: 1.2rem;
        margin-bottom: 8px;
    }

    .slide-btn {
        padding: 8px 20px;
        font-size: 0.9rem;
    }
}

.vitrin-container {
    padding-top: 40%;
    position: relative;
}

@media (max-width: 768px) {
    .vitrin-container {
        padding-top: 60%;
    }
}

@media (max-width: 576px) {
    .vitrin-container {
        padding-top: 80%;
    }
}

.vitrin-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}