@charset "UTF-8"; /*normalize*/
html {
    box-sizing: border-box;
    --accent-color: #1a1a1a;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    background-color: rgb(240, 244, 245);
    color: #555;
    font-family: Lato, sans-serif;
    font-size: 15px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    opacity: .8;
    text-decoration: inherit;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
    color: #1a1a1a;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 15px;
}

p {
    margin: 0 0 15px;
}

img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
}

hr {
    background-color: #1a1a1a;
    border: 0;
    border-radius: 50%;
    height: 5px;
    margin: 30px auto;
    position: relative;
    width: 5px;
}

hr:before, hr:after {
    background-color: #1a1a1a;
    border-radius: 50%;
    content: "";
    height: 5px;
    position: absolute;
    width: 5px;
}

hr:before {
    right: 20px;
}

hr:after {
    left: 20px;
}

table {
    border-collapse: collapse;
    font-size: 13px;
    margin: 0 0 15px;
    word-break: normal;
}

th, td {
    border: 1px solid #f4f4f4;
    padding: 8px 12px;
}

ul, ol, dl {
    margin: 30px 0;
    padding-left: 30px;
}

dl {
    padding-left: 0;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 0 15px 0;
}

iframe, embed {
    border: 0;
    display: block;
    overflow: hidden;
    width: 100%;
}

figure {
    margin: 0;
}

pre {
    overflow-y: scroll;
}

