/* default */
body,
html {
    overflow-x: hidden !important;
}
.dark .light,
.light,
.dark .light,
.light {
    font-family: 'OpenSans';
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}
.light .dark,
.dark,
.light .dark,
.dark {
    font-family: 'OpenSans';
    font-size: 14px;
    line-height: 1.5;
    color: #ffffff;
}
.light-page {
    background-color: #fff;
}
.dark-page {
    background-color: #232122;
}
section.light,
footer.light,
header.light {}
section.dark,
footer.dark,
header.dark {}
.dark .section-line.light,
.light .section-line,
.dark .light .section-line,
.section-line.light,
.dark .section-line-container.light::after,
.light .section-line-container::after,
.dark .light .section-line-container::after,
.section-line-container.light::after {
    border-color: #D1D7DD;
}
.light .section-line.dark,
.dark .section-line,
.light .dark .section-line,
.section-line.dark,
.light .section-line-container.dark::after,
.dark .section-line-container::after,
.light .dark .section-line-container::after,
.section-line-container.dark::after {
    border-color: #888888;
}
.dark .bg-wrap.light,
.light .bg-wrap,
.dark .light .bg-wrap,
.bg-wrap.light,
.dark .bg-default.light,
.light .bg-default,
.dark .light .bg-default,
.bg-default.light {
    background-color: #fff;
}
.light .bg-wrap.dark,
.dark .bg-wrap,
.light .dark .bg-wrap,
.bg-wrap.dark,
.light .bg-default.dark,
.dark .bg-default,
.light .dark .bg-default,
.bg-default.dark {
    background-color: #232122;
}
.dark h1.light,
.light h1,
.dark .light h1,
h1.light {
    font-family: 'Montserrat';
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    color: #111111;
}
.light h1.dark,
.dark h1,
.light .dark h1,
h1.dark {
    font-family: 'Montserrat';
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
}
.dark h2.light,
.light h2,
.dark .light h2,
h2.light {
    font-family: 'Montserrat';
    font-size: 50px;
    font-weight: 700;
    font-style: normal;
    color: #111111;
}
.light h2.dark,
.dark h2,
.light .dark h2,
h2.dark {
    font-family: 'Montserrat';
    font-size: 50px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
}
.dark h3.light,
.light h3,
.dark .light h3,
h3.light {
    font-family: 'Montserrat';
    font-size: 35px;
    font-weight: 700;
    font-style: normal;
    color: #111111;
}
.light h3.dark,
.dark h3,
.light .dark h3,
h3.dark {
    font-family: 'Montserrat';
    font-size: 35px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
}
.dark h4.light,
.light h4,
.dark .light h4,
h4.light {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    color: #111111;
}
.light h4.dark,
.dark h4,
.light .dark h4,
h4.dark {
    font-family: 'Montserrat';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
}
.dark a.light:not(.btn),
.light a:not(.btn),
.dark .light a:not(.btn),
a.light:not(.btn) {}
.light a.dark:not(.btn),
.dark a:not(.btn),
.light .dark a:not(.btn),
a.dark:not(.btn) {}
.dark a.light:not(.btn):hover,
.light a:not(.btn):hover,
.dark .light a:not(.btn):hover,
a.light:not(.btn):hover {
    color: #000000;
    text-decoration: underline;
}
.light a.dark:not(.btn):hover,
.dark a:not(.btn):hover,
.light .dark a:not(.btn):hover,
a.dark:not(.btn):hover {
    color: #fff;
    text-decoration: underline;
}
.dark .navbar-nav.light a,
.light .navbar-nav a,
.dark .light .navbar-nav a,
.navbar-nav.light a {
    color: #111111;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
}
.light .navbar-nav.dark a,
.dark .navbar-nav a,
.light .dark .navbar-nav a,
.navbar-nav.dark a {
    color: #aaa;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
}
.dark .navbar-nav.light a.nav-link:hover,
.light .navbar-nav a.nav-link:hover,
.dark .light .navbar-nav a.nav-link:hover,
.navbar-nav.light a.nav-link:hover,
.dark .navbar-nav.light .nav-item:hover > a.nav-link,
.light .navbar-nav .nav-item:hover > a.nav-link,
.dark .light .navbar-nav .nav-item:hover > a.nav-link,
.navbar-nav.light .nav-item:hover > a.nav-link,
.dark .navbar-nav.light a.nav-link.active,
.light .navbar-nav a.nav-link.active,
.dark .light .navbar-nav a.nav-link.active,
.navbar-nav.light a.nav-link.active {
    color: #e99600;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
}
.light .navbar-nav.dark a.nav-link:hover,
.dark .navbar-nav a.nav-link:hover,
.light .dark .navbar-nav a.nav-link:hover,
.navbar-nav.dark a.nav-link:hover,
.light .navbar-nav.dark .nav-item:hover > a.nav-link,
.dark .navbar-nav .nav-item:hover > a.nav-link,
.light .dark .navbar-nav .nav-item:hover > a.nav-link,
.navbar-nav.dark .nav-item:hover > a.nav-link,
.light .navbar-nav.dark a.nav-link.active,
.dark .navbar-nav a.nav-link.active,
.light .dark .navbar-nav a.nav-link.active,
.navbar-nav.dark a.nav-link.active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
}
.dark .nav-tabs.light a.nav-link,
.light .nav-tabs a.nav-link,
.dark .light .nav-tabs a.nav-link,
.nav-tabs.light a.nav-link {
    color: #A2AAB1;
}
.light .nav-tabs.dark a.nav-link,
.dark .nav-tabs a.nav-link,
.light .dark .nav-tabs a.nav-link,
.nav-tabs.dark a.nav-link {
    color: rgba(255, 255, 255, 0.2);
}
.dark .nav-tabs.light,
.light .nav-tabs,
.dark .light .nav-tabs,
.nav-tabs.light {
    border-color: #D1D7DD;
}
.light .nav-tabs.dark,
.dark .nav-tabs,
.light .dark .nav-tabs,
.nav-tabs.dark {
    border-color: rgba(255, 255, 255, 0.2);
}
.dark .nav-tabs.light a.nav-link:hover,
.light .nav-tabs a.nav-link:hover,
.dark .light .nav-tabs a.nav-link:hover,
.nav-tabs.light a.nav-link:hover,
.dark .nav-tabs.light a.nav-link.active,
.light .nav-tabs a.nav-link.active,
.dark .light .nav-tabs a.nav-link.active,
.nav-tabs.light a.nav-link.active {
    color: #111111;
    border-color: #111111;
}
.light .nav-tabs.dark a.nav-link:hover,
.dark .nav-tabs a.nav-link:hover,
.light .dark .nav-tabs a.nav-link:hover,
.nav-tabs.dark a.nav-link:hover,
.light .nav-tabs.dark a.nav-link.active,
.dark .nav-tabs a.nav-link.active,
.light .dark .nav-tabs a.nav-link.active,
.nav-tabs.dark a.nav-link.active {
    color: #FFF;
    border-color: #FFF;
}
.dark .pagination.light .page-link,
.light .pagination .page-link,
.dark .light .pagination .page-link,
.pagination.light .page-link {
    border-color: #D1D7DD;
}
.light .pagination.dark .page-link,
.dark .pagination .page-link,
.light .dark .pagination .page-link,
.pagination.dark .page-link {
    border-color: #555;
}
.dark .pagination.light .page-link:hover,
.light .pagination .page-link:hover,
.dark .light .pagination .page-link:hover,
.pagination.light .page-link:hover,
.dark .pagination.light .page-link.active,
.light .pagination .page-link.active,
.dark .light .pagination .page-link.active,
.pagination.light .page-link.active {
    border-color: #D1D7DD;
    background-color: #D1D7DD;
}
.light .pagination.dark .page-link:hover,
.dark .pagination .page-link:hover,
.light .dark .pagination .page-link:hover,
.pagination.dark .page-link:hover,
.light .pagination.dark .page-link.active,
.dark .pagination .page-link.active,
.light .dark .pagination .page-link.active,
.pagination.dark .page-link.active {
    border-color: #555;
    background-color: #555;
}
.dark .btn.light,
.light .btn,
.dark .light .btn,
.btn.light {
    border-radius: 0 0 0 0;
    border-width: 2px 2px 2px 2px;
}
.light .btn.dark,
.dark .btn,
.light .dark .btn,
.btn.dark {
    border-radius: 0 0 0 0;
    border-width: 2px 2px 2px 2px;
}
.dark .btn-primary.light,
.light .btn-primary,
.dark .light .btn-primary,
.btn-primary.light,
.dark .badge-primary.light,
.light .badge-primary,
.dark .light .badge-primary,
.badge-primary.light {
    color: #FFF;
    background-color: #e99600;
}
.light .btn-primary.dark,
.dark .btn-primary,
.light .dark .btn-primary,
.btn-primary.dark,
.light .badge-primary.dark,
.dark .badge-primary,
.light .dark .badge-primary,
.badge-primary.dark {
    color: #FFF;
    background-color: #e99600;
}
.dark .btn-primary.light:hover,
.light .btn-primary:hover,
.dark .light .btn-primary:hover,
.btn-primary.light:hover,
.dark .btn-primary.light:active,
.light .btn-primary:active,
.dark .light .btn-primary:active,
.btn-primary.light:active,
.dark .btn-primary.active.light,
.light .btn-primary.active,
.dark .light .btn-primary.active,
.btn-primary.active.light {
    color: #FFF;
    background-color: #998B7A;
}
.light .btn-primary.dark:hover,
.dark .btn-primary:hover,
.light .dark .btn-primary:hover,
.btn-primary.dark:hover,
.light .btn-primary.dark:active,
.dark .btn-primary:active,
.light .dark .btn-primary:active,
.btn-primary.dark:active,
.light .btn-primary.active.dark,
.dark .btn-primary.active,
.light .dark .btn-primary.active,
.btn-primary.active.dark {
    color: #FFF;
    background-color: #998B7A;
}
.dark .btn-outline-primary.light,
.light .btn-outline-primary,
.dark .light .btn-outline-primary,
.btn-outline-primary.light {
    color: #e99600;
}
.light .btn-outline-primary.dark,
.dark .btn-outline-primary,
.light .dark .btn-outline-primary,
.btn-outline-primary.dark {
    color: #e99600;
}
.dark .btn-outline-primary.light:hover,
.light .btn-outline-primary:hover,
.dark .light .btn-outline-primary:hover,
.btn-outline-primary.light:hover,
.dark .btn-outline-primary.light:active,
.light .btn-outline-primary:active,
.dark .light .btn-outline-primary:active,
.btn-outline-primary.light:active,
.dark .btn-outline-primary.active.light,
.light .btn-outline-primary.active,
.dark .light .btn-outline-primary.active,
.btn-outline-primary.active.light {
    color: #998B7A;
}
.light .btn-outline-primary.dark:hover,
.dark .btn-outline-primary:hover,
.light .dark .btn-outline-primary:hover,
.btn-outline-primary.dark:hover,
.light .btn-outline-primary.dark:active,
.dark .btn-outline-primary:active,
.light .dark .btn-outline-primary:active,
.btn-outline-primary.dark:active,
.light .btn-outline-primary.active.dark,
.dark .btn-outline-primary.active,
.light .dark .btn-outline-primary.active,
.btn-outline-primary.active.dark {
    color: #998B7A;
}
.dark .btn-primary.light,
.light .btn-primary,
.dark .light .btn-primary,
.btn-primary.light,
.dark .btn-outline-primary.light,
.light .btn-outline-primary,
.dark .light .btn-outline-primary,
.btn-outline-primary.light {
    border-color: #e99600;
}
.light .btn-primary.dark,
.dark .btn-primary,
.light .dark .btn-primary,
.btn-primary.dark,
.light .btn-outline-primary.dark,
.dark .btn-outline-primary,
.light .dark .btn-outline-primary,
.btn-outline-primary.dark {
    border-color: #e99600;
}
.dark .btn-primary.light:hover,
.light .btn-primary:hover,
.dark .light .btn-primary:hover,
.btn-primary.light:hover,
.dark .btn-primary.light:active,
.light .btn-primary:active,
.dark .light .btn-primary:active,
.btn-primary.light:active,
.dark .btn-primary.active.light,
.light .btn-primary.active,
.dark .light .btn-primary.active,
.btn-primary.active.light,
.dark .btn-outline-primary.light:hover,
.light .btn-outline-primary:hover,
.dark .light .btn-outline-primary:hover,
.btn-outline-primary.light:hover,
.dark .btn-outline-primary.light:active,
.light .btn-outline-primary:active,
.dark .light .btn-outline-primary:active,
.btn-outline-primary.light:active,
.dark .btn-outline-primary.active.light,
.light .btn-outline-primary.active,
.dark .light .btn-outline-primary.active,
.btn-outline-primary.active.light {
    border-color: #998B7A;
}
.light .btn-primary.dark:hover,
.dark .btn-primary:hover,
.light .dark .btn-primary:hover,
.btn-primary.dark:hover,
.light .btn-primary.dark:active,
.dark .btn-primary:active,
.light .dark .btn-primary:active,
.btn-primary.dark:active,
.light .btn-primary.active.dark,
.dark .btn-primary.active,
.light .dark .btn-primary.active,
.btn-primary.active.dark,
.light .btn-outline-primary.dark:hover,
.dark .btn-outline-primary:hover,
.light .dark .btn-outline-primary:hover,
.btn-outline-primary.dark:hover,
.light .btn-outline-primary.dark:active,
.dark .btn-outline-primary:active,
.light .dark .btn-outline-primary:active,
.btn-outline-primary.dark:active,
.light .btn-outline-primary.active.dark,
.dark .btn-outline-primary.active,
.light .dark .btn-outline-primary.active,
.btn-outline-primary.active.dark {
    border-color: #998B7A;
}
.dark .btn-secondary.light,
.light .btn-secondary,
.dark .light .btn-secondary,
.btn-secondary.light,
.dark .badge-secondary.light,
.light .badge-secondary,
.dark .light .badge-secondary,
.badge-secondary.light {
    color: #FFF;
    background-color: #A2AAB1;
}
.light .btn-secondary.dark,
.dark .btn-secondary,
.light .dark .btn-secondary,
.btn-secondary.dark,
.light .badge-secondary.dark,
.dark .badge-secondary,
.light .dark .badge-secondary,
.badge-secondary.dark {
    color: #FFF;
    background-color: #111111;
}
.dark .btn-secondary.light:hover,
.light .btn-secondary:hover,
.dark .light .btn-secondary:hover,
.btn-secondary.light:hover,
.dark .btn-secondary.light:active,
.light .btn-secondary:active,
.dark .light .btn-secondary:active,
.btn-secondary.light:active,
.dark .btn-secondary.active.light,
.light .btn-secondary.active,
.dark .light .btn-secondary.active,
.btn-secondary.active.light {
    color: #FFF;
    background-color: #91989F;
}
.light .btn-secondary.dark:hover,
.dark .btn-secondary:hover,
.light .dark .btn-secondary:hover,
.btn-secondary.dark:hover,
.light .btn-secondary.dark:active,
.dark .btn-secondary:active,
.light .dark .btn-secondary:active,
.btn-secondary.dark:active,
.light .btn-secondary.active.dark,
.dark .btn-secondary.active,
.light .dark .btn-secondary.active,
.btn-secondary.active.dark {
    color: #FFF;
    background-color: #555;
}
.dark .btn-outline-secondary.light,
.light .btn-outline-secondary,
.dark .light .btn-outline-secondary,
.btn-outline-secondary.light {
    color: #A2AAB1;
}
.light .btn-outline-secondary.dark,
.dark .btn-outline-secondary,
.light .dark .btn-outline-secondary,
.btn-outline-secondary.dark {
    color: #888;
}
.dark .btn-outline-secondary.light:hover,
.light .btn-outline-secondary:hover,
.dark .light .btn-outline-secondary:hover,
.btn-outline-secondary.light:hover,
.dark .btn-outline-secondary.light:active,
.light .btn-outline-secondary:active,
.dark .light .btn-outline-secondary:active,
.btn-outline-secondary.light:active,
.dark .btn-outline-secondary.active.light,
.light .btn-outline-secondary.active,
.dark .light .btn-outline-secondary.active,
.btn-outline-secondary.active.light {
    color: #91989F;
}
.light .btn-outline-secondary.dark:hover,
.dark .btn-outline-secondary:hover,
.light .dark .btn-outline-secondary:hover,
.btn-outline-secondary.dark:hover,
.light .btn-outline-secondary.dark:active,
.dark .btn-outline-secondary:active,
.light .dark .btn-outline-secondary:active,
.btn-outline-secondary.dark:active,
.light .btn-outline-secondary.active.dark,
.dark .btn-outline-secondary.active,
.light .dark .btn-outline-secondary.active,
.btn-outline-secondary.active.dark {
    color: #888;
}
.dark .btn-secondary.light,
.light .btn-secondary,
.dark .light .btn-secondary,
.btn-secondary.light,
.dark .btn-outline-secondary.light,
.light .btn-outline-secondary,
.dark .light .btn-outline-secondary,
.btn-outline-secondary.light {
    border-color: #A2AAB1;
}
.light .btn-secondary.dark,
.dark .btn-secondary,
.light .dark .btn-secondary,
.btn-secondary.dark,
.light .btn-outline-secondary.dark,
.dark .btn-outline-secondary,
.light .dark .btn-outline-secondary,
.btn-outline-secondary.dark {
    border-color: #111111;
}
.dark .btn-secondary.light:hover,
.light .btn-secondary:hover,
.dark .light .btn-secondary:hover,
.btn-secondary.light:hover,
.dark .btn-secondary.light:active,
.light .btn-secondary:active,
.dark .light .btn-secondary:active,
.btn-secondary.light:active,
.dark .btn-secondary.active.light,
.light .btn-secondary.active,
.dark .light .btn-secondary.active,
.btn-secondary.active.light,
.dark .btn-outline-secondary.light:hover,
.light .btn-outline-secondary:hover,
.dark .light .btn-outline-secondary:hover,
.btn-outline-secondary.light:hover,
.dark .btn-outline-secondary.light:active,
.light .btn-outline-secondary:active,
.dark .light .btn-outline-secondary:active,
.btn-outline-secondary.light:active,
.dark .btn-outline-secondary.active.light,
.light .btn-outline-secondary.active,
.dark .light .btn-outline-secondary.active,
.btn-outline-secondary.active.light {
    border-color: #91989F;
}
.light .btn-secondary.dark:hover,
.dark .btn-secondary:hover,
.light .dark .btn-secondary:hover,
.btn-secondary.dark:hover,
.light .btn-secondary.dark:active,
.dark .btn-secondary:active,
.light .dark .btn-secondary:active,
.btn-secondary.dark:active,
.light .btn-secondary.active.dark,
.dark .btn-secondary.active,
.light .dark .btn-secondary.active,
.btn-secondary.active.dark,
.light .btn-outline-secondary.dark:hover,
.dark .btn-outline-secondary:hover,
.light .dark .btn-outline-secondary:hover,
.btn-outline-secondary.dark:hover,
.light .btn-outline-secondary.dark:active,
.dark .btn-outline-secondary:active,
.light .dark .btn-outline-secondary:active,
.btn-outline-secondary.dark:active,
.light .btn-outline-secondary.active.dark,
.dark .btn-outline-secondary.active,
.light .dark .btn-outline-secondary.active,
.btn-outline-secondary.active.dark {
    border-color: #555;
}
.dark .form-group.light,
.light .form-group,
.dark .light .form-group,
.form-group.light {}
.light .form-group.dark,
.dark .form-group,
.light .dark .form-group,
.form-group.dark {}
.dark .form-control.light,
.light .form-control,
.dark .light .form-control,
.form-control.light,
.dark .form-inline>.btn-link.light,
.light .form-inline>.btn-link,
.dark .light .form-inline>.btn-link,
.form-inline > .btn-link.light {
    border-radius: 0 0 0 0;
    border-width: 0 0 1px 0;
    border-color: rgba(0, 0, 0, 0.2);
}
.light .form-control.dark,
.dark .form-control,
.light .dark .form-control,
.form-control.dark,
.light .form-inline>.btn-link.dark,
.dark .form-inline>.btn-link,
.light .dark .form-inline>.btn-link,
.form-inline > .btn-link.dark {
    border-radius: 0 0 0 0;
    border-width: 0 0 1px 0;
    border-color: rgba(255, 255, 255, 0.2);
}
.dark .form-control.light::placeholder,
.light .form-control::placeholder,
.dark .light .form-control::placeholder,
.form-control.light::placeholder,
.dark .form-control.light .placeholder,
.light .form-control .placeholder,
.dark .light .form-control .placeholder,
.form-control.light .placeholder {
    color: #aaa;
}
.light .form-control.dark::placeholder,
.dark .form-control::placeholder,
.light .dark .form-control::placeholder,
.form-control.dark::placeholder,
.light .form-control.dark .placeholder,
.dark .form-control .placeholder,
.light .dark .form-control .placeholder,
.form-control.dark .placeholder {
    color: #aaa;
}
.dark input[type=checkbox]+.lbl.light::after,
.light input[type=checkbox]+.lbl::after,
.dark .light input[type=checkbox]+.lbl::after,
input[type=checkbox]+.lbl.light::after,
.dark input[type=radio]+.lbl.light::after,
.light input[type=radio]+.lbl::after,
.dark .light input[type=radio]+.lbl::after,
input[type=radio]+.lbl.light::after {
    background-color: #A48F77;
}
.light input[type=checkbox]+.lbl.dark::after,
.dark input[type=checkbox]+.lbl::after,
.light .dark input[type=checkbox]+.lbl::after,
input[type=checkbox]+.lbl.dark::after,
.light input[type=radio]+.lbl.dark::after,
.dark input[type=radio]+.lbl::after,
.light .dark input[type=radio]+.lbl::after,
input[type=radio]+.lbl.dark::after {
    background-color: #A48F77;
}
.dark svg.svg-default.light,
.light svg.svg-default,
.dark .light svg.svg-default,
svg.svg-default.light {
    fill: #555;
}
.light svg.svg-default.dark,
.dark svg.svg-default,
.light .dark svg.svg-default,
svg.svg-default.dark {
    fill: #fff;
}
.dark svg.svg-primary.light,
.light svg.svg-primary,
.dark .light svg.svg-primary,
svg.svg-primary.light {
    fill: #c3b6a5;
}
.light svg.svg-primary.dark,
.dark svg.svg-primary,
.light .dark svg.svg-primary,
svg.svg-primary.dark {
    fill: #c3b6a5;
}
.dark svg.svg-secondary.light,
.light svg.svg-secondary,
.dark .light svg.svg-secondary,
svg.svg-secondary.light {
    fill: #bbc3cc;
}
.light svg.svg-secondary.dark,
.dark svg.svg-secondary,
.light .dark svg.svg-secondary,
svg.svg-secondary.dark {
    fill: #555;
}
.dark .gallery-item.light:not(.masonry-item),
.light .gallery-item:not(.masonry-item),
.dark .light .gallery-item:not(.masonry-item),
.gallery-item.light:not(.masonry-item),
.dark .masonry-item.gallery-item.light .wrapper,
.light .masonry-item.gallery-item .wrapper,
.dark .light .masonry-item.gallery-item .wrapper,
.masonry-item.gallery-item.light .wrapper {
    background-color: #ffffff;
}
.light .gallery-item.dark:not(.masonry-item),
.dark .gallery-item:not(.masonry-item),
.light .dark .gallery-item:not(.masonry-item),
.gallery-item.dark:not(.masonry-item),
.light .masonry-item.gallery-item.dark .wrapper,
.dark .masonry-item.gallery-item .wrapper,
.light .dark .masonry-item.gallery-item .wrapper,
.masonry-item.gallery-item.dark .wrapper {
    background-color: #232122;
}
.dark .owl-prev.light,
.light .owl-prev,
.dark .light .owl-prev,
.owl-prev.light,
.dark .owl-next.light,
.light .owl-next,
.dark .light .owl-next,
.owl-next.light {
    border-color: #111111;
    background-color: #fff;
}
.light .owl-prev.dark,
.dark .owl-prev,
.light .dark .owl-prev,
.owl-prev.dark,
.light .owl-next.dark,
.dark .owl-next,
.light .dark .owl-next,
.owl-next.dark {
    border-color: #fff;
    background-color: #111111;
}
.dark .owl-prev.light:hover,
.light .owl-prev:hover,
.dark .light .owl-prev:hover,
.owl-prev.light:hover,
.dark .owl-next.light:hover,
.light .owl-next:hover,
.dark .light .owl-next:hover,
.owl-next.light:hover {
    border-color: #111111;
    background-color: #ded8d0;
}
.light .owl-prev.dark:hover,
.dark .owl-prev:hover,
.light .dark .owl-prev:hover,
.owl-prev.dark:hover,
.light .owl-next.dark:hover,
.dark .owl-next:hover,
.light .dark .owl-next:hover,
.owl-next.dark:hover {
    border-color: #fff;
    background-color: #e99600;
}
.dark .owl-dot > span.light,
.light .owl-dot>span,
.dark .light .owl-dot>span,
.owl-dot > span.light {
    border-color: #D1D7DD;
}
.light .owl-dot > span.dark,
.dark .owl-dot>span,
.light .dark .owl-dot>span,
.owl-dot > span.dark {
    border-color: #111111;
}
.dark .owl-dot.active > span.light,
.light .owl-dot.active>span,
.dark .light .owl-dot.active>span,
.owl-dot.active>span.light,
.dark .owl-dot.light:hover>span,
.light .owl-dot:hover>span,
.dark .light .owl-dot:hover>span,
.owl-dot.light:hover > span {
    border-color: #111111;
}
.light .owl-dot.active > span.dark,
.dark .owl-dot.active>span,
.light .dark .owl-dot.active>span,
.owl-dot.active>span.dark,
.light .owl-dot.dark:hover>span,
.dark .owl-dot:hover>span,
.light .dark .owl-dot:hover>span,
.owl-dot.dark:hover > span {
    border-color: #fff;
}
.dark [class*=border].light,
.light [class*=border],
.dark .light [class*=border],
[class*=border].light,
.dark hr.light,
.light hr,
.dark .light hr,
hr.light,
.dark .separate-list.light li,
.light .separate-list li,
.dark .light .separate-list li,
.separate-list.light li,
.dark .media.light,
.light .media,
.dark .light .media,
.media.light {
    border-color: #D1D7DD;
}
.light [class*=border].dark,
.dark [class*=border],
.light .dark [class*=border],
[class*=border].dark,
.light hr.dark,
.dark hr,
.light .dark hr,
hr.dark,
.light .separate-list.dark li,
.dark .separate-list li,
.light .dark .separate-list li,
.separate-list.dark li,
.light .media.dark,
.dark .media,
.light .dark .media,
.media.dark {
    border-color: rgba(255, 255, 255, 0.2);
}
.light-page #preloader > div,
.light-page #preloader>div>*,
.light-page #preloader>div::before,
.light-page #preloader > div::after {
    border-color: #DDD;
    background-color: #dddddd;
}
.dark-page #preloader > div,
.dark-page #preloader>div>*,
.dark-page #preloader>div::before,
.dark-page #preloader > div::after {
    border-color: #888;
    background-color: #888;
}
.dark .border-x2.light,
.light .border-x2,
.dark .light .border-x2,
.border-x2.light {
    border-color: #D1D7DD;
}
.light .border-x2.dark,
.dark .border-x2,
.light .dark .border-x2,
.border-x2.dark {
    border-color: rgba(255, 255, 255, 0.2);
}
.dark .text-primary.light,
.light .text-primary,
.dark .light .text-primary,
.text-primary.light {
    color: rgb(197, 165, 91);
}
.light .text-primary.dark,
.dark .text-primary,
.light .dark .text-primary,
.text-primary.dark {
    color: rgb(197, 165, 91);
}
.dark .text-secondary.light,
.light .text-secondary,
.dark .light .text-secondary,
.text-secondary.light,
.dark .breadcrumb-item.light + .breadcrumb-item::before,
.light .breadcrumb-item + .breadcrumb-item::before,
.dark .light .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.light + .breadcrumb-item::before,
.dark .breadcrumb-item.active.light,
.light .breadcrumb-item.active,
.dark .light .breadcrumb-item.active,
.breadcrumb-item.active.light {
    color: #A2AAB1;
}
.light .text-secondary.dark,
.dark .text-secondary,
.light .dark .text-secondary,
.text-secondary.dark,
.light .breadcrumb-item.dark + .breadcrumb-item::before,
.dark .breadcrumb-item + .breadcrumb-item::before,
.light .dark .breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.dark + .breadcrumb-item::before,
.light .breadcrumb-item.active.dark,
.dark .breadcrumb-item.active,
.light .dark .breadcrumb-item.active,
.breadcrumb-item.active.dark {
    color: rgba(255, 255, 255, 0.5);
}
/* end default */
@media all and (max-width: 1279px) {
    .dark h1.light,
    .light h1,
    .dark .light h1,
    h1.light {
        font-size: 70px;
    }
    .light h1.dark,
    .dark h1,
    .light .dark h1,
    h1.dark {
        font-size: 70px;
    }
    .dark h2.light,
    .light h2,
    .dark .light h2,
    h2.light {
        font-size: 40px;
    }
    .light h2.dark,
    .dark h2,
    .light .dark h2,
    h2.dark {
        font-size: 40px;
    }
}
@media all and (max-width: 576px) {
    .dark h1.light,
    .light h1,
    .dark .light h1,
    h1.light {
        font-size: 40px;
    }
    .light h1.dark,
    .dark h1,
    .light .dark h1,
    h1.dark {
        font-size: 40px;
    }
    .dark h2.light,
    .light h2,
    .dark .light h2,
    h2.light {
        font-size: 30px;
    }
    .light h2.dark,
    .dark h2,
    .light .dark h2,
    h2.dark {
        font-size: 30px;
    }
    .dark h3.light,
    .light h3,
    .dark .light h3,
    h3.light {
        font-size: 25px;
    }
    .light h3.dark,
    .dark h3,
    .light .dark h3,
    h3.dark {
        font-size: 25px;
    }
}

