/**
 *
 *  STYLE COMPONENS
 *
 *
 *  [Table of contents]
 *
 *  [&. Content / #key]
 *  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 *  Summary:
 *
 *
 *  1. BLOCK ITEM
 *       1.1. block info
 *       1.2. block category
 *       1.3. block rating counter
 *       1.4. block rating
 *       1.5. block button video
 *       1.6. block label
 *       1.7. block read more
 *       1.8. block comment
 *       1.9. block image
 *       1.10. block title
 *       1.11. block quote
 *
 *  2. BLOCK ITEM LAYOUT 1
 *       2.1. style 1
 *       2.2. style 2
 *       2.3. style 3
 *       2.4. style 4
 *       2.5. style 5
 *
 *  3. BLOCK ITEM LAYOUT 2
 *       3.1. style 1
 *
 *  4. BLOCK ITEM LAYOUT 3
 *       4.1. style 1
 *       4.2. style 2
 *
 *  5. BLOCK ITEM LAYOUT 4
 *       5.1. style 1
 *
 *  6. BLOCK GALLERY
 *       6.1. style 1
 *
 *  7. BLOCK VIDEOS
 *       7.1. style 1
 *
 *  10. HORIZONTAL SCROLL BLOCK
 *
 *  8. TEMPLATE
 *       8.0. global style
 *       8.1. template 01
 *       8.2. template 02
 *       8.3. template 03
 *       8.4. template 04
 *       8.5. template 05
 *
 *  10. MANSORY LAYOUT
 *       10.0. global style
 *       10.1. tab filler
 *       10.2. isotop layout 1
 *       10.3. isotop layout 2
 *       10.4. button loadmore
 *
 *  12. TABS
 *       12.1. tab vertical
 *       12.2. tab horizontal
 *
 *  13. CAROUSEL
 *       13.1. carousel layout 1
 *       13.2. carousel layout 2
 *
 *  14. PAGINATION
 *       14.1. pagination 01
 *
 *  16. BTN BACK TO TOP
 *       16.1. btn default
 *
 *
 */


/*==============================================
=            1. BLOCK ITEM                     =
==============================================*/

/*----------  1.1. block info  --------------------*/

    .block-info {
        padding: 0;
        margin: 0;
        text-transform: capitalize;
        font-style: italic;
        list-style: none;
        line-height: 1;
    }

    .slz-posts .block-info {
        padding: 0;
    }

    .block-info .info-left {
        float: left;
    }

    .block-info .info-right {
        float: right;
    }

    .slz-list,
    .entry-content .slz-list {
        padding: 0;
        margin: 0;
    }

    .slz-list li {
        display: block;
        padding: 8px 0;
    }

    .slz-list li:first-child {
        padding-top: 0;
    }

    .slz-list li:last-child {
        padding-bottom: 0;
    }

    .slz-list .slz-icon {
        min-width: 25px;
    }



/*----------  1.2. block category  ----------------*/

    .block-category {
        position: relative;
        display: inline-block;
        font-size: 12px;
        font-weight: 600;
        line-height: 18px;
        color: #337ab7;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .block-category:hover {
        color: #337ab7;
        text-decoration: none;
    }

/*----------  1.3. block rating counter  ----------*/

    .block-rating {
        font-size: 14px;
        line-height: 30px;
        position: absolute;
        z-index: 10;
        top: 10px;
        right: 10px;
        width: 70px;
        height: 30px;
        text-align: center;
        color: #ffffff;
        background-color: #d73333;
    }

    .block-rating .icons {
        line-height: 1;
        color: #f9d116;
    }

    .block-rating .text {
        font-weight: 600;
        line-height: 1;
        margin-left: 12px;
    }

/*----------  1.4. block rating  ------------------*/

    .ratings {
        display: inline-block;
    }

    .star-rating {
        position: relative;
        display: block;
        line-height: 18px;
        width: 74px;
        height: 18px;
        overflow: hidden;
        font-size: 13px;
    }

    .star-rating:before {
        content: "\f005\f005\f005\f005\f005";
        top: 0;
        position: absolute;
        left: 1px;
        font-family: FontAwesome;
        color: #dadada;
        float: left;
        letter-spacing: 3px;
    }

    .star-rating span {
        overflow: hidden;
        float: left;
        top: 0;
        left: 0;
        position: absolute;
        padding-top: 1.5em;
        color: #f9d116;
    }

    .star-rating span:before {
        content: "\f005\f005\f005\f005\f005";
        top: 0;
        position: absolute;
        left: 1px;
        font-family: FontAwesome;
        letter-spacing: 3px;
    }

    .star-rating span.width-0 {
        width: 0%;
    }

    .star-rating span.width-10 {
        width: 10%;
    }

    .star-rating span.width-20 {
        width: 20%;
    }

    .star-rating span.width-30 {
        width: 30%;
    }

    .star-rating span.width-40 {
        width: 40%;
    }

    .star-rating span.width-50 {
        width: 50%;
    }

    .star-rating span.width-60 {
        width: 60%;
    }

    .star-rating span.width-70 {
        width: 70%;
    }

    .star-rating span.width-80 {
        width: 80%;
    }

    .star-rating span.width-90 {
        width: 90%;
    }

    .star-rating span.width-100 {
        width: 100%;
    }

/*----------  1.5. block button video  ------------*/

    .block-btn-video {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        color: #ffffff;
    }

    .block-btn-video span {
        font-size: 0;
        display: inline-block;
        width: 38px;
        cursor: pointer;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        text-align: center;
        border-left: 1px solid rgba(255, 255, 255, 0.24);
        background-color: rgba(250, 250, 250, 0.3);
    }

    .block-btn-video span:first-child {
        border-left: none;
    }

    .block-btn-video span i {
        font-size: 14px;
        line-height: 36px;
        height: 36px;
    }

    .block-btn-video span:hover {
        background-color: rgba(250, 250, 250, 0.7);
    }

/*----------  1.6. block label  -------------------*/

    .block-label {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 4;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.7);
        text-align: center;
        padding: 15px;
    }

    .block-label .text {
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
    }

    .block-label .text.big {
        font-size: 20px;
    }

    .block-label .text.small {
        font-size: 10px;
    }

    .block-label .link-label {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 4;
    }

/*----------  1.7. block read more  ---------------*/

    .block-read-more {
        display: block;
        color: #3a4d6a;
        font-size: 14px;
        text-transform: capitalize;
    }

    .block-read-more i {
        padding-left: 10px;
    }

    .block-read-more:hover {
        color: #da0f32;
    }

/*----------  1.8. block comment  -----------------*/
    .block-comments {
        height: 25px;
    }

    .block-comments .comment-avatars {
        display: inline-block;
        height: inherit;
    }

    .block-comments .comment-avatars li {
        display: inline-block;
        position: relative;
        width: 25px;
        height: 25px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border: 2px solid #fff;
        margin-left: -5px;
        overflow: hidden;
    }

    .block-comments .comment-avatars li a {
        color: #fff;
        font-weight: 700;
        font-size: 11px;
    }

    .block-comments .comment-avatars li img {
        vertical-align: top;
    }

    .block-comments .comment-avatars li:nth-child(1) {
        background-color: #127b49;
        margin-left: 0;
        z-index: 7;
    }

    .block-comments .comment-avatars li:nth-child(2) {
        background-color: #e84949;
        z-index: 6;
    }

    .block-comments .comment-avatars li:nth-child(3) {
        background-color: #31a8cb;
        z-index: 5;
    }

    .block-comments .comment-counter {
        display: inline-block;
        color: #b5b5b5;
        padding-left: 10px;
        vertical-align: top;
    }

