/*
Theme Name: Magro
Theme URI: http://themewar.com/html/magro/
Author: ThemeWar
Author URI: http://themewar.com/
Description: Magro - Blog & News Magazine HTML5 Responsive Template.
Version: 1.0
License:
License URI:
*/


/*=======================================================================
 [Table of contents]
 =========================================================================
 1. Home 01
    1.1 Header Css
    1.2 Feature Section Css
    1.3 Top of the week
    1.4 LifeStyle
    1.5 Video post slide
    1.6 Weekly Top post
    1.7 Top Content
    1.8 Whats New
    1.9 Instagram
    1.10 Footer 
 2. Home 02
    2.1 Top Bar
    2.2 Main Header
    2.3 Recent Post
    2.4 Featured Post
    2.5 Post Tab
    2.6 Category Post
    2.7 Trending Topic Post
    2.8 Mailchimp
    2.9 Footer
 3. Home 03
    3.1 Header
    3.2 Trending Post
    3.3 Featured Post
    3.4 Category Post
    3.5 Video Post
    3.6 Category Post
    3.7 Call To Action
    3.8 More News
    3.9 Social Link
 4. Home 04
    4.1 Featured Post
    4.2 Trending Post
    4.3 Post Author
    4.4 Video Post Tab
 5. Home 05
    5.1 Pouplar and Recent Post
    5.2 Video Post Slider
    5.3 Category Slider
    5.4 Category Post
    5.5 Top Rated Post
    5.6 Category Post
 6. Single Blog 01
 7. Single Blog 02
 8. Single Blog 03
 9. Single Blog 04
 10. Single Blog 05
 11. Category Page
 12. Gallery Page
 13. Others Page
 14. Contact Page
 15. Coming Soon Page
 16. Top Stories
 17. Login Page
 18. All Popup
 19. Shop Page
 20. Popup Menu
 21. Preloader
*/