.landing-bold-list {
    font-weight: bold;
    color: #111111;
    font-size: 18px;

}
.landing-bold-list li {
    list-style: none !important;
    display: flex;
    align-items: center;
}
.landing-bold-list img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.hide {
    display: none;
}
.bold {
    font-weight: bold !important;
}
.btn-outline-dark {
    font-weight: bold !important;
    border: solid 3px #111111 !important;
    color: #111111;
    text-transform: uppercase;
    font-size: 16px;
}
p {
    font-size: 18px !important;
}
.active-nav {
    color: #e99600 !important;
    font-weight: bold !important;
}
.bdr-rd-3 {
    border-radius: 3px !important;
}
.img-lady-decal {
    max-width: 550px;
    margin-bottom: -150px;
}
.img-lady-decal-holder::before {
    content: "";
    display: block;
    width: 1px;
    height: 1px;
    background: transparent;
    -webkit-animation: pulse-me2 3s infinite;
    animation: pulse-me2 3s infinite;
    -webkit-box-shadow: 0 0 0 0 rgb(209, 209, 209);
    box-shadow: 0 0 0 0 rgba(197, 165, 91, 0.5);
    position: absolute;
    left: 50%;
    top: 75%;
    transform: translate(-60%, -80%);
    z-index: -1;
    border-radius: 50%;
}
.navbar {
    -webkit-box-shadow: 0 -8px 41px 0 rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0 -8px 41px 0 rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0 -8px 41px 0 rgba(0, 0, 0, 0.25) !important;
    padding: 10px !important;
}
.normal {
    font-weight: normal !important;
}
.filter-white {
    filter: brightness(0) invert(1);
}
@-webkit-keyframes pulse-me2 {
    to {
        -webkit-box-shadow: 0 0 0 435px rgba(232, 76, 61, 0);
        box-shadow: 0 0 0 435px rgba(232, 76, 61, 0);
    }
}
@keyframes pulse-me2 {
    to {
        -webkit-box-shadow: 0 0 0 435px rgba(232, 76, 61, 0);
        box-shadow: 0 0 0 435px rgba(232, 76, 61, 0);
    }
}