/*----------  1.9. Block image  -------------------*/

    .block-image,
    .slz-gallery-format .wrapper-image {
        display: block;
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
        background-color: #fff;
    }

    .block-image:before,
    .slz-gallery-format .wrapper-image:before {
        display: block;
        content: '';
        padding-top: 67%;
    }

    .block-image .link:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-backface-visibility: hidden;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .block-image .img-full,
    .slz-gallery-format .wrapper-image img {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .block-image .link,
    .block-image .slz-gallery-format,
    .block-image.slz-block-video .block-video {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        overflow: hidden;
        position: absolute;
    }

    .block-image.slz-block-video .block-video:before {
        content: none;
    }

    .slz-gallery-format .wrapper-image {

    }

/*----------  1.10. block title  ------------------*/

    .block-title {
        position: relative;
        display: block;
        color: #18364a;
        line-height: 1.4;
        font-size: 20px;
        text-transform: capitalize;
        font-weight: 500;
        font-family: 'Roboto', serif;
    }

    .block-title:hover,
    .block-title:focus {
        text-decoration: none;
        color: #da0f32;
    }

/*----------  1.11. block quote -------------------*/

    .block-quote-wrapper {
        position: absolute;
        z-index: 4;
        top: 50%;
        right: 10%;
        left: 10%;
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        text-align: center;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .block-quote-wrapper .block-quote {
        position: relative;
    }

    .block-quote-wrapper .block-quote:before {
        position: absolute;
        font-family: "FontAwesome";
        content: "\f10e";
        font-size: 25px;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }



/*==============================================
=            2. BLOCK ITEM LAYOUT 1            =
==============================================*/

/*----------  2.1. style 1  -----------------------*/

    .slz-block-item-01 {
        background-color: #ffffff;
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .slz-block-item-01 .block-image {
        background-color: #000;
        overflow: hidden;
    }

    .slz-block-item-01 .block-content {
        padding: 15px 20px;
    }

    .slz-block-item-01 .block-info {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .slz-block-item-01 .block-text {
        margin-top: 15px;
    }

    .slz-block-item-01 .block-read-more {
        margin-top: 10px;
        display: inline-block;
    }

    .slz-block-item-01:hover .block-image .link:after {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

/*----------  2.2. style 2  -----------------------*/

    .slz-block-item-01.style-2 {
        display: table;
        width: 100%;
    }

    .slz-block-item-01.style-2 .block-image {
        display: table-cell;
        vertical-align: top;
        width: 48%;
    }

    .slz-block-item-01.style-2 .block-content {
        display: table-cell;
        vertical-align: top;
        width: auto;
    }

/*----------  2.3. style 3  -----------------------*/

    .slz-block-item-01.style-3 .block-content {
        position: absolute;
        z-index: 3;
        width: 100%;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
        color: #FFF;
    }

    .slz-block-item-01.style-3 .block-info .link {
        color: #FFF;
    }

    .slz-block-item-01.style-3 .block-category {
        color: #FFF;
    }

    .slz-block-item-01.style-3 .block-category:after {
        background-color: #ffffff;
    }

    .slz-block-item-01.style-3 .block-title {
        color: #FFF;
    }

    .slz-block-item-01.style-3 .block-read-more {
        color: #FFF;
    }

/*----------  2.4. style 4  -----------------------*/

//     .slz-block-item-01.style-4 .block-content {
//         position: absolute;
//         top: auto;
//         left: 0;
//         right: 0;
//         bottom: 0;
//         padding: 25px 30px;
//         z-index: 4;
//     }

//     .slz-block-item-01.style-4 .block-content:before {
//         position: absolute;
//         content: '';
//         top: 0;
//         left: 0;
//         bottom: 0;
//         right: 0;
//         background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(237, 237, 237, 0) 7%, rgba(0, 0, 0, 0.42) 100%);
//         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#6b000000', GradientType=0);
//     }

//     .slz-block-item-01.style-4 .block-title {
//         font-size: 32px;
//         font-weight: 600;
//         color: #fff;
//         margin-bottom: 20px;
//     }

//     .slz-block-item-01.style-4 .block-info {
//         color: #b4b4b4;
//         margin-top: 0;
//         line-height: 25px;
//         font-size: 14px;
//     }

//     .slz-block-item-01.style-4 .block-info .link {
//         color: inherit;
//     }

//     .slz-block-item-01.style-4 .block-info .link:hover {
//         color: #337ab7;
//     }

// /*----------  2.5. style 5  -----------------------*/

//     .slz-block-item-01.style-5 {
//         box-shadow: none;
//     }

//     .slz-block-item-01.style-5 .block-image:before {
//         padding-top: 60%;
//     }

//     .slz-block-item-01.style-5 .block-content {
//         padding: 20px;
//         background-color: #fafafa;
//     }

//     .slz-block-item-01.style-5 .block-content .block-title {
//         margin-top: 10px;
//     }

//     .slz-block-item-01.style-5 .block-comments {
//         margin-top: 15px;
//     }

//     .slz-block-item-01.style-5 .block-info {
//         margin-top: 15px;
//         line-height: 25px;
//     }

//     .slz-block-item-01.style-5 .block-text {
//         margin-top: 15px;
//         font-size: 15px;
//     }

/*----------  2.6. More type post  ---------------*/
    .slz-block-item-01 .audio-wrapper {
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        padding: 10px;
        width: 100%;
        background-color: rgba(0,0,0,0.5);
    }

    .slz-block-item-01 .audio-wrapper .mejs-container {
        width: 100% !important;
        background: transparent;
    }

    .slz-block-item-01 .mejs-container .mejs-controls {
        background: none;
    }

    .slz-block-item-01 .block-image.has-gallery {
        overflow: hidden;
        background-color: #fff;
    }

    .slz-block-item-01 .block-image.has-quote .link:after {
        transform: scale(1);
    }


/*==============================================
=            3. BLOCK ITEM LAYOUT 2            =
==============================================*/

/*----------  3.1. style 1  -----------------------*/

    .slz-block-item-02 .block-image {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .slz-block-item-02 .block-content {
        display: table;
        width: 100%;
        padding-top: 20px;
    }

    .slz-block-item-02 .sub-content {
        display: table-cell;
        width: 100px;
    }

    .slz-block-item-02 .block-date {
        background-color: #555;
        width: 100px;
        height: 100px;
        text-align: center;
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    .slz-block-item-02 .block-date .big {
        font-size: 60px;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .slz-block-item-02 .block-date .small {
        font-size: 18px;
        color: #fff;
    }

    .slz-block-item-02 .block-social {
        text-align: center;
    }

    .slz-block-item-02 .block-social li {
        margin-bottom: 10px;
    }

    .slz-block-item-02 .block-social li:last-child {
        margin-bottom: 0;
    }

    .slz-block-item-02 .block-social .icons {
        width: 20px;
        padding-right: 5px;
    }

    .slz-block-item-02 .block-social .link {
        display: inline-block;
        min-width: 50px;
        text-align: left;
    }

    .slz-block-item-02 .main-content {
        display: table-cell;
        padding-left: 30px;
        vertical-align: top;
    }

    .slz-block-item-02 .block-title {
        display: inline-block;
        margin-bottom: 10px;
    }

    .slz-block-item-02 .block-info {
        margin-bottom: 20px;
    }

    .slz-block-item-02 .block-info li {
        padding-left: 20px;
    }

    .slz-block-item-02 .block-info li:before {
        position: absolute;
        content: "\f111";
        font-family: FontAwesome;
        font-style: normal;
        font-size: 9px;
        left: 0;
    }

    .slz-block-item-02 .block-content .read-more {
        display: inline-block;
        position: relative;
        padding: 0 0 0 36px;
        line-height: 26px;
        background-color: transparent;
        color: #18364a;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    .slz-block-item-02 .block-content .read-more:before {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background-color: #18364a;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    .slz-block-item-02 .block-content .read-more i {
        border-radius: 50%;
        width: 26px;
        height: 26px;
        line-height: 26px;
        text-align: center;
        color: #fff;
        background-color: #18364a;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
    }

    .slz-block-item-02 .block-content .read-more i:before {
        content: '\f178';
    }

    .slz-block-item-02 .block-content .read-more:hover {
        padding-left: 0;
        padding-right: 36px;
    }

    .slz-block-item-02 .block-content .read-more:hover:before {
        width: calc(100% - 36px);
    }

    .slz-block-item-02 .block-content .read-more:hover i {
        left: calc(100% - 26px);
    }



/*==============================================
=            4. BLOCK ITEM LAYOUT 3            =
==============================================*/

/*----------  4.1. style 1  -----------------------*/
    .slz-block-item-05 {
        position: relative;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        background: #FFFFFF;
        border: 1px solid #ececec;
        -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-05 .block-date {
        display: inline-block;
        vertical-align: middle;
        padding: 20px 15px;
        text-align: center;
        width: 100px;
        float: left
    }

    .slz-block-item-05 .price{
        position: relative;
        padding-left: 20px;
        font-weight: 600;
    }
    .slz-block-item-05 .price:before{
        content: "\f145";
        font-family: 'FontAwesome';
        position: absolute;
        top: 0;
        left: 0;
        color: #da0f32;
        font-weight: 400;
    }
    .slz-block-item-05 .block-date .date {
        display: block;
        font-size: 40px;
        font-weight: 900;
        color: #337ab7;
        margin-bottom: 0;
        line-height: 1.2
    }

    .slz-block-item-05 .block-date .month {
        display: block;
        text-align: center;
        font-weight: 700;
        white-space: nowrap;
        color: #666c72
    }

    .slz-block-item-05 .block-date + .block-content {
        width: calc(100% - 100px);
        padding-left: 0
    }

    .slz-block-item-05 .block-image {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        top: -30px;
        border-radius: 6px;
        overflow: hidden;
        z-index: 1;
        float: left
    }

    .slz-block-item-05 .block-image:before {
        content: "";
        display: block;
        padding-top: 75%
    }

    .slz-block-item-05 .block-image .link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .slz-block-item-05 .block-image .link .img-full {
        position: absolute;
        height: 100%;
        width: auto;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }

    .slz-block-item-05 .block-image + .block-content {
        padding-left: 30px
    }

    .slz-block-item-05 .block-content {
        display: inline-block;
        vertical-align: top;
        padding: 20px;
        width: calc(70% - 100px);
        float: left
    }
    .slz-block-item-05 .block-info{
        margin-bottom: 0px;
    }
    .slz-block-item-05 .block-info li{
        margin-bottom: 0px;
    }
    .slz-block-item-05 .block-info li + li{
        margin-top: 15px;
    }
    .slz-block-item-05 .block-info + .price{
        margin-top: 12px;
    }
    .slz-block-item-05 .block-title {
        font-weight: 900;
        margin-bottom: 15px;
        color: #333
    }

    .slz-block-item-05 .block-title:hover {
        color: #337ab7
    }

    .slz-block-item-05 .block-info {
        font-weight: 400;
        font-style: normal
    }

    .slz-block-item-05 .block-info > li {
        display: block
    }

    .slz-block-item-05 .block-info > li + li {
        margin-top: 10px
    }

    .slz-block-item-05 .block-info > li + li:before {
        content: none
    }

    .slz-block-item-05 .block-info > li .link {
        display: block;
        position: relative;
        padding-left: 20px;
        color: #666c72
    }

    .slz-block-item-05 .block-info > li .link:before {
        font-family: 'FontAwesome';
        position: absolute;
        left: 0;
        top: 0;
        color: #337ab7
    }

    .slz-block-item-05 .block-info > li .link.time:before {
        content: "\f073"
    }

    .slz-block-item-05 .block-info > li .link.place:before {
        content: "\f041"
    }

    .slz-block-item-05 .block-info > li .link.place {
        color: #333;
        font-weight: 600
    }

    .slz-block-item-05 .block-info > li .link.place:hover {
        color: #337ab7
    }

    .slz-block-item-05 .block-info > li .link .text {
        font-weight: 600;
        color: #333
    }

    .slz-block-item-05 .block-info > li .link .text:hover {
        color: #337ab7
    }

    .slz-block-item-05 .block-text {
        width: calc(100% - 100px);
        padding-right: 20px;
        margin-left: 100px
    }

/*----------  4.1. style 2 (Event Detail)  -----------------------*/
    .slz-event-single-block .slz-block-item-06.style-4{
        padding: 0px 30px 30px;
        margin-bottom: 30px;
    }
    .slz-event-single-block .slz-block-item-06 .block-image{
        -webkit-transform: translate(0,-20px);
        -ms-transform: translate(0,-20px);
        -o-transform: translate(0,-20px);
        transform: translate(0,-20px);
        overflow: hidden;
        z-index: 1;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -webkit-box-shadow: 4px 9px 29px 0px rgba(0,0,0,0.09);
        -moz-box-shadow: 4px 9px 29px 0px rgba(0,0,0,0.09);
        box-shadow: 4px 9px 29px 0px rgba(0,0,0,0.09); 
    }
    .slz-event-single-block .slz-block-item-06 .block-image .link{
        pointer-events: none;
    }
    .slz-event-single-block .block-image .link:after{
        content: none;
    }
    .slz-block-item-06.style-4 .block-content{
        padding: 0px 0px;
    }
    .slz-event-single-block .slz-block-item-06 .block-content .block-title{
        font-size: 24px;
    }
    .slz-event-single-block .slz-block-item-06 .block-title + .block-description{
        margin-top: 10px;
    }
    .slz-event-single-block .slz-block-item-06 .block-description{
        margin-bottom: 20px;
    }
    .slz-event-single-block .slz-block-item-06.style-4 .block-info{
        width: 100%;
        padding: 0px;
        float: none;
    }
    .slz-event-single-block  .block-info li{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .slz-event-single-block  .block-info li +li{
        margin-top: 10px;
    }
    .slz-event-single-block .block-info li a.date{
        background-color: transparent;
    }
    .slz-block-item-06.style-4  .block-price .title,
    .slz-event-single-block .slz-block-item-06.style-4 .block-info li .link .title{
        display: inline-block;
        min-width: 145px;
        color: #202427;
        font-weight: 600;
    }
    .slz-block-item-06.style-4  .block-price .title{
        margin-right: 5px;
    }
    .slz-event-single-block .slz-block-item-06 .block-info li .link{
        color: #202427;
    }
    .slz-event-single-block .slz-block-item-06 .block-info + .block-price{
        margin-top: 10px;
    }
    .slz-block-item-06.style-4 .block-info li .link:before,
    .slz-event-single-block .slz-block-item-06 .block-info li .link:hover{
        color: #da0f32;
    }

    .slz-block-item-06.style-4 .block-price{
        position: relative;
        color:  #202427;
        padding-left: 20px;
    }
    
    .slz-block-item-06.style-4 .block-price:before{
        content: "\f155";
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'FontAwesome';
        color: #da0f32;
        font-size: 14px;
        display: inline-block;
        margin-right: 5px;
        font-weight: 300;
    }
    .slz-block-item-06.style-4 .block-price .text{
        font-weight: 600;   
    }

    .slz-block-item-06.style-4 .block-price .text b{
        font-size: 1.5em;
        vertical-align: text-bottom;
        font-weight: 600;
        color: #da0f32;
    }
    /*----------  2. Event Count down (single) ----------*/
        .slz-event-single-block .slz-event-countdown-02 {
            position: relative;
            z-index: 1;
            overflow: hidden;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            margin-bottom: 40px;
            background-size: cover;
            -webkit-background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .slz-event-single-block .slz-event-countdown-02:before{
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #263135;
            background-color: rgba(38,49,53,0.9);
            mix-blend-mode: multiply;
            z-index: -1;
        }
        .slz-event-single-block .slz-event-countdown-02{
            display: table;
            position: relative;
            padding: 30px;
            width: 100%;
        }
        .slz-event-single-block .slz-event-countdown-02:after{
            content: "";
            clear: both;
            display: table;
        }
        .slz-event-single-block .slz-event-countdown-02 .coming-soon-canvas{
            display: none;
        }

        .slz-event-single-block .slz-event-countdown-02 .col-left{
            display: table-cell;
            vertical-align: middle;
            width: 65%;
            padding-right: 20px;
            float: none;
        }
        .slz-event-single-block .slz-event-countdown-02 .col-right{
            width: 35%;
            display: table-cell;
            vertical-align: middle;
            text-align: right;
            padding-right: 30px;
        }
        .slz-event-single-block .slz-event-countdown-02 .col-right a {
            vertical-align: middle;
        }
        .slz-event-single-block .main-count-wrapper{
            display: inline-block;
            padding: 3px 30px 0;
            position: relative;
            text-align: center;
            vertical-align: middle;
        }
        .slz-event-single-block .main-count-wrapper:before{
            content: "";
            position: absolute;
            height: 50%;
            width: 1px;
            background-color:rgba(255,255,255,0.3);
            top: 50%;
            left: 100%;
            -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
            -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
        }
        .slz-event-single-block .main-count-wrapper:last-child:before{
            content: none;
        }
        .slz-event-single-block .main-count-wrapper .count {
            font-size: 20px;
            font-weight: 800;
            color: #FFFFFF;
        }
        .slz-event-single-block .main-count-wrapper .stat-label{
            text-transform: uppercase;
            color: #F13E4B;
            font-weight: 600;
            line-height: 1;
        }



/*==============================================
=            5. BLOCK ITEM LAYOUT 4            =
==============================================*/

    .slz-block-item-06{
        position: relative;
        -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);
        border-radius: 4px;
        background-color: #FFFFFF;
        -webkit-border-radius: 4px;
        -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-06 .block-label{
        top: 25px;
        padding: 10px 15px 10px;
        text-transform: uppercase;
        font-weight: 600;
        color: #F13E4B;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .slz-block-item-06 .progress-bar{
        background-color: #F13E4B;
    }
    .slz-block-item-06 .block-image {
        width: 100%;
        position: relative
    }

    .slz-block-item-06 .block-image:before {
        content: "";
        padding-top: 66%
    }

    .slz-block-item-06 .block-image .link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
    }

    .slz-block-item-06 .block-image .link .img-full {
        position: absolute;
        height: 100%;
        width: auto;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%)
    }

    .slz-block-item-06 .block-content {
        padding: 30px
    }

    .slz-block-item-06 .block-content .block-title {
        font-weight: 900;
        font-size: 24px;
        text-transform: capitalize;
        margin-bottom: 20px
    }
    .slz-block-item-06 .block-image .link .cate-text{
        position: absolute;
        color: #FFFFFF;
        top: 50%;
        left: 0%;
        z-index: 5;
        text-align: center;
        width:100%;
        opacity: 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;
        -webkit-transform: translate(0,-50%);
        -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        
    }
    .slz-block-item-06 .block-image .link .cate-text:before{
        content: "\f067";
        font-family: 'FontAwesome';
        width: 38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border:1px solid #337ab7;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        z-index: 5;
        color: #337ab7;
        opacity: 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-06 .block-image:hover .link .cate-text:before,
    .slz-block-item-06 .block-image:hover .link .cate-text{
        opacity: 1;
    }
    .slz-block-item-06.style-2 .block-content .block-title{
        margin-bottom: 0px;
        font-size: 20px;
    }
    .slz-block-item-06 .block-content .block-title + .btn-block-donate{
        margin-top: 30px;
    }
    .slz-block-item-06 .block-info {
        font-style: normal;
        font-weight: normal;
        margin-bottom: 25px
    }

    .slz-block-item-06 .block-info li {
        padding-left: 10px;
        padding-right: 10px
    }

    .slz-block-item-06 .block-info li:last-child {
        padding-right: 0
    }

    .slz-block-item-06 .block-info li:first-child {
        padding-left: 0
    }

    .slz-block-item-06 .block-info li + li:before {
        content: "|"
    }

    .slz-block-item-06 .block-info li .link {
        color: #333
    }

    .slz-block-item-06 .block-info li .link:hover {
        color: #337ab7
    }

    .slz-block-item-06 .block-info li .link > .title {
        color: #666c72;
        margin-right: 5px
    }

    .slz-block-item-06 .block-info li .link .text {
        font-weight: 600
    }

    .slz-block-item-06 .location-item .title {
        display: inline-block;
        margin-right: 5px;
        color: #666c72
    }

    .slz-block-item-06 .location-item .text {
        font-weight: 600;
        color: #333
    }

    .slz-block-item-06 .block-text {
        line-height: 1.5;
        margin-bottom: 20px
    }

    .slz-block-item-06 .donate-bar {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        padding: 20px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        background-color: #fff;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15)
    }

    .slz-block-item-06 .donate-bar .progress-title {
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }

    .slz-block-item-06 .donate-bar .progress {
        width: calc(100% - 50px);
        height: 10px
    }

    .slz-block-item-06 .donate-bar + .raise-goal-block {
        margin-top: 15px
    }

    .slz-block-item-06 .raise-goal-block {
        width: 100%
    }

    .slz-block-item-06 .raise-goal-block > div {
        display: inline-block
    }

    .slz-block-item-06 .raise-goal-block > div + div:before {
        display: inline-block;
        content: "/";
        color: #666c72;
        padding: 0 10px
    }

    .slz-block-item-06 .raise-goal-block > div > .title {
        display: inline-block;
        margin-right: 5px;
        color: #333
    }

    .slz-block-item-06 .raise-goal-block > div .text {
        color: #337ab7;
        font-weight: 600
    }

    .slz-block-item-06 .raise-goal-block + .btn-block-donate {
        margin-top: 30px
    }

    .slz-block-item-06 .btn-block-donate {
        display: inline-block;
        padding: 15px 20px;
        font-weight: 700;
        color: #fff;
        background-color: #337ab7;
        text-transform: uppercase
    }

    .slz-block-item-06 .btn-block-donate:after {
        display: inline-block;
        font-weight: normal;
        content: "\f004";
        font-family: 'FontAwesome';
        margin-left: 10px
    }

    .slz-block-item-06 .btn-block-donate:hover {
        background-color: #285f8f
    }

    .slz-block-item-06 .btn-block-donate + .social {
        margin-top: 30px
    }

    .slz-block-item-06 .btn-buy-ticket {
        display: inline-block;
        padding: 15px 20px;
        font-weight: 700;
        color: #fff;
        background-color: #337ab7;
        text-transform: uppercase
    }

    .slz-block-item-06 .btn-buy-ticket:after {
        display: inline-block;
        font-weight: normal;
        content: "\f105";
        font-family: 'FontAwesome';
        margin-left: 10px
    }

    .slz-block-item-06 .btn-buy-ticket:hover {
        background-color: #285f8f
    }

    .slz-block-item-06 .slz-social-share {
        float: right
    }
    .slz-block-item-06 .block-image:hover .link:after{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        
    }

    /*----------  1. Causes layout 01  ----------*/
    .slz-block-item-06.style-2  .block-image .link{
        border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        overflow: hidden;
        z-index: 1;
    }

/*----------  2. Causes layout 02  ----------*/
    .sc_causes_block_layout_2 .slz-block-item-06 .block-image{
        border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .slz-block-item-06 .slz-social-share{
        margin-top: 30px;
    }

/*----------  3. Causes layout 03  ----------*/
    .sc_causes_block_layout_3  .slz-block-item-06{
        box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .sc_causes_block_layout_3  .slz-block-item-06:hover{
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .sc_causes_block_layout_3 .slz-block-item-06 .block-image {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
    .sc_causes_block_layout_3  .slz-block-item-06 .block-content .block-title{
        display: inline;
        margin-right: 5px;
    }
    .sc_causes_block_layout_3  .slz-block-item-06 .block-content .remain_time{
        display: inline;
        color: #9c9c9c;
    }
    .sc_causes_block_layout_3 .slz-block-item-06 .donate-bar{
        padding: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .sc_causes_block_layout_3 .donate-bar{
        margin-top: 20px;
    }
    .sc_causes_block_layout_3 .slz-block-item-06 .block-content{
        padding:0px 0px 0px 30px;
    }

/*----------  4. Cause single  ----------*/
    .slz-blog-detail.slz-causes .slz-block-item-06{
        margin-bottom: 50px;
    }
    .slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link{
        pointer-events: none;
    }
    .slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link:after{
        content: none;
    }
    .slz-blog-detail.slz-causes .slz-block-item-06 .block-image .link .cate-text{
        display: none;
    }
    .slz-blog-detail.slz-causes .slz-block-item-06.style-3 .block-info{
        margin-top: 15px;
    }
    .slz-blog-detail.slz-causes  .slz-block-item-06 .block-info li{
        margin-right: 0px;
        position: relative;
    }
    .slz-blog-detail.slz-causes  .slz-block-item-06 .block-info li + li:before{
        position: absolute;
        right: 100%;
        top: 0;
        margin-right: -1px;
    }
    .slz-blog-detail.slz-causes  .slz-block-item-06 .block-info .link,
    .slz-blog-detail.slz-causes  .slz-block-item-06 .block-info .link:hover{
        color: #494647;
    }
    .slz-blog-detail.slz-causes  .slz-block-item-06 .block-title{
        font-size: 24px;
    }

/*----------  5.1. style 1  -----------------------*/
    .slz-block-item-06.style-1 {
        display: table;
        width: 100%
    }

    .slz-block-item-06.style-1 .block-image {
        display: table-cell;
        vertical-align: top;
        width: 40%
    }

    .slz-block-item-06.style-1 .block-image:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .slz-block-item-06.style-1 .block-image .cate-text {
        position: absolute;
        opacity: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        color: #fff;
        z-index: 3;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease
    }

    .slz-block-item-06.style-1 .block-image:hover:after {
        opacity: 1
    }

    .slz-block-item-06.style-1 .block-image:hover .cate-text {
        opacity: 1
    }

/*----------  5.1. style 2  -----------------------*/
    .slz-block-item-06.style-2 .block-content {
        text-align: center;
        position: relative
    }

    .slz-block-item-06.style-2 .donate-bar {
        position: absolute;
        left: 30px;
        right: 30px;
        width: auto;
        top: -30px;
        z-index: 10
    }

    .slz-block-item-06.style-2 .raise-goal-block + .block-content-wrapper {
        margin-top: 30px
    }

    .slz-block-item-06.style-2 .btn-block-donate + .slz-social-share {
        margin-top: 20px
    }

    .slz-block-item-06.style-2 .slz-social-share {
        float: none
    }
/*----------  5.1. style 3  -----------------------*/
    .slz-block-item-06.style-3 .block-image:before {
        padding-top: 58%
    }

    .slz-block-item-06.style-3 .col-left {
        width: 60%;
        float: left;
        padding-right: 15px;
        padding-left: 15px
    }

    .slz-block-item-06.style-3 .col-right {
        width: 40%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        text-align: right
    }

    .slz-block-item-06.style-3 .block-info {
        margin-bottom: 5px
    }

    .slz-block-item-06.style-3 .location-item {
        margin-bottom: 25px
    }
/*----------  5.1. style 4  -----------------------*/

    .slz-block-item-06.style-4 {
        position: relative;
        padding: 0 20px 20px
    }

    .slz-block-item-06.style-4 .block-image:before {
        padding-top: 56%
    }

    .slz-block-item-06.style-4 .block-info {
        width: calc(100% - 135px);
        float: left;
        padding-right: 20px;
        margin-bottom: 0
    }

    .slz-block-item-06.style-4 .block-info li {
        display: block;
        padding: 0
    }

    .slz-block-item-06.style-4 .block-info li + li {
        margin-top: 10px
    }

    .slz-block-item-06.style-4 .block-info li + li:before {
        content: none
    }

    .slz-block-item-06.style-4 .block-info li .link {
        display: block;
        position: relative;
        padding-left: 20px
    }

    .slz-block-item-06.style-4 .block-info li .link:before {
        position: absolute;
        top: 0;
        left: 0;
        font-family: 'FontAwesome';
        color: #337ab7
    }

    .slz-block-item-06.style-4 .block-info li .link .title {
        display: block
    }

    .slz-block-item-06.style-4 .block-info li .link.date:before {
        content: "\f073"
    }

    .slz-block-item-06.style-4 .block-info li .link.duration-time:before {
        content: "\f017"
    }

    .slz-block-item-06.style-4 .block-info li .link.location:before {
        content: "\f041"
    }

    .slz-block-item-06.style-4 .block-content {
        padding: 30px 0
    }

/*=============================================
=            BLOCK EVENT COUNTDOWN            =
=============================================*/

/*---------- 8.1 event countdown style 1  ----------*/
    .slz-event-countdown-01 {
        /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
        border-radius: 6px;
        -webkit-border-radius: 6px;*/
        overflow: hidden;
        z-index: 1
    }

    .slz-event-countdown-01 .block-image {
        position: relative
    }

    .slz-event-countdown-01 .block-image:before {
        content: "";
        display: block;
        padding-top: 41%
    }

    .slz-event-countdown-01 .block-image .link {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden
    }

    .slz-event-countdown-01 .block-image .link:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0, 0, 0, 0.28);
        z-index: 1
    }

    .slz-event-countdown-01 .block-image .link .img-full {
        position: absolute;
        top: 0;
        left: 50%;
        width: auto;
        height: 100%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0)
    }

    .slz-event-countdown-01 .block-image .event-desc {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 20px;
        top: 0;
        left: 0;
        z-index: 5;
        color: #fff
    }

    .slz-event-countdown-01 .block-image .event-desc .date {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 5px
    }

    .slz-event-countdown-01 .coming-soon-canvas {
        display: none
    }

    .slz-event-countdown-01 .coming-soon {
        display: table;
        width: 100%;
        padding: 15px 0
    }

    .slz-event-countdown-01 .coming-soon .main-count-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 25%;
        padding-left: 15px;
        padding-right: 15px;
        position: relative
    }

    .slz-event-countdown-01 .coming-soon .main-count-wrapper:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: #ececec
    }

    .slz-event-countdown-01 .coming-soon .main-count-wrapper:last-child:after {
        content: none
    }

    .slz-event-countdown-01 .coming-soon .main-count-wrapper .main-count .count {
        font-weight: 700;
        font-size: 20px
    }


/*=====  End of BLOCK EVENT COUNTDOWN  ======*/

/*=======================================
=            9. BLOCK CAUSES            =
=======================================*/


/*----------  9.1 causes style 1  ----------*/



/*=====  End of 9. BLOCK CAUSES  ======*/


/*===================================================
=            10. HORIZONTAL SCROLL BLOCK            =
===================================================*/
    .slz-horizontal-scroll {
        display: block;
        margin-left:-15px;
        margin-right:-15px;
        position: static
    }

    .slz-horizontal-scroll .horizontal-wrapper {
        display: block;
        width:100%;
        height: auto;
        white-space: nowrap;
    }

    .slz-horizontal-scroll .horizontal-wrapper > .item {
        height: 100%;
        width: 1170px;
        padding-left:15px;
        padding-right:15px;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
    }
    .slz-horizontal-scroll .horizontal-wrapper > .item >div{
    	display: block;
    	width:100%;
    	}

    .slz-horizontal-scroll .horizontal-wrapper > .item .inner {
        width: 100%;
        display: block;
        overflow: auto
    }

    .slz-horizontal-scroll .mCSB_horizontal.mCSB_inside > .mCSB_container {
        padding-bottom: 20px
    }


/*=====  End of 10. HORIZONTAL SCROLL BLOCK  ======*/


/*==============================================
=            6. BLOCK ITEM GALLERY             =
==============================================*/

/*----------  6.1. style 1  -----------------------*/

    .slz-block-gallery-01 {
        position: relative;
    }

    .slz-block-gallery-01 .block-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 5;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.8);
        opacity: 0;
        pointer-events: none;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .slz-block-gallery-01 .block-content .block-content-wrapper {
        position: absolute;
        width: 100%;
        padding: 0px 15px;
        top: 50%;
        transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }

    .slz-block-gallery-01 .block-content .icon-block {
        font-size: 60px;
    }

    .slz-block-gallery-01 .block-content .icon-block + .img-block {
        margin-top: 10px;
    }

    .slz-block-gallery-01 .block-content .img-block {
        position: relative;
        width: 60px;
        overflow: hidden;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    .slz-block-gallery-01 .block-content .img-block:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .slz-block-gallery-01 .block-content .img-block .img-full {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .slz-block-gallery-01 .block-content .block-category {
        margin-top: 10px;
    }

    .slz-block-gallery-01 .block-content .block-title {
        margin-top: 10px;
    }

    .slz-block-gallery-01 .block-content .block-info {
        margin-top: 10px;
    }

    .slz-block-gallery-01 .block-content .block-text {
        margin-top: 10px;
    }

    .slz-block-gallery-01 .block-content .block-read-mores {
        margin-top: 10px;
    }

    .slz-block-gallery-01 .block-content .block-zoom-img {
        margin-top: 10px;
        pointer-events: auto;
    }

    .slz-block-gallery-01 .block-content .block-read-mores {
        display: inline-block;
        margin-right: 0;
        margin-left: 0px;
        pointer-events: auto;
    }

    .slz-block-gallery-01 .block-content .block-read-mores + .block-zoom-img {
        display: inline-block;
        margin-left: 20px;
        margin-right: 0px;
        color: #213047;
    }

    .slz-block-gallery-01 .block-content .block-zoom-img:hover {
        color: #337ab7;
    }

    .slz-block-gallery-01 .block-content .slz-icon {
        display: inline-block;
        margin-left: 5px;
        padding-left: 0px;
        font-style: normal;
    }

    .slz-block-gallery-01 .block-content .slz-icon:before {
        font-family: 'FontAwesome';
        font-size: 14px;
    }

    .slz-block-gallery-01 .block-content .slz-icon.icon-read-more:before {
        content: "\f067";
    }

    .slz-block-gallery-01 .block-content .slz-icon.icon-zoom-in:before {
        content: "\f00e";
    }

    .slz-block-gallery-01:hover .block-content {
        opacity: 1;
    }



/*==============================================
=            7. BLOCK ITEM VIDEOS              =
==============================================*/

/*----------  7.1. style 1  -----------------------*/

    .slz-block-video .block-video {
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
        background-color: #000;
    }

    .slz-block-video .block-video:before {
        display: block;
        content: '';
        padding-top: 67%;
    }

    .slz-block-video .btn-play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        cursor: pointer;
        text-align: center;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-block-video .btn-play .icons {
        font-size: 18px;
        color: #fff;
        width: 50px;
        width: 50px;
        width: 50px;
        line-height: 46px;
        border: 2px solid #fff;
        background-color: rgba(255,255,255, 0.2);
        border-radius: 50%;
    }

    .slz-block-video .btn-play .icons:before {
        margin-left: 4px;
    }

    .slz-block-video .btn-close {
        position: absolute;
        top: 45px;
        right: 15px;
        z-index: 6;
        cursor: pointer;
        text-align: center;
        opacity: 0;
        visibility: hidden;
    }

    .slz-block-video .icons {
        font-size: 20px;
        color: #fff;
    }

    .slz-block-video .text {
        font-size: 20px;
        margin-top: 5px;
        color: #fff;
    }

    .slz-block-video .title {
        width: 100%;
        padding: 0 30px;
        color: #fff;
        font-size: 24px;
        font-weight: 500;
        text-transform: capitalize;
        position: absolute;
        top: calc(50% + 60px);
        left: 50%;
        z-index: 3;
        cursor: pointer;
        text-align: center;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-block-video .img-full {
        width: auto;
        height: 100%;
        max-width: none;
        position: absolute;
        margin-bottom: 0;
        top: 50%;
        left: 50%;
       transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-block-video .video-embed {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
        border: none;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }

    .slz-block-video .show-video {
        opacity: 1;
        visibility: visible;
    }

    .slz-block-video .btn-close.show-video {
        opacity: 0;
        visibility: hidden;
    }

    .slz-block-video:hover .btn-close.show-video {
        opacity: 1;
        visibility: visible;
    }



/*=============================================
=            8. TEMPLATE                      =
==============================================*/

/*----------  8.0. global style  -----------------*/
    
    .main-layout .block-title {
        font-size: 24px;
        line-height: 1.4;
    }

    .list-layout .block-title {
        font-size: 16px;
    }

    .list-layout .block-category,
    .list-layout .block-info li a {
        font-size: 12px;
        text-transform: capitalize;
    }

    .list-layout .block-content .block-text,
    .list-layout .block-info {
        margin-top: 5px;
    }

    .list-layout .slz-block-item-01 .block-content {
        padding: 10px 0 0 0;
    }

    .list-layout .slz-block-item-01.style-2 .block-image {
        width: 120px;
    }

    .list-layout .slz-block-item-01.style-2 .block-content {
        padding-top: 0;
    }

    .list-layout .slz-block-item-01.style-2 .block-image + .block-content {
        padding: 0 0 0 15px;
    }

    .list-layout .slz-block-item-01.style-3 .block-info {
        display: none;
    }

    .list-layout .slz-block-item-01.style-3 .block-content {
        padding: 10px;
    }

    .list-layout {
        margin-left: -15px;
        margin-right: -15px;
        font-size: 0;
    }

    .list-layout .element {
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
        margin-top: 30px;
        font-size: 14px;
    }

    .list-layout.column-1 .element {
        width: 100%;
    }

    .list-layout.column-1 .element:first-child {
        margin-top: 0;
    }

    .list-layout.column-2 .element {
        width: 50%;
    }

    .list-layout.column-2 .element:nth-child(-n + 2) {
        margin-top: 0;
    }

    .list-layout.column-3 .element {
        width: 33.3333%;
    }

    .list-layout.column-3 .element:nth-child(-n + 3) {
        margin-top: 0;
    }

    .list-layout.column-4 .element {
        width: 25%;
    }

    .list-layout.column-4 .element:nth-child(-n + 4) {
        margin-top: 0;
    }

    .style-no-image .list-layout .element {
        margin-top: 0;
    }

    .style-no-image .list-layout .slz-block-item-01.style-2 {
        padding-top: 6px;
        margin-top: 10px;
        border-top: 1px solid #cccccc;
    }

    .style-no-image .list-layout.column-1 .element {
        width: 100%;
    }

    .style-no-image .list-layout.column-1 .element:first-child .slz-block-item-01.style-2 {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .style-no-image .list-layout.column-2 .element {
        width: 50%;
    }

    .style-no-image .list-layout.column-2 .element:nth-child(-n + 2) .slz-block-item-01.style-2 {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .style-no-image .list-layout.column-3 .element {
        width: 33.3333%;
    }

    .style-no-image .list-layout.column-3 .element:nth-child(-n + 3) .slz-block-item-01.style-2 {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .style-no-image .list-layout.column-4 .element {
        width: 25%;
    }

    .style-no-image .list-layout.column-4 .element:nth-child(-n + 4) .slz-block-item-01.style-2 {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

/*----------  8.1. template 01  ------------------*/

    .slz-template-01 .slz-block-item-01 {
        box-shadow: none;
        background-color: #fafafa;
    }

    .slz-template-01 .list-layout {
        margin-top: 30px;
    }

    .slz-template-01 .list-layout .slz-block-item-01 {
        background-color: #fff;
    }

    .slz-template-01.style-no-image .list-layout {
        margin-top: 20px;
    }

/*----------  8.2. template 02  ------------------*/

    .slz-template-02 {
        margin: 0 -15px;
        font-size: 0;
        width: calc(100% + 30px);
    }

    .slz-template-02 .slz-block-item-01 {
        box-shadow: none;
        background-color: #fafafa;
    }

    .slz-template-02 .main-layout {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        padding: 0 15px;
        font-size: 14px;
    }

    .slz-template-02 .list-layout {
        width: calc(50% + 30px);
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        padding: 0 15px;
    }

    .slz-template-02 .list-layout .slz-block-item-01 {
        background-color: #fff;
    }

    .slz-template-02.style-no-image .main-layout {
        width: 60%;
    }

    .slz-template-02.style-no-image .list-layout {
        width: 40%;
    }

/*----------  8.3. template 03  ------------------*/
    .slz-template-03 .slz-block-item-01 {
        box-shadow: none;
    }

    .slz-template-03.block-right-left .slz-list-block .item:nth-child(even) {
        direction: rtl;
    }

    .slz-template-03.block-right-left .slz-list-block .item:nth-child(even) .slz-gallery-format {
        direction: ltr;
    }

    .slz-template-03.block-right-left .slz-list-block .item:nth-child(even) .block-content {
        direction: ltr;
        padding: 0 20px 0 0;
    }

    .slz-template-03 .slz-block-item-01.style-1 .block-content {
        padding: 15px 0 0 0;
    }

    .slz-template-03 .slz-block-item-01.style-2 .block-image + .block-content {
        padding: 0 0 0 20px;
    }

    .slz-template-03 .block-title {
        font-size: 24px;
        line-height: 1.2;
    }

/*----------  8.4. template 04  ------------------*/

    .slz-top-news .top-news-wrapper {
        background-color: #fafafa;
        padding: 20px;
    }

    .top-news-wrapper .item {
        margin-bottom: 15px;
        padding-bottom: 12px;
        border: none;
        text-align: left;
        border-bottom: 1px solid #ebebeb;
        display: table;
        width: 100%;
    }

    .top-news-wrapper .post-number {
        padding-right: 10px;
        color: #da0f32;
        display: table-cell;
        font-weight: 700;
        vertical-align: top;
        line-height: 24px;
        width: 30px;
    }

    .top-news-wrapper .post-info {
        top: 0;
    }

    .top-news-wrapper .post-info .title {
        color: #18364a;
        font-size: 16px;
        line-height: 24px;
    }

    .top-news-wrapper .post-info .title:hover {
        color: #da0f32;
    }

    .top-news-wrapper .item:last-child {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0;
    }

    .slz-recent-post .media {
        border-top: 1px solid #e9ebef;
        padding-top: 15px;
        margin-top: 15px;
    }

    .slz-recent-post .media:first-child {
        padding-top: 0;
        border-top: none;
        margin-top: 0;
    }

    .slz-recent-post .media-left {
        padding-right: 15px;
    }

    .slz-recent-post .media-right {
        padding-left: 0;
        width: 100%;
    }

    .slz-recent-post .wrapper-image {
        position: relative;
        width: 80px;
        display: block;
        overflow: hidden;
    }

    .slz-recent-post .wrapper-image:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .slz-recent-post .wrapper-image img {
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .slz-recent-post .media-heading {
        font-size: 16px;
    }

    .slz-recent-post .meta {
        margin: 0 -12px;
        line-height: 18px;
    }

    .slz-recent-post .meta > .icons {
        margin: 0 0 0 12px;
        color: #666c72;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .slz-recent-post .meta-info {
        font-size: 12px;
        color: #9aa7bc;
        display: inline-block;
        margin: 0 12px;
        text-transform: capitalize;
    }

    .slz-recent-post .meta-info .link {
        color: #9aa7bc;
        padding-left: 5px;
    }

    .slz-recent-post .icon-meta {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .slz-recent-post .view .icon-meta:before {
        content: "\f06e";
    }

    .slz-recent-post .comment .icon-meta:before {
        content: "\f086";
    }

    .slz-recent-post .block-info {
        margin-bottom: 0;
    }

/*----------  8.5. Customs css  ------------------*/
    .col-md-8.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title,
    .vc_col-sm-8 .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
        font-size: 36px;
    }

    .col-md-8.slz-posts .slz-list-block.slz-column-1 > .item, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 > .item,
    .vc_col-sm-8 .slz-list-block.slz-column-1 > .item {
        margin-top: 50px;
    }

    .col-md-8.slz-posts .slz-list-block.slz-column-1 > .item:first-child, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 > .item:first-child,
    .vc_col-sm-8 .slz-list-block.slz-column-1 > .item:first-child {
        margin-top: 0px;
    }

/*----------  8.6. More type post ------------------*/
    .list-layout .slz-format-quote .icons-quote,
    .list-layout .slz-format-audio .icons-audio,
    .list-layout .slz-format-video .icons-video,
    .list-layout .slz-format-gallery .icons-gallery,
    .slz-block-item-01.style-3.slz-format-quote .icons-quote,
    .slz-block-item-01.style-3.slz-format-audio .icons-audio,
    .slz-block-item-01.style-3.slz-format-video .icons-video,
    .slz-block-item-01.style-3.slz-format-gallery .icons-gallery {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        font-size: 3em;
        font-family: 'FontAwesome';
        font-style: normal;
        color: #fff;
        transform: translate(-50%, -50%);
    }

    .list-layout .slz-block-item-01.slz-format-quote .block-image .link:after,
    .list-layout .slz-block-item-01.slz-format-audio .block-image .link:after,
    .list-layout .slz-block-item-01.slz-format-video .block-image .link:after,
    .list-layout .slz-block-item-01.slz-format-gallery .block-image .link:after {
        transform: scale(1);
    }

    .list-layout .slz-format-quote .icons-quote:before,
    .slz-block-item-01.style-3.slz-format-quote .icons-quote:before {
        content: "\f10e";
    }

    .list-layout .slz-format-audio .icons-audio:before,
    .slz-block-item-01.style-3.slz-format-audio .icons-audio:before {
        content: "\f028";
    }

    .list-layout .slz-format-video .icons-video:before,
    .slz-block-item-01.style-3.slz-format-video .icons-video:before {
        content: "\f04b";
    }

    .list-layout .slz-format-gallery .icons-gallery:before,
    .slz-block-item-01.style-3.slz-format-gallery .icons-gallery:before {
        content: "\f03e";
    }



/*==============================================
=            10. MANSORY LAYOUT                =
==============================================*/

/*----------  10.0. global style  -----------------*/

/*----------  10.2. isotop layout 1  --------------*/

    .slz-isotope-grid {
        font-size: 0;
        margin: -15px;
    }

    .slz-isotope-grid .grid-sizer {
        width: 1%;
    }

    .slz-isotope-grid .grid-item {
        padding: 15px;
        font-size: 14px;
        vertical-align: top;
        display: inline-block;
    }

    .slz-isotope-grid .grid-item > .img-full {
        width: 100%;
        display: block;
        max-width: none;
    }

    .slz-isotope-grid .grid-item-wrapper {
        overflow: hidden;
        position: relative;
    }

    .slz-isotope-grid .grid-item-wrapper:before {
        content: "";
        display: block;
        padding-top: 80%;
    }

    .slz-isotope-grid .grid-item-wrapper > .img-full {
        width: auto;
        height: 100%;
        display: block;
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-isotope-grid.column-2 .grid-item {
        width: 50%;
    }

    .slz-isotope-grid.column-3 .grid-item {
        width: 33.3333%;
    }

    .slz-isotope-grid.column-4 .grid-item {
        width: 25%;
    }

    .slz-isotope-grid.column-5 .grid-item {
        width: 20%;
    }

/*----------  10.3. isotop layout 2  --------------*/

    .slz-isotope-grid-2 {
        font-size: 0;
        margin: -15px;
    }

    .slz-isotope-grid-2 .grid-sizer {
        width: 1%;
    }

    .slz-isotope-grid-2 .grid-item {
        margin: 15px;
        font-size: 14px;
        overflow: hidden;
        position: relative;
        vertical-align: top;
        display: inline-block;
    }

    .slz-isotope-grid-2 .grid-item:before {
        content: "";
        display: block;
        padding-top: 80%;
    }

    .slz-isotope-grid-2 .grid-item .img-full {
        width: auto;
        height: 100%;
        display: block;
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }

    .slz-isotope-grid-2 .grid-item > div {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .slz-isotope-grid-2 .grid-item > div .block-image {
        width: 100%;
        height: 100%;
    }

    .slz-isotope-grid-2 .grid-item-width-2.grid-item-height-1 .img-full {
        width: 100%;
        height: auto;
    }

    .slz-isotope-grid-2.column-3 .grid-item {
        width: calc(33.3333% - 30px);
    }

    .slz-isotope-grid-2.column-3 .grid-item-width-2 {
        width: calc(66.6666% - 30px);
    }

    .slz-isotope-grid-2.column-3 .grid-item-width-2:before {
        padding-top: calc(80% + 5.99px);
    }

    .slz-isotope-grid-2.column-3 .grid-item-height-1:before {
        padding-top: calc(39% - 4.5px);
    }

    .slz-isotope-grid-2.column-3 .grid-item-height-2:before {
        padding-top: calc(160% + 30px);
    }

    .slz-isotope-grid-2.column-4 .grid-item {
        width: calc(25% - 30px);
    }

    .slz-isotope-grid-2.column-4 .grid-item-width-2 {
        width: calc(50% - 30px);
    }

    .slz-isotope-grid-2.column-4 .grid-item-width-2:before {
        padding-top: calc(80% + 6px);
    }

    .slz-isotope-grid-2.column-4 .grid-item-height-1:before {
        padding-top: calc(39% - 6.44px);
    }

    .slz-isotope-grid-2.column-4 .grid-item-height-2:before {
        padding-top: calc(160% + 30px);
    }

    .slz-isotope-grid-2.column-5 .grid-item {
        width: calc(20% - 30px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-width-2 {
        width: calc(40% - 30px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-width-2:before {
        padding-top: calc(80% + 5.99px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-height-1:before {
        padding-top: calc(38% - 3.25px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-height-2:before {
        padding-top: calc(160% + 29.99px);
    }

/*----------  10.4. button loadmore  --------------*/

    .btn-loadmore-wrapper {
        display: block;
        margin-top: 50px;
        text-align: center;
    }

    .btn-loadmore-wrapper .slz-btn {
        display: inline-block;
    }

    .btn-loadmore {
        color: #fff;
        height: 40px;
        padding: 0 30px;
        font-weight: 700;
        line-height: 38px;
        text-align: center;
        letter-spacing: 1px;
        display: inline-block;
        text-transform: uppercase;
        border: 1px solid #337ab7;
        background-color: #337ab7;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .btn-loadmore:hover {
        border-color: #4f93ce;
        background-color: #4f93ce;
        color: #fff;
    }

/*----------  10.5. Post mansory  -----------------*/
    
    .slz-posts-mansory .slz-isotope-grid-2 .grid-item {
        overflow: visible;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item:before {
        padding-top: 120%;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item-width-2:before {
        padding-top: calc(60% - 18px);
    }


    .slz-posts-mansory .slz-isotope-grid-2 .grid-item > .slz-block-item-01 {
        overflow: hidden;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item > .slz-block-item-01 .block-image,
    .slz-posts-mansory .slz-isotope-grid-2 .grid-item > .slz-block-item-01 .slz-block-video {
        height: 55%;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .slz-block-video .block-video {
        height: 100%;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item > div .block-image:before,
    .slz-posts-mansory .slz-isotope-grid-2 .grid-item > div .block-video:before {
        content: none;
    }





/*==============================================
=            12. TABS                          =
==============================================*/

/*----------  12.1. tab filler  -------------------*/
    
    .slz-isotope-nav,
    .slz-blog-detail .slz-isotope-nav,
    .tab-list-wrapper,
    .slz-blog-detail .tab-list-wrapper {
        margin: 0 0 20px 0;
        padding: 0;
    }

    .slz-isotope-nav .tab-filter,
    .tab-list-wrapper .tab-list {
        list-style: none;
        display: inline-block;
        text-align: center;
        padding: 0;
    }

    .tab-filter li,
    .tab-list li {
        display: inline-block;
        margin: 3px 15px 3px 15px;
    }

    .tab-filter li:first-child,
    .tab-list li:first-child {
        margin-left: 0;
    }

    .tab-filter li:last-child,
    .tab-list li:last-child {
        margin-right: 0;
    }

    .tab-filter li .link,
    .tab-list li .link {
        position: relative;
        text-transform: capitalize;
        color: #213047;
        cursor: pointer;
    }

    .tab-filter li .link:hover,
    .tab-list li .link:hover,
    .tab-filter li.active .link,
    .tab-list li.active .link {
        color: #da0f32;
    }


/*----------  12.3. tab vertical  -----------------*/

    .slz-tab-vertical {
        display: table;
        width: 100%;
    }

    .slz-tab-vertical .tab-list-wrapper {
        display: table-cell;
        width: 15%;
        vertical-align: middle;
    }

    .slz-tab-vertical .tab-list {
        position: relative;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
              flex-direction: column;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
              justify-content: space-between;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .slz-tab-vertical .tab-list li {
        display: block;
        max-width: 100px;
        text-align: center;
        line-height: 1.22;
        margin: 0;
    }

    .slz-tab-vertical .tab-content {
        display: table-cell;
        width: 85%;
    }

    .slz-tab-vertical .text-content {
        display: block;
    }


/*==============================================
=            16. COMMENT RATING                =
==============================================*/

    .stars-rating .review:after {
        content: "\f005\f005\f005\f005\f005";
        top: 0;
        position: absolute;
        left: 0;
        font-family: FontAwesome;
        color: #dadada;
        float: left;
        overflow: hidden;
        text-indent: 0;
    }

    .comment-form-rating {
        margin: 0 -15px;
    }

    .comment-form-rating .stars a,
    .stars-rating .review {
        width: 2em;
        position: relative;
        display: inline-block;
        text-indent: -999px;
        margin-right: 1em;
        border-right: 1px solid #EEE;
    }

    .stars-rating .review {
        border-right: none;
        margin-right: 0;
    }

    .comment-form-rating .stars a:before,
    .stars-rating .review:before {
        content: "\f006";
        top: 0;
        position: absolute;
        left: 0;
        font-family: FontAwesome;
        color: #f9d116;
        float: left;
        overflow: hidden;
        text-indent: 0;
        z-index: 5;
    }

    .comment-form-rating .stars a.star-2,
    .stars-rating .review {
        width: 3em;
    }

    .comment-form-rating .stars a.star-3,
    .stars-rating .review.star-3 {
        width: 4em;
    }

    .comment-form-rating .stars a.star-4,
    .stars-rating .review.star-4 {
        width: 5em;
    }

    .comment-form-rating .stars a.star-5,
    .stars-rating .review.star-5 {
        width: 6em;
        border-right: none;
        margin-right: 0;
    }

    .comment-form-rating .stars a.star-2:before {
        content: "\f006\f006";
    }
    .comment-form-rating .stars a.star-3:before {
        content: "\f006\f006\f006";
    }
    .comment-form-rating .stars a.star-4:before {
        content: "\f006\f006\f006\f006";
    }
    .comment-form-rating .stars a.star-5:before {
        content: "\f006\f006\f006\f006\f006";
    }
    .comment-form-rating .stars a.star-1.active:before,
    .comment-form-rating .stars a.star-1:hover:before,
    .stars-rating .review.star-1:before {
        content: "\f005";
    }
    .comment-form-rating .stars a.star-2.active:before,
    .comment-form-rating .stars a.star-2:hover:before,
    .stars-rating .review.star-2:before {
        content: "\f005\f005";
    }
    .comment-form-rating .stars a.star-3.active:before,
    .comment-form-rating .stars a.star-3:hover:before,
    .stars-rating .review.star-3:before {
        content: "\f005\f005\f005";
    }
    .comment-form-rating .stars a.star-4.active:before,
    .comment-form-rating .stars a.star-4:hover:before,
    .stars-rating .review.star-4:before {
        content: "\f005\f005\f005\f005";
    }
    .comment-form-rating .stars a.star-5.active:before,
    .comment-form-rating .stars a.star-5:hover:before,
    .stars-rating .review.star-5:before {
        content: "\f005\f005\f005\f005\f005";
    }


/*=======================================
=            CUSTOM FANCYBOX            =
=======================================*/

    body.fancy-open{
        overflow: hidden;
    }


/*=====  End of CUSTOM FANCYBOX  ======*/


/*=============================================
=            RESPONSIVE                       =
=============================================*/

/*----------  1. screen 1600 ->  ------------------*/
@media screen and (min-width: 1600px) {}

/*----------  2. screen 1024  ---------------------*/
@media screen and (max-width: 1024px) {

    /*----------  Isotope  ----------*/
    
    .slz-isotope-grid-2.column-5 .grid-item {
        width: calc(25% - 30px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-width-2 {
        width: calc(50% - 30px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-width-2:before {
        padding-top: calc(80% + 6px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-height-1:before {
        padding-top: calc(40% - 12px);
    }

    .slz-isotope-grid-2.column-5 .grid-item-height-2:before {
        padding-top: calc(160% + 30px);
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item:before {
        padding-top: 150%;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item-width-2:before {
        padding-top: calc(71% + 2.16px);
    }
}

/*----------  3. screen 768  ---------------------*/
@media screen and (max-width: 768px) {

    /*----------  template  ----------*/
    .list-layout.column-4 .element {
        width: 50%;
    }
    .list-layout.column-4 .element:nth-child(-n + 4) {
        margin-top: 30px;
    }
    .list-layout.column-4 .element:nth-child(-n + 2) {
        margin-top: 0;
    }
    .style-no-image .list-layout.column-4 .element {
        width: 50%;
    }
    .style-no-image .list-layout.column-4 .element:nth-child(-n + 4) {
        padding-top: 6px;
        margin-top: 10px;
        border-top: 1px solid #cccccc;
    }
    .style-no-image .list-layout.column-4 .element:nth-child(-n + 2) {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .col-md-8.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title,
    .vc_col-sm-8 .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
        font-size: 30px;
    }

    /*----------  Isotope  ----------*/

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item:before {
        padding-top: 150%;
    }

    .slz-posts-mansory .slz-isotope-grid-2 .grid-item-width-2:before {
        padding-top: calc(71% + 2.16px);
    }
}

/*----------  4. screen 767  ---------------------*/
@media screen and (max-width: 767px) {

    /*----------  template  ----------*/
    .list-layout {
        margin-left: -10px;
        margin-right: -10px;
    }

    .list-layout .element {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
    }

    .slz-template-01 .list-layout {
        margin-top: 20px;
    }

    .list-layout.column-2 .element,
    .list-layout.column-3 .element,
    .list-layout.column-3 .element:nth-child(-n + 3),
    .list-layout.column-4 .element,
    .list-layout.column-4 .element:nth-child(-n + 4) {
        margin-top: 20px;
    }

    .list-layout.column-3 .element,
    .list-layout.column-4 .element {
        width: 50%;
    }

    .list-layout.column-2 .element:nth-child(-n + 2),
    .list-layout.column-3 .element:nth-child(-n + 2),
    .list-layout.column-4 .element:nth-child(-n + 2) {
        margin-top: 0px;
    }

    .style-no-image .list-layout.column-3 .element,
    .style-no-image .list-layout.column-4 .element {
        width: 50%;
    }

    .style-no-image .list-layout.column-2 .element,
    .style-no-image .list-layout.column-3 .element,
    .style-no-image .list-layout.column-3 .element:nth-child(-n + 3),
    .style-no-image .list-layout.column-4 .element,
    .style-no-image .list-layout.column-4 .element:nth-child(-n + 4) {
        padding-top: 6px;
        margin-top: 10px;
        border-top: 1px solid #cccccc;
    }

    .style-no-image .list-layout.column-3 .element:nth-child(-n + 2),
    .style-no-image .list-layout.column-4 .element:nth-child(-n + 2) {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .slz-template-02 {
        margin: 0;
        font-size: 0;
        width: 100%;
    }

    .slz-template-02 .main-layout,
    .slz-template-02.style-no-image .main-layout {
        width: 100%;
        padding: 0;
    }

    .slz-template-02.style-no-image .list-layout,
    .slz-template-02 .list-layout {
        margin-top: 20px;
        padding: 0;
        width: calc(100% + 20px);
    }
    
    .slz-template-03 .slz-list-block.slz-column-1 > .item {
        margin-top: 30px;
    }

    .col-md-8.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title,
    .vc_col-sm-8 .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
        font-size: 24px;
    }
    .col-md-8.slz-posts .slz-list-block.slz-column-1 > .item, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 > .item,
    .vc_col-sm-8 .slz-list-block.slz-column-1 > .item {
        margin-top: 30px;
    }

    .col-md-8.slz-posts .slz-list-block.slz-column-1 > .item:first-child, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 > .item:first-child,
    .vc_col-sm-8 .slz-list-block.slz-column-1 > .item:first-child {
        margin-top: 0px;
    }

    /*----------  Isotope  ----------*/

    .slz-isotope-grid,
    .slz-isotope-grid-2 {
        margin: -10px;
    }

    .slz-isotope-grid .grid-item {
        padding: 10px;
    }

    .slz-isotope-grid-2 .grid-item {
        margin: 10px;
    }

    .slz-isotope-grid-2 .grid-item-width-2.grid-item-height-1 .img-full {
        width: auto;
        height: 100%;
    }

    .slz-isotope-grid-2.column-3 .grid-item,
    .slz-isotope-grid-2.column-4 .grid-item,
    .slz-isotope-grid-2.column-5 .grid-item {
        width: calc(50% - 20px);
    }

    .slz-isotope-grid-2.column-3 .grid-item-width-2:before,
    .slz-isotope-grid-2.column-3 .grid-item-height-1:before,
    .slz-isotope-grid-2.column-4 .grid-item-width-2:before,
    .slz-isotope-grid-2.column-4 .grid-item-height-1:before,
    .slz-isotope-grid-2.column-5 .grid-item-width-2:before,
    .slz-isotope-grid-2.column-5 .grid-item-height-1:before {
        padding-top: 80%;
    }

    .slz-isotope-grid-2.column-3 .grid-item-height-2:before,
    .slz-isotope-grid-2.column-4 .grid-item-height-2:before,
    .slz-isotope-grid-2.column-5 .grid-item-height-2:before {
        padding-top: calc(160% + 20px);
    }

    .slz-isotope-grid.column-3 .grid-item,
    .slz-isotope-grid.column-4 .grid-item,
    .slz-isotope-grid.column-5 .grid-item {
        width: 50%;
    }
    
    .slz-posts-mansory .slz-isotope-grid-2 .grid-item:before,
    .slz-posts-mansory .slz-isotope-grid-2 .grid-item-width-2:before  {
        padding-top: 120%;
    }

}

/*----------  5. screen 600  ---------------------*/
@media screen and (max-width: 600px) {
   

}

/*----------  6. screen 480  ---------------------*/
@media screen and (max-width: 480px) {

    /*----------  block item  ----------*/
    .slz-block-item-01 .block-text {
        margin-top: 10px;
    }

    .slz-block-item-01.style-2 .block-image,
    .slz-block-item-01.style-2 .block-content {
        width: 100%;
        display: block;
    }

    .slz-block-item-01.style-2 .block-image + .block-content {
        padding: 15px 20px;   
    }

    .slz-block-item-01.style-3 .block-text {
        display: none;
    }

    /*----------  template  ----------*/
    .list-layout .slz-block-item-01.style-2 .block-image,
    .list-layout .slz-block-item-01.style-2 .block-content {
        display: table-cell;
    }

    .list-layout .slz-block-item-01.style-2 .block-content {
        width: auto;
    }

    .slz-template-03.block-right-left .slz-list-block .item:nth-child(even) .block-content,
    .slz-template-03 .slz-block-item-01.style-2 .block-image + .block-content {
        padding: 15px 0 0 0;   
    }

    /*----------  Isotope  ----------*/
    .slz-isotope-grid-2.column-3 .grid-item-height-2:before,
    .slz-isotope-grid-2.column-4 .grid-item-height-2:before,
    .slz-isotope-grid-2.column-5 .grid-item-height-2:before {
        padding-top: 80%;
    }

}

/*----------  7. screen 414  ---------------------*/
@media screen and (max-width: 414px) {
    /*----------  post mansory  ----------*/
    .slz-isotope-grid-2.column-3 .grid-item, 
    .slz-isotope-grid-2.column-4 .grid-item, 
    .slz-isotope-grid-2.column-5 .grid-item {
        width: calc(100% - 20px);
    }

    .slz-isotope-grid.column-3 .grid-item, 
    .slz-isotope-grid.column-4 .grid-item, 
    .slz-isotope-grid.column-5 .grid-item {
        width: 100%;
    }
}

/*----------  8. screen 380  ---------------------*/
@media screen and (max-width: 380px) {
    .slz-block-item-01 .block-info li a {
        font-size: 12px;
    }
    .slz-block-item-01 .block-info li:before {
        font-size: 5px;
    }
}

/*----------  9. screen 320  ---------------------*/
@media screen and (max-width: 320px) {

    /*----------  template  ----------*/
    .list-layout.column-2 .element,
    .list-layout.column-3 .element,
    .list-layout.column-4 .element {
        width: 100%;
    }
    .list-layout.column-2 .element:nth-child(-n + 2),
    .list-layout.column-3 .element:nth-child(-n + 2),
    .list-layout.column-4 .element:nth-child(-n + 2) {
        margin-top: 20px;
    }
    .list-layout.column-2 .element:first-child,
    .list-layout.column-3 .element:first-child,
    .list-layout.column-4 .element:first-child {
        margin-top: 0;
    }
    .style-no-image .list-layout.column-2 .element,
    .style-no-image .list-layout.column-3 .element,
    .style-no-image .list-layout.column-4 .element {
        width: 100%;
    }
    .style-no-image .list-layout.column-2 .element:nth-child(-n + 2),
    .style-no-image .list-layout.column-3 .element:nth-child(-n + 2),
    .style-no-image .list-layout.column-4 .element:nth-child(-n + 2) {
        padding-top: 6px;
        margin-top: 10px;
        border-top: 1px solid #cccccc;
    }
    .style-no-image .list-layout.column-2 .element:first-child,
    .style-no-image .list-layout.column-3 .element:first-child,
    .style-no-image .list-layout.column-4 .element:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .slz-block-item-01 .block-content,
    .list-layout .slz-block-item-01 .block-content {
        padding: 15px;
    }

    .main-layout .block-title,
    .list-layout .block-title,
    .slz-template-03 .block-title {
        font-size: 20px;
        line-height: 1.2;
    }

    .list-layout .slz-block-item-01.style-2 .block-title {
        font-size: 16px;
        line-height: 24px;
    }

    .list-layout .slz-block-item-01.style-2 .block-info {
        margin-top: 5px;
    }

    .list-layout .slz-block-item-01.style-2 .block-image {
        width: 100px;
    }

    .list-layout .block-content .block-text, .list-layout .block-info {
        margin-top: 10px;
    }

    .list-layout .slz-block-item-01.style-3 .block-info {
        display: block;
    }

    .slz-template-01 .list-layout .slz-block-item-01,
    .slz-template-02 .list-layout .slz-block-item-01 {
        background-color: #fafafa;
    }

    .slz-template-01 .list-layout .slz-block-item-01.style-2,
    .slz-template-02 .list-layout .slz-block-item-01.style-2 {
        background-color: #fff;
    }

    .slz-template-02.style-no-image .list-layout .slz-block-item-01.style-2 .block-content {
        padding: 0;
    }


    .col-md-8.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 .slz-block-item-01 .block-title,
    .vc_col-sm-8 .slz-list-block.slz-column-1 .slz-block-item-01 .block-title {
        font-size: 20px;
        line-height: 1.2;
    }
    .col-md-8.slz-posts .slz-list-block.slz-column-1 > .item, 
    .col-md-12.slz-posts .slz-list-block.slz-column-1 > .item,
    .vc_col-sm-8 .slz-list-block.slz-column-1 > .item {
        margin-top: 30px;
    }
}