            <!--::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                background-color: #F5F5F5
                }
                
                ::-webkit-scrollbar {
                width: 9px;
                background-color: #F5F5F5
                }
                
                ::-webkit-scrollbar-thumb {
                background-color: #de7921;
                background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
                }
                
                :root {
                --body-font: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;
                --body-bg: #f5f6f7;
                --title-color: #2b2e32;
                --link-color: #2980b9;
                --text-color: #67676a;
                --subtitle-color: #47474a;
                --header-bg: #24272b;
                --header-color: #b8b9ba;
                --header-hover-color: #fff;
                --navbar-bg: #2b2e32;
                --navbar-color: #b8b9ba;
                --navbar-hover-color: #fff;
                --hero-bg-1: #27ae60;
                --hero-bg-2: #2980b9;
                --hero-color: #fff;
                --hero-text-color: #cfeddc;
                --green-color: #fd8438;
                --green-hover-color: #e3893b;
                --blue-color: #2980b9;
                --blue-hover-color: #2573a6;
                --red-color: #e74c3c;
                --bsellers-bg: #fff;
                --bsellers-title-color: #1f2b38;
                --bsellers-link-color: #2980b9;
                --footer-bg: #2b2e32;
                --footer-color: #b8b9ba;
                --footer-title-color: #fff;
                --footer-hover-color: #fff;
                --footerbar-bg: #24272b;
                --footerbar-color: #fff;
                --footerbar-hover-color: #b8b9ba;
                --copyright-color: #b8b9ba;
                --border-color: #e1e8ed;
                --box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                --info-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
                --bs-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
                --index-card-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
                --bs-card-shadow: 0 0 16px rgba(0, 0, 0, 0.2)
                }
                
                html,
                body,
                div,
                span,
                figure,
                applet,
                object,
                iframe,
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                p,
                blockquote,
                pre,
                a,
                abbr,
                acronym,
                address,
                big,
                cite,
                code,
                del,
                dfn,
                em,
                font,
                img,
                ins,
                kbd,
                q,
                s,
                samp,
                small,
                strike,
                strong,
                sub,
                sup,
                tt,
                var,
                b,
                u,
                i,
                center,
                dl,
                dt,
                dd,
                ol,
                ul,
                li,
                fieldset,
                form,
                label,
                legend,
                table,
                caption,
                tbody,
                tfoot,
                thead,
                tr,
                th,
                td {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                vertical-align: baseline
                }
                
                .cookie-choices-info {
                top: auto!important;
                bottom: 0
                }
                
                * {
                box-sizing: border-box
                }
                
                svg {
                overflow: visible
                }
                
                input,
                button,
                textarea {
                outline: none
                }
                
                a {
                color: var(--green-color);
                text-decoration: none
                }
                
                strike {
                color: var(--red-color)
                }
                
                ul li {
                list-style: none
                }
                
                h1,
                h2,
                h3,
                h4 {
                font-weight: 700
                }
                
                .section,
                .widget,
                .widget li {
                margin: 0;
                padding: 0
                }
                
                body {
                font-family: var(--body-font);
                background-color: var(--body-bg);
                color: var(--text-color);
                font-size: 14px;
                line-height: normal;
                word-wrap: break-word;
                margin: 0;
                padding: 0;
                font-size: inherit;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
                }
                
                .row {
                max-width: 1200px;
                margin: 0 auto
                }
                
                .container {
                float: left;
                width: 100%;
                margin: 0
                }
                
                #header-wrapper {
                position: relative;
                float: left;
                width: 100%;
                height: 68px;
                background-color: var(--header-bg)
                }
                
                .site-logo {
                position: relative;
                float: left;
                height: 30px;
                margin: 19px 0 0
                }
                
                .site-logo img {
                float: left;
                height: 30px
                }
                
                .site-logo a:not(small) {
                float: left;
                height: 30px;
                overflow: hidden;
                margin: 0;
                font-size: 24px;
                color: #fff!important
                }
                
                .site-logo a small {
                font-size: 12px;
                color: var(--green-color)
                }
                
                .site-logo a img {
                display: inline-block;
                height: 30px;
                margin: 0
                }
                
                .menu-top {
                position: relative;
                float: right;
                height: 30px;
                margin: 19px 0 0
                }
                
                .menu-top a {
                float: left;
                font-size: 14px;
                font-weight: 400;
                color: var(--header-color);
                line-height: 30px;
                padding: 0;
                margin: 0 0 0 26px
                }
                
                .menu-top a:hover {
                color: var(--header-hover-color)
                }
                
                .menu-top a.btnblog {
                background-color: var(--green-color);
                padding: 0 10px;
                margin: 0 0 0 26px;
                border-radius: 6px;
                color: #fff
                }
                
                .menu-top a.btn {
                background-color: rgba(255, 255, 255, 0.05);
                padding: 0 10px;
                margin: 0 0 0 26px;
                border-radius: 6px
                }
                
                .menu-top a.btn:hover {
                background-color: var(--green-color);
                color: #fff
                }
                
                #nav-wrapper {
                position: relative;
                float: left;
                width: 100%;
                height: 46px;
                background-color: var(--navbar-bg)
                }
                
                #nav-menu .menu {
                position: relative;
                float: left;
                overflow: hidden;
                height: 46px
                }
                
                #nav-menu .menu a {
                float: left;
                height: 46px;
                color: #dcd8d8;
                font-size: 15px;
                font-weight: 400;
                line-height: 46px;
                padding: 0;
                margin: 0 20px 0 0
                }
                
                #nav-menu .menu a.active {
                color: var(--navbar-hover-color)
                }
                
                #nav-menu .menu a:hover {
                color: var(--navbar-hover-color)
                }
                
                #nav-wrapper .search {
                position: relative;
                float: right;
                width: 160px;
                margin: 9px 0 0
                }
                
                #nav-wrapper .search .sf {
                position: relative;
                float: right;
                width: 100%;
                height: 28px;
                border: 0
                }
                
                #nav-wrapper .search .si {
                float: left;
                width: 100%;
                height: 28px;
                background-color: rgba(255, 255, 255, 0.05);
                overflow: hidden;
                font-size: 12px;
                color: var(--navbar-color);
                font-family: inherit;
                font-weight: 400;
                line-height: 29px;
                padding: 0 10px;
                border: 0;
                border-radius: 6px
                }
                
                #nav-wrapper .search .si::placeholder {
                color: var(--navbar-color);
                opacity: .65
                }
                
                #nav-wrapper .search .si:focus {
                box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1)
                }
                
                #nav-wrapper .search .sb {
                position: absolute;
                top: 0;
                right: 0;
                height: 28px;
                background-color: transparent;
                font-size: 10px;
                color: var(--navbar-color);
                text-align: center;
                line-height: 28px;
                cursor: pointer;
                padding: 0 10px;
                border: 0
                }
                
                #nav-wrapper .search .sb:before {
                display: block;
                content: "\f002";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900
                }
                
                #nav-wrapper .search .sb:hover {
                color: var(--navbar-hover-color)
                }
                
                .menu-toggle {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                height: 60px;
                font-size: 20px;
                color: var(--header-color);
                line-height: 60px;
                padding: 0 15px
                }
                
                .menu-toggle:hover {
                color: var(--header-hover-color)
                }
                
                #mobile-menu {
                display: none;
                position: fixed;
                width: 250px;
                height: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                background-color: var(--navbar-bg);
                overflow: auto;
                z-index: 1010;
                left: 0;
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                visibility: hidden;
                box-shadow: 3px 0 7px rgba(0, 0, 0, 0.1);
                transition: all .25s ease
                }
                
                .show-menu #mobile-menu {
                -webkit-transform: translateX(0);
                transform: translateX(0);
                visibility: visible
                }
                
                .mobile-menu-header {
                float: left;
                width: 100%;
                height: 60px;
                background-color: var(--header-bg);
                overflow: hidden;
                padding: 0 15px;
                margin: 0
                }
                
                .mobile-menu-toggle {
                position: absolute;
                top: 0;
                right: 0;
                display: block;
                height: 60px;
                color: var(--header-color);
                font-size: 16px;
                line-height: 60px;
                cursor: pointer;
                z-index: 20;
                padding: 0 15px
                }
                
                .mobile-menu-toggle:hover {
                color: var(--header-hover-color)
                }
                
                .mobile-logo {
                position: relative;
                float: left;
                height: 30px;
                margin: 15px 0
                }
                
                .mobile-logo a {
                float: left;
                height: 30px;
                overflow: hidden;
                margin: 0
                }
                
                .mobile-logo a img {
                display: block;
                height: 30px;
                margin: 0
                }
                
                .mobile-logo a:not(small) {
                float: left;
                height: 30px;
                overflow: hidden;
                margin: 0;
                font-size: 24px;
                color: #fff!important
                }
                
                .mobile-logo a small {
                font-size: 12px;
                color: var(--green-color)
                }
                
                .mobile-menu-content {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                float: left;
                width: 100%;
                height: calc(100% - 94px);
                padding: 0;
                margin: 0
                }
                
                .mobile-search {
                position: relative;
                float: left;
                width: 100%;
                padding: 0;
                margin: 0
                }
                
                .mobile-search .sf {
                float: right;
                width: 100%;
                height: 34px;
                background-color: rgba(255, 255, 255, 0.05);
                overflow: hidden;
                border: 0;
                border-top: 1px solid rgba(255, 255, 255, 0.05);
                border-bottom: 1px solid rgba(255, 255, 255, 0.05);
                border-radius: 0
                }
                
                .mobile-search .si {
                float: left;
                background-color: transparent;
                width: calc(100% - 40px);
                height: 34px;
                font-size: 12px;
                color: var(--navbar-color);
                font-family: inherit;
                font-weight: 400;
                line-height: 34px;
                padding: 0 10px;
                border: 0
                }
                
                .mobile-search .si::placeholder {
                color: var(--navbar-color);
                opacity: .65
                }
                
                .mobile-search .sb {
                float: right;
                background-color: transparent;
                max-width: 40px;
                height: 34px;
                font-size: 10px;
                color: var(--navbar-color);
                text-align: center;
                line-height: 34px;
                cursor: pointer;
                padding: 0 10px;
                border: 0
                }
                
                .mobile-search .sb:before {
                display: block;
                content: "\f002";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900
                }
                
                .mobile-search .sb:hover {
                color: var(--navbar-hover-color)
                }
                
                .nav-menu-mobile {
                float: left;
                width: 100%;
                padding: 10px 0 0;
                margin: 0
                }
                
                .nav-menu-mobile ul a {
                display: block;
                font-size: 16px;
                color: var(--navbar-color);
                padding: 10px 15px;
                margin: 0
                }
                
                .nav-menu-mobile ul a:hover {
                color: var(--navbar-hover-color)
                }
                
                .top-menu-mobile {
                float: left;
                width: 100%;
                padding: 10px 15px 15px;
                margin: 0;
                border-top: 1px solid rgba(255, 255, 255, 0.05)
                }
                
                .top-menu-mobile a {
                display: inline-block;
                font-size: 16px;
                color: var(--navbar-color);
                padding: 0;
                margin: 5px 15px 0 0
                }
                
                .top-menu-mobile a:last-child {
                margin: 0
                }
                
                .top-menu-mobile a:hover {
                color: var(--navbar-hover-color)
                }
                
                .top-menu-mobile a.btnblog {
                display: block;
                padding-top: 10px;
                margin-top: 10px;
                border-top: 1px solid rgba(255, 255, 255, 0.05)
                }
                
                .mobile-menu-overlay {
                display: none;
                content: '';
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.6);
                -webkit-backdrop-filter: saturate(100%) blur(3px);
                -ms-backdrop-filter: saturate(100%) blur(3px);
                -o-backdrop-filter: saturate(100%) blur(3px);
                backdrop-filter: saturate(100%) blur(3px);
                z-index: 1000;
                visibility: hidden;
                opacity: 0;
                margin: 0;
                transition: all .17s ease
                }
                
                #hero-wrapper {
                position: relative;
                float: left;
                width: 100%;
                background: url(https://2.bp.blogspot.com/-Cunhwsdp0mY/XkwPhif1ZJI/AAAAAAAABbQ/QcKYgn8WpuggeTcr90fNXlmGQE0Mpy0JwCK4BGAYYCw/s480/hero-wrapper.png), linear-gradient(135deg, #0c4ca3 25%, #8dbdff);
                background-blend-mode: overlay;
                padding: 45px 0;
                margin: 0
                }
                
                .hero-content {
                float: left;
                width: 100%;
                color: var(--hero-color);
                text-align: center;
                margin: 0 0 30px
                }
                
                .hero-content h1 {
                display: block;
                font-size: 35px;
                font-weight: 700;
                margin: 0 0 13px
                }
                
                .hero-content p {
                display: block;
                font-size: 16px;
                color: var(--hero-text-color);
                margin: 0
                }
                
                .hero-search {
                float: left;
                width: 100%;
                text-align: center;
                margin: 0 0 13px
                }
                
                .hero-search .search-form {
                display: inline-block;
                position: relative;
                width: 480px;
                max-width: 100%;
                height: 50px;
                border: 0
                }
                
                .hero-search .search-input {
                float: left;
                width: 100%;
                height: 50px;
                background-color: #ffffff;
                overflow: hidden;
                font-size: 14px;
                color: #95a5a6;
                font-family: inherit;
                font-weight: 400;
                line-height: 51px;
                padding: 0 20px;
                border: 0;
                border-radius: 6px
                }
                
                .hero-search .search-input::placeholder {
                color: var(--title-color);
                opacity: .55
                }
                
                .hero-search .search-input:focus {
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)
                }
                
                .hero-search .search-button {
                position: absolute;
                top: 0;
                right: 0;
                height: 50px;
                background-color: transparent;
                overflow: hidden;
                font-size: 14px;
                color: #95a5a6;
                text-align: center;
                line-height: 51px;
                cursor: pointer;
                opacity: .85;
                padding: 0 20px;
                border: 0;
                border-radius: 0 6px 6px 0
                }
                
                .hero-search .search-button:before {
                display: block;
                content: "\f002";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900
                }
                
                .hero-search .search-button:hover {
                background-color: rgba(155, 155, 155, 0.1)
                }
                
                .hero-tags {
                float: left;
                width: 100%;
                font-size: 14px;
                color: var(--hero-color);
                text-align: center;
                margin: 0 0 10px
                }
                
                .hero-tags span,
                .hero-tags a {
                display: inline-block
                }
                
                .hero-tags a {
                color: var(--hero-text-color);
                margin: 0 0 0 10px
                }
                
                .hero-tags a:hover {
                color: var(--hero-color)
                }
                
                .hero-promo {
                float: left;
                width: 100%;
                font-size: 21px;
                color: var(--hero-text-color);
                text-align: center;
                padding: 40px 0 0;
                margin: 20px 0 0;
                border-top: 1px solid rgba(255, 255, 255, 0.15)
                }
                
                .hero-promo a {
                color: var(--hero-color);
                font-weight: 700;
                margin: 0
                }
                
                .hero-promo a:hover {
                color: var(--hero-text-color)
                }
                
                #content-wrapper {
                float: left;
                width: 100%;
                padding: 0;
                margin: 0;
                position: relative
                }
                
                #main-wrapper,
                #main,
                #main .widget {
                float: left;
                width: 100%
                }
                
                .info-header {
                float: left;
                width: 100%;
                padding: 20px 0;
                margin: 0;
                border-bottom: 1px solid var(--border-color);
                background: url(https://2.bp.blogspot.com/-Cunhwsdp0mY/XkwPhif1ZJI/AAAAAAAABbQ/QcKYgn8WpuggeTcr90fNXlmGQE0Mpy0JwCK4BGAYYCw/s480/hero-wrapper.png), linear-gradient(135deg, #0c4ca3 25%, #8dbdff)
                }
                
                .info-header.item-page {
                height: 46px;
                line-height: 46px;
                padding: 0
                }
                
                .info-header.item-page h1 {
                display: none
                }
                
                .info-header .container {
                float: left;
                width: 100%;
                margin: 0
                }
                
                .info-header p {
                float: left;
                margin-top: 10px;
                color: #f5f0f0;
                font-size: 16px
                }
                
                #breadcrumb {
                float: left;
                font-size: 13px;
                color: #cfeddc;
                margin: 0
                }
                
                #breadcrumb a,
                #breadcrumb em,
                #breadcrumb span {
                display: inline-block
                }
                
                #breadcrumb a {
                color: #cfeddc
                }
                
                #breadcrumb .delimiter:after {
                content: '\276f';
                font-size: 10px;
                font-style: normal;
                margin: 0 4px
                }
                
                #breadcrumb a:hover {
                color: #fff
                }
                
                .info-header h1 {
                float: left;
                width: 100%;
                font-size: 24px;
                color: #fff
                /*var(--title-color)*/
                
                ;
                font-weight: 700;
                margin: 13px 0 0
                }
                
                .bt-wrapper {
                position: relative;
                float: left;
                width: 100%;
                margin-bottom: 35px
                }
                
                .bt-cards .container {
                float: none;
                width: unset;
                display: block;
                margin: 0 -16px
                }
                
                .bt-items {
                float: left;
                width: 100%;
                margin: 35px 0
                }
                
                .bt-item {
                float: left;
                width: 100%;
                margin: 30px 0 0
                }
                
                .index-card {
                position: relative;
                float: left;
                width: calc(100% / 3);
                margin: 35px 0 0;
                padding: 0 16px
                }
                
                .bt-items .index-card:nth-child(1),
                .bt-items .index-card:nth-child(2),
                .bt-items .index-card:nth-child(3) {
                margin: 0
                }
                
                .card-content {
                position: relative;
                width: 100%;
                overflow: hidden;
                background: #FFF;
                border: 0 solid var(--border-color);
                box-shadow: var(--index-card-shadow);
                border-radius: 6px
                }
                
                .browser-bar {
                background-color: rgba(0, 0, 0, 0.02);
                height: 13px;
                padding: 0 5px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05)
                }
                
                .browser-bar span {
                float: left;
                width: 5px;
                height: 5px;
                background-color: rgba(0, 0, 0, 0.1);
                margin: 4px 3px 0 0;
                border-radius: 5px
                }
                
                .browser-bar:after {
                content: '\f35d';
                float: right;
                font-family: 'Font Awesome 5 Free';
                color: rgba(0, 0, 0, 0.1);
                font-size: 8px;
                line-height: 8px;
                font-weight: 700;
                margin: 2px 0 0
                }
                
                .desktop-bar {
                background-color: rgba(0, 0, 0, 0.02);
                height: 13px;
                border-bottom: 1px solid #e1e8ed;
                padding: 0 5px
                }
                
                .desktop-bar span {
                float: left;
                width: 5px;
                height: 5px;
                background-color: #fec254;
                margin: 4px 0 0 4px;
                border-radius: 5px
                }
                
                .desktop-bar span:first-child {
                background-color: #f36c59
                }
                
                .desktop-bar span:last-child {
                background-color: #80d151
                }
                
                .desktop-bar:after {
                content: '\f35d';
                float: right;
                font-family: 'Font Awesome 5 Free';
                color: rgba(0, 0, 0, 0.1);
                font-size: 8px;
                line-height: 8px;
                font-weight: 700;
                margin: 2px 0 0
                }
                
                .feat {
                position: absolute;
                top: 13px;
                left: 10px;
                width: 26px;
                height: 26px;
                color: #fff;
                text-align: center;
                line-height: 0;
                z-index: 2;
                border-top: 10px solid var(--blue-color)
                }
                
                .feat:after {
                content: '\f0e7';
                display: block;
                font-family: 'Font Awesome 5 Free';
                font-size: 11px;
                font-weight: 900;
                margin: 1px 0 0
                }
                
                .feat:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: auto;
                display: block;
                z-index: -1;
                border: 13px solid var(--blue-color);
                border-bottom: 10px solid transparent
                }
                
                .feat.premium {
                border-color: #f1c40f
                }
                
                .feat.premium:before {
                border-color: #f1c40f;
                border-bottom-color: transparent
                }
                
                .feat.premium:after {
                content: '\f005'
                }
                
                .feat.view {
                border-color: #27ae60
                }
                
                .feat.view:before {
                border-color: #27ae60;
                border-bottom-color: transparent
                }
                
                .feat.view:after {
                content: '\f06e'
                }
                
                .sale {
                position: absolute;
                top: 13px;
                right: 13px;
                width: 45px;
                height: 45px;
                background: #c52b22;
                border-radius: 100%;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 2;
                margin: 0
                }
                
                .sale:after {
                content: 'Sale Off';
                display: inline-block;
                font-family: 'Font Awesome 5 Free';
                font-size: 12px;
                font-weight: 900;
                width: 25px;
                text-align: center;
                line-height: normal
                }
                
                .card-image {
                position: relative;
                width: 100%;
                height: 250px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.07);
                overflow: hidden
                }
                
                .card-image-link,
                .featured-image {
                position: relative;
                display: block;
                width: 100%;
                height: 100%
                }
                
                .card-image-link.theme-image .featured-image {
                z-index: 1;
                height: auto;
                width: 100%
                }
                
                .card-image-link.theme-image .featured-image {
                -webkit-transform: scale(1.0);
                transform: scale(1.0);
                -webkit-transition: all 2s ease;
                transition: all 2s ease
                }
                
                .card-image-link.theme-image:hover img {
                transition: all 2s ease;
                transform: translate(0, -45%)
                }
                
                .featured-image:not(.theme-image) {
                z-index: 1;
                object-fit: cover;
                object-position: center top;
                color: var(--green-color)
                }
                
                .card-image-link:not(.theme-image):before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #000;
                z-index: 10;
                opacity: 0
                }
                
                .card-image-link:not(.theme-image):hover:before {
                opacity: .3
                }
                
                .card-image-link:not(.theme-image):after {
                content: '';
                position: absolute;
                top: calc(50% - 15px);
                left: calc(50% - 15px);
                right: 0;
                bottom: 0;
                width: 30px;
                height: 30px;
                background: url(//2.bp.blogspot.com/-zF0v2R0Hfnw/W3Z3YTuIZRI/AAAAAAAAC2g/8hkT7KH69DM0Exf-EV_CeNd-MjPVV3H0wCK4BGAYYCw/s80/layout.png);
                background-size: 100%;
                z-index: 15;
                opacity: 0
                }
                
                .card-image-link:not(.theme-image):hover:after {
                opacity: 1
                }
                
                .card-info {
                position: relative;
                display: block;
                overflow: hidden;
                padding: 13px;
                border-radius: 0 0 6px 6px
                }
                
                .card-content .entry-header {
                float: left;
                width: calc(100% - 50px);
                height: 45px;
                margin: 0
                }
                
                .card-content h2 {
                float: left;
                width: 100%;
                font-size: 15px;
                font-weight: 700;
                line-height: 1.2em;
                margin: 0
                }
                
                .card-content h2 a {
                color: var(--title-color);
                display: block;
                width: 100%;
                /*white-space:nowrap;overflow:hidden;text-overflow:ellipsis*/
                }
                
                .card-content h2 a:hover {
                color: var(--green-color)
                }
                
                .card-content .entry-header.header-blog {
                width: 100%
                }
                
                .card-content h2.h2-blog a {
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                white-space: unset;
                height: 33.6px
                }
                
                .entry-meta {
                float: left;
                width: 100%;
                font-size: 13px;
                color: #95a5a6;
                font-weight: 500;
                margin: 4px 0 0;
                display: none
                }
                
                .card-info .view-post {
                position: relative;
                display: inline-block;
                float: right;
                height: 35px;
                color: var(--green-color);
                font-size: 13px;
                line-height: 34px;
                font-weight: 400;
                text-align: center;
                padding: 0 11px;
                border: 1px solid var(--green-color);
                border-radius: 6px
                }
                
                .card-info .view-post:hover {
                background-color: var(--green-color);
                color: #fff
                }
                
                .card-excerpt {
                display: none;
                visibility: hidden
                }
                
                .lazyload {
                background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1), #fff, rgba(0, 0, 0, 0.1));
                background-size: 150% 150%;
                animation: gradient 1s ease infinite
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-image {
                background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1), #fff, rgba(0, 0, 0, 0.1));
                background-size: 150% 150%;
                animation: gradient 1s ease infinite
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-image-link,
                .bt-bestsellers .bt-items:not(.sort-by-sales) .feat {
                visibility: hidden;
                opacity: 0
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-content .card-title a,
                .bt-bestsellers .bt-items:not(.sort-by-sales) .entry-meta {
                background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.1), #fff, rgba(0, 0, 0, 0.1));
                background-size: 150% 150%;
                text-indent: -99999px;
                color: transparent;
                border-radius: 6px;
                animation: gradient 1s ease infinite
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-content .card-title a {
                height: 16px
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .entry-meta {
                background-size: 190% 190%;
                width: 80px;
                height: 13px;
                clear: both;
                overflow: hidden
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-info .view-post,
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-info a.view-post:hover {
                background-color: transparent;
                color: rgba(0, 0, 0, 0.06);
                border-color: rgba(0, 0, 0, 0.06)
                }
                
                .bt-bestsellers .bt-items:not(.sort-by-sales) .card-info:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: 0
                }
                
                @keyframes gradient {
                0% {
                    background-position: 100% 50%
                }
                50% {
                    background-position: 50% 0
                }
                100% {
                    background-position: 100% 50%
                }
                }
                
                .col-left {
                position: relative;
                float: left;
                width: calc((100% / 3) * 2);
                padding: 0 15px 0 0;
                margin: 0
                }
                
                .col-right {
                position: relative;
                float: right;
                width: calc(100% / 3);
                padding: 0 0 0 15px;
                margin: 0
                }
                
                .is-page .col-left {
                width: 100%;
                padding: 0
                }
                
                .item-content {
                position: relative;
                float: left;
                width: 100%;
                font-size: 15px;
                line-height: 1.8em;
                margin: 0
                }
                
                .item-preview {
                position: relative;
                float: left;
                width: 100%;
                background-color: #fff;
                margin: 0;
                border: 1px solid var(--border-color);
                border-radius: 6px
                }
                
                .item-content .item-card {
                position: relative;
                float: left;
                width: 100%;
                margin: 0
                }
                
                .item-content .item-card .item-featured-image {
                display: block;
                position: relative;
                width: 100%;
                height: auto;
                max-height: 430px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.07);
                float: left
                }
                
                .item-action {
                float: left;
                width: 100%;
                padding: 20px;
                margin: 0
                }
                
                .live-demo {
                float: left
                }
                
                .demo-button {
                display: inline-block;
                height: 32px;
                text-align: center;
                background-color: var(--blue-color);
                color: #fff;
                font-size: 14px;
                line-height: 32px;
                font-weight: 500;
                text-decoration: none;
                margin: 0;
                padding: 0 13px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                border-radius: 6px
                }
                
                .demo-button:hover {
                background-color: #e0e0e0;
                color: var(--title-color)
                }
                
                .demo-button i {
                font-size: 12px;
                display: inline-block;
                vertical-align: middle;
                margin: 0 5px 0 0
                }
                
                .post-time {
                clear: both;
                display: block;
                font-size: 13px;
                font-style: italic;
                font-weight: normal;
                color: #999;
                padding: 4px 0;
                line-height: 1.5em;
                margin: 0 0 5px 0;
                border-top: 1px dashed #DADFE1;
                border-bottom: 1px dashed #DADFE1
                }
                
                .post-time time {
                color: #de7921
                }
                
                .share-tail {
                float: right
                }
                
                .share-tail a {
                float: left;
                width: 32px;
                height: 32px;
                display: block;
                background-color: #e0e0e0;
                overflow: hidden;
                color: var(--title-color);
                font-size: 15px;
                line-height: 32px;
                text-align: center;
                text-decoration: none;
                cursor: pointer;
                padding: 0;
                margin: 0 0 0 5px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                border-radius: 6px
                }
                
                .share-tail a:hover {
                color: #fff
                }
                
                .share-tail .facebook:hover {
                background-color: #3b5998
                }
                
                .share-tail .twitter:hover {
                background-color: #55acee
                }
                
                .share-tail .whatsapp:hover {
                background-color: #00d76e
                }
                
                .share-tail .linkedin:hover {
                background-color: #0072b7
                }
                
                .share-tail .pinterest:hover {
                background-color: #bd081c
                }
                
                .share-tail .email:hover {
                background-color: gray
                }
                
                .share-posts .share-tail {
                padding-top: 20px
                }
                
                .share-posts .share-tail a {
                color: var(--title-color)
                }
                
                .share-posts .share-tail a:hover {
                color: #fff
                }
                
                .item-content h3 {
                font-size: 20px;
                color: var(--title-color);
                margin: 10px 0 10px;
                font-weight: 600
                }
                
                .item-content h2 {
                font-size: 23px;
                color: var(--title-color);
                margin: 0 0 20px
                }
                
                .item-content h4 {
                font-size: 18px;
                color: var(--title-color);
                margin: 10px 0 5px;
                font-weight: 500
                }
                
                .item-description {
                position: relative;
                float: left;
                width: 100%;
                background-color: #fff;
                padding: 20px;
                margin: 30px 0 0;
                border: 1px solid var(--border-color);
                border-radius: 6px
                }
                
                .item-description.page {
                margin: 0!important
                }
                
                .is-page .item-description {
                margin: 0
                }
                
                .entry-content-inner {
                position: relative;
                float: left;
                width: 100%;
                margin: 0;
                font-size: 16px
                }
                
                .item-description .image-hidden {
                display: none!important
                }
                
                .item-description ul {
                padding: 0 0 0 20px;
                margin: 10px 0
                }
                
                .item-description ul li {
                list-style: disc inside;
                margin: 5px 0
                }
                
                .item-description a {
                color: var(--link-color)
                }
                
                .item-description a:hover {
                text-decoration: underline
                }
                
                .item-description img {
                max-width: 100%;
                margin: 10px 0;
                height: auto
                }
                
                .tableify {
                position: relative;
                display: block;
                font-size: 15px;
                border: 1px solid #f2f2f2;
                border-radius: 0
                }
                
                .tab-line {
                display: flex;
                background-color: rgba(155, 155, 155, 0.01);
                font-size: 15px;
                border-top: 1px solid #f2f2f2
                }
                
                .tab-line:nth-child(2n) {
                background-color: rgba(155, 155, 155, 0.03)
                }
                
                .tab-line.tab-line-first {
                font-size: 15px;
                color: var(--title-color);
                font-weight: 700;
                border: 0
                }
                
                .tab-line .line-name {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                padding: 3px 10px
                }
                
                .line-icon {
                min-width: 80px;
                text-align: center;
                border-left: 1px solid #f2f2f2;
                padding: 3px 0
                }
                
                .tab-line-first .line-name {
                padding: 5px 10px
                }
                
                .tab-line-first .line-icon {
                padding: 5px 0
                }
                
                .tab-line-first .line-icon.no-1:after {
                content: 'Free'
                }
                
                .tab-line-first .line-icon.yes-1:after {
                content: 'Premium'
                }
                
                .line-icon:before {
                font-family: 'Font Awesome 5 Free';
                font-size: 12px;
                font-weight: 700;
                vertical-align: middle;
                display: inline-block
                }
                
                .line-icon.no:before {
                content: '\f00d';
                font-size: 14px;
                color: var(--red-color)
                }
                
                .line-icon.yes:before {
                content: '\f00c';
                color: #27ae60
                }
                
                .expand-content-toggle {
                display: none;
                position: relative;
                float: left;
                width: 100%;
                font-size: 16px;
                font-weight: 500;
                text-align: center;
                margin: 0
                }
                
                .item-sidebar {
                position: relative;
                float: right;
                width: 100%;
                padding: 0 0 1px
                }
                
                .item-sidebar .khoirom-widget {
                overflow: hidden;
                background-color: #FFF;
                padding: 20px;
                margin: 0 0 30px;
                border: 1px solid var(--border-color);
                border-radius: 6px
                }
                
                .price-header {
                position: relative;
                float: left;
                width: 100%;
                padding: 0 0 10px;
                margin: 0 0 10px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05)
                }
                
                .price-header .license {
                float: left;
                color: var(--title-color);
                font-size: 15px;
                font-weight: 600;
                line-height: 24px
                }
                
                .purchase-box .price {
                float: right;
                color: var(--title-color);
                font-size: 24px;
                font-weight: 700;
                line-height: 24px
                }
                
                .item-sales {
                float: left;
                width: 100%;
                line-height: 14px;
                padding: 0;
                margin: 0
                }
                
                .item-sales .title,
                .item-sales .count {
                float: left;
                color: var(--title-color);
                font-size: 15px;
                font-weight: 500
                }
                
                .item-sales .count {
                float: right;
                font-size: 15px;
                font-weight: 700
                }
                
                .price del {
                font-size: 14px;
                font-weight: 400;
                color: #aaa;
                text-decoration: line-through
                }
                
                .price em {
                font-size: 15px;
                font-weight: 500;
                color: #27ae60
                }
                
                .expand {
                float: left;
                margin: 0 0 0 10px
                }
                
                .expand .btn {
                float: left;
                height: 18px;
                font-size: 13px;
                color: var(--title-color);
                line-height: 17px;
                cursor: pointer;
                padding: 0 6px;
                border: 1px solid #ebebeb;
                border-radius: 3px
                }
                
                .expand .btn:before {
                content: '\276F';
                display: block;
                transform: rotate(90deg)
                }
                
                .expand .btn:hover {
                color: #fff;
                background-color: var(--green-color);
                border-color: var(--green-color)
                }
                
                .expand .show-btn {
                display: none;
                position: absolute;
                left: 0;
                top: 23px;
                background-color: #fff;
                font-size: 14px;
                color: var(--title-color);
                font-weight: 500;
                cursor: pointer;
                padding: 10px 15px;
                border: 1px solid #ebebeb;
                border-radius: 3px;
                box-shadow: 0 0 3px rgba(0, 0, 0, .05)
                }
                
                .expand .show-btn:hover {
                color: var(--green-color)
                }
                
                .show-expand .show-btn {
                display: block
                }
                
                .show-expand .btn:before {
                transform: rotate(-90deg)
                }
                
                .subscribe-plan {
                display: none
                }
                
                .show-plan .premium-version {
                display: none
                }
                
                .show-plan .subscribe-plan {
                display: block
                }
                
                .purchase-box .features {
                clear: both
                }
                
                .purchase-box .features span {
                display: block;
                font-size: 15px;
                margin: 0 0 9px;
                line-height: 18px
                }
                
                .purchase-box .features span:before {
                content: '\f00c';
                font-family: 'Font Awesome 5 Free';
                font-size: 12px;
                color: var(--green-color);
                font-weight: 700;
                margin: -1px 6px 0 0;
                display: inline-block;
                vertical-align: middle
                }
                
                .purchase-box .purchase-button {
                background-color: var(--green-color);
                width: 100%;
                height: 58px;
                display: block;
                color: #FFF;
                font-size: 16px;
                font-weight: 500;
                line-height: 58px;
                text-align: center;
                padding: 0 10px;
                margin: 15px 0 0;
                border-bottom: 2px solid rgba(0, 0, 0, 0.1);
                border-radius: 6px
                }
                
                .purchase-box .purchase-button:hover {
                background-color: var(--green-hover-color)
                }
                
                .purchase-box .purchase-button i {
                font-size: 12px;
                display: inline-block;
                vertical-align: middle;
                margin: -1px 4px 0 0
                }
                
                .download-button {
                background-color: #e0e0e0;
                width: 100%;
                height: 58px;
                display: block;
                color: var(--title-color);
                font-size: 16px;
                font-weight: 500;
                line-height: 58px;
                text-align: center;
                padding: 0 10px;
                border: 0;
                border-bottom: 2px solid rgba(0, 0, 0, 0.1)!important;
                border-radius: 6px
                }
                
                .download-button:hover {
                background-color: var(--blue-color);
                color: #fff
                }
                
                .download-button i {
                font-size: 12px;
                display: inline-block;
                vertical-align: middle;
                margin: -1px 4px 0 0
                }
                
                .purchase-box .download-button {
                margin: 15px 0 0
                }
                
                .download-box .free-info {
                display: block;
                text-align: center;
                font-size: 11px;
                font-weight: 400;
                line-height: 1.3em;
                padding: 0 30px;
                margin: 10px 0 0
                }
                
                .purchase-box .features span a,
                .download-box .free-info a {
                color: var(--link-color)
                }
                
                .purchase-box .features span a:hover,
                .download-box .free-info a:hover {
                text-decoration: underline
                }
                
                .purchase-box .features span em {
                color: #f03a17
                }
                
                .sidebar-meta {
                margin: 0!important
                }
                
                .item-details {
                padding: 0 0 20px;
                margin: 0 0 20px;
                border-bottom: 1px solid rgba(0, 0, 0, 0.05)
                }
                
                .item-details span {
                display: block;
                font-size: 14px;
                margin: 0 0 10px
                }
                
                .item-details span strong {
                color: var(--title-color);
                font-weight: 700
                }
                
                .item-details span:last-child {
                margin-bottom: 0
                }
                
                .item-details span a {
                color: var(--link-color)
                }
                
                .item-details span a i {
                font-size: 11px;
                display: inline-block;
                margin: 0 0 0 5px
                }
                
                .item-details span a:hover {
                text-decoration: underline
                }
                
                .item-tags {
                font-size: 13px;
                padding: 0
                }
                
                .item-tags strong {
                color: var(--title-color);
                font-weight: 500
                }
                
                .item-tags i {
                font-size: 13px;
                line-height: 20px
                }
                
                .item-tags a {
                color: var(--link-color);
                text-transform: lowercase
                }
                
                .item-tags a:hover {
                text-decoration: underline
                }
                
                .item-tags i:after {
                content: ','
                }
                
                .item-tags i:last-child:after {
                display: none
                }
                
                #blog-pager {
                float: left;
                width: 100%;
                text-align: center;
                overflow: hidden;
                margin: 0;
                padding: 0 15px
                }
                
                .load-more {
                position: relative;
                display: inline-block;
                height: 50px;
                background-color: var(--green-color);
                font-size: 15px;
                color: #fff;
                font-weight: 500;
                line-height: 50px;
                cursor: pointer;
                padding: 0 40px;
                margin: 0;
                border-bottom: 2px solid rgba(0, 0, 0, 0.1);
                border-radius: 6px
                }
                
                .load-more:hover {
                background-color: var(--green-hover-color)
                }
                
                .no-more.load-more {
                background-color: #e0e0e0;
                color: var(--title-color)
                }
                
                .bt-bestsellers .load-more {
                background-color: var(--green-color)
                }
                
                .bt-bestsellers .load-more:hover {
                background-color: var(--green-hover-color)
                }
                
                #blog-pager .loading,
                #blog-pager .no-more {
                display: none
                }
                
                #blog-pager .no-more.show {
                display: inline-block
                }
                
                .download-box .loader {
                height: 58px
                }
                
                .download-box .loader:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 28px;
                height: 28px;
                margin: -16px 0 0 -16px;
                border: 2px solid var(--green-color);
                border-top-color: #e1e8ed;
                border-right-color: #e1e8ed;
                border-radius: 100%;
                animation: spinner 1s infinite linear;
                transform-origin: center
                }
                
                .loader {
                position: relative;
                overflow: hidden;
                display: block;
                height: 50px;
                margin: 0
                }
                
                .loader:after {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 28px;
                height: 28px;
                margin: -16px 0 0 -16px;
                border: 2px solid var(--blue-color);
                border-top-color: #e1e8ed;
                border-right-color: #e1e8ed;
                border-radius: 100%;
                animation: spinner 1s infinite linear;
                transform-origin: center
                }
                
                @keyframes spinner {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg)
                }
                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
                }
                
                .post-animated {
                -webkit-animation-duration: .6s;
                animation-duration: .6s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both
                }
                
                @keyframes fadeInUp {
                from {
                    opacity: 0;
                    transform: translate3d(0, 5px, 0)
                }
                to {
                    opacity: 1;
                    transform: translate3d(0, 0, 0)
                }
                }
                
                .post-fadeInUp {
                animation-name: fadeInUp
                }
                
                #bestsellers-wrapper {
                position: relative;
                float: left;
                width: 100%;
                background-color: var(--bsellers-bg);
                z-index: 1;
                padding: 30px 0 35px;
                margin: 0;
                box-shadow: var(--bs-shadow)
                }
                
                .is-post #bestsellers-wrapper {
                margin: 0;
                border-top: 1px solid var(--border-color);
                box-shadow: unset
                }
                
                .bt-bestsellers-header {
                position: relative;
                float: left;
                width: 100%;
                line-height: 20px;
                padding: 0 15px;
                margin: 0 0 20px
                }
                
                .bt-bestsellers-header h3 {
                float: left;
                font-size: 18px;
                color: var(--bsellers-title-color);
                font-weight: 600;
                margin: 0
                }
                
                .bt-bestsellers-header a {
                float: right;
                font-size: 13px;
                color: var(--bsellers-link-color);
                font-weight: 400;
                margin: 0
                }
                
                .bt-bestsellers-header a:hover {
                text-decoration: underline
                }
                
                .bt-footer .bt-items {
                margin: 0
                }
                
                .bt-footer .bt-items .index-card {
                margin: 0
                }
                
                .bt-footer .bt-items .index-card .card-content {
                box-shadow: var(--bs-card-shadow)
                }
                
                #bestsellers-wrapper .index-card.is-current .feat {
                border-color: var(--green-color)!important
                }
                
                #bestsellers-wrapper .index-card.is-current .feat:before {
                border-color: var(--green-color)!important;
                border-bottom-color: transparent!important
                }
                
                #bestsellers-wrapper .index-card.is-current .feat:after {
                content: '\f06e'!important
                }
                
                #footer-wrapper {
                position: relative;
                float: left;
                width: 100%;
                background-color: var(--footer-bg);
                color: var(--footer-color);
                z-index: 2;
                margin: 0
                }
                
                .is-multiple #footer-wrapper:not(.has-bestsellers),
                .is-error #footer-wrapper {
                margin: 45px 0 0
                }
                
                .footer-section {
                position: relative;
                display: flex;
                flex-wrap: wrap;
                padding: 45px 0;
                margin: 0
                }
                
                .footer-section .footer-widget {
                width: calc((100% - 90px) / 4);
                padding: 0;
                margin: 0 30px 0 0
                }
                
                .footer-section .widget-4 {
                margin: 0
                }
                
                .footer-section .footer-widget h3 {
                font-size: 17px;
                color: var(--footer-title-color);
                font-weight: 600;
                margin: 0 0 20px
                }
                
                .footer-section .footer-widget .content {
                float: left;
                width: 100%;
                margin: 0
                }
                
                .footer-section .footer-widget .content-1 {
                margin: 0 0 20px
                }
                
                .content ul.list li {
                font-size: 14px;
                margin: 0 0 15px
                }
                
                .content ul.list li:last-child {
                margin: 0
                }
                
                .content ul.list li a {
                color: var(--footer-color)
                }
                
                .content ul.list li a:hover {
                color: var(--footer-hover-color)
                }
                
                .footer-logo a {
                float: left;
                width: 100%;
                height: 30px;
                margin: 0 0 10px
                }
                
                .footer-logo a:not(small) {
                overflow: hidden;
                font-size: 24px;
                color: #fff!important
                }
                
                .footer-logo a small {
                font-size: 12px;
                color: var(--green-color)
                }
                
                .footer-logo a img {
                display: block;
                height: 30px;
                margin: 0
                }
                
                .footer-logo p {
                float: left;
                width: 100%;
                font-size: 14px;
                line-height: 1.6em;
                margin: 0
                }
                
                .social-footer a {
                float: left;
                width: 30px;
                height: 30px;
                background-color: rgba(255, 255, 255, 0.03);
                font-size: 15px;
                color: #fff;
                line-height: 30px;
                text-align: center;
                margin: 0 10px 0 0;
                border-radius: 6px
                }
                
                .social-footer a.pinterest {
                background-color: #bd081c
                }
                
                .social-footer a.facebook {
                background-color: #3b5999
                }
                
                .social-footer a.twitter {
                background-color: #00acee
                }
                
                .social-footer a.linkedin {
                background-color: #0077b5
                }
                
                .social-footer a.g-youtube {
                background-color: #d90a17
                }
                
                .social-footer a.instagram {
                background: linear-gradient(15deg, #ffb13d, #dd277b, #4d5ed4)
                }
                
                .social-footer a:hover {
                opacity: .8
                }
                
                .footer-bar {
                float: left;
                width: 100%;
                background-color: var(--footerbar-bg);
                overflow: hidden;
                color: var(--footerbar-color);
                padding: 20px 0;
                margin: 0
                }
                
                .footer-copy {
                float: left;
                line-height: 27px
                }
                
                .footer-copy p {
                font-size: 13px;
                color: var(--footerbar-color);
                padding: 0;
                margin: 0
                }
                
                .footer-copy p span {
                font-size: 10px
                }
                
                .footer-copy p b {
                font-weight: 500
                }
                
                .copyright {
                float: right;
                font-size: 13px;
                color: var(--footerbar-color);
                padding: 0;
                margin: 0
                }
                
                .copyright b {
                font-weight: 500
                }
                
                blockquote {
                background-color: #f5f5f5;
                background-image: linear-gradient(#e6e6e6 50%, #f5f5f5 50%);
                background-size: 40px 40px;
                font-family: Monospace;
                font-size: 11px;
                line-height: 20px!important;
                white-space: pre-wrap;
                margin: 0;
                padding: 0 5px;
                border: 1px solid #d4d4d4;
                border-radius: 0
                }
                
                blockquote:before {
                content: 'Changelog';
                display: block;
                background-color: #d4d4d4;
                float: left;
                width: 100%;
                height: 25px;
                color: #333;
                font-size: 13px;
                line-height: 25px;
                font-weight: 700;
                margin: -5px -6px 0;
                padding: 0 6px;
                border-radius: 0
                }
                
                blockquote b {
                color: var(--title-color)
                }
                
                .errorWrap {
                color: var(--title-color);
                text-align: center;
                padding: 120px 0 100px
                }
                
                .errorWrap h3 {
                font-size: 160px;
                line-height: 1;
                margin: 0 0 30px
                }
                
                .errorWrap h3 span {
                display: inline-block;
                vertical-align: top;
                font-size: 140px
                }
                
                .errorWrap h4 {
                font-size: 25px;
                margin: 0 0 20px
                }
                
                .errorWrap p {
                color: var(--text-color);
                padding: 0 0 50px
                }
                
                .errorWrap a {
                display: -inline;
                background-color: var(--blue-color);
                font-size: 15px;
                color: #fff;
                font-weight: 500;
                padding: 10px 20px;
                border-radius: 3px
                }
                
                .errorWrap a:hover {
                background-color: var(--blue-hover-color)
                }
                
                .queryEmpty {
                width: 70%;
                margin: 0 auto;
                text-align: center;
                padding: 0 10px
                }
                
                .queryEmpty span {
                background-color: #fff;
                display: block;
                font-size: 14px;
                padding: 15px 0;
                margin: 40px 0 0;
                border: 1px solid var(--border-color);
                border-radius: 3px;
                box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02)
                }
                
                .custom-page-sidebar {
                position: relative;
                float: left;
                width: calc(100% / 3);
                padding: 0 15px 0 0;
                margin: 0
                }
                
                .custom-page-sidebar-part {
                position: relative;
                float: left;
                width: 100%;
                padding: 20px;
                background-color: #fff;
                margin: 30px 0 0;
                border: 1px solid var(--border-color);
                border-radius: 6px
                }
                
                .custom-page-sidebar-part.part-1 {
                margin: 0
                }
                
                ul.map-list {
                display: block;
                padding: 0 0 0 25px;
                margin: 0
                }
                
                ul.map-list li {
                list-style: disc;
                margin: 0 0 10px
                }
                
                ul.map-list li:last-child {
                margin: 0
                }
                
                ul.map-list li a {
                font-size: 15px;
                font-weight: 400
                }
                
                .custom-page-content {
                position: relative;
                float: left;
                width: 100%;
                padding: 0;
                margin: 0
                }
                
                .custom-page-content.has-sidebar {
                float: right;
                width: calc((100% / 3) * 2);
                padding: 0 0 0 15px;
                margin: 0
                }
                
                .custom-page-content-part {
                position: relative;
                float: left;
                width: 100%;
                padding: 20px;
                background-color: #fff;
                margin: 30px 0 0;
                border: 1px solid var(--border-color);
                border-radius: 6px
                }
                
                .custom-page-content-part.is-transparent {
                background-color: transparent;
                padding: 0;
                border: 0;
                box-shadow: none;
                border-radius: 0
                }
                
                .custom-page-content-part.part-1 {
                margin: 0
                }
                
                .custom-page-info {
                position: relative;
                float: left;
                width: 100%;
                font-size: 12px;
                opacity: .5;
                margin: 13px 0 0
                }
                
                .footer-content {
                margin: 100px 0 0
                }
                
                .fc_header {
                text-align: center;
                margin: 0 0 100px
                }
                
                .fc_header h3 {
                font-size: 27px;
                margin: 0 0 13px
                }
                
                .fc_header p {
                font-size: 14px;
                margin: 0
                }
                
                .aj_l {
                width: 60%;
                float: left;
                padding-right: 100px
                }
                
                .aj_l h3 {
                font-size: 27px;
                line-height: 1.6em;
                margin: 0 0 13px
                }
                
                .aj_l p {
                font-size: 14px;
                margin: 0
                }
                
                .aj_l a.aj_b {
                display: inline-block;
                height: 36px;
                background-color: var(--green-color);
                color: #fff;
                line-height: 36px;
                padding: 0 25px;
                margin: 20px 0 0;
                border-bottom: 2px solid rgba(0, 0, 0, 0.1);
                border-radius: 6px
                }
                
                .aj_l a.aj_b:hover {
                background-color: var(--green-hover-color);
                text-decoration: none
                }
                
                img.aj_svg {
                float: right;
                width: 35%;
                height: auto;
                margin: 0
                }
                
                .promo-bar {
                position: relative;
                float: left;
                width: 100%;
                height: 0;
                background-color: #202225;
                background-image: linear-gradient(to right, #a10b45, #084b96);
                font-size: 13px;
                color: #fff;
                line-height: 38px;
                text-align: center;
                overflow: hidden;
                margin: 0;
                transition: height .35s ease
                }
                
                .promo-bar.show {
                height: 38px
                }
                
                .promo-bar .mobile-bar {
                display: none
                }
                
                .promo-bar a {
                color: #fff;
                font-weight: 500;
                padding: 0 10px
                }
                
                .promo-bar a:hover {
                text-decoration: underline
                }
                
                .promo-bar b {
                font-weight: 500
                }
                
                .promo-bar .close-this {
                float: right;
                height: 38px;
                font-size: 23px;
                cursor: pointer;
                opacity: .7;
                margin: 0 15px
                }
                
                .promo-bar .close-this:hover {
                opacity: 1
                }
                
                .promo-bar {
                background-color: #24272bf2;
                background-image: none
                }
                
                .promo-bar em {
                background: #27ae60;
                border-radius: 5px;
                color: #fff;
                font-size: 10px;
                padding: 5px;
                font-style: inherit;
                font-weight: bold
                }
                
                @media screen and (max-width: 1030px) {
                .row {
                    width: 100%;
                    max-width: 100%;
                    margin: 0
                }
                .container {
                    padding: 0 15px
                }
                #nav-wrapper .search {
                    width: 180px
                }
                .bt-cards .container {
                    float: left;
                    width: 100%;
                    padding: 0;
                    margin: 0
                }
                #ContactForm1 {
                    padding: 0 15px
                }
                #ContactForm1 .container.contact-form {
                    padding: 20px
                }
                }
                
                @media screen and (max-width: 840px) {
                #header-wrapper {
                    height: 60px
                }
                .site-logo {
                    margin: 15px 0
                }
                #nav-wrapper,
                .menu-top {
                    display: none
                }
                #mobile-menu,
                .menu-toggle,
                .mobile-menu-overlay {
                    display: block
                }
                .show-menu .mobile-menu-overlay {
                    visibility: visible;
                    opacity: 1
                }
                .mobile-search .si,
                .mobile-search .sb {
                    padding: 0 15px
                }
                .index-card {
                    width: 50%
                }
                .bt-items .index-card:nth-child(3) {
                    margin: 35px 0 0
                }
                .col-left {
                    width: 100%;
                    padding: 0
                }
                .col-right {
                    width: 100%;
                    float: left;
                    padding: 0;
                    margin-top: 30px
                }
                .aj_l {
                    position: relative;
                    width: 100%;
                    z-index: 5;
                    padding: 0
                }
                .aj_svg {
                    width: auto;
                    max-width: 50%;
                    height: auto;
                    position: absolute;
                    right: 0;
                    top: 0;
                    opacity: .1;
                    z-index: 1
                }
                .tab-content,
                .footer-content {
                    margin: 60px 0 0
                }
                #footer-wrapper .container {
                    padding: 0
                }
                .footer-section {
                    padding: 45px 0 0
                }
                .footer-section .footer-widget {
                    width: calc(100% / 2);
                    padding: 0 15px;
                    margin: 0
                }
                .footer-section .widget-1 {
                    width: 100%;
                    margin-bottom: 45px
                }
                .footer-section .widget-4 {
                    width: 100%;
                    background-color: var(--footerbar-bg);
                    padding: 30px 15px 0;
                    margin: 45px 0 0
                }
                .footer-section .widget-4 .content-2 {
                    padding: 0 0 30px;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.03)
                }
                .footer-bar {
                    padding: 20px 15px
                }
                }
                
                @media screen and (max-width: 640px) {
                #hero-wrapper {
                    padding: 35px 0 40px
                }
                .hero-content h1 {
                    font-size: 31px
                }
                .hero-tags {
                    margin: 0
                }
                .bt-items {
                    margin: 35px 0
                }
                .index-card {
                    width: 100%
                }
                .bt-items .index-card:nth-child(2) {
                    margin: 35px 0 0
                }
                .card-image {
                    height: 300px
                }
                .item-content .item-card .item-featured-image {
                    height: auto!important
                }
                .entry-content-inner {
                    height: 200px;
                    overflow: hidden;
                    margin: 0
                }
                .content-expanded .entry-content-inner {
                    height: auto;
                    overflow: auto;
                    margin: 0
                }
                .entry-content-inner:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    height: 100px;
                    background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
                    margin: 0
                }
                .content-expanded .entry-content-inner:after {
                    display: none
                }
                .expand-content-toggle {
                    display: block
                }
                .content-expanded .expand-content-toggle {
                    display: none
                }
                .custom-page-sidebar-part {
                    display: none
                }
                .custom-page-content.has-sidebar {
                    float: left;
                    width: 100%;
                    padding: 0
                }
                .is-multiple #footer-wrapper:not(.has-bestsellers),
                .is-error #footer-wrapper {
                    margin: 35px 0 0
                }
                .footer-section {
                    padding: 35px 0 0
                }
                .footer-section .widget-4 {
                    margin: 35px 0 0
                }
                .footer-copy,
                .copyright {
                    float: left;
                    width: 100%;
                    margin: 0
                }
                .copyright {
                    color: var(--copyright-color);
                    margin: 5px 0 0
                }
                .aff_header h2,
                .fc_header h3,
                .master-p h3 {
                    line-height: 1.6em
                }
                }
                
                @media screen and (max-width: 440px) {
                .hero-content h1 {
                    font-size: 29px
                }
                .info-header {
                    padding: 15px 0
                }
                .info-header.item-page {
                    padding: 0
                }
                .info-header h1 {
                    font-size: 22px
                }
                .card-image {
                    height: 220px
                }
                .item-action {
                    text-align: center
                }
                .live-demo {
                    float: none
                }
                .share-tail {
                    float: none;
                    margin: 15px 0 0
                }
                .share-tail a {
                    float: none;
                    display: inline-block;
                    margin: 0 2px
                }
                img.master-p-footer-svg,
                img.aj_svg {
                    max-width: 70%
                }
                .aff_bg {
                    top: 180px
                }
                .aff_header h3 {
                    font-size: 35px;
                    margin: 60px 0 70px
                }
                .aff_svg {
                    width: 80%
                }
                .cookie-bubble.show {
                    border-radius: 0;
                    width: 100%;
                    max-width: 100%;
                    left: 0!important;
                    bottom: 0!important
                }
                .cookie-bubble .cb-wrapper {
                    padding: 20px 15px
                }
                }
                
                @media screen and (max-width: 360px) {
                .footer-section .footer-widget h3 {
                    font-size: 15px
                }
                .content ul.list li {
                    font-size: 12px
                }
                }
                
                .FlippaPromoIframe--active,
                .FlippaPromo-placeholder--active {
                top: unset!important;
                bottom: 0!important
                }
                
                .bt-bestsellers.bt-footer .index-card:nth-of-type(n+4) {
                display: none
                }
                
                .col-right {
                position: sticky;
                position: -webkit-sticky;
                top: 30px
                }
                
                .img-first-child {
                display: none
                }
                
                .entry-content p {
                margin-bottom: 15px
                }
                
                .entry-content table {
                width: 100%;
                border: 1px solid #eee;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15)
                }
                
                .entry-content td {
                font-size: 16px;
                padding: 3px 10px;
                border: 1px solid #eee
                }
                
                .entry-content table tr:nth-of-type(odd) td {
                background-color: rgba(155, 155, 155, 0.03)
                }
                
                .entry-content table tr:first-child {
                color: var(--title-color)
                }
                
                .separator a {
                display: block
                }
                
                .separator img {
                height: auto
                }
                
                .article-main {
                width: 100%;
                float: left;
                display: block
                }
                
                .hidden {
                display: none
                }
                
                .blog-pager-home {
                margin: 35px 0;
                text-align: center;
                float: left;
                width: 100%;
                display: block
                }
                
                pre {
                background-color: #f2f2f2;
                display: block;
                color: #3c4043;
                text-align: left;
                overflow: auto;
                border: 1px solid rgba(0, 0, 0, 0.12);
                margin: auto;
                padding: 16px;
                line-height: 1.6em;
                white-space: nowrap
                }
                
                .ribbon {
                position: absolute;
                left: -5px;
                top: -5px;
                z-index: 1;
                overflow: hidden;
                width: 75px;
                height: 75px;
                text-align: right;
                z-index: 100
                }
                
                .ribbon span::after,
                .ribbon span::before {
                content: "";
                top: 100%;
                z-index: -1;
                border-bottom: 3px solid transparent;
                border-top: 3px solid rgba(106, 91, 222, .8);
                position: absolute
                }
                
                .ribbon span::before {
                left: 0;
                border-left: 3px solid rgba(106, 91, 222, .8);
                border-right: 3px solid transparent
                }
                
                .ribbon span::after {
                right: 0;
                border-left: 3px solid transparent;
                border-right: 3px rgba(106, 91, 222, .8)
                }
                
                .ribbon span {
                font-size: 13px;
                font-weight: 700;
                color: #FFF;
                text-align: center;
                line-height: 19px;
                transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                width: 100px;
                display: block;
                background: rgba(106, 91, 222, .8);
                box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
                position: absolute;
                top: 19px;
                left: -21px
                }
                
                .call-box {
                bottom: 16px;
                right: 16px;
                position: fixed;
                display: flex;
                align-items: center;
                justify-content: center;
                background: linear-gradient(179.83deg, rgb(138, 211, 54) 0.15%, rgb(80, 150, 0) 92.02%);
                height: 40px;
                width: 40px;
                z-index: 100;
                border-radius: 100%;
                animation: callbox 2s 0s ease-out infinite
                }
                
                .call-box i {
                font-size: 20px;
                margin: 0;
                color: #fff
                }
                
                @keyframes callbox {
                0% {
                    box-shadow: 0 0 0 0 rgba(109, 181, 27, 0.5)
                }
                75% {
                    box-shadow: 0 0 0 16px rgba(109, 181, 27, 0)
                }
                100% {
                    box-shadow: 0 0 0 0 rgba(109, 181, 27, 0)
                }
                }
                
                .card-qc a {
                box-shadow: var(--index-card-shadow);
                border-radius: 6px;
                overflow: hidden;
                display: flex
                }
                
                .qc {
                margin: 0 0 35px
                }
                
                .card-qc a img {
                width: 100%;
                height: auto
                }
                
                mark {
                display: inline-block;
                border: 1px solid #eee;
                border-radius: 4px;
                padding: 0 5px;
                margin: 2px 0;
                background-color: #fafafa;
                transition: all .3s;
                color: #d14;
                position: relative;
                font-size: 13px
                }
                
                mark:hover {
                background-color: #fff;
                border-color: #ccc
                }
                
                .label-info {
                position: absolute;
                top: 10px;
                right: 10px;
                background-color: #00000075;
                padding: 0 10px;
                color: #fff;
                font-weight: 600;
                border-radius: 100px;
                font-size: 11px
                }
                
                noscript {
                display: none
                }
                
                .banner-sidebar {
                clear: both;
                padding-top: 30px;
                text-align: center
                }
                
                .banner-sidebar.sbhome {
                padding: 0 0 20px
                }
                
                .banner-sidebar img {
                max-width: 100%;
                height: auto;
                margin: 0 auto
                }
                
                .feedback {
                background-color: #ffffcc;
                border-left: 6px solid #ffeb3b;
                padding: 12px;
                margin-top: 20px;
                float: left;
                color: #000
                }
                
                .feedback p {
                margin-bottom: 20px
                }
                
                .feedback a {
                color: #0000ff;
                font-weight: bolder
                }
                
                .fill {
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                right: 0;
                bottom: 0;
                z-index: 1
                }
                
                .no-click {
                pointer-events: none
                }
                
                @keyframes sparkle {
                0% {
                    background-position: 0 0, 0px 0, 0px 0
                }
                100% {
                    background-position: -500px -1000px, -400px -400px, 300px 300px
                }
                }
                
                .effect-sparkle {
                background-image: url("#"), url("#");
                animation: sparkle 60s linear infinite
                }
                
                iframe[width="1"] {
                display: none
                }
                
                -->
        </style>
        <style>
            #Blog1 {
            display: none
            }
            #services {
            clear: both;
            padding: 0 0 15px
            }
            @media (min-width: 800px) {
            .service-1 {
            background: #fff
            }
            .service-2 {
            display: none
            }
            }
            @media (max-width: 800px) {
            .service-1 {
            display: none
            }
            }
            #services .bool {
            text-align: center
            }
            #services .bool h2 {
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 10px;
            padding-top: 25px;
            text-transform: uppercase
            }
            .has-underline {
            width: 80px;
            height: 3px;
            background: #de7921;
            display: inline-block;
            margin: 0 0 20px;
            transition: width 2.3s ease-in-out
            }
            .beeded {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 20px
            }
            .cand {
            padding: 10px 20px 10px 0;
            background: #fff;
            margin: 0 20px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22);
            border-radius: 10px
            }
            @media (min-width: 800px) {
            .beeded {
            grid-template-columns: 1fr 1fr 1fr;
            grid-gap: 30px
            }
            .cand {
            padding: 10px;
            border-radius: 10px;
            margin: 0
            }
            }
            .beeded hr {
            background: #ccc;
            display: inline-block;
            border: 0;
            height: 2px;
            margin: 0 0 10px;
            width: 50px
            }
            .cand h3 {
            color: #333;
            font-weight: 600;
            font-size: 18px;
            line-height: 26px;
            margin: 0 12px 5px;
            display: block
            }
            .cand i {
            background: rgba(0, 0, 0, 0);
            border-radius: 50px;
            color: #de7921;
            float: left;
            font-size: 40px;
            height: 110px;
            line-height: 95px;
            margin: 0 auto;
            text-align: center;
            width: 90px;
            transition: all 0.3s ease 0s
            }
            .cand p {
            line-height: 1.3;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical
            }
            .button3x {
            display: table;
            border-radius: 4px;
            cursor: pointer;
            border: double #eee;
            font-weight: 500;
            text-transform: uppercase;
            color: #FFF;
            background: linear-gradient(135deg, #de7921 25%, #b09738);
            margin: 25px auto 0;
            padding: 10px 20px;
            font-size: 15px;
            transition: all 1s
            }
            .button3x:hover {
            color: #fff;
            opacity: 0.8;
            box-shadow: 0 0 18px 18px rgba(80, 80, 80, 0)
            }
            @media (max-width: 400px) {
            .cand i {
            height: 120px;
            line-height: 100px
            }
            }
            div.heading-home {
            text-transform: uppercase;
            text-align: center;
            font-weight: 550;
            letter-spacing: 1px;
            font-size: 23px;
            padding: 0;
            color: #4cae50;
            margin-top: 30px
            }
            hr.heading-home {
            width: 200px;
            border: 0;
            height: 2px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(76, 174, 80), rgba(0, 0, 0, 0));
            margin: auto;
            opacity: 0.9
            }