/*--------------------------------------------------------
/ 1. Home 01
/---------------------------------------------------------*/
/*----- 1.1 Header Css ------*/
.header_bar{
    background: #424242;
    min-height: 45px;
    position: relative;
}
.top_nav{
    position: relative;
    display: inline-block;
    line-height: .8;
    text-align: left;
    padding: 19px 0 0 45px;
}
.top_nav ul{
    margin: 0;
    padding: 0;
}
.top_nav ul li{
    list-style: none;
    float: left;
    margin-right: 21px;
}
.top_nav ul li:last-child{
    margin-right: 0;
}
.top_nav ul li a{
    color: #FFF;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    display: block;
    line-height: .8;
}
.top_nav ul li a i{
    display: inline-block;
    margin-right: 6px;
    line-height: .8;
}
.top_nav ul li a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.top_info{
    position: relative;
    background: var(--td-primary, #c72026);
    float: right;
    padding: 18px 25px 16px;
    color: #FFF;
    text-align: right;
    font-size: 12px;
    line-height: 11px;
    letter-spacing: 0;
}
.top_info div{
    float: left;
    position: relative;
}
.top_info div i{
    font-size: 18px;
    position: absolute;
    right: 0;
    top: -4px;
}
.top_info div.dates_times{
    margin-right: 11px;
    padding-right: 13px;
    font-weight: 700;
    letter-spacing: .18px;
}
.top_info div.dates_times:after{
    width: 1px;
    height: 11px;
    background: #acacac;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
}
.header_01{
    position: relative;
}
.header_01_inner{
    position: relative;
    background: #FFF;
    padding: 0 25px 0 45px;
}
.logo_01{
    position: relative;
    padding: 27px 0;
}
.logo_01 img{
    max-width: 100%;
    height: auto;
}
.main_menu{
    position: relative;
    text-align: left;
    padding-top: 55px;
}
.main_menu > ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.main_menu > ul > li{
    float: left;
    position: relative;
    padding: 0 3px 36px;
    position: relative;
    margin-right: 29px;
}
.main_menu > ul > li:last-child{
    margin-right: 0;
}
.main_menu > ul > li:after{
    width: 100%;
    height: 0px;
    background: var(--td-primary, #c72026);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    opacity: 0;
    visibility: hidden;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.main_menu > ul > li > a{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #232323;
    letter-spacing: 0;
    display: block;
    line-height: .8;
}
.main_menu > ul > li:hover:after, .main_menu > ul > li.current-menu-item:after{
    opacity: 1;
    visibility: visible;
    height: 4px;
}
.header_01_settings{
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 36px;
}
.search_btn{
    position: relative;
}
.search_btn a{
    width: 38px;
    height: 38px;
    background: #333333;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    padding: 7px 0;
    cursor: pointer;
    position: relative;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.search_btn.active a,
.search_btn a:hover{
    background: var(--td-primary, #c72026);
    color: #FFF;
}
.search_btn a:focus{
    color: #fff;
}
.searchForms{
    position: absolute;
    right: 38px;
    top: 0;
    z-index: 5;
    width: 0px;
    height: 38px;
    visibility: hidden;
    opacity: 0;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.search_btn.active .searchForms{
    width: 220px;
    visibility: visible;
    opacity: 1;
}
.searchForms input[type="search"]{
    width: 100%;
    height: 100%;
    font-size: 13px;
    line-height: 40px;
    font-weight: 400;
    border: none;
    background: #333;
    color: #fff;
    outline: none;
    padding: 0 15px;
}
.searchForms input[type="search"]::-moz-placeholder{
    color: #fff;
    opacity: 1;
}
.searchForms input[type="search"]::-ms-input-placeholder{
    color: #fff;
    opacity: 1;
}
.searchForms input[type="search"]::-webkit-input-placeholder{
    color: #fff;
    opacity: 1;
}
.searchForms .search-submit{
    display: none;
}
/* Bottom Bar */
.bottom_bar{
    padding-bottom: 18px;
}
.tranding_part{
    position: relative;
    padding-left: 122px;
}
.tranding_part h4{
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    line-height: .8;
    margin: 40px 15px 0 0;
    padding: 0 20px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}
.tranding_part h4:after{
    width: 2px;
    height: 25px;
    content: '';
    background: #FFF;
    position: absolute;
    right: 0;
    top: -6px;
}
.tr_slider{
    margin-top: 33px;
    position: relative;
}
.tr_items{
    position: relative;
    line-height: 26px;
}
.tr_items a{
    font-size: 14px;
    line-height: 26px;
    color: #FFF;
    letter-spacing: 0;
    display: inline-block;
}
.tr_items a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}

/*----- 1.2 Feature Section Css ------*/
.featured_post_section_1{
    position: relative;
    padding-bottom: 85px;
}
.featured_post_section_1 .row.custom_margin{
    margin-left: -7px;
    margin-right: -7px;
}
.featured_post_section_1 .custom_padding{
    padding-left: 7px;
    padding-right: 7px;
}
.featured_item_1{
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    margin-bottom: 14px;
}
.featured_item_1:after{
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: '';
    position: absolute;
    left: 0;
    top: 0;

    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.featured_item_1:hover:after{
    background: rgba(0, 0, 0, .4);
}
.featured_item_1 img{
    width: 100%;
    height: auto;
    border-radius: 2px;

    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.featured_item_1:hover img{
    transform: scale(1.15) rotate(-2deg);
    -moz-transform: scale(1.15) rotate(-2deg);
    -webkit-transform: scale(1.15) rotate(-2deg);
    -ms-transform: scale(1.15) rotate(-2deg);
    -o-transform: scale(1.15) rotate(-2deg);
}
.fi1_content{
    position: absolute;
    left: 60px;
    bottom: 65px;
    z-index: 2;
    padding-right: 160px;

    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.featured_item_1:hover .fi1_content{
    bottom: 80px;
}
.fi1_sm .fi1_content{
    left: 30px;
    bottom: 34px;
    padding-right: 30px;
}
.fi1_sm.featured_item_1:hover .fi1_content{
    bottom: 44px;
}
.fi1c_categories{
    position: relative;
}
a.cats{
    font-size: 13px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 400;
    background: var(--td-primary, #c72026);
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    display: inline-block;
    box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.1);
}
a.cats.live:before{
    content: '';
    position: relative;
    display: inline-block;
    height: 5px;
    width: 5px;
    background: #fff;
    border-radius: 50%;
    margin-right: 4px;
    top: -2px;
}
.fi1_content h2{
    font-size: 35px;
    line-height: 36px;
    margin: 9px 0 21px;
    color: #FFF;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.fi1_sm .fi1_content h2{
    font-size: 25px;
    line-height: 28px;
    margin: 14px 0 13px;
}
.fi1_content h2 a{
    color: inherit;
}
.fi1_content h2 a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.fi1c_meta{
    font-size: 13px;
    font-weight: 500;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 13px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.25);
}
.fi1c_meta a{
    color: #FFF;
    display: inline-block;
}
.fi1c_meta span{
    padding-right: 16px;
    margin-right: 7px;
    position: relative;
    float: left;
}
.fi1c_meta span:after{
    color: #FFF;
    font-weight: 500;
    content: '-';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 13px;
}
.fi1c_meta span:last-child:after{
    display: none;
}
.fi1c_meta span:last-child{
    margin-right: 0;
    padding-right: 0;
}
.fi1c_meta a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}

/*----- 1.3 Top of the week ------*/
.top_week_1{
    position: relative;
}
.tw1_thumb{
    position: relative;
    overflow: hidden;
}
.tw1_cats{
    position: absolute;
    left: 0;
    bottom: -1px;
    padding-left: 25px;
}
.tw1_thumb img{
    width: 100%;
    height: auto;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.top_week_1:hover .tw1_thumb img {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.tw1_details{
    position: relative;
    padding: 28px 25px 0;
}
.tw1_details h2{
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 20px;
}
.tw1_details h2 a{
    color: inherit;
}
.tw1_details h2 a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.comon_meta{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.comon_meta > span{
    display: flex;
    justify-content: flex-start;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #3b3b3b;
    font-weight: 500;
    line-height: 13px;
    padding-right: 16px;
    margin-right: 7px;
    position: relative;
}
.comon_meta > span.cm_date{
    color: #a7a7a7;
}
.comon_meta > span:last-child{
    margin-right: 0;
    padding-right: 0;
}
.comon_meta > span a{
    color: inherit;
}
.comon_meta > span a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.comon_meta i{
    font-size: 11px;
    margin-right: 9px;
}
.comon_meta > span:after{
    color: #a7a7a7;
    font-weight: 500;
    content: '-';
    position: absolute;
    right: 0;
    top: 0;
    line-height: 13px;
}
.comon_meta span:last-child:after{
    display: none;
}
.widget{
    position: relative;
}
.widget_title{
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0;
    position: relative;
    color: #FFF;
    text-transform: uppercase;
    border-bottom: 2px solid #222;
    margin: 0 0 35px;
}
.widget_title:after{
    content: '';
    position: absolute;
    left: 16px;
    bottom: -7px;
    display: inline-block;
    width: 7px;
    height: 5px;
    border-style: solid;
    border-width: 5px 7px 0 0;
    border-color: #222 transparent transparent transparent;
}
.widget_title span{
    display: inline-block;
    min-height: 28px;
    background: #222222;
    padding: 9px 30px 5px;
}
.mcw_content{
    position: relative;
}
.mcwc_items{
    position: relative;
    background: #000;
    overflow: hidden;
    font-family: 'Barlow Condensed', sans-serif;
    margin: 0 0 1px;
}
.mcwc_items img{
    width: 100%;
    height: 90px;
    opacity: .4;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.mcwc_items:hover img {
    transform: scale(1.1) rotate(-1deg);
    -moz-transform: scale(1.1) rotate(-1deg);
    -webkit-transform: scale(1.1) rotate(-1deg);
    -ms-transform: scale(1.1) rotate(-1deg);
    -o-transform: scale(1.1) rotate(-1deg);
}
.mcwc_items span.mcwc_name{
    position: absolute;
    left: 25px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 30px;
    padding: 8px 21px 9px 18px;
    font-size: 17px;
    line-height: .8;
    color: #FFF;
    letter-spacing: .34px;
    text-transform: uppercase;
    background: var(--td-primary, #c72026);
    font-weight: 500;
}
.mcwc_items span.mcwc_name:after{
    content: '';
    position: absolute;
    right: -12px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent var(--td-primary, #c72026);
}
.mcwc_items span.mcwc_count{
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2;
    display: block;
    background: #fff;
    font-size: 17px;
    color: #da1720;
    font-weight: 500;
    text-align: center;
    letter-spacing: .34px;
    padding: 8px 12px;
    line-height: .8;
    height: 30px;
}
.mcwc_items:hover img{
    opacity: 1;
}

/*----- 1.4 LifeStyle ------*/
.ads{
    position: relative;
}
.ads h5{
    font-size: 13px;
    color: #999999;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 2.86px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.ads img{
    max-width: 100%;
    height: auto;
}

/*----- 1.5 Video post slide ------*/
.top_week_1.mb_60{
    margin-bottom: 60px;
}

/*----- 1.6 Weekly Top post ------*/

/*----- 1.7 Top Content ------*/
/*----- 1.8 Whats New ------*/

/*----- 1.9 Instagram  ------*/
/*----- 1.10 Footer  ------*/
.footer_1{
    position: relative;
    background: url(../images/bg/5.jpg) no-repeat fixed center center / cover;
    padding: 62px 0 0;
}
.footer_1 .widget{
    position: relative;
    margin-bottom: 45px;
}
.sf_s1_post{
    position: relative;
    min-height: 82px;
    margin: 0 0 19px;
    padding-left: 115px;
    padding-right: 40px;
    padding-top: 6px;
}
.sf_s1_post img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 82px;
}
.sf_s1_post h5{
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    letter-spacing: .20px;
    margin-bottom: 8px;
}
.sf_s1_post h5 a{
    color: inherit;
}
.sf_s1_post h5 a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.sf_s1_post .sf_date{
    color: #a7a7a7;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    line-height: .8;
    font-weight: 400;
    display: block;
}
.sf_s1_post .sf_date:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
footer .widget ul{
    margin: 0;
    padding: 0;
    line-height: inherit;
}
footer .widget ul li{
    list-style: none;
    position: relative;
    line-height: .8;
    padding: 0;
    margin-bottom: 14px;
    color: #d8d8d8;
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 400;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-block;
    text-align: right;
    width: 100%;
}
footer .widget ul li a {
    color: inherit;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
    position: relative;
    padding: 0;
    background: transparent;
    display: inline-block;
    line-height: .8;
    float: left;
}
footer .widget ul li:after,
footer .widget ul li:before{
    display: none;
}
footer .widget ul li:hover a{
    color: var(--td-link, var(--td-primary, #c72026));
}
footer .about_magro{
    padding-right: 150px;
}
.about_magro{
    position: relative;
}
.about_magro img{
    max-width: 100%;
    height: auto;
    margin-bottom: 16px;
}
.about_magro p{
    font-size: 15px;
    line-height: 21px;
    color: #e1e1e1;
    letter-spacing: 0;
    margin: 0 0 20px;
}
.about_magro h4{
    color: #e1e1e1;
    font-size: 20px;
    line-height: .8;
    margin: 0 0 16px;
}
.about_magro h4 span{
    color: #69bdef;
}
.copyright{
    position: relative;
    background: #0d0d0d;
    padding: 15px 0;
}
.copyies{
    display: inline-block;
    font-size: 16px;
    line-height: .8;
    color: #cccccc;
    margin: 0;
    letter-spacing: 0;
}
.copyies a{
    color: inherit
}
.copyies a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.f_menu{
    display: flex;
    float: right;
}
.f_menu a{
    display: inline-block;
    font-size: 14px;
    color: #cccccc;
    line-height: 30px;
    text-transform: capitalize;
    margin-left: 24px;
}
.f_menu a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}

/*--------------------------------------------------------
/ 2. Home 02
/----------------------------------------------------------*/

/*--- 2.1 Top Bar ----*/
/*--- 2.2 Main Header ----*/
/*--- 2.3 Recent Post ----*/

/*--- 2.4 Featured Post ----*/
/*--- 2.5 Post Tab ----*/
a.share,
a.view{
    z-index: 3;
    font-size: 18px;
    color: #333333;
    line-height: .8;
    letter-spacing: .36px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    height: 27px;
    border-radius: 30px;
    padding: 6px 16px;
    font-family: 'Barlow Condensed', sans-serif;
}
a.share i,
a.view i{
    display: inline-block;
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
a.view{
    background: rgba(0, 0, 0, .8);
    right: 103px;
    color: var(--td-link, var(--td-primary, #c72026));
}
a.share{
    background: rgba(255, 255, 255, .8);
}
a.view:hover{
    background: rgba(255, 255, 255, .8);
    color: #333333;
}
a.share:hover{
    background: rgba(0, 0, 0, .8);
    color: var(--td-link, var(--td-primary, #c72026));
}

/*--- 2.6 Category Post ----*/
.tra:after{
    background: rgba(65, 65, 172, .7);
}

/*--- 2.7 Trending Topic Post ----*/
/*--- 2.8 Mailchimp  ----*/
/*--- 2.9 Footer ----*/
/*--------------------------------------------------------
/ 3. Home 03
/----------------------------------------------------------*/
/*--- 3.1 Header ----*/

/*--- 3.2 Trending Post ----*/
/*--- 3.3 Featured Post ----*/
/*--- 3.4 Category Post ----*/

/*--- 3.5 Video Post ----*/
/*--- 3.6 Category Post ----*/
/*--- 3.7 Call To Action ----*/

/*--- 3.8 More News ----*/

/*--- 3.9 Social Link ----*/
/*--------------------------------------------------------
/ 4. Home 04
/---------------------------------------------------------*/

/*--- 4.1 Featured Post ----*/

/*--- 4.2 Trending Post ----*/

/*--- 4.3 Post Author  ----*/

/*--- 4.4 Video Post Tab  ----*/
/*--------------------------------------------------------
/ 5. Home 05
/----------------------------------------------------------*/
/*--- 5.1 Pouplar and Recent Post ----*/

/*--- 5.2 Video Post Slider ----*/

/*--- 5.3 Category Slider ----*/

/*--- 5.4 Category Post ----*/
/*--- 5.5 Top Rated Post ----*/

/*--- 5.6 Category Post ----*/

/*--------------------------------------------------------
/ 6. Single Blgo 01
/----------------------------------------------------------*/
.sp_1_section{
    position: relative;
    padding: 0 0 50px;
}
.banner_01{
    position: relative;
    background: url(../images/bg/banner.jpg) no-repeat center center / cover;
    padding: 202px 0 333px;
}
.banner_1_content{
    position: relative;
    z-index: 1;
    padding: 0 140px;
}
.banner_1_content a.cats{
    margin-bottom: 24px;
    box-shadow: none;
}
.banner_1_content h2{
    font-size: 60px;
    letter-spacing: .60px;
    line-height: 70px;
    color: #fff;
    margin: 0 0 20px;
}
.banner_1_content h2 a{
    color: inherit;
}
.post_banner_meta{
    position: relative;
    text-align: center;
}
.post_banner_meta img{
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 9px;
}
.post_banner_meta span {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0;
    padding-right: 13px;
    margin-right: 0;
    position: relative;
}
.post_banner_meta span a {
    color: #FFF;
    display: inline-block;
}
.post_banner_meta span a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.post_banner_meta span a i{
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.post_banner_meta span.fi1cm_date a{
    margin-left: 17px;
}
.post_banner_meta a.view{
    background: var(--td-primary, #c72026);
    color: #fff;
    right: auto;
    margin-left: 15px;
}
.post_banner_meta a.view:hover{
    background: #fff;
    color: var(--td-link, var(--td-primary, #c72026));
}
.post_banner_meta a.like{
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: .36px;
    margin-left: 21px;
}
.post_banner_meta a.like i{
    position: relative;
    top: 2px;
    margin-right: 4px;
}
.post_banner_meta a.like:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.breadcrumb{
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    color: #ffffff;
    letter-spacing: 0;
    font-weight: 500;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
}
.breadcrumb a{
    color: inherit;
    display: inline-block;
    margin-right: 13px;
    margin-left: 11px;
}
.breadcrumb a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.breadcrumb span{
    margin-left: 11px;
}
.banner_01 .breadcrumb{
    position: absolute;
    right: 17px;
    bottom: 23px;
}
.sb_bg{
    position: relative;
    background: #fff;
    border-top: 2px solid var(--td-primary, #c72026);
    padding: 65px 45px 0;
    margin-top: -220px;
    z-index: 2;
}
.sb_bg:before{
    position: absolute;
    left: -12px;
    top: 0;
    width: 13px;
    height: 308px;
    content: '';
    background: url(../images/layer2.png) no-repeat center center / cover;
}
.sb_bg:after{
    position: absolute;
    right: -12px;
    top: 0;
    width: 12px;
    height: 302px;
    content: '';
    background: url(../images/layer1.png) no-repeat center center / cover;
}
.single_blog{
    position: relative;
}
.single_blog > p{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 34px;
}
.blog_thumb{
    position: relative;
    margin-bottom: 5px;
}
.blog_thumb img{
    width: auto;
    max-width: 100%;
    height: auto;
}
.blog_thumb figcaption{
    font-size: 14px;
    color: #747171;
    display: block;
    line-height: 38px;
    margin: 0;
}
blockquote{
    padding: 0;
    margin: 40px 0 0;
}
blockquote p{
    font-size: 42px;
    line-height: 41px;
    color: #333333;
    letter-spacing: 0;
    font-style: italic;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    margin: 0;
}
.single_blog ul,
.single_blog ol{
    margin: 0 0 13px 42px;
    padding: 0;
}
.single_blog ol li, .single_blog ul li {
    list-style-position: inside;
    margin: 0 0 2px;
    line-height: 24px;
    font-size: 17px;
    line-height: 28px;
}
.single_blog ol ol, .single_blog ul ul {
    padding-left: 15px;
    margin: 8px 0 0;
}
.single_blog iframe{
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    margin-bottom: 41px !important;
    border-radius: 0 !important;
}
.sb_tags{
    position: relative;
    margin: 51px 0 9px;
}
.sb_tags h5{
    display: inline-block;
    float: left;
    font-family: 'Roboto', sans-serif;
    height: 35px;
    background: var(--td-primary, #c72026);
    color: #fff;
    text-align: center;
    line-height: .8;
    font-weight: 900;
    font-size: 11px;
    text-transform: uppercase;
    padding: 14px 11px;
    margin-right: 5px;
}
.sb_tags a{
    display: inline-block;
    height: 35px;
    text-align: center;
    background: transparent;
    font-size: 12px;
    border: 1px solid #ebebeb;
    padding: 13px 11px;
    line-height: .8;
    text-transform: lowercase;
    color: #000;
}
.sb_tags a:hover{
    background: var(--td-primary, #c72026);
    border-color: var(--td-primary, #c72026);
    color: #fff;
}
.sb_share{
    position: relative;
    border: 1px solid #ebebeb;
    padding: 23px 27px;
    margin-bottom: 69px;
}
.sb_share h5{
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    color: #000000;
    line-height: .8;
    margin: 0 24px 0 0;
}
.sb_share a{
    display: inline-block;
}
.top_viral_post{
    position: relative;
    margin-bottom: 73px;
}
.top_viral_post .sec_titles{
    font-size: 30px;
    margin-bottom: 34px;
}
.top_viral_post .sec_titles i{
    height: 27px;
    top: 1px;
}
.top_viral_post .tw1_details{
    padding-top: 12px;
}
.top_viral_post .tw1_details h2{
    margin-bottom: 13px;
}
.top_viral_post .top_week_1{
    margin-bottom: 29px;
}
.top_viral_post .magro_btn{
    background: #1a1a1a;
    color: #fff;
    height: 40px;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    padding: 14px 36px;
    letter-spacing: 0;
    margin-top: 14px;
}
.top_viral_post .magro_btn:hover{
    background: var(--td-primary, #c72026);
    color: #fff;
}
.comment{
    position: relative;
    font-size: 14px;
    line-height: 21px;
    color: #666666;
    margin: 0 0 17px;
}
.comment p{
    margin: 0;
}
.sidebar_1{
    position: relative;
}
.sidebar_1 .widget{
    margin: 0 0 40px;
}
.widget ul {
    margin: 0;
    padding: 0;
    line-height: .8;
}
.widget ul li {
    list-style: none;
    display: inline-block;
    line-height: .8;
    text-align: right;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: 'Barlow Condensed', sans-serif;
    color: #121212;
    width: 100%;
    padding: 0 0 0;
    position: relative;
    margin: 0 0 14px;
}
.widget ul li span{
    width: 30px;
    height: 30px;
    background: #f7f7f7;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #121212;
    padding: 8px 0;
    position: relative;
    top: -6px;
    z-index: 2;
}
.widget ul li a {
    float: left;
    color: inherit;
    line-height: .8;
}
.widget_categories ul li a{
    background: #fff;
    padding-right: 25px;
}
.widget_categories ul li:after{
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    content: '';
    right: 0;
    top: 9px;
    z-index: -1;
}
.widget_categories ul li:before{
    width: 50px;
    height: 100%;
    background: #fff;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
}
.widget ul li a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.sidebar_1 .popular_post_2 .widget_title{
    margin: 0 0 10px;
}
.mp_post_feature{
    position: relative;
    margin-bottom: 30px;
}
.mp_post_feature .mp_post_thumb{
    width: 100%;
}
.mp_post_feature .mp_post_content{
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    padding: 58px 20px 0;
}
.mp_post_feature .cats{
    box-shadow: none;
    margin: 0 0 15px;
}
.mp_post_feature .mp_post_content h4{
    font-size: 25px;
    line-height: 28px;
    color: #fff;
    margin: 0;
}
.mp_post_feature .mp_post_thumb span{
    z-index: 5;
    top: 14px;
}
.mp_post{
    position: relative;
    margin-bottom: 24px;
}
.mp_post_thumb{
    position: relative;
    z-index: 1;
    width: 130px;
    margin-right: 17px;
    float: left;
    display: inline-block;
}
.mp_post_thumb img{
    width: 100%;
    height: auto;
}
.mp_post_content{
    position: relative;
    padding-top: 17px;
}
.mp_post_content h4{
    font-size: 20px;
    color: #252525;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 13px;
}
.mp_post_content h4 a{
    color: inherit;
}
.mp_post_content h4 a:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}
.mp_post_thumb span{
    display: block;
    width: 33px;
    height: 33px;
    background: #222222;
    font-family: 'Barlow Condensed', sans-serif;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    line-height: .8;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    padding: 10px 0;
    position: absolute;
    left: 17px;
    top: -11px;
    z-index: 2;
}
.mp_post_thumb .cats{
    box-shadow: none;
    position: absolute;
    bottom: 0;
    right: 0;
}
/*--------------------------------------------------------
/ 7. Single Blgo 02
/----------------------------------------------------------*/

/*--------------------------------------------------------
/ 8. Single Blgo 03
/----------------------------------------------------------*/
.post_banner_meta a.comment{
    font-size: 13px;
    font-style: italic;
    color: #fff;
    margin: 0 0 0 16px;
}
.post_banner_meta a.comment i{
    color: #9c9c9c;
    display: inline-block;
    font-size: 20px;
    margin-right: 14px;
    position: relative;
    top: 4px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}
.post_banner_meta a.comment:hover i,
.post_banner_meta a.comment:hover{
    color: var(--td-link, var(--td-primary, #c72026));
}

/*--------------------------------------------------------
/ 9. Single Blgo 04
/----------------------------------------------------------*/
/*--------------------------------------------------------
/ 10. Single Blgo 05
/----------------------------------------------------------*/
/*--------------------------------------------------------
/ 11. Category Page
/----------------------------------------------------------*/
.category_page{
    position: relative;
    padding: 70px 0;
}
.category_page .sidebar_1{
    margin-top: 66px;
}

/*--------------------------------------------------------
/ 12. Gallery Page
/----------------------------------------------------------*/

/*--------------------------------------------------------
/ 13. 404 Page
/---------------------------------------------------------*/
/*--------------------------------------------------------
/ 14. Contact Page
/---------------------------------------------------------*/
/*--------------------------------------------------------
/ 15. Coming Soon Page
/---------------------------------------------------------*/

/*--------------------------------------------------------
/ 16. Top Stories
/---------------------------------------------------------*/

/*--------------------------------------------------------
/ 17. Login Page
/---------------------------------------------------------*/

/*--------------------------------------------------------
/ 18. All Popup
/---------------------------------------------------------*/

/*--------------------------------------------------------
/ 19. Shop Page
/---------------------------------------------------------*/
.mobileMenuBar{
    display: none;
}

/*------------------------------------------------------------------
/ 20. Popup Menu
/-------------------------------------------------------------------*/

/*------------------------------------------------------------------
/ 21. Preloader
/-------------------------------------------------------------------*/