body{background:#202020 !important;}

/*-----
button
-----*/
a.sppb-btn { border-radius: 20px;padding: 8px 25px;}

/*-----
service
-----*/
/*div#feature-box .service-content {
    min-height: 310px;
    }
@media(max-width:1399px) and (min-width:1200px){
    div#feature-box .service-content {
    min-height: 380px;
    }
}
@media(max-width:1199px) and (min-width:768px){
    div#feature-box .service-content {
    min-height: 600px;
    }
}
@media(max-width:767px){
    div#feature-box .service-content {
    min-height: auto;
    }
}*/

/*-----
expand text
-----*/
.sppb-btn-container.sppb-content-truncation-show {
    scale: 1.18;
    margin-bottom: -25px;
    padding: 20px;
    border-radius: 0 0 10px 10px;
}


/*text*/
.sppb-btn-container.sppb-content-truncation-show {
    background: linear-gradient(to bottom, #00000000, #000 1.8rem);
}
.sppb-btn-container.sppb-content-truncation-show .sppb-btn-show-more {   margin: 0 auto;}


/*--------
offcanvas menu
---------*/
.offcanvas-menu { background: #202020;}
.offcanvas-menu a{  color: #fff !important;}
.offcanvas-menu .offcanvas-inner ul.menu li.active a{ color: #007db1 !important;}

.offcanvas-active .burger-icon>span, 
#modal-menu-toggler.active .burger-icon>span {
    background: white !important;
}

a.sp-sign-in {  display: none;}
span.menu-toggler {
    color: white !important;
}

/*--------------------------
Scrollup Button
--------------------------*/

.sp-scroll-up {
    bottom: 35px;
    background: #53585a;
    right: 100px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #272929;
}