/*
Theme Name: Hearty
Theme URI: http://wp.swlabs.co/hearty
Author: Swlabs
Author URI: https://themeforest.net/user/swlabs
Description: Hearty - Charity, NonProfit, FundRaising WordPress Theme
Version: 4.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, post-formats, theme-options, translation-ready
Text Domain: hearty

*/


/**
 *
 *  STYLE FOR THEME UNIT TEST
 *
 *
 *  [Table of contents]
 *
 *  [&. Content / #key]
 *  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 *  Summary:
 *
 *
 *  0. RESET CSS
 *
 *  1. SLZ CLASS DEFAULT
 *
 *  2. WIDGETS
 *    - 2.1. Widget Table
 *    - 2.2. Style Widget
 *    - 2.3. Widget Search
 *    - 2.4. Widget Select
 *    - 2.5. Widget Calendar
 *    - 2.6. Widget Entries + Recent Comments + Archive
 *    - 2.7. Widget Categories + Pages + Nav Menu
 *    - 2.8. Widget Pages
 *    - 2.9. Widget Nav Menu
 *    - 2.10. Widget Meta, Tags, Meta-categories
 *    - 2.11. Widget Gallery
 *    - 2.12. Widget Sticky
 *    - 2.13. Widget Tag Cloud
 *    - 2.14. Live Setting Panel
 *
 *  3. ENTRY CONTENT
 *
 *  4. COMMENT FORM
 *
 *  5. BLOG ITEM
 *
 *  6. BLOG DETAIL
 *
 *  7. TITLE COMMAND
 *
 *  8. BTN BACK TO TOP
 *
 *  9. PAGE 404
 *
 *  10. HOME ECOTY
 *
 *
 *  Responsive
 *
 *
 *
 */