.light-shadow {
    -webkit-box-shadow: 0 0 52px -24px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 52px -24px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 52px -24px rgba(0, 0, 0, 0.35);
}
.nav-link {
    padding: 0.82rem 1.25rem !important;
}
.text-footer-about {
    font-size: 16px !important;
}
.footer-list-menu {
    font-size: 18px !important;
}
.goodshare.btn-sm {
    padding: 0.55rem 0.9rem !important;
    font-size: 15px !important;
}
.btn-rounded-border {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}
.btn-rounded-border:hover {
    color: #e99600 !important;
}
.btn-rounded-simple:hover {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #e99600 !important;
}
.text-small-contact {
    font-size: 14px !important;
}
.black {
    color: #111111 !important;
}
.contact_form .form-control {
    border: solid 2px #e6e6e6 !important;
    margin-bottom: 10px;
}
.block-middle-flex {
	display: flex;
	flex-direction: column;
	align-self: center;
}
footer {
	border-top: solid 10px #e99600 !important;
}
.text-service-desc {
	font-size: 17px !important;
}
@media (min-width: 250px) and (max-width: 1230px) {
    .contact-box {
        margin-top: 0px !important;
    }
}
.accordion-header {
	font-size: 18px !important;
	font-weight: bold !important;
	color: #111111 !important;
}
.accordion-header svg{
	fill: #e99600 !important;
}
.sub-text-big {
	font-size: 25px !important;
}
h1, h2, h3, h4, h5 {
    font-family: 'Trajan Pro' !important;
}
h3.normal {
    font-family: inherit !important;
}
h4.normal {
    font-family: inherit !important;
}
.justified {
    text-align: justify !important;
}
.title-28 {
    font-size: 28px !important;
}
.title-30 {
    font-size: 30px !important;
}
.logo-slide {
    width: 100%;
    max-width: 400px;
}
#contact-form-2 {
    border-top: solid 5px #e99600 !important;
    border-top: solid 3px #e99600 !important;
}

