body { letter-spacing: 0.5px; }

@media (min-width: 1200px) {
    #sp-title, #sp-component { margin-top: -1px; }
}

img.sppb-img-responsive { 
    filter: grayscale(0.5);
    transition: 0.8s;
}

img.sppb-img-responsive:hover { 
    filter: grayscale(0) saturate(1.5);
}


h1.sppb-addon-title, h2.sppb-addon-title, h3.sppb-addon-title, h4.sppb-addon-title, h5.sppb-addon-title {
    line-height: 1.3;
}

@media (max-width: 767px) {
    body, .sppb-addon-content { font-size: 14px; }
    h2.sppb-addon-title br { display: none; }
    h2.sppb-addon-title { font-size: 26px !important; }
    h3.sppb-addon-title { font-size: 26px; }
}

/*header*/

#sp-header {
    background: #301d01;
}

#sp-header.menu-fixed {
    background: #301d01;
}

#sp-header .logo img {
    height: 70px;
    width: auto;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 300;
    color: rgb(226 211 194 / 70%);
}

.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: #fff;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 0;
    background: #301d01;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    font-size: 14px;
    padding: 12px 20px;
    color: rgb(226 211 194 / 70%);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:not(.sp-group-title):hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:not(.sp-group-title) {
    background: #362000;
}

@media (max-width: 767px) {
    #sp-header { height: 70px; }
    #sp-header .logo img { height: 50px; }
    #sp-header .logo { height: 70px; }
    #offcanvas-toggler { line-height: 70px; }
}

/*end of header*/


/*offcanvas*/

.full-screen .offcanvas-menu {
    background: #301d01;
}

.full-screen .offcanvas-menu .close-offcanvas {
    border: 1px solid rgb(255 255 255 / 30%);
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
    background: none !important;
    color: rgb(255 255 255 / 50%);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
    color: #fff;
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
    padding: 10px;
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.collapse.in {
    padding-bottom: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border: none;
}

.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
    background: none !important;
    color: rgb(255 255 255 / 50%);
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
    color: #fff;
}

/*end of offcanvas*/



/*page title*/

.sp-page-title {
    background-attachment: scroll;
    text-align: left;
    padding: 80px 0;
    display: flex;
    height: 400px;
    align-items: center;
    position: relative;
}

.sp-page-title:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(45deg, #110a00 35%, rgb(17 10 0 / 35%));
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sp-page-title h2 {
    font-size: 62px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
}

.sp-page-title h3 {
    font-size: 18px;
    line-height: 1.5;
    color: #8d97a8;
    text-transform: none;
    width: 50%;
}

.sp-page-title h2:after {
  	display : none;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -70px;
    transform: none;
}

@media (max-width: 991px) {
    .sp-page-title:before { background-image: linear-gradient(45deg, #110a00 10%, rgb(17 10 0 / 15%)); }
    .sp-page-title {padding: 50px 0;height: 200px;background-position: 65% 0;}
    .sp-page-title h2 { font-size: 24px; padding-bottom: 15px; }
    .sp-page-title h2:after { left: 0; top: unset; height: 2px; display : block; }
    .sp-page-title h3 { width: 100%; font-size: 13px; }
}


@media (max-width: 767px) {
    .sp-page-title .container { width: 100%; }
}

/*end of page title*/




/*bottom*/

#sp-bottom {
    border-top: 1px solid #1b2b46;
}

#sp-bottom #sp-bottom1 .social-icons {
    text-align: left;
}

#sp-bottom1 img {
    filter: none !important;
}

#sp-bottom .row>div {
    margin-bottom: 20px !important;
}

#sp-bottom2 .sp-module {
    margin-top: 30px;
}

#sp-bottom2 .sp-module:first-child {
    margin-top: 0;
}

#sp-bottom2 .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
    border: none;
    padding: 0;
    background: none;
}

#sp-bottom2 .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon {
    float: left;
    padding-right: 10px;
    line-height: 1.5;
}

#sp-bottom2 .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text br { display: block; }

#sp-bottom2 .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container { margin-bottom: 0 !important; }

#sp-bottom2 .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-icon .sppb-icon-container >i {
    font-size: 14px !important;
    line-height: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

#sp-bottom ul.menu >li a {
    font-size: 14px;
    padding: 0 0 10px;
}

#sp-bottom ul.menu >li {
    line-height: 1.3;
}

#sp-bottom .sp-module .sp-module-title {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
}

#sp-bottom4 .sp-module {
    padding-top: 53px;
}


@media (min-width: 992px) {
    #sp-bottom3 .sp-module { padding-left: 20px; }
}

@media (max-width: 480px) {
    #sp-bottom4 .sp-module { padding-top: 0; }
    #sp-bottom div#sp-bottom3 { margin-bottom: 0 !important; }
}

/*end of bottom*/


/*footer*/

#sp-footer span.sp-copyright {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    display: block;
}

#sp-footer span.sp-copyright a {
    font-weight: 300;
}

#sp-footer span.sp-copyright a:hover, #sp-footer span.sp-copyright a:focus {
    color: #ccc;
}

@media (max-width: 767px) {
  #sp-footer { padding-bottom: 80px; }
}

/*end of footer*/


.scrollup {
    bottom: 27px;
    border-radius: 50px;
    border: 1px solid rgb(255 255 255 / 25%);
    background: rgb(47 36 36 / 40%);
}

.scrollup:hover {
    background: #2f2424;
}

.scrollup:before {
    line-height: 35px;
    font-size: 20px;
    right: auto;
    color: #fff;
}

@media (max-width: 1199px) {
    .scrollup { right: 100px; }
}

div#bfPage2 {
    background: #060b14;
    border-radius: 10px;
    padding: 15px;
}

div#bfPage2 p {
    margin: 0;
}