/************************
 * Color Background *****
************************/
html.sm-page-home.sm-user-ui  {
        background-color: #0e0e0f;
    background-size: 100%;
    background-size: cover;
}

html.sm-user-ui  {
    background-color: #0e0e0f;
}
    @media screen and (max-width: 768px) {
    html.sm-user-ui  {
        background-size: auto;
    }
}
        .sm-user-ui .sm-page-content > .sm-page-layout > .sm-page-layout-region-header {
    background-color: #080808;
            background-color: rgba(8,8,8, 0.52);
    }
    .sm-user-ui .sm-page-content > .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-left {
    background-color: #0b0800;
    }
    .sm-user-ui .sm-page-content > .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-center {
    background-color: #0e0f0f;
            background-color: rgba(14,15,15, 0.49);
    }
    .sm-user-ui .sm-page-content > .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-right {
    background-color: #0b0800;
    }
    .sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-left {
    background-color: #0b0800;
    }
    .sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-center {
    background-color: #1d1e21;
            background-color: rgba(29,30,33, 0.40);
    }
    .sm-user-ui .sm-page-layout.sm-page-layout-sitetemplate .sm-page-layout >
    .sm-page-layout-region >
    .sm-page-layout-region-right {
    background-color: #0b0800;
    }