/*  - 1 Fonts Load - Start
==================================================================================================== */
@import url('fonts.googleapis.com.css');

/*  - 1 Fonts Load - End
==================================================================================================== */

/*  - 2 Global Area - Start
==================================================================================================== */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    color: #5e5e5e;
    font-size: 14px;
    line-height: 24px;
    overflow-x: hidden;
    background-color: #f1f1f1;
    font-family: 'Lato', sans-serif;
}

a {
    text-decoration: none;
    display: inline-block;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
a:hover,
a:focus,
a:visited,
a.active {
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.form-control {
    box-shadow: none;
}

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

ol:after {
    content: '';
    clear: both;
    display: block;
}

li {
    margin: 0;
    padding: 0;
    float: left;
}

.collapsible li {
    float: unset;
}

i {
    display: inline-block !important;
    line-height: unset !important;
    height: unset !important;
    width: unset !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    color: #000;
}

p {
    margin: 0;
    padding: 0;
}

img {
    /*width: 100%;*/
    height: auto;
}

.tlinks {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

/* - Padding Margin Setting - Start
================================================== */
.p-0 {
    padding: 0px !important;
}

.p-15 {
    padding: 15px;
}

.pt-0 {
    padding-top: 0px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.m-0 {
    margin: 0px !important;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mr-0 {
    margin-right: 0px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-3 {
    margin-right: 3px;
}

.ml-0 {
    margin-left: 0px;
}

/* - Padding Margin Setting - End
================================================== */

/*  - Link Button start
================================================== */
button.custom-btn,
a.custom-btn {
    color: #fff;
    border: none;
    font-weight: 700;
    border-radius: 3px;
    padding: 10px 15px;
    background-color: #2962ff;
}

.tag,
p.hero {
    text-align: left;
    font-weight: 700;
}

.l-blue {
    color: #2962ff !important;
}

.body-color {
    color: #5e5e5e !important;
}

.cmn-bgcolor {
    background-color: #2962ff !important;
}

/* ---------- poat-title ---------- */
a.sm-name {
    width: 100%;
    color: #000;
    display: table;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

/*  - Link Button End
================================================== */

/* post-mate Start
================================================== */
ul.post-mate {
}

ul.post-mate li {
    margin-left: 10px;
}

ul.post-mate li a {
    color: #5e5e5e !important;
    margin: 0 2px;
}

ul.post-mate li a:hover {
    color: #2962ff !important;
}

ul.post-mate li a.active {
    color: #2962ff !important;
}

ul.post-mate-time {
}

ul.post-mate-time li {
    margin-right: 15px;
}

/* post-mate End
================================================== */

/*  - Section-title Start
================================================== */
/* right sidebar title
.................................................. */
.sidebar-title {
    width: 100%;
    padding: 15px;
    display: table;
    border-bottom: 1px solid #e5e5e5;
}

.sidebar-title h2 {
    font-size: 18px;
    font-weight: 700;
}

/*  - Section-title End
================================================== */

/*  - all-Transition
================================================== */
button,
a {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.effect {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-color: #fff;
    -webkit-transform: skew(-45deg) scaleX(0);
    transform: skew(-45deg) scaleX(0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.w100dt {
    width: 100%;
    display: table;
}

/* - 2. Global Area End
==================================================================================================== */

/* back to top - Start
==================================================================================================== */
.backToTop {
    width: 35px;
    right: 60px;
    bottom: 60px;
    height: auto;
    display: none;
    z-index: 999;
    position: fixed;
    padding-top: 5px;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #2962ff;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.14);
}

.backToTop a.scroll {
    color: #2962ff;
    font-size: 18px;
}

.backToTop a.scroll > span {
    width: 100%;
    display: block;
    padding: 5px 8px;
}

.backToTop a.scroll > span.go-up {
    color: #fff;
    font-size: 24px;
    padding: 13px 5px;
    background-color: #2962ff;
}

/* - back to top - End
==================================================================================================== */

/*  - 3 - Index (Home page) - Start
==================================================================================================== */

/* - 3.1 - blog-slider-section - Start
================================================== */
.blog-slider-section {
    margin-top: 130px;
}

.blog-slider-section .slider,
.cateogry-section .slider {
    overflow: hidden;
    border-radius: 3px;
    background-color: #fff;
    height: 400px !important;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

/* caption
.................................................. */
.blog-slider-section .slider .caption,
.cateogry-section .slider .caption {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.8);
}

.slider .slides li .caption {
    top: 15%;
    left: 20%;
    width: 60%;
    opacity: 0;
    color: #fff;
    position: absolute;
}

.blog-slider-section .slider .caption h2.card-title,
.cateogry-section .slider .caption h1.card-title {
    font-size: 18px;
    font-weight: 700;
}

.blog-slider-section .slider .slides li .caption p,
.cateogry-section .slider .slides li .caption p {
    color: #5e5e5e;
    margin: 0 auto;
    max-width: 450px;
    margin-bottom: 60px;
}

.blog-slider-section .slider .slides li .caption .custom-btn,
.cateogry-section .slider .slides li .caption .custom-btn {
    left: 50%;
    bottom: 30px;
    position: absolute;
    transform: translateX(-50%);
}

.blog-slider-section .slider .caption p,
.blog-slider-section .slider .caption a.tag,
.blog-slider-section .slider .caption h2.card-title,
.cateogry-section .slider .caption p,
.cateogry-section .slider .caption a.tag,
.cateogry-section .slider .caption h1.card-title {
    text-align: center;
}

.slider .caption a.tag {
    font-size: 18px;
}

/* indicators
.................................................. */
.blog-slider-section .slider .indicators,
.cateogry-section .slider .indicators {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    z-index: 2;
    position: absolute;
    text-align: center;
}

.blog-slider-section .slider .indicators .indicator-item.active,
.cateogry-section .slider .indicators .indicator-item.active {
    background-color: #2962ff;
}

.blog-slider-section .slider .indicators .indicator-item,
.cateogry-section .slider .indicators .indicator-item {
    float: none;
    width: 10px;
    margin: 3px;
    height: 10px;
    cursor: pointer;
    position: relative;
    background-color: #f1f1f1;
    transition: all .3s ease-in-out;
}

/* - 3.1 - blog-slider-section - End
================================================== */

/* - 3.2 - daily-lifestyle-section - Start
================================================== */
.daily-lifestyle-section .card {
    margin: 5px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.card-stacked {
    padding: 10px 15px;
}

.daily-lifestyle-section .card .card-image {
    width: 40%;
    height: 182px;
    float: left;
    overflow: hidden;
    position: relative;
}

.effect {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-color: #fff;
    -webkit-transform: skew(-45deg) scaleX(0);
    transform: skew(-45deg) scaleX(0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.daily-lifestyle-section .card:hover .card-image > .effect {
    -webkit-transform: skew(-45deg) scaleX(1.3);
    transform: skew(-45deg) scaleX(1.3);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.daily-lifestyle-section .card:hover .card-content a.sm-name {
    text-decoration: underline;
}

.daily-lifestyle-section .card-stacked .card-content,
.daily-lifestyle-section .card-stacked .card-action {
    padding: 0;
}

.daily-lifestyle-section .card-stacked .card-action {
    border: none;
    padding-top: 10px;
}

/* commentm model
.................................................. */
.daily-lifestyle-section .modal-content .cmnt-img {
    width: 87px;
    height: 87px;
    overflow: hidden;
    text-align: center;
    border-radius: 100%;
}

.daily-lifestyle-section .modal-content .sm-name {
    margin-bottom: 5px;
}

/* ---------- owl-dots ---------- */
.daily-lifestyle-section .owl-dots {
    display: none;
}

.daily-lifestyle-section .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.daily-lifestyle-section .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.daily-lifestyle-section .owl-theme .owl-nav [class*=owl-]:hover:before {
    color: #fff;
    background: #2962ff;
}

.daily-lifestyle-section .owl-prev {
    left: -4%;
}

.daily-lifestyle-section .owl-next {
    right: -4%;
}

.daily-lifestyle-section .owl-prev:before,
.daily-lifestyle-section .owl-next:before {
    font-family: 'IcoFont';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #000;
    background-color: #fff;
    border-radius: 100%;
    line-height: 32px;
}

.daily-lifestyle-section .owl-prev:before {
    content: "\eb76";
}

.daily-lifestyle-section .owl-next:before {
    content: "\eb79";
}

/* - 3.2 - daily-lifestyle-section - End
================================================== */

/* - 3.3 - blog-section - Start
================================================== */
.blogs {
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.card .card-title {
    font-weight: 700;
    color: #000;
}

.blogs:hover a.card-title {
    color: #2962ff !important;
}

/* - 3.3 - blog-section - End
================================================== */

/* pagination - Start
.................................................. */
ul.pagination,
ul.pagination li {
    float: none;
    text-align: center;
}

ul.pagination li {
    width: 45px;
    margin: 5px;
    height: 45px;
    overflow: hidden;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

ul.pagination li a {
    padding: 0;
    color: #000;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 45px;
}

ul.pagination li span {
    line-height: 45px;
}

ul.pagination li a > i {
    font-size: 16px;
}

ul.pagination li.active a,
ul.pagination li:hover a {
    color: #fff;
    background-color: #2962ff;
}

/* pagination - End
.................................................. */

/* - 3.4 - instagram-section - Start
================================================== */
.instagram-section {
    height: 225px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;

}

.instagram-background {
    background-image: url(../img/gallery-03.jpg);
}

.instagram-section .instagram-link {
    top: 50%;
    left: 50%;
    width: 258px;
    height: 115px;
    padding: 10px;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 1;
}

.instagram-section .instagram-link a {
    width: 100%;
    height: 100%;
    color: #2962ff;
    font-weight: 700;
    padding: 25px 0px;
    background-color: #fff;
}

.instagram-section .instagram-link a > span {
    color: #525252;
}

/* - 3.4 - instagram-section - End
================================================== */

/*  - 3 - Index (Home page) - End
==================================================================================================== */

/*  - 4 - single-blog-section - Start
==================================================================================================== */
/* ag-list
.................................................. */
.pb-10 p {
    margin-bottom: 10px;
}

ul.tag-list li {
    margin-right: 8px;
    margin-bottom: 8px;
}

ul.tag-list li a {
    color: #000;
    padding: 5px 10px;
}

ul.tag-list li a,
.single-blog-section ul.share-links li a {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

ul.tag-list li a:hover,
.single-blog-section ul.share-links li a:hover {
    color: #fff;
    background-color: #2962ff;
}

/* share-links
.................................................. */
.single-blog-section ul.share-links li {
    width: 30px;
    height: 30px;
    margin-left: 8px;
    text-align: center;
    line-height: 30px;
}

.single-blog-section ul.share-links li a {
    color: #000;
    width: 100%;
    height: 100%;
    display: block;
    line-height: 30px;
}

/* sb-prv-post sb-nxt-post
.................................................. */
.sb-prv-post,
.sb-nxt-post {
    width: 100%;
    padding: 5px;
    height: 96px;
    display: table;
    overflow: hidden;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.sb-prv-post:hover .pn-text a.title-name,
.sb-nxt-post:hover .pn-text a.title-name {
    color: #2962ff;
}

.pn-img {
    width: 30%;
    overflow: hidden;
    border-radius: 3px;
}

.pn-img img {
    width: 100%;
    height: 100%;
    display: block;
}

.pn-text {
    height: 100%;
    padding: 5px 10px;
    display: table;
}

.prv-nxt-post .pn-text a.title-name {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

/* peoples-comments
.................................................. */
.peoples-comments {
    overflow: hidden;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.peoples-comments .comment-area {
    padding: 25px;
    max-height: 2000px;
    overflow-y: scroll;
    display: block;
}

.peoples-comments .comment .ppic {
    width: 50px;
    height: 50px;
    /*overflow: hidden;*/
    border-radius: 100%;
    position: relative;
}

.peoples-comments .comment .pname {
    padding: 0px 15px;
    display: table;
}

.peoples-comments .comment .pname .address {
    color: #5e5e5e;
    margin-left: 10px;
    font-size: 0.4em;
}

.crown {
    position: absolute;
    top: -12px;
    left: -4px;
    font-size: 2em;
    transform: rotate(-22deg);
    color: #ffd331;
    animation: shine 2s linear infinite;
}

.crown-bronze {
    color: #8C7853 !important;
    animation: shine-bronze 2s linear infinite;
}

.crown-silver {
    color: #c0c0c0 !important;
    animation: shine-silver 2s linear infinite;
}

.crown-gold {
    color: #ffd331 !important;
    animation: shine-gold 2s linear infinite;
}

.crown-diamond {
    color: #fff !important;
    animation: shine-diamond 2s linear infinite;
}

@keyframes shine-bronze {
    0% {
        text-shadow: 0 -0.08em 10px #fff;
    }
    50% {
        text-shadow: 0 -0.08em 10px #8C7853;
    }
    100% {
        text-shadow: 0 -0.08em 10px #fff;
    }
}

@keyframes shine-silver {
    0% {
        text-shadow: 0 -0.08em 10px #fff;
    }
    50% {
        text-shadow: 0 -0.08em 10px #c0c0c0;
    }
    100% {
        text-shadow: 0 -0.08em 10px #fff;
    }
}

@keyframes shine-gold {
    0% {
        text-shadow: 0 -0.08em 10px #fff;
    }
    50% {
        text-shadow: 0 -0.08em 10px #ffd331;
    }
    100% {
        text-shadow: 0 -0.08em 10px #fff;
    }
}

@keyframes shine-diamond {
    0% {
        text-shadow: 0 -0.05em 10px #ff4e3d;
    }
    25% {
        text-shadow: 0.05em 0 10px #ebf317;
    }
    50% {
        text-shadow: 0 0.05em 10px #4aff49;
    }
    75% {
        text-shadow: -0.05em 0 10px #00c3ff;
    }
    100% {
        text-shadow: 0 -0.05em 10px #ff4f47;
    }
}

.peoples-comments .comment ul.post-mate-time li a {
    color: #5e5e5e;
}

.peoples-comments .comment ul.post-mate-time li a:hover,
.peoples-comments .comment ul.post-mate-time li a.acitve {
    color: #2962ff;
}

/* cmnt-reply
.................................................. */
.peoples-comments .cmnt-reply {
    padding: 20px 0px 20px 12%;
    word-break: break-all;
}

.peoples-comments .cmnt-reply .ppic {
    width: 50px;
    height: 50px;
    /*    overflow: hidden;*/
    border-radius: 100%;
}

.peoples-comments .cmnt-reply .pname {
    padding: 0px 15px;
    display: table;
}

/* leave-comment
.................................................. */
.leave-comment {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.comment-area {
    padding: 25px;
}

.leave-comment .validate,
.leave-comment .materialize-textarea {
    border: none;
    padding: 10px;
    box-shadow: none;
    border-radius: 3px;
    background-color: #e5e5e5;
}

.leave-comment .materialize-textarea {
    min-height: 150px;
}

.leave-comment .form-item {
    position: relative;
    margin-bottom: 40px;
}

.leave-comment .form-item label {
    top: -22px;
    left: 1px;
    position: absolute;
    transition: all 0.3s;
}

.leave-comment input[type=text]:focus:not([readonly]) + label,
.leave-comment input[type=email]:focus:not([readonly]) + label,
.leave-comment textarea.materialize-textarea:focus:not([readonly]) + label {
    left: 0px;
    top: -26px;
    color: #2962ff;
}

.leave-comment input[type=text]:focus:not([readonly]),
.leave-comment input[type=email]:focus:not([readonly]),
.leave-comment textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2962ff;
    box-shadow: 0 1px 0 0 #2962ff;
}

/*  - 4 - single-blog-section - End
==================================================================================================== */

/*  - 5 - cateogry-section - Start
==================================================================================================== */
.cateogry-section {
}

.cateogry-section .card-title {
    line-height: 30px;
}

/*  - 5 - cateogry-section - End
==================================================================================================== */

/*  - 6 - contact-section - Start
==================================================================================================== */
#google-map {
    height: 400px;
    position: relative;
    box-shadow: 0 0 2px 2px rgba(222, 222, 222, 0.5);
}

/* contact-section
.................................................. */
.contact-section {
    width: 100%;
    display: table;
}

/* contact-me
.............................. */
.contact-section .contact-me {
    padding: 30px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(222, 222, 222, 0.5);
}

/* contact-things
.............................. */
.contact-section .contact-things {
    width: 240px;
    height: auto;
    display: table;
    margin-bottom: 20px;
}

.contact-section .contact-things:last-child {
    margin-bottom: 0px;
}

.contact-section .contact-things .c-icon {
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    margin-right: 15px;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(222, 222, 222, 0.5);
}

.contact-section .contact-things .c-icon > i {
    color: #2962ff;
    font-size: 24px;
    line-height: 50px !important;
}

.contact-section .contact-things .c-text {
    display: table;
    padding: 10px 0px;
}

/* contact-form
.................................................. */
.contact-section .contact-form {
    width: 100%;
    display: table;
}

.contact-form .contact-input {
    position: relative;
}

.contact-form .validate,
.contact-form .materialize-textarea {
    border: none;
    padding: 10px;
    box-shadow: none;
    border-radius: 3px;
    margin-bottom: 25px;
    background-color: #e5e5e5;
}

.contact-form .contact-input label {
    top: 10px;
    left: 15px;
    position: absolute;
    transition: all 0.3s;
}

.contact-form .materialize-textarea {
    min-height: 140px;
}

.contact-form input[type=text]:focus:not([readonly]),
.contact-form input[type=email]:focus:not([readonly]),
.contact-form textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #2962ff;
    box-shadow: 0 1px 0 0 #2962ff;
}

.contact-form input[type=text]:focus:not([readonly]) + label,
.contact-form input[type=email]:focus:not([readonly]) + label,
.contact-form textarea.materialize-textarea:focus:not([readonly]) + label {
    left: 0px;
    top: -18px;
    color: #2962ff;
}

/* .......... button .......... */
.contact-section .contact-form button {
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #2962ff;
}

/* ul.social-link
.................................................. */
.contact-section ul.social-link {
    width: 100%;
    display: table;
}

.contact-section ul.social-link li {
    margin-bottom: 20px;
}

.contact-section ul.social-link li:last-child {
    margin-bottom: 0px;
}

.contact-section ul.social-link li,
.contact-section ul.social-link li a {
    width: 100%;
    display: table;
    border-radius: 3px;
}

.contact-section ul.social-link li a {
    padding: 28px;
    font-size: 18px;
    background-color: #fff;
    box-shadow: 0 0 2px 2px rgba(222, 222, 222, 0.5);
}

.contact-section ul.social-link li a span {
    display: inline-block;
}

.contact-section ul.social-link li a > .s-icon {
    margin-right: 40px;
}

.contact-section ul.social-link li a > .s-name {
    color: #5e5e5e;
}

.contact-section ul.social-link li a > .s-likes {
    color: #d5d5d5;
}

/* .......... social icon colors .......... */
.contact-section ul.social-link li a .icofont-social-facebook {
    color: #3b5998;
}

.contact-section ul.social-link li a .icofont-social-twitter {
    color: #55acee;
}

.contact-section ul.social-link li a .icofont-social-google-plus {
    color: #dd4b39;
}

.contact-section ul.social-link li a .icofont-social-instagram {
    color: #363b5b;
}

.contact-section ul.social-link li a .icofont-social-dribbble {
    color: #ff0084;
}

.contact-section ul.social-link li a.facebook:hover {
    background-color: #3b5998;
}

.contact-section ul.social-link li a.twitter:hover {
    background-color: #55acee;
}

.contact-section ul.social-link li a.google-plus:hover {
    background-color: #dd4b39;
}

.contact-section ul.social-link li a.instagram:hover {
    background-color: #363b5b;
}

.contact-section ul.social-link li a.dribbble:hover {
    background-color: #ff0084;
}

.contact-section ul.social-link li a:hover i {
    color: #fff;
}

.contact-section ul.social-link li a:hover .s-name {
    color: #fff;
}

/*  - 6 - contact-section - End
==================================================================================================== */

/*  - 7 - right Sidebar - Start
==================================================================================================== */
/* - 7.1 - sidebar-testimonial - Start
================================================== */
.top-post,
.featured-posts,
.sidebar-followme,
.posts-tags,
.sidebar-subscribe,
.sidebar-testimonial {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.sidebar-testimonial .carousel .indicators .indicator-item {
    float: none;
    width: 8px;
    height: 8px;
    margin: 10px 5px;
    background-color: #e5e5e5;
}

.sidebar-testimonial .carousel .indicators .indicator-item.active {
    background-color: #2962ff;
}

.sidebar-testimonial .carousel-item {
    width: 100%;
    height: 100%;
    min-height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
}

.sidebar-testimonial .carousel-item .item-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 100%;
    background-color: #e5e5e5;
}

.sidebar-testimonial .carousel-item .item-img > span {
    font-size: 42px;
    font-weight: 700;
    line-height: 120px;
}

.sidebar-testimonial .carousel-item > h2 {
    font-size: 24px;
    font-weight: 700;
}

.sidebar-testimonial .carousel-item > small {
    font-size: 18px;
}

.sidebar-testimonial .carousel-item p {
    margin-top: 10px;
}

/* - 7.1 - sidebar-testimonial - End
================================================== */

/* - 7.2 - ul.followme-links - Start
================================================== */
.sidebar-followme ul.followme-links,
.sidebar-posts,
.tag-list-box,
.sidebar-subscribe .subscribe {
    padding: 25px;
}

.tag-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.sidebar-followme ul.followme-links li {
    height: 105px;
    width: 33.333%;
    overflow: hidden;
    text-align: center;
    position: relative;
    background-color: #fff;
}

.sidebar-followme ul.followme-links li a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    transition: .4s all ease-in-out;
}

.sidebar-followme ul.followme-links li a i {
    font-size: 30px;
    margin-top: 25px;
}

.sidebar-followme ul.followme-links li a small.Followers {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5px 0px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
}

.sidebar-followme ul.followme-links li a.facebook {
    color: #fff;
    background-color: #3668b1;
}

.sidebar-followme ul.followme-links li a.twitter {
    color: #fff;
    background-color: #2196f3;
}

.sidebar-followme ul.followme-links li a.google-plus {
    color: #fff;
    background-color: #f44336;
}

.sidebar-followme ul.followme-links li a.linkedin {
    color: #fff;
    background-color: #0288d1;
}

.sidebar-followme ul.followme-links li a.pinterest {
    color: #fff;
    background-color: #cd1d1f;
}

.sidebar-followme ul.followme-links li a.instagram {
    color: #fff;
    background-color: #607d8b;
}

/* - 7.2 - ul.followme-links - End
================================================== */

/* - 7.3 - featured-posts - Start
================================================== */
.sidebar-posts .card {
    margin-bottom: 50px;
}

.sidebar-posts .card:last-child {
    margin-bottom: 0px;
}

.sidebar-posts .card:hover a.card-title {
    text-decoration: underline;
}

.sidebar-posts .card-image {
    border-radius: 5px;
    overflow: hidden;
}

.sidebar-posts .card:hover .card-image > .effect {
    -webkit-transform: skew(-45deg) scaleX(1.2);
    transform: skew(-45deg) scaleX(1.2);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.sidebar-posts .card-content {
    padding: 0px;
}

.sidebar-posts .card .card-title {
    font-size: 16px;
    font-weight: 700;
}

/* - 7.3 - featured-posts - End
================================================== */

/* - 7.3 - top-post - Start
================================================== */
.top-post ul.top-post-tab {
    border-bottom: 1px solid #e5e5e5;
}

.top-post ul.top-post-tab li {
}

.top-post ul.top-post-tab li.tab a {
    color: #000;
    font-weight: 700;
}

.tabs .indicator {
    bottom: 0;
    height: 2px;
    position: absolute;
    background-color: #2962ff;
    will-change: left, right;
}

.top-post ul.top-post-tab li.tab a:hover {
    color: #2962ff;
}

.top-post ul.top-post-tab li.tab a.active {
    color: #2962ff;
}

.top-post .most-view,
.top-post .recent-post,
.top-post .Comments-post {
    height: 800px;
    overflow-y: scroll;
}

/* card
.................................................. */
.top-post .hot-post {
    position: relative;
}

.top-post .hot-post .hot-post-image {
    width: 40%;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.top-post .hot-post .hot-post-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top;
}

.top-post .hot-post .hot-post-stacked {
    display: table;
    padding: 9px;
}

.top-post .hot-post:hover a.sm-name {
    text-decoration: underline;
}

.top-post .hot-post:hover .hot-post-image > .effect {
    transform: skew(-45deg) scaleX(1.2);
    -webkit-transform: skew(-45deg) scaleX(1.2);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Comments-post
.................................................. */
.top-post .Comments-post {
    padding: 25px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

.top-post .Comments-post::-webkit-scrollbar {
    width: 0 !important;
}

.top-post .Comments-post .card-panel {
    padding: 15px;
    margin: 15px 0;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

/* - 7.3 - top-post - End
================================================== */

/* - 7.4 - sidebar-subscribe - Start
================================================== */
.sidebar-subscribe {
    text-align: center;
}

.sidebar-subscribe .validate {
    padding: 5px 10px;
    background-color: #e5e5e5;
    border-radius: 3px;
}

.sidebar-subscribe .input-field label {
    left: 10px;
    top: 0.8rem;
    color: #9e9e9e;
    position: absolute;
}

.sidebar-subscribe input[type=email]:focus:not([readonly]) {
    box-shadow: 0 1px 0 0 #2962ff;
    border-bottom: 1px solid #2962ff;
}

.sidebar-subscribe input[type=email]:focus:not([readonly]) + label {
    color: #2962ff;
}

.sidebar-subscribe form > button {
    color: #fff;
    padding: 10px 30px;
    border-radius: 3px;
    background-color: #2962ff;
    margin: 0;
    border: 1px solid transparent;
    outline: none;
}

/* - 7.4 - sidebar-subscribe - End
================================================== */
/*  - 7 - right Sidebar - End
==================================================================================================== */

/*  - 8 - error-section - Start
==================================================================================================== */
.error-contant {
    padding: 100px 200px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.error-contant h2.error-head-title {
    font-size: 200px;
    font-weight: 700;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-position: center center;
    -webkit-text-fill-color: transparent;
    background-image: url(../img/lifestyle-760-428.jpg);
}

.error-contant p {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.error-contant p > a {
    color: #2962ff;
}

/*  - 8 - error-section - End
==================================================================================================== */

/*  - 9 - breadcrumb-section - Start
==================================================================================================== */
.breadcrumb-section {
    margin-top: 130px;
}

.breadcrumb-nav {
    padding: 20px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.breadcrumb-nav a.breadcrumb {
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 400;
}

.breadcrumb-nav a.active {
    color: #000;
    font-weight: 700;
}

.breadcrumb:before {
    content: '/';
    color: #5e5e5e;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    vertical-align: top;
    display: inline-block;
    margin: 0 10px 0 10px;
    -webkit-font-smoothing: antialiased;
}

/*  - 9 - breadcrumb-section - End
==================================================================================================== */

/*  - 10 - footer-section - Start
==================================================================================================== */
.footer-section {
    padding: 50px 0px;
    background-color: #fff;
}

ul.footer-social-links li {
    float: none;
    margin: 5px;
    display: inline-block;
}

ul.footer-social-links li a {
    z-index: 1;
    font-weight: 700;
    padding: 5px 10px;
    position: relative;
}

ul.footer-social-links li a.facebook:before,
ul.footer-social-links li a.twitter:before,
ul.footer-social-links li a.google-plus:before,
ul.footer-social-links li a.linkedin:before,
ul.footer-social-links li a.pinterest:before,
ul.footer-social-links li a.instagram:before {
    z-index: -1;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: red;
    transition: .2s all ease-in-out;
}

ul.footer-social-links li a.facebook {
    color: #3b599a;
}

ul.footer-social-links li a.facebook:before {
    background-color: #3b599a;
}

ul.footer-social-links li a.twitter {
    color: #50abf1;
}

ul.footer-social-links li a.twitter:before {
    background-color: #50abf1;
}

ul.footer-social-links li a.google-plus {
    color: #df4a32;
}

ul.footer-social-links li a.google-plus:before {
    background-color: #df4a32;
}

ul.footer-social-links li a.linkedin {
    color: #007bb6;
}

ul.footer-social-links li a.linkedin:before {
    background-color: #007bb6;
}

ul.footer-social-links li a.pinterest {
    color: #cb2027;
}

ul.footer-social-links li a.pinterest:before {
    background-color: #cb2027;
}

ul.footer-social-links li a.instagram {
    color: #bc2a8d;
}

ul.footer-social-links li a.instagram:before {
    background-color: #bc2a8d;
}

ul.footer-social-links li a:hover {
    color: #fff;
}

ul.footer-social-links li a:hover:before {
    height: 100%;
}

/*  - 10 - footer-section - End
==================================================================================================== */

.dl-button, .self-button {
    color: #fff;
    border-radius: 3px;
    background-color: #2962ff;
    margin: 0 5px 0 0;
    border: 1px solid transparent;
    outline: none;
}

.user-info {
    width: 100%;
    height: 100%;
    padding: 30px;
    text-align: center;
}

.user-info .item-img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 100%;
    color: #fff;
    background-color: #e5e5e5;
    position: relative;
}

.user-info .item-img > span {
    font-size: 42px;
    font-weight: 700;
    line-height: 120px;
}

.user-info > h2 {
    font-size: 24px;
    font-weight: 700;
}

.user-info > small {
    font-size: 18px;
}

.user-info p {
    margin-top: 10px;
}

.user-info-nav {
    text-align: center;
    color: #2962ff;
}

.user-info-nav li .icofont {
    color: #525252bd;
    transition: .2s all;
}

.user-info-nav li.active .icofont {
    transform: rotate(90deg);
}

.user-info-nav li {
    list-style-type: none;
    float: none;
    border-bottom: 1px solid #e0e0e0;
}

.user-info-nav li a {
    margin: 0.5em 0;
}

.user-info-nav ul li:first-child {
    border-top: 1px solid #e0e0e0;
}

.user-info-nav ul li:last-child {
    border-bottom: none;
}

.user-info-nav ul li ul {
    display: none;
}

.user-info-nav ul li.active ul {
    display: block;
}

.user-info-nav a.collection-item {
    color: #2962ff;
    font-size: 18px;
    font-weight: bold;
}

.user-info-section {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
    margin-bottom: 20px;
}

.user-info-section-title {
    width: 100%;
    padding-bottom: 15px;
    display: table;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
}

.user-info-section-title h2 {
    font-size: 18px;
    font-weight: 700;
}

.user-info-section-content {
    padding: 30px;
}

.user-info-section-container {
    padding-top: 15px;
}

/* label focus color */
.user-info-form .input-field input[type=text]:focus + label {
    color: #2962ff;
}

/* label underline focus color */
.user-info-form .input-field input[type=text]:focus {
    border-bottom: 1px solid #2962ff;
    box-shadow: 0 1px 0 0 #2962ff;
}

/* icon prefix focus color */
.user-info-form .input-field .prefix.active {
    color: #2962ff;
}

.user-info-form .error {
    color: #F44336;
}

.user-info-form .success {
    color: #4CAF50;
}

.user-info-form button {
    color: #fff;
    border: none;
    border-radius: 3px;
    font-weight: 900;
    background-color: #2962ff;
}

#dl-info {
    margin-bottom: 5px;
}

#dl-info .dl-num {
    text-align: right;
}

#dl-tool {
    margin-bottom: 10px;
}

.no_events {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.local-article-content a, .local-article-content img, .comment img {
    pointer-events: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
}

#blog-banner .slider .slides li img {
    background-size: contain;
    background-position: center;
}

.comment .avatar {
    width: 100%;
    height: 100%;
    background: #2962ff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 2em;
    line-height: 50px;
}

.leave-comment .dropdown-content li > a, .leave-comment .dropdown-content li > span {
    color: #2962ff;
}

.buy_coin {
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 0;
    height: 45px;
}

.buy_coin:nth-child(1) {
    background: #fbc02d;
}

.buy_coin:nth-child(2) {
    background: #ff8f00;
}

.buy_coin:nth-child(3) {
    background: #e65100;
}

.siderbar-comment .avatar {
    width: 50px;
    height: 50px;
    background: #2962ff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 2em;
    line-height: 50px;
}

.vip-list ul {
    padding: 25px;
    font-size: 1.2em;
}

.vip-list ul li {
    margin-bottom: 5px;
    float: none;
}

.vip-list .row {
    padding: 0 10px;
}

.vip-list .col {
    padding: 5px;
}

.clear-float:after {
    content: '';
    clear: both;
    display: block;
}

.word-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.word-over-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
}

.word-over-three {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#lost-section ul {
    padding: 25px;
}

#lost-section ul li {
    float: none;
    padding: 25px;
    border-bottom: 1px #eeeeee dashed;
}

#lost-section .dl-button {
    background-color: #fff;
    color: #549be7;
}

.pad25 {
    padding: 25px;
}

.badge {
    display: inline-block;
    color: #fff;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background-color: #e53935;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

.favorite-list a {
    width: 100%;
    display: inline-block;
}

.favorite-item {
    width: 100%;
}

.favorite-img {
    width: 100%;
    object-fit: contain;
}

.img-w100 {
    width: 100%;
}

.send-post-button {
    width: 100%;
    background: #2962ff;
    font-weight: 900;
}

.shadow-box {
    padding: 20px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.14);
}

.text-error {
    color: #e57373;
}

.text-success {
    color: #66bb6a;
}

.session-flash {
    display: none;
}

.sidebar-novice-tutorial li {
    float: none;
    list-style-type: square !important;
    text-align: left;
}

.sidebar-novice-tutorial li a {
    color: #5e5e5e;
}

.pointer {
    cursor: pointer;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0;
}

.on_sale_box {
    position: absolute;
    font-family: "Roboto-Bold";
    top: -20px;
    left: -20px;
    width: 100px;
    height: 100px;
    color: #fff;
    font-size: 2em;
    font-weight: bolder;
    text-align: center;
    line-height: 100px;
    transform: rotate(-30deg);
    background: url("../img/on_sale_icon.png") center/cover no-repeat;
}

.article-content img:not(.loading) {
    min-width: 30% !important;
    max-width: 100%;
}

.article-content iframe {
    min-width: 30% !important;
    width: 100%;
    height: 500px;
}

.out_iframe_b {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 65%;
}

.out_iframe_b iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.h_b_1 {
    background: unset;
}

.out_iframe_b:hover .h_b_1 {
    height: 38px;
    width: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.69);
    visibility: visible;
}

.h_b_2 {
    height: 38px;
    width: 100%;
    position: absolute;
    bottom: 7px;
    background: white;
}

.h_b_1 {
    transition: opacity .3s ease-in-out;
}

.h_b_3 {
    height: 38px;
    width: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.69);
    visibility: visible;
}

#image-modal {
    width: unset;
}

.modal-content img {
    max-width: 100%;
}

.small-banner {
    position: relative;
    padding-top: 34.5%;
    background: url("../img/on_sale_3.jpg") center/100% no-repeat;
}

.small-banner a {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
}

#sidebar-notice ul li {
    color: #5e5e5e;
    list-style: square !important;
    float: none;
}

.news-description {
    word-break: break-all;
}

.jump-action a, .jump-action-self {
    animation: rotate .5s linear infinite;
    position: relative;
}

.shake-action-self {
    animation: shake .5s linear infinite;
}

.jump-action::after {
    content: '';
    height: 8px;
    width: 32px;
    background: #000;
    opacity: .2;
    border-radius: 50%;
    position: absolute;
    top: 56px;
    left: 31%;
    animation: shadow .5s linear infinite;
}

/*.jump-action::after{
    border-radius: 5px;
    background: #fff;
    animation: rotate .5s linear infinite;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
}*/

@keyframes rotate {
    0% {
        transform: translateY(5px);
    }
    25% {
        transform: translateY(-3px);
    }
    50% {
        transform: translateY(-10px) scale(1.1, 0.9);
    }
    75% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(5px);
    }
}

@keyframes shake {
    0% {
        transform: translateX(5px);
    }
    10% {
        transform: translateX(-3px);
    }
    20% {
        transform: translateX(-10px) scale(1.1, 0.9);
    }
    30% {
        transform: translateX(-3px);
    }
}

@keyframes shadow {
    0%, 100% {
        transform: scaleX(1);
    }
    50% {
        transform: scaleX(1.2);
    }
}

@keyframes breath {
    0%, 100% {
        /*color: #ff837f;*/
        transform: scale(1);
    }
    50% {
        /*color: #ff564d;*/
        transform: scale(1.2);
    }
}

.animate-breath {
    color: #ff837f;
    animation: breath .5s linear infinite;
}

.praise-news {
    cursor: pointer;
}

.reset-text {
    text-transform: unset;
}

.text-15 {
    font-size: 1.5em;
}

#albums-section .card-image img {
    height: 100%;
    object-fit: cover;
}

.albums-section .item {
    width: 360px;
}

.albums-section .albums-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.albums-section .lazy_album {
    height: 182px;
}

.material-icons {
    font-family: 'IcoFont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 0 !important;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.material-icons:before {
    content: "\efb8";
    font-size: 16px;
}

#gallery .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.gallery-item {
    width: 12%;
    height: 15vw;
    /* overflow: hidden; */
    position: relative;
    margin: 10px 0;
}

.album-products-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.album-products-box .item {
    width: 16.66761%;
    height: 11vw;
    overflow: hidden;
    margin: 0;
}

@media only screen and (max-width: 1400px) {
    .gallery-item {
        width: 10%;
        height: 13vw;
    }

    .album-products-box .item {
        width: 16.7777%;
        height: 10vw;
    }
}

@media only screen and (max-width: 1366px) {
    .gallery-item {
        width: 24%;
        height: 30vw;
    }

    .album-products-box .item {
        width: 24%;
        height: 20vw;
    }
}

@media only screen and (max-width: 991px) {
    .gallery-item {
        width: 31%;
        height: 35vw;
    }

    .album-products-box .item {
        width: 31%;
        height: 25vw;
    }
}

@media only screen and (max-width: 760px) {
    .gallery-item {
        width: 48%;
        height: 70vw;
    }

    .album-products-box .item {
        width: 48%;
        height: 50vw;
    }

    .directory-item {
        width: 48vw;
        height: 25vw;
    }
}

.gallery-item a {
    display: block;
    height: 100%;
}

.gallery-item img {
    display: block;
    height: 100%;
    pointer-events: auto;
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari and Chrome */
    -o-transition: all 1s; /* Opera */
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.gallery-item img:hover {
    transform: scale(1.1);
}

.gallery-item img {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.gallery-item.active span.item-filename, .gallery-item:hover span.item-filename {
    position: absolute;
}

.gallery-item.active p.item-filename, .gallery-item:hover p.item-filename {
    position: absolute;
}

.gallery-item:hover div.item-action {
    display: inline-block;
}

.gallery-item span.item-filename {
    width: 100%;
    display: inline-block;
    position: relative;
    bottom: 0;
    color: #fff;
    padding: 0 5px;
    background: #00000085;
}

.gallery-item div.item-action {
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 0 5px;
    background: #00000085;
}

.album-modal {
    max-height: 700px;
}

.albums-list {
    max-height: 90vh;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.albums-list::-webkit-scrollbar {
    display: none;
}

.modal-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-title h3 {
    color: #525252 !important;
}

.modal-border {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

[type="checkbox"] .filled-in :not(:checked) + span:not(.lever):after {
    margin-top: 3px;
}

[type="checkbox"] .filled-in:checked + span:not(.lever):after {
    margin-top: 3px;
}

.album-create-box {
    display: none;
    margin-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.flash-sale-intro {
    padding: 10px;
}

.flash-sale-timer {
    margin-top: 5px;
}

.flash-sale-intro ul li {
    float: none;
    list-style-type: square;
}

.se-count {
    width: 130px;
    margin: 0 auto;
}

.se-hour,
.se-min,
.se-sec {
    background-color: #2f3430;
    width: 40px;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 40px;
    margin-right: 5px;
}

.se-sec {
    margin-right: 0;
}

.se-txt {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.hide-box {
    border: 3px dashed #9f9f9f;
    padding: 2em;
}

.hide-box .tips {
    color: #9f9f9f;
    text-align: center;
    font-size: 2em;
    cursor: pointer;
}

.hide-box.open {
    border: unset;
    border-top: 3px dashed #9f9f9f;
    padding: unset;
    padding-top: 2em;
}

.order-img {
    width: 30%;
}

.filter-box {
    border-bottom: 1px solid #e5e5e5;
}

.apply_cash_out {
    height: 45px;
    line-height: 45px;
    width: 100%;
}

.search_box {
    width: 50%;
    margin: 0 auto;
    display: flex;
}

.search_box {
    width: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.search_box input {
    width: 75%;
    display: block;
}

.search_box .select-wrapper {
    width: 20%;
}

.search_box .select-wrapper .caret {
    color: #fff;
    top: -18px;
}

.news-item {
    border-bottom: 1px solid #e1e4e9;
    padding: 30px 0;
}

.article-content img[data-emoji], .article-content img[data-non-image] {
    width: 25px;
    height: 20px;
    display: inline-block;
    margin: -0.1em 0 0 0;
    padding: 0 3px;
    vertical-align: text-top;
    max-width: inherit;
    min-width: 25px !important;
    box-shadow: none;
    cursor: default;
}

.peoples-comments img[data-emoji], .peoples-comments img[data-non-image] {
    width: 20px;
    vertical-align: sub;
    margin: 0 2px;
}

.peoples-comments p {
    margin-bottom: 10px;
}

.praise-members {
    width: 50%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.praise-members .member {
    margin: 3px;
    cursor: pointer;
}

.praise-members .avatar {
    width: 30px;
    height: 30px;
    background: #2962ff;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 1em;
    line-height: 30px;
}

#tags .tabs {
    background: #000;
}

.tab-box {
    padding: 20px 15px;
}

#tags .tabs .tab a {
    color: #525252;
}

#tags .tabs .tab a:hover, #tags .tabs .tab a.active {
    background-color: transparent;
    color: #9f9f9f;
}

.comment img {
    width: 100%;
    cursor: zoom-in;
}

#posts-section .post-slider {
    width: 35%;
    min-width: 35%;
    height: 240px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media only screen and (max-width: 1400px) {
    #posts-section .post-slider {
        width: 35%;
        min-width: 35%;
    }
}

@media only screen and (max-width: 991px) {
    #posts-section .post-slider {
        width: 100%;
        min-width: 100%;
    }

    #posts-section .posts-box {
        flex-wrap: wrap;
    }

    .posts-box .post-lists {
        width: 100%;
    }
}

.slider-title-top {
    color: #fff;
    width: 100%;
    padding: 0 5px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
}

.small-slider-a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

#posts-section .posts-box {
    display: flex;
}

.posts-box .post-lists {
    flex-grow: 1;
}

.posts-box .post-lists .post-list {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    min-height: 192px;
}

.posts-box .post-lists .post-list .post {
    width: 33.3333%;
    padding: 0 10px;
    margin-bottom: 3px;
}

.follow-list .user-info {
    width: auto;
    height: auto;
    padding: 0;
}

.follow-list .item-img {
    background-color: #66bb6a;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1em;
    margin: 0;
}

.follow-list .item-img > span {
    font-size: 1em;
    font-weight: 700;
    line-height: 50px;
}

.follow-list .user-name {
    font-size: 2em;
    font-weight: 700;
    line-height: 50px;
}

.follow-list .with-count span {
    margin-right: 10px;
}

.delete-comment {
    cursor: pointer;
}

.browsers {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}

.browsers .item {
    align-items: stretch;
    text-align: center;
}

.text-colorful {
    background: -webkit-linear-gradient(45deg, #ff0000, #c7d310, #00e91d, #1043d3);
-moz-linear-gradient(45 deg, #ff0000, #c7d310, #00e91d, #1043d3);
-ms-linear-gradient(45 deg, #ff0000, #c7d310, #00e91d, #1043d3);
    color: transparent;
    -webkit-background-clip: text;
    animation: ran 20s linear infinite;
}

.dls-group .collapsible-header {
    background: #2962ff;
    color: #fff;
}

.dls-group .collapsible-body {
    padding: 10px;
}

.dls-group .dl-tips {
    border-top: 1px solid #ddd;
    padding-top: 10px;
}

.tag-recommend .title {
    font-weight: bolder;
    margin: 10px 0;
}

.tag-recommend button {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.vip-box {
    display: flex;
    flex-wrap: wrap;
}

.vip-item {
    width: 46%;
    margin: 2%;
    box-shadow: 0 4px 8px rgb(0 0 0 / 12%);
    text-align: center;
}

.vip-item .title {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    background-color: #6777ef;
    color: #f3f6f8;
    border-radius: 0 0 3px 3px;
    display: inline-block;
    padding: 5px 15px;
}

.vip-item .padding {
    padding: 20px;
}

.vip-item .price > div:first-child {
    font-weight: 500;
    font-size: 2em;
}

.vip-item .price {
    margin: 20px 0;
}

.vip-item .price > div:first-child {
    font-weight: 500;
    font-size: 2em;
}

.vip-item .detail {
    display: inline-block;
    text-align: left;
}

.vip-item .detail i {
    color: #63ed7a;
}

.vip-item .buy ul a, .vip-item .buy .purchase {
    display: block;
    padding: 10px 20px;
    background-color: #6777ef;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 0 0 3px 3px;
    text-align: center;
}

.vip-item .buy .purchase {
    line-height: 20px;
}

.vip-item.vip-recommend-year .buy a, .vip-item.vip-recommend-year .buy ul a {
    background-color: #ef8067;
}

.order-icon {
    width: 20px;
    vertical-align: middle;
}

.blogs .card-image a:first-child {
    width: 100%;
}

.sort_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sort_box label {
    margin-right: 5px;
}

.download-tips-button {
    padding: 10px 0;
    height: auto;
    color: #ffffff;
}

.download-tips-button h4 {
    color: #ffffff;
}

#new-guy-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

#new-guy-modal #remind-me-select {
    height: 38px;
    width: auto;
    margin-right: 20px;
}

.hide-y-scroll {
    overflow-y: scroll; /* 保留滚动功能 */
    scrollbar-width: none; /* Firefox 隐藏滚动条 */
}

.hide-y-scroll::-webkit-scrollbar {
    display: none; /* Chrome、Safari 隐藏滚动条 */
}

.lazy_image_box {
    height: 100%;
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.position-relative {
    position: relative;
}

.lazy_image_box img.loading {
    display: block;
    position: absolute;
    top: 3px;
    right: 5px;
    left: unset;
    width: 24px !important;
    height: auto !important;
    z-index: 10;
}

.lazy_siderbar {
    min-height: 150px;
}

.lazy_g {
    height: 100%;
}