/* ============================================================
   AJUSTES DE SIMETRÍA PARA LAS TARJETAS DE SERVICIOS
   ============================================================ */
.img-servicio-box {
    width: 100%;
    height: 220px; /* Altura fija para todas las imágenes */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-servicio-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Recorta la imagen para que llene el cuadro sin deformarse */
}

.titulo-servicio {
    min-height: 55px; /* Fuerza a que los títulos de 1 o 2 líneas ocupen el mismo espacio */
    display: flex;
    align-items: flex-start;
}

/* ============================================================
   ESTILO PERSONALIZADO PARA LISTAS EN PREGUNTAS FRECUENTES
   ============================================================ */
ul.faq-list {
    list-style: none; /* Quita el punto negro por defecto */
    padding-left: 5px;
    margin-top: 15px;
}

ul.faq-list li {
    position: relative;
    padding-left: 25px; /* Espacio para el nuevo punto */
    margin-bottom: 10px;
    font-size: 18px; /* Mismo tamaño que tus párrafos */
    color: #555;
    text-align: left; /* Evita que el texto quede justificado hacia los lados */
}

ul.faq-list li::before {
    content: "•"; /* El carácter del punto */
    color: #e99600; /* El color dorado de tu marca */
    font-size: 30px; /* Tamaño del punto */
    position: absolute;
    left: 0;
    top: -8px; /* Ajuste vertical para que quede centrado con el texto */
    line-height: 1;
}

