/*
*  STYLE DEFAULT WIDGETS
*
*
*  [Table of contents]
*
*  [&. Content / #key]
*  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*  Summary: Widgets
*
*  0. General
*  1. Widget About Us
*  2. Widget Banner
*  3. Widget Categories
*  4. Widget Contact
*  5. Widget Image Slider
*  6. Widget Newsletter
*  7. Widget Post Block, Post Slider
*  8. Widget Project List
*  9. Widget Recent Post
*  10. Widget Gallery
*  11. Widget About Me
*  12. Widget Download
*  13. Widget New Tweet
*  14. Widget Causes
*  15. Widget Events
*  16. Social Counter
*  17. Footer Widget
*  18. Custom Post
*  19. About Me
*  20. Widget Archive
*
*
*/


/*----------  0. General  ----------------------*/
    .slz-widget {
        margin-top: 50px;
    }

    .slz-widget:first-child {
        margin-top: 0;
    }

    .slz-widget .widget-title {
        display: block;
    }

    .slz-widget .widget-content {
        display: block;
    }

    .slz-widget .widget-title.logo-title {
        min-height: 30px;
        border: none;
        padding: 0;
        margin-bottom: 25px;
    }

    .slz-widget .widget-title.logo-title:before {
        content: none;
    }

    .slz-widget .slick-dots {
        bottom: -30px;
        margin-bottom: 0;
    }

    .slz-widget .slick-dots li,
    .slz-widget.slz-gallery .slick-dots li {
        width: 20px;
        margin: 0;
        padding: 0;
    }

    .slz-widget .slick-dots li button:before {
        font-size: 8px;
    }

    .slz-widget .social a {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 10px 0;
        font-size: 14px;
        line-height: 24px;
        width: 40px;
        text-align: center;
        padding: 8px 10px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        background-color: rgba(0, 0, 0, 0.1); 
        position: relative;
        overflow: hidden;
    }

    .slz-widget .social a:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
        background-color: #304fe9;
        -webkit-transition: transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        z-index: 1;
    }

    .slz-widget .social a .icons {
        position: relative;
        z-index: 2;
    }

    .slz-widget .social a:hover:before {
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .slz-widget .social a:hover,
    .slz-widget .social a:focus {
        color: #fff;
    }

    .slz-widget .social a:last-child {
        margin-right: 0;
    }
    
    .social-counter-title.facebook > .slz-icon {
        color: #3765a3;
    }

    .social-counter-title.facebook > .link {
        background-color: #3765a3;
    }

    .social-counter-title.twitter > .slz-icon {
        color: #33ccff;
    }

    .social-counter-title.twitter > .link {
        background-color: #33ccff;
    }

    .social-counter-title.google-plus > .slz-icon,
    .social-counter-title.google > .slz-icon {
        color: #dc4638;
    }

    .social-counter-title.google-plus > .link,
    .social-counter-title.google > .link {
        background-color: #dc4638;
    }

    .social-counter-title.skype > .slz-icon {
        color: #00AFF0;
    }

    .social-counter-title.skype > .link {
        background-color: #00AFF0;
    }

    .social-counter-title.youtube > .slz-icon {
        color: #E62117;
    }

    .social-counter-title.youtube > .link {
        background-color: #E62117;
    }

    .social-counter-title.rss > .slz-icon {
        color: #F36F24;
    }

    .social-counter-title.rss > .link {
        background-color: #F36F24;
    }
    
    .social-counter-title.delicious > .slz-icon {
        color: #2A96FF;
    }

    .social-counter-title.delicious > .link {
        background-color: #2A96FF;
    }

    .social-counter-title.pinterest > .slz-icon {
        color: #bd081c;
    }

    .social-counter-title.pinterest > .link {
        background-color: #bd081c;
    }

    .social-counter-title.vimeo > .slz-icon {
        color: #00ADEF;
    }

    .social-counter-title.vimeo > .link {
        background-color: #00ADEF;
    }

    .social-counter-title.flickr > .slz-icon {
        color: #FF0084;
    }

    .social-counter-title.flickr > .link {
        background-color: #FF0084;
    }

    .social-counter-title.lastfm > .slz-icon {
        color: #B90000;
    }

    .social-counter-title.lastfm > .link {
        background-color: #B90000;
    }

    .social-counter-title.linkedin > .slz-icon {
        color: #0077B5;
    }

    .social-counter-title.linkedin > .link {
        background-color: #0077B5;
    }

    .social-counter-title.tumblr > .slz-icon {
        color: #36465D;
    }

    .social-counter-title.tumblr > .link {
        background-color: #36465D;
    }

    .social-counter-title.deviantart > .slz-icon {
        color: #05CC47;
    }

    .social-counter-title.deviantart > .link {
        background-color: #05CC47;
    }
    
    .social-counter-title.git > .slz-icon {
        color: #F34F29;
    }

    .social-counter-title.git > .link {
        background-color: #F34F29;
    }

    .social-counter-title.instagram > .slz-icon  {
        color: #895A4D;
    }

    .social-counter-title.instagram > .link {
        background-color: #895A4D;
    }

    .social-counter-title.soundcloud > .slz-icon {
        color: #FF5500;
    }

    .social-counter-title.soundcloud > .link {
        background-color: #FF5500;
    }
    
    .social-counter-title.stumbleupon > .slz-icon {
        color: #EB4924;
    }

    .social-counter-title.stumbleupon > .link {
        background-color: #EB4924;
    }
    
    .social-counter-title.behance > .slz-icon {
        color: #005CFF;
    }

    .social-counter-title.behance > .link {
        background-color: #005CFF;
    }
    
    .social-counter-title.tripadvisor > .slz-icon {
        color: #589442;
    }

    .social-counter-title.tripadvisor > .link {
        background-color: #589442;
    }
    
    .social-counter-title.vk > .slz-icon {
        color: #507299;
    }

    .social-counter-title.vk > .link {
        background-color: #507299;
    }

    .social-counter-title.foursquare > .slz-icon {
        color: #F94877;
    }

    .social-counter-title.foursquare > .link {
        background-color: #F94877;
    }
    
    .social-counter-title.xing > .slz-icon {
        color: #ADD000;
    }

    .social-counter-title.xing > .link {
        background-color: #ADD000;
    }

    .social-counter-title.weibo > .slz-icon {
        color: #E6162D;
    }

    .social-counter-title.weibo > .link {
        background-color: #E6162D;
    }

    .social-counter-title.odnoklassniki > .slz-icon {
        color: #F58220;
    }

    .social-counter-title.odnoklassniki > .link {
        background-color: #F58220;
    }

/*----------  1. Widget About Us  ---------------*/
    .slz-widget-about-us p {
        margin: 0 0 15px 0;
    }

    .slz-widget-about-us p br {
        content: '';
        height: 15px;
        display: block;
    }

    .slz-widget-about-us p:last-child {
        margin: 0;
    }

    .slz-widget-about-us .widget-description + .social {
        margin-top: 25px;
    }

/*----------  2. Widget Banner  -----------------*/
    .slz-banner-image a {
        display: block;
    }

    .slz-banner-image img {
        margin: 0 auto;
    }

/*----------  3. Widget Categories  -------------*/
    .slz-categories .link,
    .slz-categories2 .link,
    .slz-widget-categories .link,
    .slz-widget-categories2 .link {
        display: block;
        color: #333;
        font-weight: 500;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        position: relative;
    }

    .slz-categories .link:before,
    .slz-categories2 .link:before,
    .slz-widget-categories .link:before,
    .slz-widget-categories2 .link:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 100%;
        left: 0;
        right: 0;
        border-left: 2px solid #efefef;
        border-right: 2px solid #efefef;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .slz-categories .link:after,
    .slz-categories2 .link:after,
    .slz-widget-categories .link:after,
    .slz-widget-categories2 .link:after {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 50%;
        right: 50%;
        border-top: 2px solid #efefef;
        border-bottom: 2px solid #efefef;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .slz-categories .link:first-child:after,
    .slz-categories2 .link:first-child:after,
    .slz-widget-categories .link:first-child:after,
    .slz-widget-categories2 .link:first-child:after {
        border-top-width: 2px;
    }

    .slz-categories .link:last-child:after,
    .slz-categories2 .link:last-child:after,
    .slz-widget-categories .link:last-child:after,
    .slz-widget-categories2 .link:last-child:after {
        border-bottom-width: 2px;
    }

    .slz-categories .link + .link,
    .slz-categories2 .link + .link,
    .slz-widget-categories .link + .link,
    .slz-widget-categories2 .link + .link {
        border-top: 1px solid #efefef;
    }

    .slz-categories .link > .icons,
    .slz-categories2 .link > .icons,
    .slz-widget-categories .link > .icons,
    .slz-widget-categories2 .link > .icons {
        width: 18px;
        line-height: inherit;
        text-align: left;
        display: inline-block;
        vertical-align: top;
    }

    .slz-categories .link > .text,
    .slz-categories2 .link > .text,
    .slz-widget-categories .link > .text,
    .slz-widget-categories2 .link > .text {
        display: inline;
        line-height: inherit;
        vertical-align: top;
    }

    .slz-categories .link > .badge,
    .slz-widget-categories .link > .badge {
        float: right;
        background-color: transparent;
        color: inherit;
        font-size: 14px;
        position: relative;
        font-weight: 400;
        line-height: 24px;
    }

    .slz-categories .link:hover,
    .slz-categories2 .link:hover,
    .slz-widget-categories .link:hover,
    .slz-widget-categories2 .link:hover {
        color: #304fe9;
        border-top-color: transparent;
    }

    .slz-categories .link:hover + .link,
    .slz-categories2 .link:hover + .link,
    .slz-widget-categories .link:hover + .link,
    .slz-widget-categories2 .link:hover + .link {
        border-top-color: transparent;
    }

    .slz-categories .link:hover:before,
    .slz-categories2 .link:hover:before,
    .slz-widget-categories .link:hover:before,
    .slz-widget-categories2 .link:hover:before {
        bottom: 0%;
    }

    .slz-categories .link:hover:after,
    .slz-categories2 .link:hover:after,
    .slz-widget-categories .link:hover:after,
    .slz-widget-categories2 .link:hover:after {
        left: 0%;
        right: 0%;
    }

    .slz-categories .two-column {
        margin: 0 -5px;
    }

    .slz-categories .two-column .link {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding-left: 10px;
        padding-right: 10px;
    }

    .slz-categories .two-column .link:nth-child(-n + 2) {
        border-top: none;
    }

    .slz-categories .two-column:hover .link {
        border-top-color: transparent;
    }

    .slz-categories2 .link {
        padding-right: 15px;
    }

    .slz-categories2 .link > .label-right,
    .slz-widget-categories2 .link > .label-right {
        float: right;
        line-height: inherit;
    }

    .slz-categories .link > .icons {
        display: none;
    }

    .slz-categories .link > .badge:before,
    .slz-widget-categories .link > .badge:before {
        content: '(';
    }

    .slz-categories .link > .badge:after,
    .slz-widget-categories .link > .badge:after {
        content: ')';
    }

/*----------  4. Widget Contact  ----------------*/
    .slz-widget-contact-info .item {
        display: table;
        position: relative;
    }

    .slz-widget-contact-info .item > .icons {
        display: table-cell;
        width: 30px;
        text-align: left;
    }

    .slz-widget-contact-info .item > .contact-info {
        display: table-cell;
    }

    .slz-widget-contact-info .item .contact-title {
        text-transform: capitalize;
        font-weight: 600;
        font-size: 16px;
        color: #333;
    }

    .slz-widget-contact-info .item .contact-title + .text {
        margin-top: 5px;
    }

    .slz-widget-contact-info .item .text {
        display: block;
        margin: 0;
    }

    .slz-widget-contact-info .item .text a {
        color: #7b7b7b;
        font-weight: 400;
    }

    .slz-widget-contact-info .item .text a:hover {
        color: #304fe9;
    }

    .slz-widget-contact-info .item:first-child {
        margin-top: 0;
    }

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

    .slz-widget-contact-info .item .icons {
        position: relative;
        line-height: 24px;
        left: 0;
    }

    .slz-widget-contact-form form.wpcf7-form {
        font-size: 14px;
    }

    .slz-widget-contact-form form.wpcf7-form > p {
        margin-bottom: 10px;
    }

    .slz-widget-contact-form form.wpcf7-form > p:last-of-type {
        margin-bottom: 20px;
    }

    .slz-widget-contact-form p label {
        font-weight: 400;
        display: block;
    }

    .slz-widget-contact-form .wpcf7-form-control {
        display: block;
        width: 100%;
        padding: 11px 15px;
        line-height: 24px;
        margin-top: 0px;
        border: 2px solid #d2d2d2;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .slz-widget-contact-form textarea.wpcf7-form-control {
        height: 115px;
    }

    .slz-widget-contact-form .wpcf7-form-control:not(.wpcf7-submit):focus {
        border-color: #333;
    }

    .slz-widget-contact-form textarea {
        height: 140px;
        resize: none;
    }

    .slz-widget-contact-form .cf7-btn-submit { 
        position: relative;
        text-align: center;
    }

    .slz-widget-contact-form .wpcf7-submit,
    .slz-widget .tnp-widget-minimal input.tnp-submit {
        color: #fff;
        display: inline-block;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 14px;
        text-transform: uppercase;
        border: 2px solid #304fe9;
        background-color: transparent;
    }

    .slz-widget-contact-form .wpcf7-submit:hover,
    .slz-widget .tnp-widget-minimal input.tnp-submit:hover {
        background-color: transparent;
        color: #333;
    }

    .slz-widget-contact-form .wpcf7 img.ajax-loader {
        border: none;
        position: absolute;
        top: 50%;
        left: auto;
        right: 120px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

/*----------  5. Widget Image Silder  -----------*/
    .slz-carousel-photos .heading .title {
        padding: 40px 0;
        margin: 0;
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        color: #213047;
        background-color: #f8f8f8;
        font-weight: 600;
        line-height: 1;
    }

    .slz-widget-gallery-carousel .slick-list,
    .slz-carousel-photos .slick-list {
        margin: 0 -1.5px;
    }

    .slz-widget-gallery-carousel .slz-carousel .item,
    .slz-carousel-photos .slz-carousel .item {
        padding: 0 1.5px;
    }

    .slz-widget-gallery-carousel img {
        margin-bottom: 0;
    }

    .slz-carousel-photos .slz-carousel .thumb:before {
        content: '';
        display: block;
        padding-top: 100%;
    }

    .slz-carousel-photos .slz-carousel .thumb {
        position: relative;
        display: block;
    }

    .slz-carousel-photos .slz-carousel .thumb img {
        top:0;
        width: auto;
        position: absolute;
        height: 100%;
        max-width: none;
    }

/*----------  6. Widget Newsletter  -------------*/
    .slz-widget-send-mail .form-control,
    .slz-shortcode-send-mail .form-control {
        width: 100%;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        resize: none;
        border: 2px solid #efefef;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        background-color: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .woocommerce .slz-widget .slz-widget-send-mail input[type='text'] {
        margin-bottom: 0;
    }

    .slz-widget-send-mail .form-control + .form-control,
    .slz-shortcode-send-mail .form-control + .form-control {
        margin-top: 10px;
    }
    .slz-shortcode-send-mail .form-control + .slz-btn  {
        margin-top: 20px;
    }
    .slz-widget-send-mail .form-control:focus,
    .slz-shortcode-send-mail .form-control:focus {
        border-color: #304fe9;
    }

    .slz-widget-send-mail .description {
        margin-bottom: 20px;
    }

    .slz-widget-send-mail .slz-btn {
        padding: 15px 40px 10px 40px;
        display: block;
        width: 100%;
        border: 2px solid #304fe9;
        background-color: #304fe9;
        margin-top: 20px;
        color: #fff;
        font-size: 13px;
        font-weight: 600;
    }

    .slz-widget-send-mail .slz-btn:before {
        background-color: #fff;
    }

    .slz-widget-send-mail .slz-btn:hover,
    .slz-widget-send-mail .slz-btn:focus {
        background-color: transparent;
        color: #304fe9;
    }

    .slz-widget-send-mail2 .description,
    .sc-newslettter-des {
        margin: 0 0 20px 0;
    }

    .slz-widget-send-mail2 .slz-input-group,
    .slz-shortcode-send-mail2 .slz-input-group {
        position: relative;
        padding: 3px 2px 3px 3px;
        margin: 0;
        display: table;
        border-collapse: separate;
        border: 2px solid #efefef;
    }

    .slz-widget-send-mail2 .form-control,
    .slz-shortcode-send-mail2 .form-control,
    .slz-widget .tnp-widget-minimal input.tnp-email {
        display: table-cell;
        width: 100%;
        height: 40px;
        border-color: transparent;
        background-color: transparent;
        box-shadow: none;
        -webkit-box-shadow: none;
        position: relative;
        z-index: 2;
        margin-bottom: 0;
    }

    .slz-widget .tnp-widget-minimal input.tnp-email {
        display: table;
        border: 1px solid #e9ebef;
        margin-bottom: 20px;
    }

    .slz-widget-send-mail2 .form-control:focus,
    .slz-shortcode-send-mail2 .form-control:focus {
        border-color: transparent;
    }

    .slz-widget-send-mail2 input[type=text] {
        display: none;
    }

    .slz-widget-send-mail2 .input-group-button,
    .slz-shortcode-send-mail2 .input-group-button {
        display: table-cell;
        position: relative;
        font-size: 0;
        white-space: nowrap;
        width: 1%;
        vertical-align: middle;
    }

    .slz-widget-send-mail2 .input-group-button > .btn,
    .slz-shortcode-send-mail2 .btn {
        position: relative;
        font-size: 14px;
        height: 40px;
        padding: 6px 20px;
        z-index: 2;
        border-radius: 0;
        -webkit-border-radius: 0;
        border: 2px solid #304fe9;
        background-color: transparent;
        color: #333;
        font-weight: 600;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    
    .slz-widget-send-mail2 .input-group-button > .btn:hover,
    .slz-widget-send-mail2 .input-group-button > .btn:focus,
    .slz-shortcode-send-mail2 .btn:hover,
    .slz-shortcode-send-mail2 .btn:focus {
        outline: none;
        background-color: #304fe9;
        color: #fff;
    }

    .slz-widget-send-mail2 .input-group-button .btn-text + .btn-icon,
    .slz-shortcode-send-mail2 .input-group-button .btn-text + .btn-icon {
        margin: 0 0 0 10px;
    }

    .sc-newslettter-title,
    .entry-content .sc_newsletter .slz-title-shortcode {
        display: block;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        margin: 0 0 20px;
        position: relative;
        color: #18364a;
        text-transform: uppercase;
    }

/*----------  7. Widget Post Block, Post Slider  -------------*/
    .slz-widget .block-info li {
        padding-top: 0;
        padding-bottom: 0;
    }

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

    .slz-widget-post-block .main-layout .block-title {
        font-size: 18px;
        margin-top: 0;
    }

    .slz-widget-post-block .main-layout .slz-block-item-01 .block-content {
        padding-top: 15px;
    }

    .slz-widget-post-block .slz-block-item-01 .block-title + .block-info {
        margin-top: 10px;
    }

    .slz-widget-post-block .slz-block-item-01 .block-info {
        font-style: normal;
    }

    .slz-widget-post-block .slz-block-item-01 .block-info li {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .slz-widget-post-block .slz-block-item-01 .block-info li .link {
        font-size: 12px;
    }

    .slz-widget-post-block .slz-block-item-01 .block-info li:before {
        font-size: 12px;
    }

    .slz-widget-post-block .slz-block-item-01 .date {
        text-transform: capitalize;
        color: #999;
        font-weight: 500;
    }

    .slz-widget-post-block .slz-block-item-01 .date:hover {
        color: #304fe9;
    }

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

    .slz-widget-post-block .list-layout .slz-block-item-01 .block-title {
        font-size: 16px;
        margin-top: 0;
    }

    .slz-widget-post-block .list-layout.column-1 .element {
        position: relative;
        margin-top: 15px;
        padding-top: 15px;
    }

    .slz-widget-post-block .list-layout.column-1 .element:before {
        position: absolute;
        content: '';
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: #efefef;
    }

    .slz-widget-post-block .list-layout.column-1 .element:first-child {
        margin-top: 0;
        padding-top: 0;
    }

    .slz-widget-post-block .list-layout.column-1 .element:first-child:before {
        content: none;
    }

    .slz-widget-post-block .list-layout.column-1 .slz-block-item-01.style-2 .block-image + .block-content .block-title {
        font-size: 18px;
    }

    .slz-widget-post-slider .slz-block-item-01 .block-title {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }

/*----------  8. Widget Project List  -----------*/
    .slz-widget-project .slz-block-item-03.style-2 .block-image {
        width: 80px;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-image + .block-content {
        padding-top: 0;
        padding-left: 15px;
        width: calc(100% - 80px);
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-title {
        font-size: 16px;
        color: #333;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-title:hover {
        color: #304fe9;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-content .block-category {
        font-size: 12px;
        color: #333;
        margin-bottom: 0;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-content .block-category:hover {
        color: #304fe9;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-text {
        margin-top: 10px;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-read-more {
        padding: 0;
        color: #333;
        height: auto;
        border: none;
        font-size: 13px;
        background-color: transparent;
        text-transform: capitalize;
    }

    .slz-widget-project .slz-block-item-03.style-2 .block-read-more:before {
        content: none;
    }


    .slz-widget-project .slz-block-item-03.style-2 .block-read-more:hover {
        color: #304fe9;
    }

/*----------  9. Widget Recent Post  ------------*/
    .slz-widget-recent-post .media {
        border-top: 1px solid #efefef;
        padding-top: 20px;
        margin-top: 20px;
    }

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

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

    .slz-widget-recent-post .media-right {
        padding-left: 0;
        position: relative;
        top: -4px;
    }

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

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

    .slz-widget-recent-post .wrapper-image img {
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        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-widget-recent-post .wrapper-image:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 1;
        background-color: rgba(48, 79, 233, 0.7);
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .slz-widget-recent-post .media:hover .wrapper-image:after {
        opacity: 1;
    }

    .slz-widget-recent-post .media-heading {
        font-size: 16px;
        color: #333;
        text-transform: capitalize;
        font-weight: 600;
        line-height: 22px;
        position: relative;
        display: block;
        margin-bottom: 0;
    }

    .slz-widget-recent-post .media-heading:hover {
        color: #304fe9;
    }

    .slz-widget-recent-post .media-heading + .meta,
    .slz-widget-recent-post .meta + .media-heading {
        margin-top: 10px;
    }

    .slz-widget-recent-post .meta {
        line-height: 14px;
    }

    .slz-widget-recent-post .meta-info {
        font-size: 12px;
        display: inline-block;
        vertical-align: top;
        text-transform: capitalize;
        margin-right: 8px;
        margin-bottom: 5px;
    }

    .slz-widget-recent-post .meta-info:last-child {
        margin-right: 0;
    }

    .slz-widget-recent-post .meta-info + .meta-info:before {
        font-size: 12px;
        margin-right: 8px;
        content: "/";
        line-height: inherit;
    }

    .slz-widget-recent-post .meta-info .link,
    .slz-widget-recent-post .meta-info .link .author-label {
        color: #999;
    }

    .slz-widget-recent-post .meta-info .link:hover,
    .slz-widget-recent-post .meta-info .link:focus {
        color: #304fe9;
    }

    .slz-widget-recent-post .meta-info .link .author-text {
        color: #333;
    }

    .slz-widget-recent-post .meta-info .link:hover .author-text,
    .slz-widget-recent-post .meta-info .link:focus .author-text {
        color: #304fe9;
    }

    .slz-widget-recent-post .meta-info .link.date {
        font-size: 12px;
        font-weight: 500;
        color: #999;
        text-transform: none;
    }

    .slz-widget-recent-post .meta-info .link.date:hover {
        color: #304fe9;
    }

    .slz-widget-recent-post .icon-meta {
        display: none;
        font-family: 'FontAwesome';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

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

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

/*----------  10. Widget Gallery  ---------------*/
    .slz-widget.slz-widget-gallery ul,
    .slz-widget.slz-gallery ul,
    .entry-content .slz-widget.slz-widget-gallery ul,
    .entry-content .slz-widget.slz-gallery ul {
        margin: 0 -1.5px;
        padding: 0;
        font-size: 0;
    }

    .slz-widget.slz-widget-gallery ul li,
    .slz-widget.slz-gallery ul li {
        padding: 1.5px;
        width: 25%;
        display: inline-block;
        vertical-align: top;
    }

    .slz-widget.slz-widget-gallery ul li:first-child,
    .slz-widget.slz-gallery ul li:first-child {
        padding-top: 1.5px;
    }

    .slz-widget.slz-widget-gallery ul.three-column li,
    .slz-widget.slz-gallery ul.three-column li {
        width: 33.333%;
    }

    .slz-widget-gallery .thumb,
    .slz-gallery .thumb {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .slz-widget-gallery .thumb:before,
    .slz-gallery .thumb:before {
        content: "";
        display: block;
        padding-top: 70%;
    }

    .slz-widget-gallery .thumb:after,
    .slz-gallery .thumb:after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        opacity: 0;
        position: absolute;
        content: "";
        background-color: rgba(48, 79, 233, 0.7);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .slz-widget-gallery .thumb img,
    .slz-gallery .thumb img {
        height: 100%;
        width: auto;
        max-width: none;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
        -o-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    .slz-widget-gallery ul:hover .thumb:after,
    .slz-gallery ul:hover .thumb:after {
    }

    .slz-widget-gallery ul:hover .thumb:hover:after,
    .slz-gallery ul:hover .thumb:hover:after {
        opacity: 1;
    }

/*----------  11. Widget About Me  --------------*/
    .slz-widget-about-me .slz-about-me-01 {
        display: block;
    }

/*----------  12. Widget Download ---------------*/
    .slz-widget-material-download .slz-btn {
        display: block;
        color: #777;
        border-color: #ececee;
        background-color: transparent;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .slz-widget-material-download .slz-btn + .slz-btn {
        margin-left: 0;
        margin-top: 10px;
    }

    .slz-widget-material-download .slz-btn:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 100%;
        height: auto;
        background-color: #304fe9;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        z-index: 1;
    }

    .slz-widget-material-download .slz-btn .icons {
        float: left;
        position: relative;
        top: 3px;
        margin-right: 10px;
        z-index: 2;
    }

    .slz-widget-material-download .slz-btn .btn-text {
        float: left;
    }

    .slz-widget-material-download .slz-btn .btn-icon {
        float: right;
        top: 3px;
    }

    .slz-widget-material-download .slz-btn:hover,
    .slz-widget-material-download .slz-btn:focus {
        border-color: #304fe9;
        background-color: transparent;
        color: #fff;
    }

    .slz-widget-material-download .slz-btn:hover:before,
    .slz-widget-material-download .slz-btn:focus:before {
        bottom: 0;
        height: auto;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

/*----------  13. Widget New Tweet --------------*/
    .slz-new-tweet .list-news-tweet .recent-post {
        display: table;
        width: 100%;
        position: relative;
        padding: 10px;
    }

    .slz-widget .slz-new-tweet .list-news-tweet .recent-post {
        padding-left: 0;
        padding-right: 0;
    }

    .slz-new-tweet .list-news-tweet .recent-post + .recent-post {
        margin-top: 15px;
    }

    .slz-new-tweet .list-news-tweet .recent-post .thumb {
        display: table-cell;
        width: 60px;
        padding: 0 13px 0 0;
    }

    .slz-new-tweet .list-news-tweet .recent-post .thumb .img-wrapper {
        width: 100%;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info {
        position: relative;
        top: -4px;
        display: table-cell;
        width: auto;
        vertical-align: top;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .title {
        display: block;
        margin: 0 0 5px 0;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .title .left-text {
        float: left;
        text-transform: capitalize;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .title .left-text .strongtext {
        font-weight: 700;
        padding-right: 10px;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .title .right-text {
        float: right;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .title .right-text .text {
        background-color: #ececec;
        padding: 0 5px;
        border-radius: 2px;
        font-size: 12px;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .link {
        color: #666c72;
    }

    .slz-new-tweet .list-news-tweet .recent-post .post-info .link:hover {
        color: #304fe9;
    }

    .slz-new-tweet .list-news-tweet .recent-post a.link {
        width: 100%;
        height: 100%;
        z-index: 3;
        left: 0;
        top: 0;
    }

    .slz-new-tweet .list-news-tweet .re-tweeet {
        margin-left:55px;
        background-color: #f5f8fa;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

/*----------  14. Widget Causes -----------------*/
    .slz-widget-causes .slz-block-item-06 {
        box-shadow: none;
        -webkit-box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        margin-bottom: 0px;
    }

    .slz-widget-causes .slz-block-item-06 .block-label{
        display: none;
    }

    .slz-widget-causes .slz-block-item-06.style-1 .block-image {
        display: table-cell;
        width: 120px;
    }

    .slz-widget-causes .slz-block-item-06.style-1 .block-content {
        display: table-cell;
        padding: 0 0 0 15px;
    }

    .slz-widget-causes .slz-block-item-06.style-1 .block-content .block-title {
        font-size: 16px;
        font-weight: 500;
        display: inline-block;
        margin-bottom: 0px;
    }

    .slz-widget-causes .slz-block-item-06.style-1 .block-content .remain_time {
        color: #9c9c9c;
    }

    .slz-widget-causes .slz-block-item-06.style-1 .donate-bar {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        margin: 15px 0 0;
    }

     .slz-widget-causes .slz-block-item-06.style-1 .block-image .cate-text {
        display: none;
    }

/*----------  15. Widget Events -----------------*/
    .slz-widget-events .widget-content {
        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);
    }

    .slz-widget-events .slz-event-countdown-01 .block-image .event-desc {
        padding: 45px 100px 55px 30px;
    }

    .slz-event-countdown-01 .coming-soon {
        padding: 15px 0 10px;
        border-radius: 0;
        -webkit-border-radius: 0;
        background-color: #fff;
    }

    .slz-widget-events .slz-event-countdown-01 .block-image {
    }

    .slz-widget-events .slz-event-countdown-01 .block-image:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .slz-widget-events .slz-event-countdown-01 .block-image .event-desc .date {
        font-size: 16px;
        font-weight: 600;
        color: #304fe9;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
        text-transform: capitalize;
    }

    .slz-widget-events .slz-event-countdown-01 .block-image .event-desc .title {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        color: inherit;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .slz-widget-events .slz-event-countdown-01 .coming-soon .main-count-wrapper:after {
        top: 50%;
        height: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .slz-widget-events .coming-soon .main-count-wrapper + .main-count-wrapper:before {
        content: none;
    }

    .slz-widget-events .slz-event-countdown-01 .coming-soon .count {
        color: #171717;
    }

    .slz-widget-events .slz-event-countdown-01 .coming-soon .stat-label {
        text-transform: uppercase;
        font-size: 16px;
        color: #676767;
    }

/*----------  16. Social Counter  ---------------*/
    .social-counter-wrapper .social-counter-item {
        display: block;
    }

    .social-counter-wrapper .social-counter-item + .social-counter-item {
        margin-top: 10px;
    }

    .social-counter-wrapper.style-02 {
        margin: 0 -5px;
    }

    .social-counter-wrapper.style-02 .social-counter-item {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }

    .social-counter-wrapper.style-02 .social-counter-title > .slz-icon {
        position: relative;
        z-index: 2;
    }

    .social-counter-wrapper.style-02 .social-counter-title > .link {
        display: block;
        opacity: 0;
        visibility: hidden;
        width: auto;
        white-space: nowrap;
        font-size: 12px;
        top: 0%;
        left: 50%;
        opacity: 0;
        margin-left: 0;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        pointer-events: none;
        z-index: 5;
    }

    .social-counter-wrapper.style-02 .social-counter-title > .link:before {
        position: absolute;
        content: '';
        background-color: inherit;
        width: 12px;
        height: 12px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        -o-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transition-delay: 0s;
        -webkit-transition-delay: 0s;
        z-index: -1;
    }

    .social-counter-wrapper.style-02 .social-counter-title:hover > .link:before {
        transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        top: 100%;
    }

    .social-counter-wrapper.style-02 .social-counter-title > .link .sub-text {
        float: none;
        margin-left: 10px;
    }
    
    .social-counter-wrapper.style-02 .social-counter-title:hover > .link {
        top: calc(-100% - 1px);
        opacity: 1;
        visibility: visible;
    }

    .social-counter-title {
        font-size: 0;
        width: 100%;
        vertical-align: top;
        display: inline-block;
        position: relative;
    }

    .social-counter-title > .slz-icon {
        font-size: 14px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        vertical-align: top;
        display: inline-block;
        background-color: #fafafa;
    }

    .social-counter-title > .link {
        width: calc(100% - 43px);
        height: 40px;
        color: #ffffff;
        padding: 0 20px;
        font-size: 13px;
        line-height: 40px;
        font-weight: bold;
        margin-left: 3px;
        vertical-align: top;
        display: inline-block;
        text-transform: capitalize;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .social-counter-title > .link .sub-text {
        float: right;
        text-transform: uppercase;
    }

    .social-counter-title:hover > .link {
        opacity: 0.8;
    }
    
/*----------  17. Footer Widget  ----------------*/
    .slz-wrapper-footer .text-c .slz-widget .widget-title, 
    .slz-wrapper-footer .text-c .slz-widget .title-widget {
        text-align: center;
    }

    .slz-wrapper-footer .text-l .slz-widget .widget-title, 
    .slz-wrapper-footer .text-l .slz-widget .title-widget {
        text-align: left;
    }

    .slz-wrapper-footer .text-r .slz-widget .widget-title, 
    .slz-wrapper-footer .text-r .slz-widget .title-widget {
        text-align: right;
    }

    .slz-wrapper-footer .text-c .slz-widget-contact-info .item {
        margin-left: auto;
        margin-right: auto;
    }

    .slz-wrapper-footer .text-r .slz-widget-contact-info .item {
        margin-left: auto;
        margin-right: 0;
    }

/*----------  18. Custom Post  ----------*/
    .slz-widget-custom-post ul li a {
        font-weight: 400;
    }

    .slz-widget-custom-post ul li a:before {
        content: '\f105';
        font-family: 'FontAwesome';
        padding-right: 30px;
        font-size: 16px;
    }

/*----------  19. About Me  ----------*/
    .slz-widget-about-me .block-wrapper {
        border: 1px solid #efefef;
        padding: 15px;
    }

    .slz-widget-about-me .content-wrapper {
        text-align: center;
    }

    .slz-widget-about-me .image-wrapper + .content-wrapper {
        margin-top: 15px;
    }

    .slz-widget-about-me .name {
        font-size: 20px;
        font-weight: 700;
    }

    .slz-widget-about-me .content-text {
        margin-top: 5px;
    }

    .slz-widget-about-me .social-wrapper {
        text-align: center;
        margin-top: 15px;
    }

    .slz-widget-about-me .social-wrapper ul li {
        padding: 0;
        margin-right: 10px;
        margin-left: 0;
    }

    .slz-widget-about-me .social-wrapper ul li:last-child {
        margin-right: 0;
    }

    .slz-widget-about-me .social-wrapper ul li .link {
        display: inline-block;
        vertical-align: top;
        font-size: 14px;
        line-height: 24px;
        width: 40px;
        text-align: center;
        padding: 8px 10px;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        background-color: rgba(0, 0, 0, 0.1); 
        position: relative;
        overflow: hidden;
    }

    .slz-widget-about-me .social-wrapper ul li .link:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform-origin: right;
        -ms-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        -o-transform: scale(0, 1);
        transform: scale(0, 1);
        background-color: #304fe9;
        -webkit-transition: transform 0.4s ease;
        -o-transition: transform 0.4s ease;
        transition: transform 0.4s ease;
        z-index: 1;
    }

    .slz-widget-about-me .social-wrapper ul li .link i {
        position: relative;
        z-index: 2;
    }

    .slz-widget-about-me .social-wrapper ul li .link:hover {
        color: #fff;
    }

    .slz-widget-about-me .social-wrapper ul li .link:hover:before {
        -webkit-transform-origin: left;
        -ms-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

/*----------  20. Widget Archiver  ----------*/
    .widget_archive > ul > li,
    .widget_categories > ul > li {
        padding: 0;
        position: relative;
    }

    .widget_archive > ul > li:before,
    .widget_categories > ul > li:before {
        position: absolute;
        content: "\f105";
        font-family: 'FontAwesome';
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .widget_archive > ul > li + li,
    .widget_categories > ul > li + li {
        border-top: 1px solid #efefef;
    }

    .widget_archive > ul > li a,
    .widget_categories > ul > li a {
        display: inline-block;
        padding: 10px 30px;
    }

    .widget_archive > ul > li:hover,
    .widget_categories > ul > li:hover {
        border-top-color: transparent;
        color: #304fe9;
    }

    .widget_archive > ul > li:hover + li,
    .widget_categories > ul > li:hover + li {
        border-top-color: transparent;
    }

    .widget_archive > ul > li a:before,
    .widget_categories > ul > li a:before {
        position: absolute;
        content: '';
        top: 0;
        bottom: 100%;
        left: 0;
        right: 0;
        border-left: 2px solid #efefef;
        border-right: 2px solid #efefef;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .widget_archive > ul > li:hover a:before,
    .widget_categories > ul > li:hover a:before {
        bottom: 0%;
    }

    .widget_archive > ul > li a:after,
    .widget_categories > ul > li a:after {
        position: absolute;
        content: '';
        top: 0;
        bottom: 0;
        left: 50%;
        right: 50%;
        border-top: 2px solid #efefef;
        border-bottom: 2px solid #efefef;
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .widget_archive > ul > li:hover a:after,
    .widget_categories > ul > li:hover a:after {
        left: 0%;
        right: 0%;
    }

/*----------  21. Widget videos  ----------*/
    .slz-widget .slz-block-video .block-video .content {
        margin-top: 15px;
    }

    .slz-widget .slz-block-video .video-content {
        top: 50%;
        height: 100%;
        width: 100%;
        transform: translateY(-50%);
    }

   .slz-widget .slz-block-video .block-video .video-content:after {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        background-color: rgba(0,0,0,0.5);
    }

    .slz-widget .slz-block-video .video-content .btn-play {
        position: absolute;
        top: calc(50% - 40px);
        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-widget .slz-block-video .video-content .content {
        position: absolute;
        top: calc(50% + 20px);
        max-height: 75px;
        margin-bottom: 0;
        overflow: hidden;
        left: 50%;
        width: 100%;
        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%);
    }