/*=======================================
=            0. RESET CSS               =
========================================*/

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    html * {
        outline: 0 !important;
        margin: 0;
        padding: 0;
    }

    html {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size: 14px;
    }

    html,
    body {
        height: 100%;
        margin: 0 auto;
        padding: 0;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    body {
        height: auto;
        font-family: 'Khula', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        color: #494647;
        background-color: #fff;
        word-wrap: break-word;
    }

    header,
    nav,
    body,
    section,
    article,
    aside,
    footer,
    address,
    hgroup {
        display: block;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    p,
    ul,
    li,
    dl,
    dt,
    dd,
    table,
    tr,
    td,
    form {
        margin: 0;
        padding: 0;
    }

    ul,
    li {
        list-style-position: outside;
        list-style-type: none;
    }

    table {
        border-spacing: 0;
        border-collapse: collapse;
    }

    strong,
    b {
        font-weight: bold;
    }

    a {
        color: #202427;
        text-decoration: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

    a:hover,
    a:active,
    a:focus {
        color: #f13e4b;
        outline: 0;
        text-decoration: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        clear: both;
        font-family: inherit;
        line-height: 1.1;
        font-weight: 600;
        margin: 0px 0px
    }

    h1 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    h6 {
        font-size: 16px;
    }

    address {
        font-style: italic;
        margin: 0 0 24px;
    }

    abbr[title] {
        border-bottom: 1px dotted;
    }

    dfn {
        font-style: italic;
    }

    mark {
        background: #fafafa;
        color: #000;
    }

    p {
        margin: 0 0 20px;
    }

    code,
    kbd,
    pre,
    samp {
        font-family: monospace, serif;
        font-size: 14px;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    pre {
        background: #f5f5f5;
        color: #666;
        font-family: monospace;
        font-size: 14px;
        margin: 20px 0;
        overflow: auto;
        padding: 20px;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    blockquote,
    q {
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        quotes: none;
    }

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none;
    }

    blockquote {
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        background: #f5f5f5;
        border-left: none;
        margin: 0px 0px 20px;
        padding: 30px 30px 30px 50px;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
    }

    blockquote:before {
        font-size: 5rem;
        background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDk4LjgyOSA5OC44MjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk4LjgyOSA5OC44Mjk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNOTYuNzYsNDEuNjAzQzkxLjUxMSwyMi44MzEsNzguNTYyLDkuMjA0LDY1Ljk3NSw5LjIwNGMtMS4wMTEsMC0yLjAyMSwwLjA4OC0zLjAwNSwwLjI2MiAgICBjLTAuNTU4LDAuMDk4LTEuMDQ2LDAuNDI2LTEuMzQ4LDAuOTAyYy0wLjMwMSwwLjQ3OS0wLjM4NiwxLjA2MS0wLjIzMywxLjYwNWwyLjU5MSw5LjI2OGMwLjI1LDAuODk1LDEuMTEzLDEuNSwyLjAxLDEuNDU5ICAgIGwwLjIwNi0wLjAwNGM0LjY2OCwwLDEzLjE5OSw2Ljk5NiwxNy41NDgsMjIuNTQ1YzAuMTcyLDAuNjE3LDAuMzM1LDEuMjQ4LDAuNDkyLDEuOTA2Yy00Ljg4Mi0yLjQxNi0xMC43MDYtMi45NzUtMTUuOTgtMS41MDYgICAgQzU2LjM1OCw0OC45Nyw0OS4zODgsNjEuMzU2LDUyLjcxNCw3My4yNTJjMi42OTYsOS42MzksMTEuNTYzLDE2LjM3MywyMS41NjMsMTYuMzczYzIuMDM3LDAsNC4wNzEtMC4yODEsNi4wNDYtMC44MzQgICAgYzcuODQ2LTIuMTkzLDEzLjc0NS04LjcwNywxNi42MTEtMTguMzM4Qzk5LjUyMSw2MS43NjQsOTkuNDU2LDUxLjI0OSw5Ni43Niw0MS42MDN6IiBmaWxsPSIjZDAzNTQwIi8+CgkJPHBhdGggZD0iTTE0LjA4OCw5LjIwNmMtMS4wMDksMC0yLjAyLDAuMDg2LTMuMDAzLDAuMjZjLTAuNTU3LDAuMDk2LTEuMDQ2LDAuNDI2LTEuMzQ3LDAuOTAyICAgIGMtMC4zMDEsMC40NzktMC4zODYsMS4wNjEtMC4yMzQsMS42MDVsMi41OTIsOS4yNjhjMC4yNSwwLjg5NSwxLjA5NywxLjUsMi4wMSwxLjQ1OWwwLjIwNC0wLjAwNCAgICBjNC42NjgsMCwxMy4yLDYuOTk2LDE3LjU0OSwyMi41NDVjMC4xNzMsMC42MjEsMC4zMzYsMS4yNTIsMC40OTIsMS45MDZjLTQuODg0LTIuNDE2LTEwLjcwNi0yLjk3NS0xNS45OC0xLjUwNiAgICBDNC40NzUsNDguOTctMi40OTcsNjEuMzU2LDAuODMxLDczLjI1MmMyLjY5Niw5LjYzOSwxMS41NjMsMTYuMzczLDIxLjU2MywxNi4zNzNjMi4wMzcsMCw0LjA3MS0wLjI4MSw2LjA0Ny0wLjgzNCAgICBjNy44NDUtMi4xOTMsMTMuNzQ0LTguNzA3LDE2LjYxMS0xOC4zMzhjMi41ODYtOC42ODksMi41MjItMTkuMjA1LTAuMTc1LTI4Ljg1MkMzOS42MjUsMjIuODMxLDI2LjY3OCw5LjIwNiwxNC4wODgsOS4yMDZ6IiBmaWxsPSIjZDAzNTQwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
        background-size: 70px;
        background-repeat: no-repeat;
        opacity: 0.1;
        right: 20px;
        width: 70px;
        height: 70px;
        top: -15px;
        line-height: 1;
        display: table;
        position: absolute;
        content: "";
    }

    blockquote p {
        font-size: 20px;
        color: #202427;
        line-height: 28px;
    }

    blockquote blockquote {
        margin-right: 0;
    }

    blockquote cite,
    blockquote small {
        font-size: 14px;
        font-weight: 600;
        color: #f13e4b;
        text-align: left;
        display: block;
        margin-top: 5px;
        font-style: normal;
    }

    blockquote em,
    blockquote i {
        font-style: normal;
        font-weight: 300;
    }

    blockquote strong,
    blockquote b {
        font-weight: 400;
    }

    small {
        font-size: smaller;
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
    }

    sub {
        bottom: -0.25em;
    }

    dl {
        margin: 0 0 20px;
    }

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 20px;
    }

    menu,
    ol,
    ul {
        margin: 0px 0 10px;
        padding: 0 0 0 15px;
    }

    ol li,
    ul li {
        list-style-type: inherit;
        color: inherit;
    }

    ul {
        list-style-type: disc;
    }

    ul ul,
    ol ul {
        list-style-type: circle;
    }

    ul ul ul {
        list-style-type: square;
    }

    nav ul,
    nav ol {
        list-style: none;
        list-style-image: none;
    }

    li > ul,
    li > ol {
        margin: 0;
    }

    big {
        font-size: larger;
    }

    code {
        padding: 2px 4px;
        font-size: 90%;
        color: #202427;
        background-color: #fafafa;
        border-radius: 4px;
    }

    kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    }

    figure {
        margin: 0;
    }

    fieldset {
        border: 1px solid #f0f0f0;
        margin: 0 2px;
        min-width: inherit;
        padding: 0.35em 0.625em 0.75em;
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    textarea {
        overflow: auto;
        vertical-align: top;
    }

    table {
        border-bottom: 1px solid #f0f0f0;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 14px;
        line-height: 2;
        margin: 0 0 20px;
        width: 100%;
    }

    caption,
    th,
    td {
        font-weight: normal;
    }

    caption {
        font-size: 16px;
        margin: 20px 0;
    }

    del {
        color: #333;
    }

    ins {
        background: #fafafa;
        text-decoration: none;
    }

    hr {
        background-size: 4px 4px;
        border: 0;
        height: 1px;
        margin: 0 0 24px;
        border-top: 1px solid #f0f0f0;
    }

    table {
        width: 100%;
    }

    table th {
        text-align: left;
        border: 1px solid #f0f0f0;
        padding: 2px 8px;
    }

    table td {
        border: 1px solid #f0f0f0;
        padding: 2px 8px;
    }

/*=========  End of reset css  ========*/


/*============================================
=            1. SLZ CLASS DEFAULT            =
============================================*/

    .body-wrapper {
        position: relative;
        overflow: hidden;
    }

    .body-wrapper .wrapper-content {
        position: relative;
    }

    .slz-sidebar-left .slz-content-column {
        float: right;
    }

    .text-l {
        text-align: left;
    }

    .text-c {
        text-align: center;
    }

    .text-r {
        text-align: right;
    }

    .float-l {
        float: left;
    }

    .float-r {
        float: right;
    }

    .float-none {
        float: none;
    }

    .wid-100 {
        width: 100%;
    }

    .padding-top-100 {
        padding-top: 100px;
    }

    .padding-top-50 {
        padding-top: 50px;
    }

    .padding-bottom-100 {
        padding-bottom: 100px;
    }

    .padding-bottom-135 {
        padding-bottom: 135px;
    }

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

    .margin-top-50 {
        margin-top: 50px;
    }

    .margin-top-100 {
        margin-top: 100px;
    }

    .margin-bottom-100 {
        margin-bottom: 100px;
    }

    .margin-bottom-0 {
        margin-bottom: 0;
    }

    .margin-top-0 {
        margin-top: 0;
    }

    /* for some pages have footer overflow content */

    .slz-list-block {
        font-size: 0;
        margin: 0 -15px;
    }

    .slz-list-block > .item {
        font-size: 14px;
        padding: 0 15px;
        margin-top: 60px;
        vertical-align: top;
        display: inline-block;
    }
    .slz-title-command.page-title-area {
        background-color: #EAEAEA;
    }

    .slz-title-command .title-command-wrapper:before{
        content: "";
        display: table;
    }
    .slz-title-command .title-command-wrapper:after{
        content: "";
        display: table;
        clear: both;
    }
    .slz-title-command .title-command-wrapper .title {
        font-size: 40px;
        line-height: 1.1;
        color: #fff;
        font-weight: 800;
        position: relative;
    }

    .slz-title-command .title-command-wrapper .title:before {
        position: absolute;
        content: '';
        left: 3px;
        bottom: 0;
        width: 10px;
        height: 6px;
        border-top: 2px solid #202427;
        border-right: 3px solid #202427;
        border-bottom-color: transparent;
        border-left-color: transparent;
        transform: skew(45deg);
        -webkit-transform: skew(45deg);
        -moz-transform: skew(45deg);
        -ms-transform: skew(45deg);
        -o-transform: skew(45deg);
    }

    .slz-title-command .title-command-wrapper .title:after {
        position: absolute;
        content: '';
        left: 15px;
        bottom: 0;
        width: 116px;
        height: 6px;
        border-top: 2px solid #202427;
        border-left: 3px solid #202427;
        border-bottom-color: transparent;
        border-right-color: transparent;
        transform: skew(-45deg);
        -webkit-transform: skew(-45deg);
        -moz-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        -o-transform: skew(-45deg);
    }

    .breadcrumb {
        background-color: transparent;
    }

    .breadcrumb-wrapper {
        font-size: 15px;
    }

    .breadcrumb-link {
        color: #494647;
        font-weight: 600;
        font-size: 15px;
    }

    .breadcrumb-link:hover {
        color: rgb(241, 62, 75) !important;
    }

    .breadcrumb-active {
        color: #fff;
        font-weight: 600;
        font-size: 15px;
    }

    .breadcrumb>li+li:before {
        font-weight: 600;
        content: "\f111";
        font-family: "FontAwesome";
        font-size: 3px;
        padding: 0 5px
    }

    .slz-list-block.slz-column-1 .item:first-child {
        margin-top: 0;
    }

    .slz-list-block.slz-column-1 > .item {
        width: 100%;
    }

    .slz-list-block.slz-column-2 .item:nth-child(-n + 2) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-2 > .item {
        width: 50%;
    }

    .slz-list-block.slz-column-3 .item:nth-child(-n + 3) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-3 > .item {
        width: 33.3333%;
    }

    .slz-list-block.slz-column-4 .item:nth-child(-n + 4) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-4 > .item {
        width: 25%;
    }

    .slz-list-block.slz-column-5 .item:nth-child(-n + 5) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-5 > .item {
        width: 20%;
    }

    .slz-list-block.slz-column-6 .item:nth-child(-n + 6) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-6 > .item {
        width: 16.6666%;
    }

    .slz-list-block.slz-column-7 .item:nth-child(-n + 7) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-7 > .item {
        width: 14.285%;
    }

    .slz-list-block.slz-column-8 .item:nth-child(-n + 8) {
        margin-top: 0;
    }

    .slz-list-block.slz-column-8 > .item {
        width: 12.5%;
    }

/*=========  End of Slz class default  =====*/


/*=======================================
=            2. WIDGETS                 =
=======================================*/

    .wp-caption {
        max-width: 100%;
    }

    .wp-caption-text {
        font-weight: normal;
        font-style: italic;
        color: #7a7a7a;
    }

    .bypostauthor {
        font-weight: normal;
    }

    /*----------  2.1. Widget Table  ----------*/

        .slz-widgets a {
            text-decoration: none;
        }

        .slz-widgets a:focus {
            outline: none;
        }

        .slz-widgets a:active,
        .slz-widgets a:hover {
            outline: 0;
        }

        .slz-widgets h1,
        .slz-widgets h2,
        .slz-widgets h3,
        .slz-widgets h4,
        .slz-widgets h5,
        .slz-widgets h6 {
            clear: both;
            font-family: inherit;
            line-height: 1.1;
            font-weight: 600;
            margin: 0px 0px
        }

        .slz-widgets h1 {
            font-size: 36px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .slz-widgets h2 {
            font-size: 30px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .slz-widgets h3 {
            font-size: 22px;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .slz-widgets h4 {
            font-size: 20px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .slz-widgets h5 {
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .slz-widgets h6 {
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .slz-widgets address {
            font-style: italic;
            margin: 0 0 24px;
        }

        .slz-widgets abbr[title] {
            border-bottom: 1px dotted;
        }

        .slz-widgets b,
        .slz-widgets strong {
            font-weight: bold;
        }

        .slz-widgets dfn {
            font-style: italic;
        }

        .slz-widgets mark {
            background: #ff0;
            color: #000;
        }

        .slz-widgets p {
            margin: 0 0 10px;
        }

        .slz-widgets code,
        .slz-widgets kbd,
        .slz-widgets pre,
        .slz-widgets samp {
            font-family: monospace, serif;
            font-size: 14px;
            -webkit-hyphens: none;
            -moz-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
        }

        .slz-widgets pre {
            background: #f5f5f5;
            color: #666;
            font-family: monospace;
            font-size: 14px;
            margin: 20px 0;
            overflow: auto;
            padding: 20px;
            white-space: pre;
            white-space: pre-wrap;
            word-wrap: break-word;
        }

        .slz-widgets small {
            font-size: smaller;
        }

        .slz-widgets sub,
        .slz-widgets sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        .slz-widgets sup {
            top: -0.5em;
        }

        .slz-widgets sub {
            bottom: -0.25em;
        }

        .slz-widgets dl {
            margin: 0 0 20px;
        }

        .slz-widgets dt {
            font-weight: bold;
        }

        .slz-widgets dd {
            margin: 0 0 20px;
        }

        .slz-widgets menu,
        .slz-widgets ol,
        .slz-widgets ul {
            margin: 0px 0 10px;
            padding: 0 0 0 15px;
        }

        .slz-widgets ol li,
        .slz-widgets ul li {}

        .slz-widgets ul {
            list-style-type: disc;
        }

        .slz-widgets ul ul,
        .slz-widgets ol ul {
            list-style-type: circle;
        }

        .slz-widgets nav ul,
        .slz-widgets nav ol {
            list-style: none;
            list-style-image: none;
        }

        .slz-widgets li > ul,
        .slz-widgets li > ol {
            margin: 0;
        }

        .slz-widgets big {
            font-size: larger;
        }

        .slz-widgets code {
            padding: 2px 4px;
            font-size: 90%;
            color: #F13E4B;
            background-color: #f9f2f4;
            border-radius: 4px;
        }

        .slz-widgets kbd {
            padding: 2px 4px;
            font-size: 90%;
            color: #fff;
            background-color: #333;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
            box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
        }

        .slz-widgets img {
            -ms-interpolation-mode: bicubic;
            border: 0;
            vertical-align: middle;
            max-width: 100%;
            height: auto;
        }

        .slz-widgets svg:not(:root) {
            overflow: hidden;
        }

        .slz-widgets figure {
            margin: 0;
        }

        .slz-widgets form {
            margin: 0;
        }

        .slz-widgets fieldset {
            border: 1px solid #c0c0c0;
            margin: 0 2px;
            min-width: inherit;
            padding: 0.35em 0.625em 0.75em;
        }

        .slz-widgets legend {
            border: 0;
            padding: 0;
            white-space: normal;
        }

        .slz-widgets button,
        .slz-widgets input,
        .slz-widgets select,
        .slz-widgets textarea {
            font-size: 100%;
            margin: 0;
            max-width: 100%;
            vertical-align: baseline;
        }

        .slz-widgets button,
        .slz-widgets input {
            line-height: normal;
        }

        .slz-widgets button,
        .slz-widgets html input[type="button"],
        .slz-widgets input[type="reset"],
        .slz-widgets input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer;
        }

        .slz-widgets button[disabled],
        .slz-widgets input[disabled] {
            cursor: default;
        }

        .slz-widgets input[type="checkbox"],
        .slz-widgets input[type="radio"] {
            padding: 0;
        }

        .slz-widgets input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        .slz-widgets button::-moz-focus-inner,
        .slz-widgets input::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

        .slz-widgets textarea {
            overflow: auto;
            vertical-align: top;
        }

        .slz-widgets table {
            border-bottom: 1px solid #f0f0f0;
            border-collapse: collapse;
            border-spacing: 0;
            font-size: 14px;
            line-height: 2;
            margin: 0 0 20px;
            width: 100%;
        }

        .slz-widgets caption,
        .slz-widgets th,
        .slz-widgets td {
            font-weight: normal;
            text-align: center;
        }

        .slz-widgets caption {
            font-size: 16px;
            margin: 20px 0;
        }

        .slz-widgets th {
            font-weight: bold;
            text-transform: uppercase;
        }

        .slz-widgets td {
            border-top: 1px solid #f0f0f0;
            padding: 6px 10px 6px 0;
        }

        .slz-widgets del {
            color: #333;
        }

        .slz-widgets ins {
            background: #fff9c0;
            text-decoration: none;
        }

        .slz-widgets hr {
            background-size: 4px 4px;
            border: 0;
            height: 1px;
            margin: 0 0 24px;
            border-top: 1px solid #eee;
        }

        .slz-widgets table {
            width: 100%;
        }

        .slz-widgets table th {
            text-align: left;
            border: 1px solid #f0f0f0;
            padding: 3px 8px 0;
        }

        .slz-widgets table td {
            border: 1px solid #f0f0f0;
            padding: 3px 8px 0;
        }

        .slz-widgets table .odd td {
            background-color: #fcfcfc;
        }

    /*----------  2.2. Style Widget   ----------*/

        .slz-widget + .slz-widget {
            margin-top: 60px;
        }

        .slz-widgets .widget-title,
        .slz-widgets .title-widget {
            color: #202427;
            font-size: 20px;
            margin-top: 0px;
            font-weight: 700;
            padding-bottom: 16px;
            margin-bottom: 25px;
            position: relative;
            text-transform: uppercase;
            border-bottom: 1px solid #ededed;
        }

        .slz-widgets .widget-title:before,
        .slz-widgets .title-widget:before {
            content: "";
            height: 3px;
            width: 6px;
            background: #f13e4b;
            bottom: -2px;
            left: 0;
            position: absolute;
        }

        .slz-widgets .widget-title:after,
        .slz-widgets .title-widget:after {
            content: "";
            height: 3px;
            width: 70px;
            background: #f13e4b;
            bottom: -2px;
            left: 9px;
            position: absolute;
        }

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

        .slz-widget ul li {
            padding: 5px 0;
        }

        .slz-widget ul .children {
            padding-left: 30px;
        }

        .slz-widgets.slz-dark .slz-footer-main {
            background-color: #091b27;
            background-size: cover;
            background-position: center;
        }
        .slz-widgets.slz-dark a,
        .slz-widgets.slz-dark  {
            color: #cecece;
        }
        .slz-widgets.slz-dark a:hover{
            color: #F13E4B;
        }
        .slz-widgets.slz-dark .widget-title,
        .slz-widgets.slz-dark .title-widget {
            color: #FFFFFF;
            border-bottom-color: rgba(237, 237, 237, 0.3);
        }

        .slz-widgets.slz-dark input,
        .slz-widgets.slz-dark select,
        .slz-widgets.slz-dark option {
            color: #333;
        }

        .slz-widgets.slz-dark .slz-widget .screen-reader-text,
        .slz-widgets.slz-dark .widget .screen-reader-text {
            color: #cecece;
        }

    /*----------  2.3. Widget Search  ----------*/

        .widget_search {
            position: relative;
        }

        .widget_search .search-form {
            display:block;
            position: relative;
            width: 100%;
            border-radius: 5px;
        }
        .widget_search .search-form>label {
            display: block;
            width: 100%;
        }

        .widget_search .screen-reader-text {
            display: block;
            margin-bottom: 15px;
        }

        .widget_search .search-field {
            border: none;
            padding: 0;
            background-color: #f3f3f3;
            font-size: 14px;
            width: 100%;
            line-height: 1.4;
            padding: 13px 20px 10px 26px;
            vertical-align: top;
            background: #f3f3f3;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .widget_search .search-field:focus,
        .widget_search .search-field:active {
           -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
            -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
            box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        }

        .widget_search .search-field::-webkit-input-placeholder {
            color: #999999;
        }

        .widget_search .search-field::-moz-placeholder {
            color: #999999;
        }

        .widget_search .search-field:-ms-input-placeholder {
            color: #999999;
        }

        .widget_search .search-field:-moz-placeholder {
            color: #999999;
        }

        .widget_search .search-submit {
            position: absolute;
            right: 0px;
            top: 0%;
            width:45px;
            height: 45px;
            line-height: 45px;
            background-color: transparent;
            color: #f13e4b;
            border: none;
            font-size: 0;
            text-align: center;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }
        .widget_search .search-submit:hover{
            color: #202427;
        }
        .widget_search .search-submit:after {
            content: "";
            height: 20px;
            width: 1px;
            background-color: #d9d9d9;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            left: 0px;
        }

        .widget_search .search-submit:before {
            content: "\f002";
            font-family: "FontAwesome";
            font-size: 14px;
        }

    /*----------  2.4. Widget Select  ----------*/

        .slz-widget select {
            color: #666c72;
            width: 100%;
            height: 40px;
            width: 100%;
            padding: 0 15px;
            font-size: 14px;
            line-height: 40px;
            border-radius: 5px;
            vertical-align: top;
            display: inline-block;
            border: 1px solid #d8dade;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            background: #FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUFEQ0JFODE5NDM4MTFFNjk1MjlGMjJCMTE5MEY4MjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUFEQ0JFODI5NDM4MTFFNjk1MjlGMjJCMTE5MEY4MjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQURDQkU3Rjk0MzgxMUU2OTUyOUYyMkIxMTkwRjgyMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQURDQkU4MDk0MzgxMUU2OTUyOUYyMkIxMTkwRjgyMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psti2TwAAAA3SURBVHjaYmBgYCgC4i9Q/AkNw8RBahiYgbgZiP/jwM1QNXDQgEVRAwMO0ECMIhhogWIUABBgALYFGIUw/br1AAAAAElFTkSuQmCC') no-repeat;
            background-position: 95% center;
            transition: all 0.3s ease;
        }

        .slz-widget select option {
            width: 100%;
        }

        .slz-widget select:focus {
            border: 1px solid #F13E4B;
        }

        .slz-widget .screen-reader-text {
            display: none;
        }

        .widget_rss .rsswidget {
            font-weight: 700;
            font-size: 16px;
            display: block;
        }

        .widget_rss .rsswidget .rss-widget-icon {
            margin-right: 0px;
        }

        .widget_rss .title-widget .rsswidget {
            display: inline-block;
            margin-bottom: 0px;
        }

        .widget_rss .rss-date {
            font-size: 12px;
            font-weight: 700;
            font-style: italic;
            margin-bottom: 10px;
            display: block;
        }

        .widget_rss ul li {
            margin-bottom: 15px;
        }

        .slz-widget-contact-info .item {
            position: relative;
        }

        .slz-widget-contact-info .item + .item {
            margin-top: 10px;
        }

        .slz-widget-contact-info .item .icons {
            position: absolute;
            top: -4px;
            left: 0;
        }

        .slz-widget-contact-info .item .text {
            padding-left: 35px;
            display: block;
        }

    /*----------  2.5. Widget Calendar  ----------*/

        .widget_calendar .block-title {
            margin-bottom: 17px;
        }

        .widget_calendar caption {
            margin: 0px;
            border: 1px solid #f0f0f0;
            border-bottom: 0;
        }

        .widget_calendar table {
            width: 100%;
            text-align: center;
        }

        .widget_calendar table th {
            text-align: center;
        }

        .widget_calendar td {
            padding: 8px 0;
        }

        .widget_calendar #today {
            background-color: #F13E4B;
            font-weight: bold;
            color: #FFFFFF;
        }

        .widget_calendar #today a {
            color: #FFFFFF;
        }

        .widget_calendar #today {
            background-color: #F13E4B;
            font-weight: bold;
            color: #ffffff;
        }

        .widget_calendar caption {
            font-weight: bold;
            padding-bottom: 10px;
            padding-top: 8px;
            -webkit-transform: translate(0,5px);
            -moz-transform: translate(0,5px);
            -ms-transform: translate(0,5px);
            -o-transform: translate(0,5px);
            transform: translate(0,5px);
            
        }

        .widget_calendar thead tr {
            line-height: 34px;
        }

    /*----------  2.6. Widget Entries + Recent Comments + Archive ----------*/

        .widget_archive ul:before {
            content: "";
            display: table;
        }

        .widget_archive ul:after {
            content: "";
            display: table;
            clear: both;
        }

        .widget_archive ul li {
            font-weight: 600;
            color: #9c9c9c;
        }
        .widget_recent_entries ul li a{
            font-weight: 600;
        }
        .widget_recent_entries ul li span{
            font-weight: 400;
        }
        .widget_recent_entries ul li:last-child,
        .widget_recent_comments ul li:last-child,
        .widget_archive ul li:last-child {
            margin-bottom: 0;
        }

        .widget_recent_entries ul li:hover,
        .widget_recent_comments ul li:hover,
        .widget_archive ul li:hover {
            
        }

        .widget_recent_entries ul li .post-date,
        .widget_archive ul li .post-date {
            display: block;
            color: #666c72;
        }

        .widget_recent_comments ul li a {
            font-weight: 600;
        }

    /*----------  2.7. Widget Categories + Pages + Nav Menu ----------*/

        .widget_categories ul li,
        .widget_pages ul li,
        .widget_nav_menu ul li {
            color: #9c9c9c;
            font-weight: 600;
            position: relative;
            transition: all 0.3s ease;
        }
        .widget_categories ul li a,
        .widget_pages ul li a,
        .widget_nav_menu ul li a{
            font-weight: 600;
        }
        .widget_categories ul li a:hover:before {
            color: #f13e4b;
        }


        .widget_categories ul li:last-child,
        .widget_pages ul li:last-child,
        .widget_nav_menu ul li:last-child {
            margin-bottom: 0;
        }


        .box.widget_categories .slz-widget a:hover {}

        .widget_categories ul .children,
        .widget_pages ul .children,
        .widget_nav_menu ul .sub-menu {
            margin-top: 5px;
            list-style-type: none;
        }
        .widget_nav_menu ul .sub-menu > li{
            background-color: transparent;
        }

        .widget_categories ul .children li:last-child,
        .widget_pages ul .children li:last-child,
        .widget_nav_menu ul .sub-menu li:last-child {
            padding-bottom: 0;
            list-style-type: none;
        }
        .widget_nav_menu .mega-menu-row .mega-menu-col{
            width: 100%;
            float: none;
        }
        .widget_nav_menu .mega-menu-row .mega-menu-col > a:hover{
            background-color: transparent;
        }

    /*----------  2.8. Widget Pages  ----------*/

        .widget_pages ul li a:before,
        .widget_nav_menu ul li a:before {
            /* position: absolute;
            content: "\f105";
            font-family: "FontAwesome";
            right: 0;
            line-height: inherit;
            color: inherit;
            transition: all 0.3s ease; */
        }

        .widget_pages ul li:hover > a:before,
        .widget_nav_menu ul li:hover > a:before {
            color: inherit;
            right: 12px;
        }

        .widget_pages ul .children li:hover > a:before,
        .widget_nav_menu ul .sub-menu li:hover > a:before {
            right: 0;
        }

    /*----------  2.9. Widget Nav Menu  ----------*/


        .widget_nav_menu .sub-menu {
            opacity: 1;
            visibility: visible;
            top: auto;
            width: 100%;
            padding-left: 30px;
            display: block;
            position: relative;
            background-color: transparent;
            border-top: none;
            box-shadow: none;
            list-style-type: circle;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }

        .widget_nav_menu .sub-menu .sub-menu {
            left: 0;
            top: 0;
            padding-left: 15px;
        }

        .widget_nav_menu .sub-menu > li {
            list-style-type: inherit;
            display: list-item;
        }

        .widget_nav_menu .sub-menu > li + li {
            border: none;
        }

        .widget_nav_menu .sub-menu > li > a {
            line-height: inherit;
            padding: 0;
            font-weight: 400;
        }

    /*----------  2.10. Widget Meta, Tags, Meta-categories  ----------*/

        .widget_meta ul li,
        .categories-list li,
        .tags-list li {
            display: inline-block;
            vertical-align: top;
            padding: 0px;
            margin: 0 5px 10px 0px;
            color: #666c72;
        }

        .tags-links {
            padding-left: 25px;
        }

        .tags-links:before {
            color: #263033;
        }
        ul.tags-links:before{
            content: none;
        }
        .entry-content .tags-links ul {
            padding-left: 0;
        }

        .widget_meta ul li a {
            display: inline-block;
            vertical-align: top;
            padding: 2px 20px;
            margin: 0 5px;
            font-size: 14px;
            border-radius: 30px;
            -webkit-border-radius: 30px;
            line-height: 24px;
            color: #242021;
            overflow: hidden;
            position: relative;
            z-index: 2;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            border: 1px solid #d8d8d8
        }
        .categories-list li a,
        .tags-list li a,
        .tags-links a {
            display: inline-block;
            vertical-align: top;
            font-size: 14px;
            color: #777777;
            overflow: hidden;
            position: relative;
            z-index: 2;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .categories-list li a:hover,
        .tags-list li a:hover,
        .tags-links a:hover {
            color: #f13e4b;
        }

        .box .widget_meta .slz-widget a:hover {
            border-color: white;
            color: #666c72;
            box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);
        }

        .widget_meta ul li a:hover {
            border-color: white;
            color: #666c72;
            box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);
        }

        .widget_meta ul li a abbr[data-original-title],
        .widget_meta ul li a abbr[title] {
            border-bottom-color: transparent;
        }

        .categories-list,
        .tags-list {
            list-style: none;
            padding-left: 0px;
            margin-bottom: 0px;
        }

        .categories-list li,
        .tags-list li {
            font-size: 14px;
            color: #242021;
            margin: 0;
            font-weight: 600;
            position: relative;

        }

        .categories-list li a,
        .tags-list li a {
            font-weight: 400;
        }

        .categories-list + .tags-list {
            margin-top: 20px;
        }

        .categories-list li a:first-child,
        .tags-list li a:first-child {
            margin-left: 15px;
        }
        .cat-social-wrapper{
            display: block;
            width: 100%;
        }
        .cat-social-wrapper:before{
            content: "";
            display: table;
        }
        .cat-social-wrapper:after{
            content: "";
            display: table;
            clear: both;
        }
        .categories-list{
            float: none;
            display: block;
            margin-top: 0px;
            margin-bottom: 10px;
            width:100%;
        }
        .slz-social-share{
            float: none;
            display: block;
            text-align: left;
            margin-bottom: 30px;
        }
        .slz-post-footer .categories-list,
        .slz-post-footer .meta-content{
            margin-bottom: 15px;
        }
        

    /*----------  2.11. Widget Gallery  ----------*/

        .gallery {
            margin-bottom: 1.6em;
            margin: 0 -10px;
        }

        .gallery-item {
            display: inline-block;
            padding: 10px;
            text-align: center;
            vertical-align: top;
            width: 100%;
        }

        .gallery-columns-2 .gallery-item {
            max-width: 50%;
        }

        .gallery-columns-3 .gallery-item {
            max-width: 33.33%;
        }

        .gallery-columns-4 .gallery-item {
            max-width: 25%;
        }

        .gallery-columns-5 .gallery-item {
            max-width: 20%;
        }

        .gallery-columns-6 .gallery-item {
            max-width: 16.66%;
        }

        .gallery-columns-7 .gallery-item {
            max-width: 14.28%;
        }

        .gallery-columns-8 .gallery-item {
            max-width: 12.5%;
        }

        .gallery-columns-9 .gallery-item {
            max-width: 11.11%;
        }

        .gallery-icon img {
            margin: 0 auto;
        }

        .gallery-item .gallery-caption {
            margin-bottom: 0 !important;
        }

        .gallery-caption {
            display: block;
            font-family: 'Lato', serif;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            padding: 0.5em 0;
        }

        .gallery-columns-6 .gallery-caption,
        .gallery-columns-7 .gallery-caption,
        .gallery-columns-8 .gallery-caption,
        .gallery-columns-9 .gallery-caption {
            display: none;
        }

    /*----------  2.12. Widget Sticky  ----------*/

        .sticky {}

        .slz-sticky {
            position: absolute;
            right: 10px;
            top: 5px;
            z-index: 10;
        }

        .slz-sticky .inner {
            color: #f13e4b;
        }

        .slz-sticky .inner:before {
            font-family: 'FontAwesome';
            content: "\f02e";
            font-size: 45px;
            color: inherit;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        }

    /*----------  2.13. Widget Tag Cloud  ----------*/

        .widget_tag_cloud .tagcloud a {
            margin: 0 5px 10px 0px;
            display: inline-block;
            line-height: 1;
            vertical-align: bottom;
            padding: 3px 15px;
            background-color: #f8f8f8;
            border-radius: 30px;
            -webkit-border-radius: 30px;
            color: #333333;
            overflow: hidden;
            position: relative;
            z-index: 2;
        }

        .widget_tag_cloud .tagcloud a:before {
            position: absolute;
            content: "";
            right: 120%;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background-color: #db0f31;
            border-radius: 30px;
            -webkit-border-radius: 30px;
            z-index: -1;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

        .widget_tag_cloud .tagcloud a:hover {
            color: #fff;
        }

        .widget_tag_cloud .tagcloud a:hover:before {
            right: 0;
        }

    /* 2.14. Live Setting Panel*/
        #theme-setting .purchase-wrap .purchase-btn {
            border-color: #F13E4B;
            background-color: #F13E4B;
            color: #ffffff;
            font-weight: 700;
            text-transform: capitalize;
            height: auto;
            line-height: 1.4;
            min-width: 160px;
            padding: 14px 30px 10px 30px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            z-index: 1;
            overflow: hidden;
            position: relative;
            border: 1px solid #F13E4B;
        }
        #theme-setting .purchase-wrap .purchase-btn:hover {
            background-color: #F13E4B;
            border-color: #D93844;
            box-shadow: none;
        }
        #theme-setting .purchase-wrap .purchase-btn:before {
            content: "";
            position: absolute;
            width: 300px;
            height: 300px;
            pointer-events: none;
            z-index: -1;
            background-color: rgba(0,0,0,0.1);
            border-radius: 50%;
            -webkit-border-radius: 50%;
            left: -140px;
            bottom: -160px;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
            -webkit-transform: scale(0) translate(0,0);
            -moz-transform: scale(0) translate(0,0);
            -ms-transform: scale(0) translate(0,0);
            -o-transform: scale(0) translate(0,0);
            transform: scale(0) translate(0,0);
        }
        #theme-setting .purchase-wrap .purchase-btn:hover:before {
            -webkit-transform: scale(1) translate(100px,0);
            -moz-transform: scale(1) translate(100px,0);
            -ms-transform: scale(1) translate(100px,0);
            -o-transform: scale(1) translate(100px,0);
            transform: scale(1) translate(100px,0);
        }
        #theme-setting #layout-wide.btn,
        #theme-setting #layout-boxed.btn,
        #theme-setting #menu-static.btn,
        #theme-setting #menu-fixed.btn,
        #theme-setting .header-options .header-normal,
        #theme-setting .header-options .header-fixed {
            padding: 7px 12px 4px !important;
        }

/*=========  End of widgets  ==========*/


/*=======================================
=            3. ENTRY CONTENT           =
=======================================*/

    .entry-content a {
        text-decoration: none;
    }

    .entry-content a:focus {
        outline: none;
    }

    .entry-content a:active,
    .entry-content a:hover {
        outline: 0;
    }

    .entry-content h1,
    .entry-content h2,
    .entry-content h3,
    .entry-content h4,
    .entry-content h5,
    .entry-content h6 {
        clear: both;
        font-family: inherit;
        line-height: 1.1;
        font-weight: 700;
        margin: 0px 0px;
        color: #202427;
    }

    .entry-content h1 {
        font-size: 36px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .entry-content h2 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .entry-content h3 {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .entry-content h4 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .entry-content h5 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .entry-content h6 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .entry-content address {
        font-style: italic;
        margin: 0 0 24px;
    }

    .entry-content abbr[title] {
        border-bottom: 1px dotted;
    }

    .entry-content b,
    .entry-content strong {
        font-weight: bold;
    }

    .entry-content dfn {
        font-style: italic;
    }

    .entry-content mark {
        background: #ff0;
        color: #000;
    }

    .entry-content p {
        margin: 0 0 20px;
    }

    .entry-content code,
    .entry-content kbd,
    .entry-content pre,
    .entry-content samp {
        font-family: monospace, serif;
        font-size: 14px;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    .entry-content pre {
        background: #f5f5f5;
        color: #666;
        font-family: monospace;
        font-size: 14px;
        margin: 20px 0;
        overflow: auto;
        padding: 20px;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    .entry-content small {
        font-size: smaller;
    }

    .entry-content sub,
    .entry-content sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    .entry-content sup {
        top: -0.5em;
    }

    .entry-content sub {
        bottom: -0.25em;
    }

    .entry-content dl {
        margin: 0 0 20px;
    }

    .entry-content dt {
        font-weight: bold;
    }

    .entry-content dd {
        margin: 0 0 20px;
    }

    .entry-content menu,
    .entry-content ol,
    .entry-content ul {
        margin: 0px 0 10px;
        padding: 0 0 0 30px;
    }

    .entry-content ul.list-unstyled.list-inline{
        padding-left: 0;
    }

    .entry-content ol li,
    .entry-content ul li {
        list-style-type: inherit;
        color: inherit;
    }

    .entry-content ul {
        list-style-type: disc;
    }

    .entry-content ul ul,
    .entry-content ol ul {
        list-style-type: circle;
    }

    .entry-content ul ul ul {
        list-style-type: square;
    }

    .entry-content nav ul,
    .entry-content nav ol {
        list-style: none;
        list-style-image: none;
    }

    .entry-content li > ul,
    .entry-content li > ol {
        margin: 0;
    }

    .entry-content big {
        font-size: larger;
    }

    .entry-content code {
        padding: 2px 4px;
        font-size: 90%;
        color: #db0f31;
        background-color: #f9f2f4;
        border-radius: 4px;
    }

    .entry-content kbd {
        padding: 2px 4px;
        font-size: 90%;
        color: #fff;
        background-color: #333;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    }

    .entry-content img {
        -ms-interpolation-mode: bicubic;
        border: 0;
        vertical-align: middle;
    }

    .entry-content svg:not(:root) {
        overflow: hidden;
    }

    .entry-content figure {
        margin: 0;
    }

    .entry-content form {
        margin: 0;
    }

    .entry-content fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        min-width: inherit;
        padding: 0.35em 0.625em 0.75em;
    }

    .entry-content legend {
        border: 0;
        padding: 0;
        white-space: normal;
    }

    .entry-content button,
    .entry-content input,
    .entry-content select,
    .entry-content textarea {
        font-size: 100%;
        margin: 0;
        max-width: 100%;
        vertical-align: baseline;
    }

    .entry-content button,
    .entry-content input {
        line-height: normal;
    }

    .entry-content button,
    .entry-content html input[type="button"],
    .entry-content input[type="reset"],
    .entry-content input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }

    .entry-content button[disabled],
    .entry-content input[disabled] {
        cursor: default;
    }

    .entry-content input[type="checkbox"],
    .entry-content input[type="radio"] {
        padding: 0;
    }

    .entry-content input[type="search"] {
        -webkit-appearance: textfield;
        padding-right: 2px;
        /* Don't cut off the webkit search cancel button */
        width: 270px;
    }

    .entry-content input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    .entry-content button::-moz-focus-inner,
    .entry-content input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .entry-content textarea {
        overflow: auto;
        vertical-align: top;
    }

    .entry-content table {
        border-bottom: 1px solid #f0f0f0;
        border-collapse: collapse;
        border-spacing: 0;
        font-size: 14px;
        line-height: 2;
        margin: 0 0 20px;
        width: 100%;
    }

    .entry-content caption,
    .entry-content th,
    .entry-content td {
        font-weight: normal;
    }

    .entry-content caption {
        font-size: 16px;
        margin: 20px 0;
    }

    .entry-content th {
        font-weight: bold;
        text-transform: capitalize;
    }

    .entry-content thead th {
        text-transform: uppercase;
        color: #202427;
    }

    .entry-content td {
        border-top: 1px solid #f0f0f0;
        padding: 6px 10px 6px 0;
    }

    .entry-content del {
        color: #333;
    }

    .entry-content ins {
        background: #fff9c0;
        text-decoration: none;
    }

    .entry-content hr {
        background-size: 4px 4px;
        border: 0;
        height: 1px;
        margin: 0 0 24px;
        border-top: 1px solid #eee;
    }

    .entry-content table {
        width: 100%;
    }

    .entry-content table th {
        text-align: left;
        border: 1px solid #f0f0f0;
        padding: 2px 8px;
    }

    .entry-content table td {
        border: 1px solid #f0f0f0;
        padding: 2px 8px;
    }

    .entry-content table .odd td {
        background-color: #fcfcfc;
    }

    .entry-content img.aligncenter {
        margin: 5px auto;
    }

    .entry-content .aligncenter img,
    .entry-content .aligncenter {
        margin: 5px auto;
    }

    .entry-content img.size-full,
    .entry-content img.size-large,
    .entry-content img.wp-post-image {
        height: auto;
        max-width: 100%;
    }

    .entry-content img,
    .entry-content img,
    .comment-content img[height],
    img[class*="align"],
    img[class*="wp-image-"],
    img[class*="attachment-"] {
        height: auto;
    }

    .entry-content .alignleft {
        float: left;
    }

    .entry-content .alignright {
        float: right;
    }

    .entry-content img.alignnone {
        margin: 5px 0;
    }

    .entry-content img.size-full,
    .entry-content img.size-large,
    .entry-content img.wp-post-image {
        height: auto;
        max-width: 100%;
    }

    .entry-content figure.wp-caption.alignleft,
    .entry-content img.alignleft {
        margin: 5px 20px 5px 0;
    }

    .entry-content figure.wp-caption.alignright,
    .entry-content img.alignright {
        margin: 5px 0 5px 20px;
    }

    .entry-content img.alignnone {
        margin: 5px 0;
    }

    .entry-content figure.alignnone {
        margin: 5px 0;
    }

    .entry-content embed,
    .entry-content iframe,
    .entry-content object,
    .entry-content video {
        max-width: 100%;
    }

    .entry-content img,
    .entry-summary img,
    .comment-content img,
    .slz-widgets .widget img,
    .entry-content .wp-caption {
        max-width: 100%;
    }

    .entry-content .wp-caption .wp-caption-text,
    .entry-content .entry-caption,
    .entry-content .gallery-caption {
        font-size: 16px;
        font-style: italic;
        font-weight: 300;
        margin: 0 0 24px;
    }

    .entry-content .nav-links {
        margin: 0 0 20px;
    }

    .entry-content .nav-links:before {
        content: "";
        display: table;
    }

    .entry-content .nav-links:after {
        content: "";
        display: table;
        clear: both;
    }

    .entry-content .nav-links .nav-previous {
        display: block;
        width: 50%;
        float: left;
    }

    .entry-content .nav-links .nav-next {
        display: block;
        width: 50%;
        float: right;
    }

    .entry-content .nav-links .nav-previous a,
    .entry-content .nav-links .nav-next a {
        text-decoration: none;
        text-align: left;
    }

    .entry-content .nav-links .nav-previous .meta-nav,
    .entry-content .nav-links .nav-next .meta-nav {
        margin-right: 5px;
    }

    .entry-content .nav-links .post-title {
        font-weight: bold;
        display: block;
    }


    /*----------  3. page links  ----------*/

    .entry-content .page-links {
        margin-bottom: 0px;
        margin-top: 10px;
        text-align: left;
    }

    .entry-content .page-links .page-links-title {
        margin-right: 10px;
        font-weight: bold;
        line-height: 30px;
    }

    .entry-content .page-links .screen-reader-text {
        display: none;
    }

    .entry-content .screen-reader-text {
        display: none;
    }

    .entry-content .page-links>span:not(.page-links-title):not(.screen-reader-text) {
        display: inline-block;
        vertical-align: top;
        padding: 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        text-decoration: none;
        margin-right: 10px;
        box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);
        color: #f13e4b;
    }

    .entry-content .page-links a {
        color: #666c72;
        position: relative;
        font-size: 12px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        border: 1px solid #e1e1e1;
        -webkit-border-radius: 26px;
        margin-right: 10px;
    }

    .entry-content .page-links a:hover {
        text-decoration: none;
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
        color: #f13e4b;
        border-color: white;
    }

/*=========  End of entry content  ====*/


/*=======================================
=            4. COMMENT FORM            =
=======================================*/

    .comments-area {
        margin-top: 100px;
    }

    .comments-area h1 {
        font-size: 36px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .comments-area h2 {
        font-size: 30px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .comments-area h3 {
        font-size: 22px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .comments-area h4 {
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .comments-area h5 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .comments-area h6 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .comments-area address {
        font-style: italic;
        margin: 0 0 24px;
    }

    .comments-area abbr[title] {
        border-bottom: 1px dotted;
    }

    .comments-area b,
    .comments-area strong {
        font-weight: bold;
    }

    .comments-area dfn {
        font-style: italic;
    }

    .comments-area mark {
        background: #ff0;
        color: #000;
    }

    .comments-area p {
        margin: 0 0 10px;
    }

    .comments-area code,
    .comments-area kbd,
    .comments-area pre,
    .comments-area samp {
        font-family: monospace, serif;
        font-size: 14px;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }

    .comments-area pre {
        background: #f5f5f5;
        color: #666;
        font-family: monospace;
        font-size: 14px;
        margin: 20px 0;
        overflow: auto;
        padding: 20px;
        white-space: pre;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

    .comments-area dl {
        margin: 0 0 20px;
    }

    .comments-area dd {
        margin: 0 0 20px;
    }

    .comments-area ul,
    .comments-area ol {
        margin-bottom: 10px;
    }

    .comments-area ul ul,
    .comments-area ol ol,
    .comments-area ol ul {
        margin-bottom: 0px;
    }

    .comments-area .comments-title {
        position: relative;
        font-size: 24px;
        text-transform: uppercase;
        color: #202427;
        font-weight: 800;
        margin: 0;
    }

    .comments-area .comment-respond .comment-reply-title {
        margin-bottom: 15px;
        text-transform: uppercase;
        font-weight: 700;
        color: #555555;
    }

    .comments-area .comment-list {
        margin-bottom: 0px;
        padding-left: 0;
    }

    .comments-area .comment-list .comment {
        list-style: none;
    }

    .comments-area .comment-list .comment:last-child {
        padding-bottom: 0;
    }

    .comments-area .comment-list .comment + .comment {
        border-top: 1px solid #f0f0f0;
    }

    .comments-area .comment-list .children {
        padding-left: 70px;
        margin-top: 0px;
        border-top: 1px solid #f0f0f0;
    }

    .comments-area .comment-list+ .comment-respond,
    .comments-area ol+ .comment-respond,
    .comments-area ul + .comment-respond{
        margin-top: 50px;
    }

    .comments-area .comment-meta + .comment-content,
    .comments-area .comment-metadata + .comment-awaiting-moderation {
        margin-top: 15px;
    }

    .comments-area .comment-awaiting-moderation {
        padding-left: 90px;
    }

    .comments-area .comment-body {
        padding: 30px 0;
        position: relative;
    }

    .comments-area .comment-body ul {
        list-style: disc;
    }

    .comments-area .comment-body ul ul {
        list-style: circle;
    }

    .comments-area .comment-body ul ul ul {
        list-style: square;
    }

    .comments-area .comment-body ul li,
    .comments-area .comment-body ol li {
        list-style: inherit;
    }

    .comments-area .comment-body ul,
    .comments-area .comment-body ol {
        padding-left: 15px;
    }

    .comments-area .comment-body ol {
        list-style-type: decimal;
    }

    .comments-area .comment-body ol ul {
        list-style-type: disc;
    }

    .comments-area .comment-body:before {
        display: table;
        content: "";
    }

    .comments-area .comment-body:after {
        content: "";
        display: table;
        clear: both;
    }

    .comments-area .comment-author {
        margin-bottom: 0px;
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    .comments-area .comment-author img {
        max-width: 100%;
        width: 65px;
        height: 65px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .comments-area .comment-author .avatar {
        margin: 0px 10px 0px 0;
    }

    .comments-area .comment-author .fn {
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
        padding-left: 100px;
        font-weight: 500;
        color: #555555;
        text-transform: uppercase;
    }

    .comments-area .comment-author .fn a {
        font-size: 14px;
        font-weight: 900;
        color: #202427;
    }

    .comments-area .comment-author .fn a:hover {
        color: #db0f31;
    }

    .comments-area .comment-author .says {
        display: inline-block;
        display: none;
    }

    .comments-area .comment-metadata {
        margin-bottom: 0px;
        display: inline-block;
        position: relative;
        padding-left: 15px;
        line-height: 24px;
        float: right;
    }

    .comments-area .comment-metadata a {
        color: #b3b3b3;
    }

    .comments-area .comment-body .comment-content {
        margin-left: 0px;
    }

    .comments-area .comment-notes .required {
        color: #FB0000;
    }

    .comments-area .comment-list .reply {
        display: block;
    }

    .comments-area .comment-list .reply a {
        position: relative;
        display: inline-block;
        color: #9fa3a7;
        text-decoration: none;
    }

    .comments-area .comment-list .reply a:hover {
        text-decoration: none;
        color: #db0f31;
    }

    .comments-area .comment-list .reply a:before {
        content: "\21B5";
        margin-right: 10px;
        display: inline-block;
        color: #9fa3a7;
        font-size: 24px;
        line-height: 24px;
        vertical-align: top;
        transform: rotateY(180deg);
    }

    .comments-area .comment-list .reply {
        padding-left: 100px;
    }

    .comments-area .comment-awaiting-moderation,
    .comments-area.comment-content,
    .comments-area .comment-list .reply {
        width: 100%;
        word-wrap: break-word;
    }

    .comments-area .highlander-comment {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .comments-area .comment-metadata a {
        color: #9fa3a7;
        margin-right: 10px;
    }

    .comments-area .comment-metadata a:hover {
        color: #db0f31;
    }

    .comments-area .comment-metadata .edit-link:before {
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-family: "FontAwesome";
        content: "\f040";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        margin-right: 5px;
        speak: none;
        text-align: center;
        text-decoration: inherit;
        text-transform: none;
        vertical-align: top;
    }

    .comments-area .wrap-rating.in-post {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .comments-area .wrap-rating .rating-title sup {
        color: #FB0000;
    }

    .comments-area .rating span {
        color: #C8C8C8;
    }

    .comments-area .wrap-rating.in-post .rating:hover .fa.fa-star {
        color: #C8C8C8!important;
    }

    .comments-area .wrap-rating.in-post .rating:hover .fa.fa-star.over,
    .rating .fa.fa-star.voted {
        color: #FAE803!important;
    }

    .comments-area .comment-form >div {
        margin-bottom: 25px;
    }

    .comments-area .comment-form > div > label {
        font-weight: 400;
    }

    .comments-area .comment-form > div > label .required {
        color: #FB0000;
        margin-left: 5px;
    }

    .comments-area .comment-form-comment >label {
        display: block;
        color: #707070;
    }

    .comments-area input:not([type="submit"]),
    .comments-area input:not([type="reset"]),
    .comments-area input:not([type="file"]),
    .comments-area .comment-form-comment textarea {
        max-width: 100%;
        width: 100%;
        border: 1px solid #a8b8c3;
        padding: 12px 20px 9px;
        padding-right: 30px;
        transition: box-shadow 0.3s ease;
        -webkit-transition: box-shadow 0.3s ease;
        -moz-transition: box-shadow 0.3s ease;
        -o-transition: box-shadow 0.3s ease;
        -ms-transition: box-shadow 0.3s ease;
    }

    .slz-content-column .comment-respond input:focus,
    .slz-content-column .comment-respond textarea:focus {
        // border-color: #f13e4b;
        -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
    } 

    .comments-area .comment-form-comment textarea {
        min-height: 140px;
        padding: 7px 20px;
        resize: none;
        background: #f3f3f3;
        border: none;
        height: 45px;
        border-radius: 1px;
    }
    .comments-area .comment-form {
        display: table;
        width: 100%;
        position: relative;
        padding: 40px 40px 30px 40px;
        -webkit-box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 7px 1px rgba(0, 0, 0, 0.1);
    }

    .comments-area .comment-form:before {
        content: "";
        display: table;
    }

    .comments-area .comment-form:after {
        display: table;
        content: "";
        clear: both;
        float: none;
    }

    .comments-area .comment-form-author {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding-right: 15px;
        float: left;
    }

    .comments-area .comment-form-email {
        width: 33.33%;
        display: inline-block;
        vertical-align: top;
        padding-left: 15px;
        float: left;
    }

    .comments-area .comment-form-email:before {
        display: table;
        content: "";
    }

    .comments-area .comment-form-email:after {
        display: table;
        content: "";
        clear: both;
    }

    .comments-area .comment-form-comment {
        display: block;
        width: 100%;
        float: left;
    }

    .comments-area .comment-form-comment label,
    .comments-area .comment-form-author label,
    .comments-area .comment-form-email label,
    .comments-area .comment-form-url label {
        display: block;
        color: #7d909d;
        margin-bottom: 5px;
    }

    .comments-area .comment-form-author label .required,
    .comments-area .comment-form-email label .required,
    .comments-area .comment-form-url label .required {
        color: #FB0000;
    }

    .comments-area .comment-form-author input,
    .comments-area .comment-form-email input,
    .comments-area .comment-form-url input {
        width: 100%;
        background: #f3f3f3;
        border: none;
        height: 45px;
        border-radius: 1px;
    }

    .comments-area .wrap-rating .rating-title {
        font-weight: bold;
        color: #707070;
    }

    .comments-area .comment-form .comment-form-url {
        display: inline-block;
        width: 33.33%;
        float: left;
        padding-left: 30px
    }

    .comments-area .comment-form .comment-form-url + .form-submit {
        margin-top: 40px;
    }

    .comments-area .comment-form .form-submit {
        margin-bottom: 0px;
        margin-top: 10px;
        display: inline-block;
        float: left;
        position: relative;
        overflow: hidden;
        z-index: 2;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 1px solid #f13e4b;
        background-color: #f13e4b;
    }
    .comments-area .comment-form .form-submit:hover{
        border-color: #D93844;
    }
    .comments-area .comment-form .form-submit:before{
        content: "";
        position: absolute;
        width:300px;
        height: 300px;
        pointer-events: none;
        z-index: -1;
        background-color: rgba(0,0,0,0.1);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        left: -140px;
        bottom: -160px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-transform: scale(0) translate(0,0);
        -moz-transform: scale(0) translate(0,0);
        -ms-transform: scale(0) translate(0,0);
        -o-transform: scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
    }
    .comments-area .comment-form .form-submit:hover:before{
    -webkit-transform: scale(1) translate(100px,0);
    -moz-transform: scale(1) translate(100px,0);
    -ms-transform: scale(1) translate(100px,0);
    -o-transform: scale(1) translate(100px,0);
    transform: scale(1) translate(100px,0);
    
}

    .comments-area .comment-form .form-submit input {
        max-width: 100%;
        width: 100%;
        background-color: transparent;
        border:none;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
    }

    .comments-area .comment-form .form-submit:after {
        content: "\f105";
        font-size: 14px;
        font-family: "FontAwesome";
        display: inline-block;
        position: absolute;
        color: white;
        right: 15px;
        line-height: 1;
        margin-top: -2px;
        top: 50%;
        font-weight: 700;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .comments-area .comment-form .form-submit:hover:after {
        -webkit-transform: translate(10px,-50%);
        -moz-transform: translate(10px,-50%);
        -ms-transform: translate(10px,-50%);
        -o-transform: translate(10px,-50%);
        transform: translate(10px,-50%);
    }
    
    .comments-area .comment-form .form-submit:hover {
        background-color: #F13E4B;
        border-color: #F13E4B;
        color: #FFF;
    }

    .comments-area .input-error-msg {
        color: #FB0000;
        margin-top: 10px;
    }

    .comments-area .pagination-comment {
        margin-top: 30px;
    }

    .author-photo {
        height: 86px;
        width: 86px;
        display: block;
    }

    .comment .author-photo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 5px solid white;
        box-shadow: 5px 3px 29px rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: 5px 3px 29px rgba(0, 0, 0, 0.09);
    }

    .comment .media-left {
        padding-right: 0;
    }

    .comment .media-body {
        padding-left: 20px;
        color: #494647;
    }

    .comment .media-body .heading-wrapper {
        width: 100%;
        vertical-align: top;
        display: inline-block;
    }

    .comment-info-wrapper {
        float: left;
    }

    .comment-feedback-wrapper {
        float: left;
        padding-top: 25px;
        margin-left: 5px;
    }

    .comment-feedback-wrapper:before {
        content: "/";
        padding-right: 5px;
        color: #a8a8a8;
    }

    .comment-info-wrapper .info {
        font-size: 14px;
        font-weight: 600;
        color: #494647;
        vertical-align: top;
        position: relative;
    }

    .comment-info-wrapper .author-name {
        margin-right: 10px;
    }

    .comment-info-wrapper .author-name + .info {
        padding-top: 0px;
        padding-left: 0px;
        margin: 0;
    }

    .comment-info-wrapper .author-name a,
    .comment-info-wrapper .author-name {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        color: #202427;
    }

    .comment-info-wrapper .author-name a:hover {
        color: #da0f32;
    }

    .comment-info-wrapper .info li {
        display: inline-block;
        vertical-align: top;
        padding-left: 15px;
        position: relative;
    }

    .comment-info-wrapper .info li a {
        color: #494647;
        font-weight: 600;
    }

    .comment-info-wrapper .info li a:hover {
        color: #f13e4b;
    }

    .comment-info-wrapper .info li:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .comment-info-wrapper .info li:last-child {
        margin-right: 0;
        padding-right: 0;
    }

    .comment-info-wrapper .info li + li:before {
        position: absolute;
        content: "/";
        color: #a7a7a7;
        left: 5px;
        line-height: inherit;
    }

    .comment-feedback-wrapper a {
        position: relative;
        font-weight: 600;
        color: #f13e4b;
        text-transform: capitalize;
    }

    .comment-feedback-wrapper a:hover {
        color: #494647;
    }

    .comment .comment-content {
        margin-top: 10px;
    }

    .comment .comment-content>h2:first-child {
        margin-top: 0;
    }

    .comment-respond {
        margin-top:0px;
    }

    .comment-respond > .title {
        margin-top: 0;
        margin-bottom: 50px;
        position: relative;
        font-size: 30px;
        text-transform: uppercase;
        color: #202427;
        font-weight: 800;
    }

    .comment-respond > .title > .comment {
        color: #f13e4b;
    }

/*=========  End of comment form  =====*/


/*=======================================
=            5. BLOG ITEM               =
=======================================*/
    .slz-block-item-01 {
        background-color: #fff;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        z-index: 2;
        -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        position: relative
    }

    .slz-blog-detail .blog-detail-wrapper .block-image + div {
        margin-top: 0;
    }

    .slz-block-item-01 .block-content{
        padding: 30px;
    }
    .slz-block-item-01 .block-content:before{
        content: "";
        display: table;
    }
    .slz-block-item-01 .block-content:after{
        content: "";
        display: table;
        clear: both;
    }
    .slz-block-item-01 .block-text + .block-info{
        float: left;
    }
    .slz-block-item-01 .block-info {
        margin-top: 24px;
    }
    .block-info{
        font-style: normal;
    }
    .block-info ul {
        padding-left: 0;
        margin-bottom: 0;
    }

    .block-info li {
        font-size: 14px;
        font-weight: 600;
        margin-right: 20px;
        margin-bottom: 10px;
        color: #a0a0a0;
        list-style: none;
        position: relative;
        display: inline-block;
        text-transform: none;
    }

    .block-info li:last-child {
        margin-right: 0;
    }

    .block-info li a {
        color:#A0A0A0;
        font-size: 14px;
        position: relative;
        text-decoration: none;
    }

    .block-info li a:hover {
        color: #f13e4b;
    }

    .block-info li.edit-link {
        padding-left: 0;
    }

    .block-info li.edit-link:before {
        content: none;
    }

    .block-info li.edit-link i {
        color: #9fa3a7;
    }

    .block-info li a:before {
        font-family: "FontAwesome";
        font-size: 14px;
        left: 0;
        color: inherit;
        display: inline-block;
        margin-right: 5px;
        font-weight: 300;
    }
    .block-info li a.date{
        display: block;
        padding: 2px 15px 0px;
        line-height: 26px;
        background-color: #F13E4B;
        color: #FFFFFF;
    }
.block-info li a.text-red:before{
    color:#F13E4B;
}
    .block-info li a.author:before{
        content: "\f007";
    } 
    .block-info li a.comment:before,
    .block-info li a.comments:before{
        content: "\f075";
    } 
    .block-info li a.like:before,
    .block-info li a.heart:before{
        content: "\f004";
    }  
    .block-info li a.view:before{
        content: "\f06e";
    }
    .block-info li a.tag:first-child:before,
    .block-info li a.sticky:first-child:before{
        content: "\f02b";
    }
    .block-info li:hover a:before{
        color: #F13E4B;
    }
    .block-info + .entry-content {
        margin-top: 20px;
    }

    .block-info .edit-link i {
        margin-right: 5px;
        font-style: normal;
    }

    .slz-block-item-01 .block-image img {
        margin: 0 auto;
        max-width: none;
    }
    .slz-blog-detail .blog-detail-wrapper .block-image img{
        height: 100% !important;
        width: auto !important;
    }
    .slz-block-item-01 .block-image {
        position: relative;
        overflow: hidden;
        border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;

    }
   
    .slz-block-item-01 .block-image:before,
    .slz-block-item-01 .block-image.has-audio:before{
        content: "";
        padding-top: 56%;
        display: block;
    }

    .slz-block-item-01 .block-image.has-audio img {
        width: auto !important;
        height: 100% !important;
    }

    .slz-block-item-01 .block-image.has-audio:before{
        content: "" !important;
    }
    .slz-block-item-01 .block-image > .link,
    .slz-block-item-01 .block-image .post-thumbnail{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow: hidden;
    }
    .slz-block-item-01 .block-image >.link .img-full,
    .slz-block-item-01 .block-image .post-thumbnail .img-full{
        height: 100%;
        position: absolute;
        width: auto;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .slz-block-item-01 .block-image .link:after {
        opacity: 0;
        visibility: hidden;
    }

    .slz-block-item-01:hover .block-image .link:after {
        opacity: 1;
        visibility: visible;
    }
    .block-title {
        color: #202427;
        text-transform: capitalize;
        font-family: 'Khula', sans-serif;
        font-weight: 800;
    }

    .block-title:hover {
        color: #F13E4B;
    }

    .block-content .entry-title {
        font-weight: 500;
    }

    .block-content .entry-title a {
        font-size: 24px;
        color: #202427;
        font-weight: 800;
    }

    .block-content .entry-title a:hover {
        color: #f13e4b;
        text-decoration: none;
    }

    .block-content .entry-title + .block-info {
        margin-top: 10px;
    }

    .slz-block-item-01 .block-read-more {
        color: #F13E4B;
        font-size: 0px;
        float: right;
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        line-height: 40px;
        border:1px solid #F13E4B;
    }
    .slz-block-item-01 .block-read-more:before{
        font-family: "FontAwesome";
        content: "\f067";
        font-weight: 300;
        font-size: 16px;
    }
    .slz-block-item-01 .block-read-more:hover {
        color: #FFFFFF;
        background-color:  #F13E4B;
    }
    .block-read-more i{
        padding-left: 0px;
    }

    /*----------  Blog Type  ----------*/
    .slz-posts .slz-list-block.slz-column-1 > .item.post {
        margin-top: 60px;
    }

    .slz-posts .slz-list-block.slz-column-1 > .item.post:first-child {
        margin-top: 0;
    }

    .slz-list-block.slz-column-2 .slz-block-item-01 .block-title ,
    .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
        font-size: 24px;
        font-weight: 800;
    }
    .slz-block-item-01 .block-image.has-quote{
        padding: 45px 70px;
    }
    .slz-block-item-01 .block-image.has-quote:before {
        content: none;
    }
    .slz-block-item-01 .block-image.has-quote >.link{
        display: block;
        position: static;
    }
    .slz-block-item-01 .block-quote-wrapper{
        padding: 60px 40px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background-color: rgba(241,62,75,0.8);
        color: #ffffff;
        overflow: hidden;
        position: relative;
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        
    }
    .slz-block-item-01 .block-quote-wrapper .block-quote{
        font-size: 30px;
        color: #ffffff;
        font-weight: 800;
        line-height: 1.5;
        text-align: left;
        text-transform: capitalize; 
        position: static;
    }
    .block-quote-wrapper .block-quote:before{
        content: "\275D";
        font-size: 120px;
        left: 30px;
        top: 5px;
        line-height: 1;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        
    }
    .slz-block-item-01 .block-image.has-audio .audio-wrapper{
        background-color: #FFFFFF;
        padding: 10px 20px;
        width: calc(100% -  60px);
        z-index: 5;
        -webkit-transform: translate(-50%,50%);
        -moz-transform: translate(-50%,50%);
        -ms-transform: translate(-50%,50%);
        -o-transform: translate(-50%,50%);
        transform: translate(-50%,50%);
        position: absolute;
        left: 50%;
        bottom: 0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
    }
     .slz-block-item-01 .block-image.has-audio {
        overflow: visible;
    }
    .slz-block-item-01 .block-image.has-audio + .block-content{
        padding-top: 60px;
    }
     .slz-block-item-01 .block-image.has-audio .audio-wrapper audio{
        width: 100%;
    }
    .slz-block-item-01 .block-image.has-audio .audio-wrapper .slz-audio-control{
        display: none;
    }
    .slz-block-item-01 .slz-carousel-syncing{
        position: relative;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav{
        position: absolute;
        bottom: 0px;
        margin:0px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 10px 60px;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-arrow{
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border:1px solid #62666A;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; 
        overflow: hidden;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-arrow:hover{
        border-color: #FFFFFF;
        background-color: #FFFFFF;
        color: #F13E4B;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-arrow:hover:before{
        color: inherit;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-prev:before{
        content: "\f104";
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-next:before{
        content: "\f105";
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-arrow:before{
        font-family: 'FontAwesome';
        font-size: 14px;
        line-height: 24px;
        padding: 0;
        margin:0;
        display: inline-block;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-prev{
        left: 20px;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-next{
        right: 20px;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav  .thumbnail-image{
        border:1px solid transparent;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        overflow: hidden;
        z-index: 1;
        position: relative;
        
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav  .thumbnail-image:before{
        content: "";
        padding-top: 68%;
        display: block;
    }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav  .thumbnail-image:after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        
    }
     .slz-block-item-01 .slz-carousel-syncing .slider-nav .slick-current .thumbnail-image:after{
        opacity: 0;
     }
    .slz-block-item-01 .slz-carousel-syncing .slider-nav  .thumbnail-image .img-responsive{
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        max-width: initial;
        width: auto;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    
    .entry-content + .entry-meta {
        margin-top: 30px;
    }
    /*----------  Pagination  ----------*/
    
    .slz-pagination {
        margin-top: 50px;
    }
    .pagination-custom{
        padding-left: 15px;
        padding-right: 15px;
    }
    .slz-pagination .pagination {
        margin: 0;
    }

    .slz-pagination .pagination .screen-reader-text {
        display: none;
    }

    .slz-pagination .page-numbers,
    .pagination-comment .page-numbers {
        color: #666c72;
        position: relative;
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 30px;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        border: 1px solid #e1e1e1;
    }

    .slz-pagination .page-numbers + .page-numbers,
    .pagination-comment .page-numbers + .page-numbers {
        margin-left: 10px;
    }

    .slz-pagination .nav-links .page-numbers.current,
    .slz-pagination .nav-links .page-numbers.current:hover,
    .pagination-comment .page-numbers.current,
    .pagination-comment .page-numbers.current:hover {
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
        color: #f13e4b;
    }

    .slz-pagination .nav-links .page-numbers.current,
    .slz-pagination .nav-links .page-numbers.current:active,
    .pagination-comment .page-numbers.current,
    .pagination-comment .page-numbers.current:active {
        color: #f13e4b;
        border: none;
    }

    .slz-pagination .nav-links .page-numbers:hover,
    .pagination-comment .page-numbers:hover {
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
        color: #f13e4b;
        border-color: white;
    }

    .slz-pagination .nav-links a.page-numbers:hover,
    .pagination-comment a.page-numbers:hover {
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
        color: #f13e4b;
        border-color: white;
    }

    .slz-pagination .page-numbers.next,
    .slz-pagination .page-numbers.prev,
    .pagination-comment .page-numbers.next,
    .pagination-comment .page-numbers.prev {
        width: auto;
        padding: 0 20px;
    }

    .slz-pagination .nav-links a.page-numbers.next,
    .slz-pagination .nav-links span.next,
    .pagination-comment a.page-numbers.next,
    .pagination-comment span.next {
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #9c9c9c;
        padding: 0;
        font-weight: bold;
        margin-left: 20px;
        color: #9c9c9c;
    }

    .slz-pagination .nav-links a.page-numbers.next:hover,
    .slz-pagination .nav-links span.next:hover,
    .pagination-comment a.page-numbers.next:hover,
    .pagination-comment span.next:hover {
        box-shadow: none;
        border-bottom: 1px solid #f13e4b;
        color: #f13e4b;
    }

    .slz-pagination .nav-links a.page-numbers.prev,
    .slz-pagination .nav-links span.prev,
    .pagination-comment a.page-numbers.prev,
    .pagination-comment span.prev {
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #9c9c9c;
        padding: 0;
        font-weight: bold;
        margin-right: 10px;
        color: #9c9c9c;
    }

    .slz-pagination .nav-links a.page-numbers.prev:hover,
    .slz-pagination .nav-links span.prev:hover,
    .pagination-comment a.page-numbers.prev:hover,
    .pagination-comment span.prev:hover {
        box-shadow: none;
        border-bottom: 1px solid #f13e4b;
        color: #f13e4b;
    }

    
/*=========  End of Blog ITEM  ========*/


/*=======================================
=            6. BLOG DETAIL             =
=======================================*/

    .slz-blog-detail.slz-no-sidebar .slz-content-column {
        width: 100%;
    }

    .slz-blog-detail.slz-no-sidebar .slz-sidebar-column {
        display: none;
    }

    .slz-blog-detail .post-navigation {
        position: relative;
        margin-top: 30px;
    }

    .post-navigation .nav-links {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 8px 0px;
    }

    .post-navigation .nav-links a {
        color: #9c9c9c;
        font-weight: 600;
        display: inline-block;
        position: relative;
        padding: 0px 0px 5px;
        
    }
    .post-navigation .nav-links a:before {
        content: "";
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0;
        height: 1px;
        background-color: #E1E1E1;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; 
    }
    
    .post-navigation .nav-links a{
        font-size: 16px;
    }
    .post-navigation .nav-links a:hover {
        color: #F13E4B;
    }

    .post-navigation .nav-links .prev-post .meta-nav {
        margin-right: 15px;
        display: none;
    }

    .post-navigation .nav-links .next-post .meta-nav {
        margin-left: 15px;
        display: none;
    }

    .slz-blog-detail .blog-detail-wrapper > .title {
        font-weight: 800;
        color: #202427;
        text-transform: capitalize;
        margin: 0;
        display: block;
        font-size: 32px;
        line-height: 1.2;
        text-align: left;
    }

    .slz-blog-detail .blog-detail-wrapper >.title + .slz-featured-block {
        margin-top: 50px;
    }

    .slz-blog-detail .blog-detail-wrapper >.block-info + .slz-featured-block {
        margin-top: 30px;
    }

    .slz-blog-detail .slz-featured-block {
        margin-bottom: 30px;
        position: relative;
    }
    .slz-blog-detail .slz-featured-block:before{
        display: block;
        content: "";
        padding-top: 56%;
    }
    .slz-blog-detail .slz-featured-block .post-thumbnail{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        background-color: #202427;
    }

    .slz-blog-detail .slz-featured-block img {
        width: auto;
        height: 100%;
        left: 50%;
        top: 0;
        position: absolute;
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .slz-blog-detail .slz-sidebar-column .slz-widget:first-child,
    .slz-blog-detail .slz-sidebar-column > div:first-child {
        margin-top: 0px;
    }

    .slz-blog-detail .blog-detail-wrapper + .slz-post-footer {
        margin-top: 30px;
    }

    // .slz-blog-detail .slz-related-post {
    //     padding: 0 15px;
    // }

    .slz-blog-detail .slz-related-post .slz-block-item-01 {
        margin-bottom: 7px;
        box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
    }

    .slz-blog-detail .slz-related-post .related-title {
        margin-top: 0px;
        margin-bottom: 20px;
        font-size: 30px;
        font-weight: 600;
        text-transform: capitalize;
        color: #202427;

    }

    .slz-blog-detail .slz-related-post .slick-arrow {
        top: calc(100% + 15px);
        font-size: 0;
        border: 1px solid #ececec;
        opacity: 1;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        visibility: visible;
    }

    .slz-blog-detail .slz-related-post .slick-arrow.btn-prev:before {
        line-height: 1;
        margin-left: 2px;
        transform: none;
        -webkit-transform: none;
    }
    .slz-blog-detail .slz-related-post .slick-arrow.btn-next:before {
        line-height: 1;
        margin-left: 4px;
        transform: none;
        -webkit-transform: none;
    }

    .slz-blog-detail .slz-related-post.slz-carousel-wrapper .carousel-overflow {
        overflow: visible;
    }

    .slz-blog-detail .slz-related-post.slz-carousel-wrapper .slick-list {
        overflow: hidden;
    }

    .slz-blog-detail .slz-related-post .slz-block-item-01 .block-content {
        padding: 20px 15px;
    }

    .slz-blog-detail .slz-related-post .slick-arrow:hover {
        background-color:#FFFF;
        border-color: #FFF;
        color: #F13E4B;
        -webkit-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
        box-shadow: 2px 1px 7px 0px rgba(0,0,0,0.1);
    }
    .slz-related-post .slz-carousel{
        margin-left: -12px;
        margin-right: -12px;
    }
    .slz-related-post .slz-block-item-01 .block-read-more{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .blog-detail-wrapper .block-info li {
        list-style: none;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0px;
    }

    .blog-detail-wrapper .block-info {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
        margin-bottom: 0;
        position: relative;
    }

    .blog-detail-wrapper .block-info + .entry-content {
        margin-top: 20px;
    }

    .blog-detail-wrapper .block-info.date:before {
        content: none;
    }

    .blog-detail-wrapper .block-info.date {
        padding: 0;
        margin-bottom: 30px;
    }

    .slz-post-footer>div {
        margin-top: 40px;
    }

    .slz-post-footer .media {
        overflow: visible;
    }

    .slz-blog-detail .slz-related-post .related-title {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 800;
    }

    /*---------- content not found  ----------*/

    .slz-article-not-found .heading {
        border-left: none;
        padding: 20px 0px;
        border-bottom: 1px solid #E3E3E3;
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .slz-article-not-found .heading .title {
        text-transform: none;
        color: #555555;
        margin-bottom: 0px;
    }

    .slz-article-not-found .search-form {
        width: 100%;
        position: relative;
        background: #FFFFFF;
    }

    .slz-article-not-found .search-form >label {
        display: none;
    }

    .slz-article-not-found .search-form .search-field {
        border: none;
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 13px 20px 13px 26px;
        vertical-align: top;
        background: #f3f3f3;
        border-radius: 5px;
    }

    .slz-article-not-found .search-form .search-submit {
        position: absolute;
        font-size: 0px;
        right: 0;
        top: 0;
        border: none;
        background: transparent;
        z-index: 1;
    }

    .slz-article-not-found .search-form .search-submit *,
    .slz-article-not-found .search-form .search-submit .search-icon * {
        font-size: 14px;
    }

    .slz-article-not-found .search-form .search-submit .search-icon {
        font-size: 0px;
        line-height: 1.4;
    }

    .slz-article-not-found .search-form .search-submit .search-icon:before {
        font-family: 'FontAwesome';
        content: "\f002";
        display: inline-block;
        font-size: 14px;
        color: #F13E4B;
        padding: 15px 10px;
        transform: translateX(-50%);
    }


    /*----------  Password form  ----------*/

    .post-password-form {
        position: relative;
        display: block;
        min-width: 350px;
    }

    .post-password-form label {
        display: inline-block;
        margin-bottom: 0px;
    }

    .post-password-form input[type="password"] {
        display: block;
        padding: 0px 12px;
        border: 1px solid #ececec;
        margin-right: 5px;
        font-size: 14px;
        line-height: 30px;
        margin-top: 5px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);
    }

    .post-password-form input[type="submit"] {
        padding: 0px 12px;
        line-height: 30px;
        border: 1px solid #ececec;
        background: #fff;
        color: #666c72;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 14px;
        display: inline-block;
        vertical-align: bottom;
        transition: all 0.3s ease;
        box-shadow: 2px 3px 9px 1px rgba( 0, 0, 0, 0.07);
    }

    .post-password-form input[type="submit"]:hover,
    .post-password-form input[type="submit"]:focus {
        background: #f13e4b;
        border-color: #f13e4b;
        color: #fff;
    }


    /*----------  archive header  ----------*/

    .archive-header {
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #fafafa;
    }

    .post-by-author {
        display: block;
        color: #202427;
        font-size: 36px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 30px;
    }
    

/*=========  End of blog detail  ======*/


/*======================================
=            7. TITLE COMMAND          =
=======================================*/

    .slz-title-command {
        position: relative;
        background-color: #cccccc;
    }

    .slz-title-command > .container {
        height: 100%;
    }

    .slz-title-command .title-command-wrapper {
        padding: 100px 0;
    }

    .slz-title-command .title-command-wrapper .title {
        line-height: 1.4;
        margin: 0;
        text-transform: uppercase;
        color: #202427;
        font-size: 36px;
        font-weight: 800;
        float: none;
    }

    .slz-title-command .title-command-wrapper .breadcrumb {
        margin: 0;
        padding-left: 0;
        background: transparent;
        line-height: 1.5;
    }

    .slz-wrapper-content .wpb_content_element {
        margin-bottom: 28px;
    }

    .breadcrumb>li+li:before {
        font-size: 15px;
        font-weight: 300;
        content: "\f111";
        font-family: "FontAwesome";
        font-size: 4px;
        padding: 0 8px;
        color: #494647;
    }

    .slz-title-command  .breadcrumb a.breadcrumb-active {
        color: #F13E4B;
    }

/*=========  End of title command  ====*/


/*======================================
=            8. BTN BACK TO TOP        =
=======================================*/

    .back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        cursor: pointer;
        text-decoration: none;
        opacity: 0;
        z-index: -1;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.1);
    }

    .back-to-top i {
        color: #fff;
        font-size: 24px;
        line-height: inherit;
        position: relative;
        z-index: 10;
        opacity: 1;
        -webkit-transition: all .4s ease;
           -moz-transition: all .4s ease;
            -ms-transition: all .4s ease;
             -o-transition: all .4s ease;
                transition: all .4s ease;
    }

    .back-to-top:hover i {
        opacity: 0;
        -webkit-transform: translate(0,-30px);
           -moz-transform: translate(0,-30px);
            -ms-transform: translate(0,-30px);
             -o-transform: translate(0,-30px);
                transform: translate(0,-30px);
    }

    .back-to-top .btn:hover,
    .back-to-top .btn:focus {
        outline: none;
    }

    .back-to-top.show {
        opacity: 1;
        visibility: visible;
        z-index: 99;
    }

    .back-to-top .btn {
        width: 40px;
        height: 40px;
        line-height: 32px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 0;
        position: relative;
        background-color: #F13E4B;
        border: 1px solid #F13E4B;
        overflow: hidden;
        z-index: 9;
    }
    .back-to-top .btn:hover{
        border-color: #D93844;
    }
    .back-to-top .btn:before {
        content: "";
        height: 100px;
        width: 100px;
        left: -140px;
        bottom: -50px;
        position: absolute;
        border-radius: 50%;
        z-index: -1;
        -webkit-transition: all .8s ease;
           -moz-transition: all .8s ease;
            -ms-transition: all .8s ease;
             -o-transition: all .8s ease;
                transition: all .8s ease;
        background-color: rgba(0,0,0,0.1);
        -webkit-transform: scale(0) translate(0,0);
           -moz-transform: scale(0) translate(0,0);
            -ms-transform: scale(0) translate(0,0);
             -o-transform: scale(0) translate(0,0);
                transform: scale(0) translate(0,0);
    }
    .back-to-top .btn:after{
        font-family: 'FontAwesome';
        content: "\f106";
        color: #fff;
        font-size: 24px;
        position: absolute;
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        left: -1px;
        top: -1px;
        -webkit-transform: translate(0,30px);
        -moz-transform: translate(0,30px);
        -ms-transform: translate(0,30px);
        -o-transform: translate(0,30px);
        transform: translate(0,30px);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        
    }
    .back-to-top .btn:hover:after{
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        
    }

    .back-to-top .btn:hover:before {
        -webkit-transform: scale(1) translate(100px,0);
           -moz-transform: scale(1) translate(100px,0);
            -ms-transform: scale(1) translate(100px,0);
             -o-transform: scale(1) translate(100px,0);
                transform: scale(1) translate(100px,0);
    }


/*=========  End of to top  ===========*/


/*======================================
=            9. PAGE 404               =
=======================================*/

    .slz-page-404 {
        display: table;
        width: 100%;
        height: 80vh;
    }

    .slz-page-404 .content-wrapper-404 {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .slz-page-404 .img-404 {
        height: 40vh;
        margin-bottom: 60px;
    }

    .slz-page-404 .subtitle {
        font-size: 30px;
        margin-bottom: 60px;
    }

    .slz-page-404 .title {
        font-size: 80px;
        text-transform: uppercase;
        color: #202427;
        margin-bottom: 40px;
        font-weight: 800;
    }

    .slz-page-404 .group-btn .btn.main-color {
        padding: 15px 30px;
        display: inline-block;
        background: #f13e4b;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        margin-right: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .slz-page-404 .group-btn .btn.main-color:after,
    .slz-page-404 .group-btn .btn.transparent:after {
        content: "\f105";
        display: inline-block;
        font-family: FontAwesome;
        position: relative;
        margin-left: 10px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }


    .slz-page-404 .group-btn .btn.main-color:hover:after,
    .slz-page-404 .group-btn .btn.transparent:hover:after {
        -webkit-transform: translate(10px,0);
        -moz-transform: translate(10px,0);
        -ms-transform: translate(10px,0);
        -o-transform: translate(10px,0);
        transform: translate(10px,0);
    }

    .slz-page-404 .group-btn .btn.transparent {
        background-color: #fff;
        border: 2px solid #b8b8b8;
        padding: 14px 35px;
        display: inline-block;
        color: #242021;
        text-transform: uppercase;
        font-weight: 700;
        margin-left: 15px;
        position: relative;
        overflow: hidden;
    }

    .slz-page-404 .group-btn .btn.transparent:hover{
        background-color: #f13e4b;
        color: #fff;
        position: relative;
        z-index: 1;
        overflow: hidden;
        border: 2px solid #f13e4b;

    }

    .slz-page-404 .group-btn .btn.main-color:before,
    .slz-page-404 .group-btn .btn.transparent:before{
        content: "";
        position: absolute;
        width:300px;
        height: 300px;
        pointer-events: none;
        z-index: -1;
        background-color: rgba(0,0,0,0.1);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        left: -140px;
        bottom: -160px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-transform: scale(0) translate(0,0);
        -moz-transform: scale(0) translate(0,0);
        -ms-transform: scale(0) translate(0,0);
        -o-transform: scale(0) translate(0,0);
        transform: scale(0) translate(0,0);
    }

    .slz-page-404 .group-btn .btn.main-color:hover:before,
    .slz-page-404 .group-btn .btn.transparent:hover:before{
        -webkit-transform: scale(1) translate(100px,0);
        -moz-transform: scale(1) translate(100px,0);
        -ms-transform: scale(1) translate(100px,0);
        -o-transform: scale(1) translate(100px,0);
        transform: scale(1) translate(100px,0);
    
    }

    


/*=========  End of page 404  =========*/




/*======================================
=            10. HOME ECOTY            =
=======================================*/

    .home-ecoty-help .sc-video .video-info-wrapper {
        display: block;
        margin-top: 65px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .home-ecoty-help .sc-video.slz-block-video .btn-play {
        margin-top: -75px;
    }
    .home-ecoty-help .sc-video.slz-block-video .title {
        padding: 0;
        display: block;
        font-weight: 600;
        color: #ffffff;
        font-size: 32px;
        text-transform: capitalize;
        margin-bottom: 15px;
    }
    .home-ecoty-help .sc-video.slz-block-video .subtitle {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 0;
    }

/*=========  End of home ecoty  =========*/


/*======================================
=            Responsive                =
=======================================*/

    @media screen and (max-width: 1024px) {
        /*----------  slz columns  ----------*/
        .slz-list-block.slz-column-4 .item:nth-child(-n + 4) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-4 .item:nth-child(-n + 3) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-4 > .item {
            width: 33.3333%;
        }
        .slz-list-block.slz-column-5 .item:nth-child(-n + 5) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-5 .item:nth-child(-n + 4) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-5 > .item {
            width: 25%;
        }
        .slz-list-block.slz-column-6 .item:nth-child(-n + 6) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-6 .item:nth-child(-n + 4) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-6 > .item {
            width: 25%;
        }
        .slz-list-block.slz-column-7 .item:nth-child(-n + 7) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-7 .item:nth-child(-n + 4) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-7 > .item {
            width: 25%;
        }
        .slz-list-block.slz-column-8 .item:nth-child(-n + 8) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-8 .item:nth-child(-n + 4) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-8 > .item {
            width: 25%;
        }

        .slz-page-404 .title {
            font-size: 60px;
        }


    }

    @media screen and (min-width: 768px) {
        /*----------  1.9. Hover menu PC  ----------*/
        .menu-item-has-children:hover > .sub-menu,
        .menu-item-has-mega-menu:hover > .mega-menu {
            opacity: 1;
            z-index: 105;
            display: block;
            visibility: visible;
            transition-delay: 0.3s;
            -webkit-transition-delay: 0.3s;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
            -o-transform: translateY(0px);
            transform: translateY(0px);
        }

        
    }

    @media (min-width: 768px) and (max-width: 1018px) {
        .widget_calendar thead tr {
            line-height: 28px;
        }
        .widget_calendar tfoot td {
            border: none;
        }
        .widget_calendar td {
            padding: 5px 0;
        }
        .widget_calendar tfoot #prev {
            text-align: left;
        }
        .widget_calendar tfoot #next {
            text-align: right;
        }
        .widget_calendar tfoot a:hover {
            color: #4db2ec;
        }
        .home-ecoty-help .sc-video.slz-block-video .btn-play {
            margin-top: -90px;
        }
    }

    @media screen and (max-width: 768px) {
        .slz-sidebar-left .slz-content-column,
        .slz-sidebar-column {
            float: left;
            width: 100%;
        }
        .slz-content-column + .slz-sidebar-column {
            margin-top: 50px;
        }
        .entry-content figure {
            width: 100% !important;
        }
        /*----------  slz columns  ----------*/
        .slz-list-block.slz-column-5 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-6 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-7 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-8 .item:nth-child(-n + 4) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-5 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-6 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-7 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-8 .item:nth-child(-n + 3) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-5 > .item,
        .slz-list-block.slz-column-6 > .item,
        .slz-list-block.slz-column-7 > .item,
        .slz-list-block.slz-column-8 > .item {
            width: 33.3333%;
        }
        .slz-list-block.slz-column-4 .item:nth-child(-n + 3) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-4 .item:nth-child(-n + 2) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-4 > .item {
            width: 50%;
        }
        .slz-list-block.slz-column-3 .item:nth-child(-n + 3) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-3 .item:nth-child(-n + 2) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-3 > .item {
            width: 50%;
        }

        .slz-page-404 .img-404 {
            width: 70vh;
        }

        .slz-page-404 .subtitle {
            font-size: 25px;
        }

        .slz-page-404 .title {
            font-size: 45px;
        }
    }

    @media screen and (max-width: 767px) {
        /*----------  slz columns  -----------*/
        .slz-list-block {
            margin: 0 -10px;
        }
        .slz-list-block > .item {
            padding: 0 10px;
        }
        .slz-list-block > .item {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-3 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-4 .item:nth-child(-n + 4), 
        .slz-list-block.slz-column-4 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-5 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-5 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-6 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-6 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-7 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-7 .item:nth-child(-n + 3),
        .slz-list-block.slz-column-8 .item:nth-child(-n + 4),
        .slz-list-block.slz-column-8 .item:nth-child(-n + 3) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-3 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-4 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-5 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-6 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-7 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-8 .item:nth-child(-n + 2) {
            margin-top: 0;
        }
        .slz-list-block.slz-column-3 > .item,
        .slz-list-block.slz-column-4 > .item,
        .slz-list-block.slz-column-5 > .item,
        .slz-list-block.slz-column-6 > .item,
        .slz-list-block.slz-column-7 > .item,
        .slz-list-block.slz-column-8 > .item {
            width: 50%;
        }
        /*----------  blog detail  ----------*/
        .slz-blog-detail .blog-detail-wrapper >.title {
            font-size: 30px;
        }
        .blog-detail-wrapper .comments-area {
            
        }
        .comments-area {
            margin-top: 80px;
        }
        .comment-respond {
            margin-top: 50px;
        }
        .comment-respond > .title {
            margin-bottom: 30px;
        }
        .comments-area .comment-body .comment-content {
        }
        .comments-area .comment-author .fn,
        .comments-area .comment-list .reply {
            padding-left: 80px;
        }
        .comments-area .comment-list >.comment > .children,
        .comments-area .comment-list .children {
            padding-left: 40px;
        }
        .margin-bottom-100 {
            margin-bottom: 60px;
        }
        .margin-top-100 {
            margin-top: 60px;
        }

        .slz-page-404 .img-404 {
            width: 100vh;
            margin-bottom: 40px;
        }

        .slz-page-404 .subtitle {
            font-size: 25px;
            margin-bottom: 40px;
        }

        .slz-page-404 .title {
            font-size: 36px;
            margin-bottom: 20px;
        }
        .cat-social-wrapper .categories-list{
            float: none;
            width: 100%;
            margin-top: 0px;
            max-width: none;
        }
        .cat-social-wrapper .slz-social-share{
            float: none;
            width: 100%;
            margin-top: 0px;
            text-align: left;
        }

        /*----------  home ecoty  ----------*/
        .home-ecoty-help .sc-video.slz-block-video .btn-play {
            margin-top: -110px;
        }
        .home-ecoty-help .sc-video .video-info-wrapper {
            margin-top: 35px;
        }
    }

    @media screen and (max-width: 600px) {
        .comments-area .comment-list >.comment > .children,
        .comments-area .comment-list .children {
            padding-left: 30px;
        }
        .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
            font-size: 30px;
        }
        .slz-posts .slz-list-block.slz-column-1 > .item.post,
        .slz-pagination {
            margin-top: 30px;
        }

        .slz-page-404 .img-404 {
            width: 85vh;
        }

        .slz-page-404 .subtitle {
            font-size: 18px;
        }
        .comments-area .comment-form-author{
            width: 100%;
            float: none;
        }
        .comments-area .comment-form .comment-form-url,
        .comments-area .comment-form-email{
            width: 100%;
            padding-left: 0px;
            float: none;
        }
    }

    @media screen and (max-width: 480px) {
        .comments-area .comment-list >.comment > .children,
        .comments-area .comment-list .children {
            padding-left: 20px;
        }
        /*----------  slz columns  ----------*/
        .slz-list-block.slz-column-4 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-3 .item:nth-child(-n + 2),
        .slz-list-block.slz-column-2 .item:nth-child(-n + 2) {
            margin-top: 30px;
        }
        .slz-list-block.slz-column-4 .item:first-child,
        .slz-list-block.slz-column-3 .item:first-child,
        .slz-list-block.slz-column-2 .item:first-child {
            margin-top: 0;
        }
        .slz-list-block.slz-column-4 > .item,
        .slz-list-block.slz-column-3 > .item,
        .slz-list-block.slz-column-2 > .item {
            width: 100%;
        }
        .slz-list-block.slz-column-1 .item:first-child {
            margin-top: 0;
        }
        .slz-list-block.slz-column-1 > .item {
            margin-top: 40px;
        }
        .comment .media-body {
            padding-left: 15px;
        }
        .comments-area .comment-author img {
            width: 50px;
            height: 50px;
        }
        .comments-area .comment-list .comment {
            padding: 0;
        }
        .slz-blog-author .media-left {
            display: block;
            margin: 0 auto;
        }
        .slz-blog-author .media-right {
            display: block;
            padding: 15px 0 0 0;
            text-align: center;
        }
        .margin-bottom-100 {
            margin-bottom: 50px;
        }
        .margin-top-100 {
            margin-top: 50px;
        }

        .slz-page-404 .subtitle {
            font-size: 14px;
        }

        .slz-page-404 .title {
            font-size: 28px;
        }

        .slz-page-404 .img-404 {
            width: 75vh;
        }
    }

    @media screen and (max-width: 414px) {
        .comment-info-wrapper {
            float: none;
        }
        .comment-feedback-wrapper {
            float: none;
            padding-top: 0;
            margin-left: 0;
        }
        .comment-feedback-wrapper:before {
            content: none;
        }
    }

    @media screen and (max-width: 380px) {
        .slz-content-column,
        .slz-sidebar-column {
            padding: 0 15px;
        }
        .comments-area .comment-author .fn,
        .comments-area .comment-list .reply {
            padding-left: 60px;
        }
        .comments-area .comment-body .comment-content {
        }
        .comments-area .comment-list >.comment > .children {
            padding-left: 15px;
        }
        .comments-area p {
            margin-bottom: 0;
        }
        .comments-area table td,
        .comments-area table th {
            padding: 2px 4px;
        }
        .slz-widget + .slz-widget {
            margin-top: 60px;
        }
        .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
            font-size: 24px;
        }
        
        .slz-block-item-01 .block-info li a {
            font-size: 12px;
        }
        .slz-block-item-01 .block-info li:before {
            font-size: 5px;
        }

        .slz-page-404 .img-404 {
            width: 55vh;
        }

        .slz-page-404 .title {
            font-size: 22px;
        }


    }

    @media screen and (max-width: 320px) {
        /*----------  home ecoty  ----------*/
        .home-ecoty-help .sc-video.slz-block-video .btn-play {
            margin-top: -125px;
        }
        .home-ecoty-help .sc-video .video-info-wrapper {
            margin-top: 25px;
        }
    }


/*=========  End of Responsive  =======*/