@charset "utf-8";
body {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 27px;
    font-family: "Poppins", sans-serif;
    color: #5c5b5a;
    background-color: var(--secondcolor);
}
#sp-top-bar {
    line-height: 26px;
}
h1 {
    color: #242a42;
    font-size: 26px;
    line-height: 38px;
}
h2 {
    color: #242a42;
    font-size: 24px;
    line-height: 34px;
}
h3 {
    color: #242a42;
    font-size: 20px;
    line-height: 28px;
}
h4 {
    color: #242a42;
    font-size: 18px;
    line-height: 26px;
}
h5 {
    color: #242a42;
    font-size: 16px;
    line-height: 24px;
}
#sp-top-bar {
    background: #f09509 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 11px 0;
}
.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #d48208 !important;
    text-transform: uppercase;
}
.sp-megamenu-parent > li:hover > a {
    color: #d48208;
}
.sp-megamenu-parent > li > span,
.sp-megamenu-parent > li > a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.3px;
    line-height: 80px;
    margin: 0 15px;
    padding: 0;
    text-transform: capitalize;
}
#sp-bottom {
    font-size: 16px;
    line-height: 2.3;
    padding: 50px 0 50px;
}
body.site {
    background-color: #fffdf8;
}
#sp-header,
.transparent-wrapper {
    height: 90px;
}
#sp-header {
    background-color: #fffdf5;
}
#sp-header a {
    color: #5c5b5a;
}
#sp-header a:hover {
    color: #d48208;
}
#sp-header {
    line-height: 26px;
}
#sp-header .top-search-wrapper .icon-top-wrapper,
#sp-header .top-search-wrapper .icon-top-wrapper > i:before,
.sp-megamenu-wrapper > .sp-megamenu-parent > li > a,
.sp-megamenu-wrapper #offcanvas-toggler,
.sp-megamenu-wrapper #offcanvas-toggler .js-menu-toggle,
#sp-header .modal-login-wrapper span,
#sp-header .ap-my-account i.pe-7s-user,
#sp-header .ap-my-account .info-text,
#sp-header .mod-languages,
#sp-header .logo,
#cart-menu,
#cd-menu-trigger,
.cd-cart,
.cd-cart > i {
    height: 90px;
    line-height: 90px;
}
#sp-bottom {
    background-color: #434344;
    color: #f2f2f2;
    padding: 20px 0;
}
#sp-bottom a {
    color: #f2f2f2;
}
#sp-bottom a:hover {
    color: #edd8d8;
}
#sp-footer {
    background-color: #2d2f30;
    color: #b0b0b0;
}
#sp-footer a {
    color: #d6d6d6;
}
#sp-footer a:hover {
    color: #f0f0f0;
}
.sp-module ul > li,
.sppb-addon-module ul > li {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: 300ms;
    transition: 300ms;
    margin-bottom: 10px;
}
a {
    color: #b16206;
}
a hover {
    color: #444;
}
#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
    border-bottom: 1px solid #f3f3f3;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px;
    padding-bottom: 10px;
}
#sp-left .sp-module ul,
#sp-right .sp-module ul {
    list-style: none;
    font-weight: 400;
}
.breadcrumb {
    border-radius: 5px;
    padding: 30px 5px;
    margin: 30px 0;
    border: solid 1px #dbdbdb;
}
#sp-main-body {
    padding: 30px 0;
}
#sp-left .sp-module,
#sp-right .sp-module {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-top: 50px;
    padding: 30px;
}
.article-list .article {
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
}
.article-list .article .readmore a:hover,
.article-list .article .readmore a:active,
.article-list .article .readmore a:focus {
    color: #a66607;
}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 30px;
    color: #fff;
}
.article-details .article-header h1,
.article-details .article-header h2 {
    font-size: 2.25rem;
    line-height: 46px;
}
.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h2 a:hover {
    color: #a66607 !important;
}
.article-list .article .article-header h1 a,
.article-list .article .article-header h2 a {
    color: #555;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    font-size: 1.5rem !important;
    font-weight: 700;
    margin-top: 50px !important;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu > li > a {
    padding: 15px 10px;
}
.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading {
    color: #242a42;
    margin: 5px 0px 10px 0px;
    padding: 0;
    text-transform: capitalize;
}
.sp-page-title .sp-page-title-heading {
    font-size: 24px;
    line-height: 34px;
}