/* ============================================================
   BOTÓN DE CONTACTO EN EL NAVBAR (UNIFICADO)
   ============================================================ */
.navbar .btn-nav-contact {
    background-color: #232122 !important;
    color: #ffffff !important;
    border: 2px solid #232122 !important;
    transition: all 0.3s ease-in-out;
    display: inline-flex;
    align-items: center;
}

/* Efecto al pasar el mouse */
.navbar .btn-nav-contact:hover {
    background-color: #e99600 !important; /* Se vuelve naranja */
    border-color: #e99600 !important;
    color: #ffffff !important;
}

/* Ajuste para que la imagen del sobre siempre esté alineada */
.navbar .btn-nav-contact img {
    margin-right: 10px;
}

/* Estado activo para el botón de contacto */
.navbar .btn-nav-contact.active-contact {
    background-color: #e99600 !important;
    border-color: #e99600 !important;
}

/* ============================================================
   BOTÓN VOLVER ARRIBA
   ============================================================ */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
    background-color: #e99600; /* Tu naranja corporativo */
    color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.3s ease-in-out;
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.back-to-top:hover {
    background-color: #232122;
    color: #ffffff;
}

/* ============================================================
   SEO: h1 con apariencia visual de h2
   Permite usar <h1> semántico sin romper el diseño
   (mantiene 50px desktop / 40px tablet / 30px móvil)
   ============================================================ */
h1.title-as-h2 {
    font-size: 50px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}
@media (max-width: 1279px) {
    h1.title-as-h2 { font-size: 40px !important; }
}
@media (max-width: 576px) {
    h1.title-as-h2 { font-size: 30px !important; }
}