input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="number"], input[type="tel"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f4f4f4;
    border: 0;
    border-radius: 0;
    color: #1a1a1a;
    display: block;
    font-family: Lato, sans-serif;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    margin-bottom: 10px;
    padding: 0 12px;
    transition: border-color cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus {
    border-color: #e6e6e6;
    outline: none;
}

textarea {
    height: 100%;
    line-height: inherit;
    padding: 9px 12px;
    resize: vertical;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    color: #1a1a1a;
    font-family: inherit;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 14px;
    width: 100%;
}

label {
    color: #1a1a1a;
    display: inline-block;
    font-family: Lato, sans-serif;
    font-size: 13px;
    margin-bottom: 5px;
    vertical-align: middle;
}

input[type="checkbox"]+label {
    margin-bottom: 0;
    margin-left: 2px;
}

form.inline {
    position: relative;
}

form.inline .inline-field {
    margin-bottom: 0;
    padding-right: 20px;
    text-overflow: ellipsis;
}

form.inline button[type="submit"] {
    background-color: transparent;
    border: 0;
    color: #1a1a1a;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: -15px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 30px;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 992px) {
    .col-lg-5ths {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size: inherit;
}

/*.............*/
/*.............*/
/*.............*/
/*.............*/
/*.............*/
/*site*/
/*///////////container////////////*/
@media (min-width: 1200px) {
    .container {
        max-width: 1190px;
    }
}

.site {
    position: relative;
}

.site-content {
    padding-bottom: 60px;
    padding-top: 60px;
}

.page-template-page-modular .site-content ,.page-template-page-aboutus .site-content {
    padding-bottom: 0;
    padding-top: 0;
}

.single-post .site-content {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .site-content {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .page-template-page-modular .site-content {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

@media (min-width: 992px) {
    .content-column {
        flex: 0 0 72%;
        max-width: 72%;
    }

    .sidebar-column {
        flex: 0 0 28%;
        max-width: 28%;
    }

    .sidebar-left .sidebar-column {
        order: -1;
    }
}

.lazyload:not(.visible), .lazyloading:not(.visible) {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.latest-title {
    font-size: 18px;
    letter-spacing: .2px;
    margin-bottom: 50px;
    position: relative;
    text-transform: uppercase;
}

.latest-title:after {
    background-color: var(--accent-color);
    bottom: -15px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20px;
}

/*site end*/
/*home .module.*/
.rizhuti_v2-widget-parallax>.container, .rizhuti_v2-widget-slideer-center>.container {
    max-width: none;
    padding: 0;
}

.section {
    padding-bottom: 30px;
    padding-top: 30px;
}

.modular-title-1 .section-title {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .2px;
    margin-bottom: 60px;
    text-transform: uppercase;
}

.modular-title-2 .section-title {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: .2px;
    margin-bottom: 60px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.modular-title-2 .section-title:before {
    background-color: #e6e6e6;
    content: "";
    height: 1px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.modular-title-2 .section-title span {
    background-color: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 10;
}

.modular-title-3 .section-title {
    font-size: 12px;
    letter-spacing: .2px;
    margin-bottom: 50px;
    position: relative;
    text-transform: uppercase;
}

.modular-title-3 .section-title:after {
    background-color: var(--accent-color);
    bottom: -15px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20px;
}

@media (max-width: 767px) {
    .section {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .modular-title-1 .section-title {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .modular-title-2 .section-title {
        font-size: 15px;
        margin-bottom: 45px;
    }
}

.module.parallax {
    display: flex;
    min-height: 400px;
    position: relative;
    text-align: center;
}

.module.parallax:before {
    content: '';
    background-image: url(../img/pattern.png);
    height: 100%;
    width: 100%;
    opacity: .3;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.module.parallax img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.module.parallax .container {
    margin: auto;
    padding-bottom: 60px;
    padding-top: 60px;
}

.module.parallax .entry-title {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 2px;
}

.module.parallax .entry-desc {
    color: #ccc;
    position: relative;
}

.module.parallax .btn, .module.parallax input[type="submit"], .module.parallax button[type="submit"], .module.parallax .navigation .nav-previous a, .module.parallax .navigation .nav-next a {
    margin: 30px 5px 0;
    position: relative;
    z-index: 60;
}

@media (max-width: 767px) {
    .module.parallax {
        min-height: 250px;
    }

    .module.parallax .entry-title {
        font-size: 20px;
    }

    .module.parallax .btn, .module.parallax input[type="submit"], .module.parallax button[type="submit"], .module.parallax .navigation .nav-previous a, .module.parallax .navigation .nav-next a {
        width: 100%;
    }

    .module.parallax .btn+.btn, .module.parallax input[type="submit"]+input[type="submit"], .module.parallax button[type="submit"]+button[type="submit"], .module.parallax .navigation .nav-previous a+.navigation .nav-previous a, .module.parallax .navigation .nav-next a+.navigation .nav-next a {
        margin-top: 10px;
    }
}

.module.slider .post {
    background-position: center;
    background-size: cover;
    height: 500px;
    position: relative;
}

.module.slider .post:before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.module.slider .post.lazyloaded:before {
    opacity: 0;
}

.module.slider .entry-wrapper {
    bottom: 0;
    left: 0;
    max-width: 300px;
    padding: 60px 45px 30px;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.module.slider .entry-wrapper:before {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
}

.module.slider .entry-wrapper>* {
    position: relative;
}

.module.slider .entry-excerpt {
    color: #fff;
    margin-top: 30px;
}

.module.slider .entry-footer a {
    color: #e6e6e6;
}

.module.slider.owl .owl-prev, .module.slider.owl .owl-next {
    bottom: 30px;
    right: auto;
    top: auto;
}

.module.slider.owl .owl-prev {
    left: 45px;
}

.module.slider.owl .owl-next {
    left: 78px;
}

.module.slider.owl .owl-dots {
    bottom: -34px;
}

.module.slider.center .owl-item:not(.center) .entry-wrapper {
    opacity: 0;
}

.module.slider.thumbnail .entry-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: none;
    padding: 30px;
    text-align: center;
}

.module.slider.thumbnail .entry-wrapper:before {
    opacity: .4;
}

.module.slider.thumbnail .entry-wrapper>* {
    max-width: 500px;
}

.module.slider.thumbnail .entry-header .entry-meta {
    justify-content: center;
}

.module.slider.thumbnail.owl .owl-dots {
    bottom: -25px;
}

.module.slider.thumbnail.owl .owl-dot {
    border: 3px solid #fff;
    border-radius: 50%;
    height: 50px;
    margin: 0 3px;
    overflow: hidden;
    width: 50px;
}

.module.slider.thumbnail.owl .owl-dot.active {
    border-color: var(--primary-color);
}

@media (max-width: 767px) {
    .module.slider .post {
        height: 400px;
    }

    .module.slider .entry-wrapper {
        max-width: none;
    }
}

@media (min-width: 768px) {
    .module.slider.thumbnail .entry-header .entry-title {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .module.slider.center .entry-wrapper {
        max-width: none;
    }
}

/*theme*/
.rizhuti_v2-widget-theme-post {
    background: #fff;
    padding-top: 60px;
}

.theme-item {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
}

.theme-item:hover {
    border-color: #ff5722;
}

.theme-item .tipss {
    right: 1rem;
    position: absolute;
    top: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 5.656rem;
    -webkit-transform: translate(38px, -8px) rotate(45deg);
    transform: translate(38px, -8px) rotate(45deg);
    background-color: #d1d5db;
    text-align: center;
    font-size: .875rem;
}
.theme-item .maintaining {
    position: absolute;
    top: 10px;
    left: -50px;
    z-index: 1;
    width: 150px;
    height: 30px;
    background: #ff5722;
    color: #fff;
    line-height: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    text-align: center;
    font-size: 12px;
}
.theme-item .beta_test {
    left: 1rem;
    position: absolute;
    top: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 6rem;
    transform: translate(-40px, -5px) rotate(-45deg);
    background-color: #d1d5db;
    text-align: center;
    font-size: .8rem;
    z-index: 10;
}



.theme-item header a {
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.theme-item header a span {
    font-size: 13px;
}

.theme-item header p {
    font-size: 13px;
}

.theme-item .miaoshu {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.rounded {
    border-radius: 4px !important;
}

.shadow {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important;
}

/*theme end*/
/*.home document-wrapper*/
.module.document-wrapper {
    position: relative;
}

.module.document-wrapper .document {
    background: #fff;
    margin-bottom: 30px;
    padding: 15px;
}

.module.document-wrapper .document .entry-meta a {
    margin-right: 4px;
    font-size: 13px;
}

.module.document-wrapper .entry-header {
    display: flex;
    align-items: center;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.module.document-wrapper .entry-header i {
    float: left;
    margin: 0;
    padding: 0;
}

.module.document-wrapper .entry-title {
    -webkit-line-clamp: 1;
    height: initial;
    margin: 0;
    font-size: 15px;
}

@media (max-width: 767px) {
    .module.document-wrapper .document {
        margin-bottom: 10px;
        padding: 10px;
    }

    .module.document-wrapper .entry-title {
        font-size: 15px;
    }
}

/*home document-wrapper end*/
.rizhuti_v2-widget-parallax {
    background: #fff;
    padding: 0;
}

.rizhuti_v2-tiheme-parallax>.container {
    max-width: none;
    padding: 0;
}

.alert.alert-pills {
    border-radius: 30px;
    display: inline-block;
}

/*price*/
.rizhuti_v2-widget-price {
    background: #fff;
}

.pricing-rates {
    position: relative;
    z-index: 1;
    border-bottom: 3px solid #adb5bd;
}

.pricing-rates.starter-plan {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 2;
    border-color: #2f55d4;
}

.pricing-rates .title {
    font-weight: 700;
    font-size: 16px;
}

.pricing-rates .price {
    font-weight: 400;
}

.pricing-rates .feature .feature-list {
    margin: auto auto 10px;
    font-size: 14px;
}

/*price end*/
.faq-container {
    position: relative;
    text-align: left;
    padding: 20px;
    background: #ffffff4a;
    border-radius: 4px;
}

.faq-container .question {
    font-size: 18px;
    letter-spacing: 2px;
    color: #f5a623;
}

.faq-container .answer {
    color: #fff;
}

/*home .module end.*/
/*hero*/
.hero {
    background-color: #f4f4f4;
    background-position: center;
    background-size: cover;
    display: flex;
    height: calc(60vh - 80px);
    position: relative;
}

.hero:before, .hero-slider .slider-item:before {
    /*background-color: #000;*/
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.hero:before, .hero-slider .slider-item:before {
    content: '';
    background-image: url(../img/pattern.png);
    height: 100%;
    width: 100%;
    opacity: .4;
}

.hero.lazyloaded:before, .hero .lazyloaded:before {
    opacity: .3;
}

.hero .container {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    position: relative;
}

.hero .entry-header {
    margin-bottom: 60px;
}

.hero .entry-header .entry-meta {
    margin-bottom: 10px;
}

.hero-heading {
    color: #fff;
    font-size: 34px;
    font-weight: 900;
    margin-bottom: 0;
}

.hero-subheading {
    color: #fff;
    font-size: 17px;
    font-style: italic;
    line-height: 20px;
    margin-top: 15px;
}

.hero-full .hero {
    height: 100vh;
}

.hero-video .hero, .hero-audio .hero {
    background-color: #000;
    display: block;
    height: auto !important;
}

/*hero end*/
/*term-bar */
.term-bar {
    align-items: center;
    background-color: #1a1a1a;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0;
    position: relative;
    text-align: center;
}

.term-bar:before {
    content: '';
    background-image: url(../img/pattern.png);
    height: 100%;
    width: 100%;
    opacity: .4;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.term-bar.lazyloaded:before {
    opacity: .5;
}

.term-bar .term-title {
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    line-height: 1;
    margin: 5px 0 0;
    position: relative;
}

.search-no-results .term-bar {
    display: none;
}

/*term-bar end*/
/*.site-header */
.site-header {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.5s cubic-bezier(0.77, 0, 0.175, 1), transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1), box-shadow 0.5s cubic-bezier(0.77, 0, 0.175, 1), transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 80;
    white-space: nowrap;
}

.navbar-full .site-header {
    padding: 0 30px;
}

.slide-now .site-header {
    box-shadow: none;
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
}

.header-gap {
    height: 80px;
}

.navbar {
    align-items: center;
    display: flex;
    height: 80px;
    position: relative;
    justify-content: inherit;
    padding: unset;
    flex-wrap: unset;
}

.navbar .logo {
    margin-right: 12px;
    width: auto;
    max-height: 35px;
}

.navbar .sep {
    display: flex;
    height: 100%;
    margin: 0 20px;
    width: 1px;
}

.navbar .sep:after {
    background-color: #e6e6e6;
    content: "";
    height: 50%;
    margin: auto;
    transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    width: 100%;
}

.navbar .menu-item {
    display: inline-block;
    position: relative;
}

.navbar .menu-item.current-menu-item a {
    color: #007bff
}

.navbar .menu-item>a {
    display: block;
    font-weight: 700;
    letter-spacing: .2px;
}

.navbar .menu-item>a .emoji {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.navbar .menu-item.menu-item-has-children>a:after {
    color: #aaa;
    content: "\f107";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    font-size: 13px;
    margin-left: 5px;
    transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.navbar .menu-item:hover>.sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.navbar .menu-item:hover>.sub-menu:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #495057;
    border-color: transparent transparent #ffffff #ffffff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
    box-shadow: -2px 2px 2px -1px rgba(22, 28, 45, 0.15);
}

.navbar .nav-list>.menu-item>a {
    font-size: 15px;
    line-height: 81px;
    margin: 0 12px;
    transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.navbar .menu-item>a>i {
    margin-right: 5px;
}

.navbar .sub-menu {
    background-color: #fff;
    list-style-type: none;
    margin: -1px 0 0 -18px;
    min-width: 220px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    visibility: hidden;
    z-index: 80;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.navbar .sub-menu .menu-item {
    display: block;
}

.navbar .sub-menu .menu-item>a {
    align-items: center;
    display: flex;
    font-size: 11px;
    line-height: 18px;
    padding: 9px 30px;
    /* transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); */
    /* transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); */
    /* transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); */
}

.navbar .sub-menu .menu-item>a:hover {
    opacity: 1;
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.navbar .sub-menu .menu-item.menu-item-has-children>a {
    justify-content: space-between;
}

.navbar .sub-menu .menu-item.menu-item-has-children>a:after {
    content: "\f105";
    line-height: 1;
    margin-right: -4px;
}

.navbar .sub-menu .sub-menu {
    left: 100%;
    margin: -20px 0 0;
    top: 0;
}

.navbar .actions {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

.navbar .actions>div+div {
    margin-left: 5px;
}

.navbar .navbar-button, .off-canvas .canvas-close {
    align-items: center;
    border-radius: 50%;
    color: #1a1a1a;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    height: 30px;
    justify-content: center;
    transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1), border-color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    width: 30px;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .site-header, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .site-header {
    background-color: transparent;
    box-shadow: none;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.text, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.text, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a {
    color: #fff;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.regular {
    /*opacity: 0;*/
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .logo.contrary {
    opacity: 1;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .sep:after, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .sep:after {
    background-color: rgba(255, 255, 255, 0.3);
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .nav-list>.menu-item>a:after {
    color: rgba(255, 255, 255, 0.6);
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .navbar-button, .navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .burger, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .burger {
    background-color: #fff;
    border-color: #fff;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field {
    background-color: transparent;
    color: #fff;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-webkit-input-placeholder {
    color: #fff;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field::-moz-placeholder {
    color: #fff;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder, .navbar-sticky_transparent.with-hero:not(.navbar-sticky):not(.ads-before-header):not(.ads-after-header) .navbar .main-search .search-field:-ms-input-placeholder {
    color: #fff;
}

.navbar-transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap, .navbar-sticky_transparent.with-hero:not(.ads-before-header):not(.ads-after-header) .header-gap {
    height: 0;
}

.navbar-sticky:not(.ads-before-header) .site-header, .navbar-sticky_transparent:not(.ads-before-header) .site-header, .stick-now .site-header {
    position: fixed !important;
}

.navbar-hidden .navbar .logo {
    margin-right: 0;
}

.navbar-hidden .navbar .sep {
    display: none;
}

@media (max-width: 991px) {
    .navbar .sep {
        display: none;
    }
}

.navbar .menu-item-mega:hover .mega-menu, .navbar .menu-item-mega:hover .sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}

.mega-menu {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    visibility: hidden;
    z-index: 80;
}

.mega-menu .menu-posts {
    padding: 30px 30px 60px;
}

.mega-menu .menu-posts .menu-post {
    padding: 10px;
    background: #f7fafc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.mega-menu .entry-media {
    max-width: 100px;
    flex-shrink: 0;
    margin-right: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.mega-menu .entry-title {
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -0.2px;
    margin-bottom: 0;
    overflow: hidden;
    height: auto;
}

.mega-menu .owl .owl-prev, .mega-menu .owl .owl-next {
    bottom: 20px;
    top: auto;
}

.mega-menu .owl .owl-prev {
    right: 62px;
}

.mega-menu .owl .owl-next {
    right: 30px;
}

.navbar .menu-item-mega {
    position: static;
}

.navbar .menu-item-mega>.sub-menu {
    left: 0;
    margin: 0;
    padding: 40px 0;
    right: 0;
}

.navbar .menu-item-mega>.sub-menu>.menu-item>a {
    color: #aaa;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 5px;
    pointer-events: none;
    text-transform: none;
}

.navbar .menu-item-mega>.sub-menu .menu-item-has-children>a:after {
    display: none;
}

.navbar .menu-item-mega>.sub-menu .sub-menu {
    box-shadow: none;
    margin: 0;
    min-width: auto;
    opacity: 1;
    padding: 0;
    position: static;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.navbar .menu-item-mega>.sub-menu .sub-menu .sub-menu {
    display: none;
}

/*menu-item-mega-pro*/
.navbar .menu-item-mega-pro {
    position: static;
}

.navbar .menu-item-mega-pro .sub-menu {
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.navbar .menu-item-mega-pro .sub-menu .menu-item {
    width: 16.66667%;
    padding: 0 10px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    flex-wrap: wrap-reverse;
    margin-bottom: 20px;
}

.navbar .menu-item-mega-pro .sub-menu .menu-item>a {
    padding: 30px 0;
    display: block;
    background: #f7fafc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    height: 100%;
}

.navbar .menu-item-mega-pro .sub-menu .menu-item>a>i {
    font-size: 15px;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto 10px;
    background: #007bff;
    letter-spacing: .2px;
}

.navbar .menu-item-mega-pro .sub-menu .menu-item>a:hover {
    opacity: 1;
    /* -webkit-transform: translateX(0); */
    /* transform: translateX(0); */
    background: #007bff;
    color: #fff;
    -webkit-box-shadow: 0 8px 12px 0 rgba(51,133,255,.2);
    box-shadow: 0 8px 12px 0 rgba(51,133,255,.2);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    letter-spacing: .2px;
}

.burger {
    border-radius: 50%;
    cursor: pointer;
    height: 30px;
    position: relative;
    transition: background-color 0.5s cubic-bezier(0.77, 0, 0.175, 1), border-color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    width: 30px;
}
.hero-wide .hero:before {
    opacity: .95;
    background-color: rgb(0 0 0 / 50%);
    background-image: unset;
    background: -o-linear-gradient(left, #fd721f, #5e29b3);
    background: -webkit-gradient(linear, left top, right top, from(#fd721f), to(#5e29b3));
    background: linear-gradient(to right, #fd721f, #5e29b3);
}
/*.burger:before, .burger:after {*/
/*    background-color: #1a1a1a;*/
/*    content: "";*/
/*    height: 2px;*/
/*    left: 9px;*/
/*    position: absolute;*/
/*    width: 10px;*/
/*}*/

.burger:before {
    top: 10px;
}

.burger:after {
    bottom: 10px;
}

@media (min-width: 992px) {
    .no-off-canvas:not(.navbar-hidden) .burger {
        display: none;
    }
}

.logo-wrapper {
    position: relative;
}

.logo:not(.text) {
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.logo.contrary {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
}

.logo.text {
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 2px;
    transition: color 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

/*.site-header end*/
.off-canvas {
    background-color: #fff;
    height: 100vh;
    overflow-y: scroll;
    padding: 60px 0 15px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    width: 320px;
    z-index: 90;
    -webkit-overflow-scrolling: touch;
}

.off-canvas .logo {
    display: flex;
    justify-content: center;
    margin: 0 auto 30px;
    padding: 0 20px;
    max-width: 180px;
}

.off-canvas .canvas-close {
    position: absolute;
    right: 15px;
    top: 15px;
}

.off-canvas .canvas-close .fas {
    transition: -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.off-canvas .canvas-close:hover .fas {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.off-canvas .mega-menu {
    display: none;
}

.off-canvas .widget-area .widget {
    padding: 20px;
    margin-bottom: 10px;
}

.off-canvas .widget-area .widget+.widget {
    /*margin-top: 30px;*/
}

.off-canvas .widget-area .widget.widget_magsy_promo_widget+.widget_magsy_promo_widget {
    margin-top: -20px;
}

.off-canvas .widget-area .widget .widget-title {
    border-bottom: 1px solid #e6e6e6;
    margin: -20px -20px 20px;
    padding: 15px 20px;
}

body:not(.canvas-visible) .off-canvas {
    visibility: hidden;
}

.canvas-opened {
    overflow-y: hidden;
}

.canvas-opened .off-canvas {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
}

.slicknav_menu .slicknav_nav, .slicknav_menu .sub-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.slicknav_menu .slicknav_nav {
    background-color: #fff;
    display: block !important;
    margin-bottom: 30px;
    padding: 0 20px;
    width: 100%;
}

.slicknav_menu .menu-item>a {
    align-items: center;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1;
    outline: none;
    padding: 14px 0;
}

.slicknav_menu .menu-item>a>i {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.slicknav_menu .menu-item-has-children>a {
    /*justify-content: space-between;*/
}

.slicknav_menu .slicknav_item a {
    display: inline;
    outline: none;
    padding: 0;
}

.slicknav_menu .slicknav_item a i {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.slicknav_menu .slicknav_arrow {
    color: #aaa;
    font-size: 0;
    flex: 1;
    text-align: right;
    margin-left: auto;
}

.slicknav_menu .slicknav_arrow:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
    font-size: 11px;
}

.dimmer {
    background: rgba(0, 0, 0, 0.7);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90;
}

.main-search {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.main-search .search-form {
    height: 100%;
}

.main-search .search-field {
    background-color: transparent;
    font-size: 20px;
    font-weight: 700;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.main-search .search-field::-webkit-input-placeholder {
    color: #aaa;
}

.main-search .search-field:-ms-input-placeholder {
    color: #aaa;
}

.main-search .search-field::-ms-input-placeholder {
    color: #aaa;
}

.main-search .search-field::placeholder {
    color: #aaa;
}

.main-search .search-submit {
    display: none;
}

.main-search .search-close {
    font-size: 15px;
    margin-top: -15px;
    position: absolute;
    right: 0;
    top: 50%;
}

.search-open .main-search {
    display: block;
    z-index: 10;
}

.search-open .navbar>*:not(.main-search) {
    display: none!important;
}

.no-search .main-search, .no-search .search-open {
    display: none;
}

/*u--- other*/
.u-permalink {
    bottom: 0;
    left: 0;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
}

.u-plain-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.u-border-title {
    align-items: center;
    display: flex;
}

.u-border-title:before {
    background-color: #1a1a1a;
    content: "";
    height: 3px;
    margin-right: 10px;
    width: 30px;
}

/*loop list article*/
.posts-wrapper .post-list, .posts-wrapper .post-grid, .carousel .post-grid {
    background-color: #FFF;
    padding: 10px;
    border-radius: 4px;
}

.entry-media {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.entry-media .placeholder {
    height: 0;
    overflow: hidden;
}

.entry-media img {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.entry-media img:hover {
}

.post-list {
    display: flex;
    margin-bottom: 30px;
}

.post-grid {
    margin-bottom: 30px;
}

.post-list .entry-media {
    flex-shrink: 0;
    margin-bottom: 0;
    margin-right: 20px;
    width: 220px;
}

@media (max-width: 767px) {
    .post-list .entry-media {
        width: 120px;
    }

    .post-list .entry-title {
        font-size: 16px;
    }
}

.entry-wrapper {
    position: relative;
}

.entry-header {
    word-break: break-word;
}

.entry-header.white .entry-meta, .entry-header.white .entry-meta a, .entry-header.white .entry-title {
    color: #fff;
}

.entry-header .entry-meta {
    align-items: center;
    color: #aaa;
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: .2px;
    margin-bottom: 2px;
}

.entry-header .entry-meta>span+span {
    margin-left: 15px;
}

.entry-header .entry-meta a {
    color: #aaa;
}

.entry-meta .meta-author a {
    align-items: center;
    display: flex;
}

.entry-meta .avatar {
    border-radius: 50%;
    height: 20px;
    margin-right: 8px;
    width: 20px;
}

.entry-header .entry-meta .meta-category {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.entry-header .entry-meta .meta-category a {
    align-items: center;
    display: flex;
}

.entry-header .entry-meta .meta-category a+a {
    margin-left: 8px;
}

.entry-header .entry-meta .meta-category .dot {
    background-color: var(--accent-color);
    border-radius: 50%;
    height: 6px;
    margin-right: 5px;
    width: 6px;
}

.entry-header .entry-title {
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -0.2px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 40px;
}

.post-grid .entry-header {
    margin-top: 10px;
}

.entry-header.white .entry-meta, .entry-header.white .entry-meta a, .entry-header.white .entry-title {
    color: #fff;
}

.entry-excerpt {
    font-size: 14px;
    margin-top: 12px;
    letter-spacing: -0.2px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    height: 36px;
    line-height: 18px;
    color: #888;
}

@media (max-width: 992px) {
    .post-list, .post-grid {
        margin-bottom: 10px;
    }

    .entry-header .entry-title {
        font-size: 15px;
        -webkit-line-clamp: 1;
        height: 20px;
    }

    .entry-excerpt {
        font-size: 13px;
        margin-top: 8px;
        -webkit-line-clamp: 1;
        height: 18px;
        line-height: 18px;
    }
}

.entry-excerpt p {
    margin: 0;
}

.entry-excerpt .excerpt-link {
    margin-left: 5px;
    text-decoration: none;
}

.entry-footer {
    display: flex;
    font-size: 12px;
    letter-spacing: .2px;
    margin-top: 10px;
}

.entry-footer a {
    color: #aaa;
}

.entry-footer a+a:before {
    content: "/";
    line-height: 1;
    padding: 0px 6px;
}

.entry-footer .footer-author {
    align-items: center;
    display: flex;
}

.entry-footer .footer-author img {
    border-radius: 50%;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}

.entry-footer .entry-meta {
    display: flex;
    font-size: 12px;
    align-items: center;
    justify-content: flex-end;
    color: #bdbdbd;
    letter-spacing: -0.2px;
}

.entry-footer .entry-meta>span+span {
    margin-left: 10px;
}

.entry-footer .entry-meta a {
    color: #aaa;
}

@media (max-width: 576px) {
    .entry-footer {
        display: none;
    }
}

/*loop list article end*/
/*/////////.pagination//////////*/
.pagination {
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center;
}

.pagination a, .pagination span {
    display: inline-block;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .05);
    overflow: hidden;
    transition: all .2s ease-in-out;
    vertical-align: top;
    color: #999;
    pointer-events: auto;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
    padding: .5rem .75rem;
    line-height: 1;
    margin: 0 5px;
    border-radius: 4px;
    border: 1px solid #f3f3f3;
}

.pagination .current {
    color: #fff;
    background: #1a1a1a;
}

.pagination a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #1a1a1a;
    background: #fff;
    border-color: #1a1a1a;
}

@media (max-width: 768px) {
    .pagination a, .pagination span {
        background-color: #f0f4f5;
        border-color: #dee2e6;
        padding: 5px 10px;
        margin: 0 2px;
    }

    .pagination a, .pagination span {
        display: none
    }

    .pagination .next, .pagination .prev {
        display: inline-block;
        background-color: #f0f4f5;
        border-color: #dee2e6;
        padding: 5px 10px;
        margin: 0 2px;
        width: 40%;
        text-align: center;
        line-height: 1.5;
    }
}

.infinite-scroll-status {
    display: none;
    text-align: center;
}

.infinite-scroll-request {
    -webkit-animation: scaleOut 1s infinite ease-in-out;
    animation: scaleOut 1s infinite ease-in-out;
    margin: 30px auto;
}

.infinite-scroll-action {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.infinite-scroll-button {
    min-width: 250px;
}

.pagination-infinite_button .infinite-scroll-request, .pagination-infinite_scroll .infinite-scroll-button, .pagination-infinite_button .posts-navigation, .pagination-infinite_scroll .posts-navigation, .pagination-infinite_button:not(.paged-next) .infinite-scroll-button {
    display: none !important;
}

/*pagination end*/
/*single article*/
.content-area .article-content {
    background: #fff;
    padding: 20px 30px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
}

.article-content .entry-header {
    margin-bottom: 30px;
}

.article-content .entry-header .entry-title {
    font-size: 20px;
    font-weight: 900;
    -webkit-line-clamp: inherit;
    height: auto;
    line-height: normal;
    margin: 0;
    margin-bottom: 10px;
}

.article-content .h1, .article-content .h2, .article-content .h3, .article-content h1, .article-content h2, .article-content h3 {
    margin: 30px 0 20px;
    line-height: 1.4;
    font-weight: 700
}

.article-content h4, .article-content h5 {
    font-weight: 700;
    font-size: 1.17em;
    margin-bottom: .875rem;
}

.article-content .h1, .article-content h1 {
    font-size: 24px;
}

.article-content .h2, .article-content h2 {
    padding-bottom: 12px;
    font-size: 20px;
    border-bottom: 4px solid #f0f4f5;
}

.article-content .h3, .article-content h3 {
    padding-left: 10px;
    font-size: 18px;
    line-height: 1.2;
    border-left: 4px solid #0f81fb
}

.article-content p {
    margin-bottom: 20px;
    line-height: 1.8;
    word-wrap: break-word
}

@media (max-width: 768px) {
    .article-content p {
        text-align: justify
    }

    .article-content p.has-text-align-center {
        text-align: center
    }

    .article-content p.has-text-align-left {
        text-align: left
    }

    .article-content p.has-text-align-right {
        text-align: right
    }
}

.article-content>p {
    white-space: pre-wrap
}

.article-content p.has-drop-cap:not(:focus):first-letter {
    font-size: 3em;
    line-height: 1;
    font-weight: 100
}

.article-content figure {
    margin-bottom: 20px;
    margin-bottom: 1.66667rem
}

.article-content blockquote {
    position: relative;
    margin: 20px 0;
    padding: 10px 40px;
    border-radius: 3px;
    background-color: #f0f4f5;
}

.article-content blockquote:before {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 16px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) no-repeat;
    content: ''
}

.article-content blockquote:after {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 16px;
    height: 14px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAYAAADISGwcAAAABmJLR0QA/wD/AP+gvaeTAAABJUlEQVQ4y62UzVHDMBCFPxgX4BJcQkpIKgAqwKkguAJDBSQdmAooAXPhlINLcDowFSQHr0fPipTMJHozmlnJT6u3f35o//YIlkBt9hroOccb8AQMwAvwY/d8vAMfZh8JY/XoHdTiLPR4LpyOBFABpTz+FeF/mohLnJsE5OZ8irwJcJcmEvvekwCTgI1Etotwa7FjnJsEFIwNA2NjhaIvceVpSVR/gAx4lX1v2QA4iBjlDJKNX6DCZU+b+F/urMT+Fv6QeYIWtqZIQ9l4tgXzUSvkcT+TrWQyl7POH8N7sBG7MhGXOGuYj+E9yHET0hGfooXZW2yKUgkocamtrmRowJUtmYDJeYOrt6LA9c2sPBljt4cudRFbcTDnje1jf8cCN+qNfjgBbfA/pMbdZOcAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAAAAElFTkSuQmCC) -16px 0 no-repeat;
    content: ''
}

.article-content blockquote p {
    margin: 0;
    padding: 10px;
}

.article-content ol, .article-content ul {
    padding-left: 2em;
    margin-bottom: 20px;
    list-style-position: outside;
    list-style-type: disc;
}

.article-content ol {
    list-style-type: decimal;
}

.article-content li {
    margin-bottom: 10px
}

.article-content img {
    height: auto
}

.article-content audio, .article-content img, .article-content video {
    max-width: 100%;
    vertical-align: top
}

@media (max-width: 768px) {
    .article-content audio, .article-content video {
        display: block;
        width: 100%;
        height: auto
    }
}

.article-content video::-internal-media-controls-download-button {
    display: none
}

.article-content video::-webkit-media-controls-enclosure {
    overflow: hidden
}

.article-content video::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

.article-content embed, .article-content iframe {
    max-width: 100%;
    vertical-align: top
}

.article-content .wp-video {
    width: auto!important;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .article-content embed, .article-content iframe {
        display: block;
        width: 100%;
        min-height: 200px;
        max-height: 500px
    }
}

.article-content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.article-content .aligncenter img {
    margin: 0 auto
}

.article-content .alignleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.article-content .alignright {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px
}

.article-content .wp-caption, .article-content button, .article-content input, .article-content select, .article-content textarea {
    max-width: 100%
}

.article-content .wp-caption-text {
    padding-top: 5px;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #666
}

.article-content table {
    width: 100%;
    table-layout: fixed
}

.article-content table td, .article-content table th {
    padding: 5px 10px
}

.article-content .gallery {
    margin: 0 -10px;
    font-size: 0
}

.article-content .gallery .gallery-item {
    display: inline-block;
    padding: 5px;
    text-align: center;
    vertical-align: top
}

.article-content .gallery-columns-1 .gallery-item {
    width: 100%
}

.article-content .gallery-columns-2 .gallery-item {
    width: 50%
}

.article-content .gallery-columns-3 .gallery-item {
    width: 33.33333%
}

.article-content .gallery-columns-4 .gallery-item {
    width: 25%
}

.article-content .gallery-columns-5 .gallery-item {
    width: 20%
}

.article-content .gallery-columns-6 .gallery-item {
    width: 16.66667%
}

.article-content .gallery-columns-7 .gallery-item {
    width: 14.28571%
}

.article-content .gallery-columns-8 .gallery-item {
    width: 12.5%
}

.article-content .gallery-columns-9 .gallery-item {
    width: 11.11111%
}

.article-content .gallery .gallery-item img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    border: 0;
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.article-content .gallery .gallery-item:hover img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.article-content .gallery {
    margin: -5px!important;
}

.article-content .gallery .gallery-item {
    padding: 5px;
    margin: 0 !important;
    overflow: hidden;
    position: relative;
}

.article-content .gallery .gallery-item .gallery-icon:before {
    content: "";
    display: block;
    padding-top: 61.8%;
}

.article-content .gallery .gallery-item .gallery-icon {
    position: relative;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset;
    background: #eee;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
}

.article-content .gallery .gallery-item img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border: 0!important;
}

@media (max-width: 768px) {
    .article-content .gallery-columns-3 .gallery-item, .article-content .gallery-columns-4 .gallery-item, .article-content .gallery-columns-5 .gallery-item, .article-content .gallery-columns-6 .gallery-item, .article-content .gallery-columns-7 .gallery-item, .article-content .gallery-columns-8 .gallery-item, .article-content .gallery-columns-9 .gallery-item {
        width: 50%
    }
}

.article-content .blocks-gallery-grid, .article-content .wp-block-gallery {
    padding: 0!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.article-content .blocks-gallery-grid .blocks-gallery-image figure, .article-content .blocks-gallery-grid .blocks-gallery-item figure, .article-content .wp-block-gallery .blocks-gallery-image figure, .article-content .wp-block-gallery .blocks-gallery-item figure {
    margin-bottom: 0
}

.article-content .wp-block-quote {
    border-left-color: #e5e5e5
}

.article-content .wp-block-subhead {
    text-indent: 0
}

.article-content .wp-block-code {
    color: #eee;
    background: #2b303b;
    border-radius: 2px;
    border-color: #393939
}

.article-content .wp-block-tag-cloud {
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-content .wp-block-tag-cloud .tag-cloud-link {
    display: inline-block;
    margin: 0 .7% 1.4%;
    padding: 5px 12px;
    font-size: 12px!important;
    line-height: 1.2;
    text-align: center;
    color: #666;
    border: 1px solid hsla(0, 0%, 39%, .2);
    border-radius: 2px;
    text-decoration: none;
    background: hsla(0, 0%, 100%, .2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-content .wp-block-latest-posts {
    padding-left: 2em;
    margin-bottom: 10px;
    text-align: left
}

.article-content .wp-block-latest-posts.is-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: disc
}

.article-content .wp-block-table {
    width: 100%;
    margin-bottom: 20px
}

.article-content .wp-block-table td, .article-content .wp-block-table th {
    padding: 10px;
    border: 1px solid #e5e5e5
}

.article-content .wp-block-table.is-style-stripes td, .article-content .wp-block-table.is-style-stripes th {
    border: 0
}

.article-content .wp-block-table.aligncenter {
    display: table
}

.article-content .wp-block-table.left {
    float: none;
    text-align: left
}

.article-content .wp-block-table.alignright {
    float: none;
    text-align: right
}

.article-content .wp-block-cover-image-text {
    text-indent: 0
}

.article-content .wp-block-video {
    margin-bottom: 20px;
    text-align: center
}

.article-content .wp-block-audio, .article-content .wp-block-button {
    margin-bottom: 20px
}

.article-content .wp-block-embed {
    text-align: center
}

.article-content .wp-embedded-content {
    display: block;
    width: 100%
}

@media (max-width: 768px) {
    .article-content .wp-embedded-content {
        min-height: auto;
        max-height: none
    }
}

.article-content .wp-block-pullquote {
    padding: 3em 0;
    margin: 28px 0;
    text-align: center;
    border-top: 4px solid #e5e5e5;
    border-bottom: 4px solid #e5e5e5;
    color: #444
}

.article-content .wp-block-pullquote blockquote {
    margin: 0;
    padding: 0;
    background: none;
    border: 0
}

.article-content .wp-block-pullquote blockquote:before {
    display: none
}

.article-content .wp-block-verse {
    line-height: 2
}

.article-content .wp-block-image .aligncenter, .article-content .wp-block-image .alignleft, .article-content .wp-block-image .alignright, .article-content .wp-block-image.is-resized {
    display: table!important
}

.article-content .wp-block-quote, .article-content blockquote {
    position: relative;
    padding: 30px 40px;
    background: #f0f4f5;
}

.article-content .wp-block-code, .article-content pre {
    padding: 30px;
    background: #2b303b;
    border-radius: 3px;
    border: 0;
    color: #6fbb72;
    font-size: 14px;
}

.article-content .post-note {
    opacity: 1;
}

@media (max-width: 768px) {
    .content-area .article-content {
        padding: 10px 0;
    }

    .article-content .wp-block-code, .article-content pre {
        padding: 10px
    }

    .article-content .wp-block-quote, .article-content blockquote {
        padding: 5px;
        font-size: 12px;
    }

    .article-content blockquote:before {
        display: none;
    }
}

/*single article end*/
/*.entry-navigation */
.entry-navigation {
    position: relative;
}

.entry-page-next, .entry-page-prev {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    color: #242A31;
    border: 1px solid #E6ECF1;
    margin: 0;
    display: flex;
    padding: 0;
    position: relative;
    /*box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);*/
    transition: border 250ms ease;
    align-items: center;
    border-radius: 3px;
    -moz-transition: border 250ms ease;
    background-color: #FFFFFF;
    -webkit-box-align: center;
    min-height: 100px;
    margin-bottom: 30px;
}

.entry-page-next:hover, .entry-page-prev:hover {
    border-color: #0056b3;
}

.entry-page-next .entry-page-icon, .entry-page-prev .entry-page-icon {
    flex: 0 0 auto;
    color: #9DAAB6;
    margin: 0;
    display: block;
    padding: 16px;
    font-size: 16px;
    transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -webkit-transition: color 250ms ease;
}

.entry-page-info {
    flex: 1;
    margin: 0;
    display: block;
    padding: 16px;
}

.entry-page-next .entry-page-info {
    text-align: left;
}

.entry-page-prev .entry-page-info {
    text-align: right;
}

.entry-page-prev .entry-page-icon {
    padding-right: 0;
}

.entry-page-next .entry-page-icon {
    padding-left: 0;
}

.entry-page-info .title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    color: #555;
}

.entry-page-info .rnav {
    font-size: 12px;
    line-height: 1.625;
    color: #9DAAB6;
}
.page-theme-header .title {
    font-size: 22px;
    letter-spacing: 1px;
}
/*.entry-navigation end*/
/*related-posts*/
.related-posts h3, .comments-area .comments-title, .comments-area #reply-title {
    font-size: 12px;
    letter-spacing: 0.2px;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 20px 0;
}

.related-posts {
    position: relative;
    background: #fff;
    margin-bottom: 30px;
}

.related-posts .post-list .entry-media {
    width: 120px;
}

/*related-posts end*/
/*_404*/
._404 {
    display: flex;
    height: calc(100vh - 80px - 120px);
}

._404 ._404-inner {
    margin: auto;
}

._404 .entry-title, ._404 .entry-content {
    text-align: center;
}

._404 .entry-title {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: -60px;
}

._404 .search-form {
    margin: 30px auto 0;
    max-width: 350px;
}

._404 input[type="search"] {
    background-color: #fff;
}

@media (max-width: 767px) {
    ._404 {
        height: calc(100vh - 80px - 60px);
    }
}

/*document-wrapper*/
.document-sertch {
    position: relative;
    width: 600px;
    margin-top: 30px;
    max-width: 90%;
}

.document-sertch .search-field {
    border-radius: 99px;
    display: block;
    width: 100%;
    padding: 18px 20px 18px 65px;
    border: 0;
    outline: none;
    box-shadow: 0 0 0 5px rgba(255,255,255,.15);
    font-size: 16px;
}

.document-col .document {
    background-color: #fff;
    padding: 20px;
}

.document-col+.document-col {
    border-top: 1px solid #f3f3f3;
}

.document .entry-media {
    max-width: 80px;
    float: left;
    margin-right: 20px;
}

.search .document .entry-media {
    max-width: 100%;
    float: none;
}

.document .entry-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

.document .entry-meta,.document .entry-meta a {
    color: #999;
    font-size: 13px;
}

.document .entry-meta a {
    margin-right: 4px;
}

.document .entry-meta span {
    margin-right: 10px;
}

/*document-wrapper end*/
/*_404 end*/
/*/////////sidebar//////////*/
.widget-area .sidebar {
    position: relative;
}

.widget-area .widget {
    position: relative;
    background-color: #fff;
    padding: 20px;
    border-radius: 4px;
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}

.widget-area .widget+.widget {
    /*margin-top: 30px;*/
}

@media (max-width: 768px) {
    .widget-area .widget {
        margin-bottom: 10px;
    }
}

.widget-title {
    margin-bottom: 10px;
    font-weight: 600;
    position: relative;
    align-items: center;
    display: flex;
    font-size: 12px;
    letter-spacing: 0.2px;
    color: #999;
}

.widget-title:before {
    background-color: #999;
    content: "";
    height: 3px;
    margin-right: 10px;
    width: 30px;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget ol li, .widget ul li {
    position: relative;
    padding: 5px 0;
}

.widget ol a, .widget ul a {
    font-size: 14px;
    font-weight: 500;
}

.widget ol li, .widget ul li span {
    color: #ccc;
    font-size: 13px;
}

.widget ol a:hover, .widget ul a:hover {
    color: #007bff;
}

/*widget end*/
/*coupon__item*/
.coupon-center .coupon__item {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 10px;
    background-color: #fdfdfd;
    margin-bottom: 10px;
}

.coupon-center .coupon__item {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.coupon-center .coupon__item:hover {
}

.coupon-center .coupon__reduce {
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #ff188a;
    letter-spacing: 1px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.coupon-center .coupon__split {
    margin-top: 4px;
    border-bottom: 5px dotted #E8E8E8;
}

.coupon-center .coupon__rule {
    font-size: 14px;
    font-weight: 600;
    color: #FF9800;
    line-height: 1;
    margin-top: 14px;
}

.coupon-center .coupon__condition {
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
    margin: 0;
}

.coupon-center .coupon__rmb {
    font-size: 18px;
    font-weight: bold;
    margin-right: -1px;
    font-style: initial;
}

.coupon-center .coupon__button {
    line-height: 30px;
    background: linear-gradient(to left, #f58365, #ff188a);
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
}

/*coupon__item end*/
.document-list {
    position: relative;
}

.document-list article + article {
    border-top: solid #eee 1px;
    padding-top: 10px;
}

.document-list .entry-title {
    font-size: 13px;
    margin-bottom: 0
}

.document-list .entry-meta {
    font-size: 12px;
    color: #999;
}

/*theme-wrapper-center*/


/*theme-wrapper-center end*/
/*links*/
.job-content {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.job-content:before {
    content: "";
    position: absolute;
    top: -45px;
    right: -80px;
    width: 230px;
    height: 130px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #edf0fb;
    z-index: 1;
}

.job-content .head .title {
    font-size: 18px;
}

.job-content .head .title:hover {
    color: #2f55d4 !important;
}

.job-content .head .firm:hover {
    color: #e43f52 !important;
}

.job-content .job-image {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: 0 auto;
    z-index: -2;
}

.job-content:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.job-content:hover .job-image {
    opacity: 0.1;
}

@media (min-width: 1024px) {
    .job-profile {
        top: -378px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .job-profile {
        top: -338px;
    }
}

@media (max-width: 767px) {
    .company-logo {
        float: none !important;
        text-align: left !important;
    }
}

.page-template-page-link ul {
    list-style: none;
}

.job-content .logo-bg {
    position: absolute;
    top: -45px;
    right: -80px;
    width: 230px;
    height: 130px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    background-size: 90px auto;
    background-repeat: no-repeat;
    background-position: 80px 80px;
}

.job-content .job-image {
    bottom: 80px;
}

/*links end*/
/*user page*/
.page-template-user .site-content {
    padding-bottom: 0;
    padding-top: 0;
}

.home-center {
    display: table;
    width: 100%;
    height: 100%;
}

.home-desc-center {
    display: table-cell;
    vertical-align: middle;
}

.bg-profile {
    padding: 100px 0;
    background-size: cover !important;
    align-self: center;
    position: relative;
    background-position: center center !important;
    background-repeat: no-repeat;
}

.bg-profile .public-profile {
    top: 175px;
}

.bg-profile .profile-icons li a {
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.bg-profile .avatar.avatar-medium {
    height: 110px;
    width: 110px;
}

.rounded-pill {
    border-radius: 50rem!important;
}

.user-page-menu {
    position: relative;
}


.payvip-box .vip-info {
    position: relative;
    border: 5px solid;
    border-color: transparent;
    opacity: 0.3;
    filter: alpha(opacity=30);
    cursor: pointer;
}

.payvip-box .vip-info.active {
    border-color: #2f54d4;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-animation: hue 6s infinite linear;
}

.down-thumb {
    width: 100px;
    height: 60px;
}

.key-feature {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.key-feature h4 {
    font-size: 15px;
}

.key-feature .icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    background: linear-gradient(45deg, transparent, rgba(47, 85, 212, 0.15));
    font-size: 24px;
}

.key-feature:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

@media (max-width: 767px) {
    .bg-profile {
        padding: 0;
        background: transparent !important;
        margin: 10px 0;
    }

    .bg-profile .public-profile {
        top: unset;
        margin: 0;
        padding: 10px !important;
    }

    .bg-profile .title.mb-0 {
        font-size: 16px;
        margin-bottom: 10px !important;
        display: block !important;
    }

    .bg-profile ul {
        font-size: 13px;
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        margin-left: 20px;
        margin-right: 20px;
    }

    .bg-profile .col-md-7.text-md-left {
        margin-top: 5px !important;
    }

    .user-page-menu {
        padding: 0 !important;
    }

    .user-page-menu ul {
        display: block;
    }

    .user-page-menu ul li {
        padding: 8px !important;
        width: 50%;
        float: left;
    }

    .user-page-menu ul li a {
        font-size: 12px !important;
    }

    .down-thumb {
        display: none;
    }
}

/*user page end*/
/*.site-footer*/
.site-footer {
    background: #232323;
    padding-top: 30px;
    position: relative;
    color: #ccc;
    background-position: center center;
    background-size: cover;
}

.site-footer .logo-footer {
    color: #F4C921;
    font-weight: 700;
    font-size: 24px;
    padding: 3px 0;
    letter-spacing: 1px;
}

.site-footer .footer-head {
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #F4C921 !important;
}

.site-footer .text-foot {
    color: #adb5bd;
}

.site-footer .footer-list {
    margin-bottom: 0;
}

.site-footer .footer-list li {
    margin-bottom: 10px;
}

.site-footer .footer-list li a {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.site-footer .footer-list li a:hover {
    color: #e6e8ea;
}

.site-footer .footer-list li:last-child {
    margin-bottom: 0;
}

.site-footer .footer-bar {
    padding: 30px 0;
    /* background: rgb(0 0 0 / 50%); */
    margin-top: 30px;
}

.footer-links {
    font-size: 12px;
    margin: 15px auto 0;
    text-align: center;
}

.footer-links a {
    color: #435686;
}

.footer-links ul {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
}

.footer-links h6,.footer-links li {
    font-size: 12px;
    font-weight: 400;
    display: inline;
    white-space: nowrap;
    margin: 0 8px;
    margin-left: 0;
    color: #435686;
}

@media (max-width: 767px) {
    .footer-links {
        display: none;
    }

    .site-footer {
        padding-top: 10px;
    }

    .site-footer .footer-bar {
        padding: 10px 0;
        margin-top: 0;
    }
}

/*rollbar*/
.rollbar {
    position: fixed;
    right: 20px;
    bottom: 10%;
    z-index: 1;
    display: none;
}

.rollbar .actions {
    position: relative;
    width: 100%;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
    border-radius: 6px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.rollbar .actions li {
    position: relative;
    background: #fff;
}

.rollbar .actions li+li {
    border-top: solid #eee 1px;
}

.rollbar .actions li:hover {
    opacity: .5;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.rollbar .actions li>a {
    display: block;
    padding: 8px 0;
    cursor: pointer;
    position: relative;
    border: 0;
    opacity: 1;
    width: 50px;
    text-align: center;
    height: auto;
}

.rollbar .actions li>a .spinner-grow {
    position: absolute;
    left: 5px;
    top: -15px;
    width: 8px;
    height: 8px;
    background-color: #4CAF50;
}

.rollbar .actions li a.burger:before,.rollbar .actions li a.burger:after {
    display: none;
}

.rollbar .actions li>a>i {
    font-size: 22px;
    color: #ffc107;
    background-image: linear-gradient(to bottom,#ffc107 0,#fd7d5b 100%);
    background-image: -webkit-gradient(to bottom,#ffc107 0,#fd7d5b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin-bottom: 10px;
}

.rollbar .actions li>a>span {
    font-size: 12px;
    color: #555;
    padding: 0 10px;
    letter-spacing: 3px;
    display: block;
    margin-top: 2px;
    text-align: center;
    line-height: 1.2;
    position: relative;
}

.rollbar .rollbar-item {
    position: relative;
    margin-top: 20px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #000;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
    line-height: 50px;
}

.rollbar .rollbar-item {
    color: #555;
}

.rollbar .rollbar-item:hover {
    opacity: .5;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

@media (max-width: 767px) {
    .rollbar {
        display: none!important;
        opacity: 0;
    }
}


.bg-opacity-75{
    opacity: 0.75 !important;
}
.site-cdk-widget .notify-title {
    text-align: center;
    font-size: 1.2rem;
    color: #ff243f;
    font-weight: 600;
}
.pink {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #f308a0 0%, #fb0655 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: 0.15rem 0.275rem;
    line-height: 1;
    font-weight: bold;
}
.meihua {
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
    -webkit-background-clip: text;
    color: transparent !important;
    background-size: 300% 100%;
    animation: text 1s infinite linear
}
@keyframes text {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: -150% 0
    }
}
.boxx-title{
    font-weight: 600;
    display: flex;
    justify-content: left;
    align-items: center;
}
.boxx-title .badge{
    font-size: 12px;
}
.ti0s_active_data{
    margin-top: 20px;
    text-align: center;
}