/*
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 ------*/
:root {
    --primary-color: #003680
}

.body_with_bg {
    background: url(../images/bg/1.jpg) no-repeat top center;
    padding-top: 71px;
}

.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(--primary-color);
}

.top_info {
    position: relative;
    background: var(--primary-color);
    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;
}

.top_info div.weathers {
    padding-right: 30px;
}

.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(--primary-color);
    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;
}

.main_menu>ul>li.mg_menu .megamenu_2 {
    left: -252px;
}

.megamenu_1 {
    width: 813px;
    position: absolute;
    border-top: 1px solid #c8c8cc;
    left: 0;
    top: 120%;
    background: #fff;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -moz-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.megamenu_1 .col-lg-5 {
    -ms-flex: 0 0 37.666667%;
    flex: 0 0 37.666667%;
    max-width: 37.666667%;
    padding-right: 0;
}

.megamenu_1 .col-lg-7 {
    padding-left: 0;
    -ms-flex: 0 0 62.333333%;
    flex: 0 0 62.333333%;
    max-width: 62.333333%;
}

.megamenu ul {
    position: relative;
    margin: 0;
    padding: 21px 40px 16px;
}

.megamenu ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 6px 0 7px;
    float: none;
    border-bottom: 1px solid #f0f0f0;
}

.megamenu ul li:last-child {
    border-bottom: none;
}

.megamenu ul li a {
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.megamenu ul li a:hover {
    color: var(--primary-color);
    padding-left: 10px;
}

.slider_post {
    position: relative;
}

.slider_post .featured_item_1 {
    margin: 0;
    border-radius: 0;
}

.slider_post .featured_item_1 img {
    border-radius: 0;
}

.slider_post.owl-carousel .owl-nav {
    position: absolute;
    top: 24px;
    right: 15px;
    z-index: 3;
}

.slider_post.owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    border: none;
    background: #0b0b0b;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    line-height: 32px;
    color: #b7b7b7;
    letter-spacing: 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;
}

.slider_post.owl-carousel .owl-nav button:hover {
    color: #FFF;
    background: var(--primary-color);
}

.slider_post.owl-carousel .owl-nav button.owl-next {
    margin-left: 5px;
}

.main_menu>ul>li:hover .megamenu_1 {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu>ul>li:hover .megamenu_2 {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu ul ul.sub-menu {
    position: absolute;
    width: 230px;
    padding: 14px 30px 12px;
    background: #fff;
    border-top: 1px solid #c8c8cc;
    top: 120%;
    left: 0;
    z-index: 9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    opacity: 0;
    -webkit-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -moz-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
}

.main_menu ul ul.sub-menu li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 6px 0 7px;
    float: none;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main_menu ul ul.sub-menu li:last-child {
    border-bottom: none;
}

.main_menu ul ul.sub-menu li a {
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.main_menu ul ul.sub-menu>li:hover>a {
    color: var(--primary-color);
    padding-left: 10px;
}

.main_menu>ul>li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu ul ul.sub-menu ul.sub-menu {
    left: 100%;
    visibility: hidden;
    margin-left: 30px;
    top: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main_menu ul ul.sub-menu li.menu-item-has-children {
    position: relative;
}

.main_menu ul ul.sub-menu li.menu-item-has-children:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: '...';
    color: #000000;
    font-size: 21px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.main_menu ul ul.sub-menu li.menu-item-has-children:hover:after {
    color: var(--primary-color);
}

.main_menu ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.main_menu ul li:nth-last-child(1)>ul.sub-menu ul.sub-menu,
.main_menu ul li:nth-last-child(2)>ul.sub-menu ul.sub-menu {
    left: auto;
    margin-left: 0;
    margin-right: 30px;
    right: 100%;
}

.header_01_settings {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-top: 36px;
}

.social_01 {
    position: relative;
    padding: 12px 0 10px;
    margin-right: 50px;
}

.social_01 a {
    float: left;
    font-size: 15px;
    letter-spacing: 0;
    line-height: .8;
    color: #464646;
    margin-right: 15px;
}

.social_01 a:last-child {
    margin-right: 0px;
}

.social_01 a:hover {
    color: var(--primary-color);
}

.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(--primary-color);
    color: #FFF;
}

.search_btn a:focus {
    color: #fff;
}

.cart_btn {
    width: 38px;
    height: 38px;
    background: #333333;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    padding: 12px 0;
    margin-left: 13px;
    position: relative;
}

.cart_btn span {
    width: 20px;
    height: 20px;
    background: var(--primary-color);
    font-size: 12px;
    border-radius: 50%;
    line-height: .8;
    font-weight: 700;
    text-align: center;
    position: absolute;
    right: -5px;
    top: -9px;
    z-index: 2;
    color: #FFF;
    padding: 6px 0;
}

.cart_btn:hover {
    background: var(--primary-color);
    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(--primary-color);
}

.tr_slider.owl-carousel .owl-nav {
    position: absolute;
    top: -1px;
    right: -5px;
}

.tr_slider.owl-carousel .owl-nav button {
    width: 26px;
    height: 26px;
    border: 1px solid #e1e1e1;
    background: #FFF;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    color: #888888;
    letter-spacing: 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;
}

.tr_slider.owl-carousel .owl-nav button:hover {
    color: #FFF;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.tr_slider.owl-carousel .owl-nav button.owl-next {
    margin-left: 5px;
}

.bottom_nav {
    position: relative;
    line-height: .8;
    text-align: right;
    margin-top: 31px;
}

.bottom_nav ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.bottom_nav ul li {
    list-style: none;
    display: inline-block;
    margin-right: 26px;
}

.bottom_nav ul li:last-child {
    margin-right: 0;
}

.bottom_nav ul li a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 17px;
    line-height: .8;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 0;
}

.bottom_nav ul li a:hover {
    color: var(--primary-color);
}

/*----- 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(--primary-color);
    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;
}

a.cats.pinks {
    background: #ff1d78;
}

a.cats.greens {
    background: #2cc025;
}

a.cats.blues {
    background: #008aff;
}

a.cats.purples {
    background: #690aa0;
}

a.cats.blues2 {
    background: #4141ac;
}

a.cats.reds {
    background: var(--primary-color);
}

.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(--primary-color);
}

.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(--primary-color);
}

/*----- 1.3 Top of the week ------*/
.magro_tab_1 {
    position: relative;
}

.mtab_1 {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: .8;
    display: flex;
    justify-content: flex-end;
    border: none;
}

.mtab_1.right_top {
    position: absolute;
    right: 0;
    top: -51px;
}

.mtab_1 li {
    list-style: none;
    display: inline-block;
    line-height: .8;
    margin-right: 40px;
}

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

.mtab_1 li a {
    color: #888888;
    font-size: 15px;
    letter-spacing: .45px;
    line-height: .8;
    display: inline-block;
}

.mtab_1 li a:hover,
.mtab_1 li a.active {
    color: var(--primary-color);
}

.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(--primary-color);
}

.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(--primary-color);
}

.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;
}

.tw1_list {
    position: relative;
    margin-bottom: 30px;
}

.tw1l_thumb {
    width: 120px;
    height: auto;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 35px;
}

.tw1_list img {
    width: 134px;
    height: 131px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.tw1_list:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.tw1l_cats {
    position: absolute;
    right: 0;
    bottom: -1px;
}

.tw1l_cats a.cats {
    box-shadow: none;
}

.tw1_l_content {
    position: relative;
    padding-top: 17px;
}

.tw1_l_content h3 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    color: #333333;
    margin: 0 0 22px;
}

.tw1_l_content h3 a {
    color: inherit;
}

.tw1_l_content h3 a:hover {
    color: var(--primary-color);
}

.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(--primary-color);
    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(--primary-color);
}

.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;
}

.tw1_list:last-of-type {
    margin-bottom: 0;
}

.cus_top_week_column .col-lg-8 {
    -ms-flex: 0 0 69.666667%;
    flex: 0 0 69.666667%;
    max-width: 69.666667%;
}

.cus_top_week_column .col-lg-4 {
    -ms-flex: 0 0 30.333333%;
    flex: 0 0 30.333333%;
    max-width: 30.333333%;
}

.mcwc_items:hover img {
    opacity: 1;
}

.mcwc_items.travel_cate span.mcwc_name {
    background: #f3670a;
}

.mcwc_items.travel_cate span.mcwc_name:after {
    border-left-color: #f3670a;
}

.mcwc_items.fashion_cate span.mcwc_name {
    background: #ff1d78;
}

.mcwc_items.fashion_cate span.mcwc_name:after {
    border-left-color: #ff1d78;
}

.mcwc_items.entertainment_cate span.mcwc_name {
    background: #da1793;
}

.mcwc_items.entertainment_cate span.mcwc_name:after {
    border-left-color: #da1793;
}

.mcwc_items.health_cate span.mcwc_name {
    background: #690aa0;
}

.mcwc_items.health_cate span.mcwc_name:after {
    border-left-color: #690aa0;
}

.mcwc_items.nature_cate span.mcwc_name {
    background: #44b22f;
}

.mcwc_items.nature_cate span.mcwc_name:after {
    border-left-color: #44b22f;
}

.tw2_list {
    position: relative;
    margin-bottom: 40px;
}

.tw2l_thumb {
    width: 255px;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 30px;
}

.tw2l_thumb img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.tw2_list:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.comments {
    font-size: 10px;
    color: #fff;
    text-align: center;
    background: #000000;
    z-index: 3;
    display: block;
    font-weight: 600;
    letter-spacing: 0;
    height: 17px;
    line-height: .8;
    padding: 5px 4.5px;
}

.tw2l_thumb .comments {
    position: absolute;
    right: 16px;
    top: 12px;
}

.comments:hover {
    color: var(--primary-color);
}

.comments:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: #000 transparent transparent transparent;
}

/*----- 1.4 LifeStyle ------*/
.tw2_l_content {
    position: relative;
    padding: 25px 0 0;
}

.tw2_l_content a.cats {
    box-shadow: none;
    margin-bottom: 16px;
}

.tw2_l_content h3 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 18px;
}

.tw2_l_content h3 a {
    color: inherit;
}

.tw2_l_content h3 a:hover {
    color: var(--primary-color);
}

.tw2_l_content .comon_meta {
    margin-bottom: 18px;
}

.tw2_l_content p {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0;
    margin: 0;
}

a.cats.yellows {
    background: #f3670a;
}

.tw2_list_slide {
    position: relative;
    margin: 0 0 40px;
}

.single_tw2_list {
    position: relative;
}

.single_tw2_list img {
    width: 100%;
    height: auto;
}

.tw2_list_content {
    position: absolute;
    left: 47px;
    bottom: 92px;
    z-index: 3;
}

.tw2_list_content a.cats {
    left: 32px;
    top: 1px;
    position: relative;
}

.list_meta_con {
    background: #030303;
    padding: 20px 36px 23px 32px;
    max-width: 390px;
}

.list_meta_con_edit {
    background-color: rgba(10, 23, 55, 0.5);
    max-width: 600px;
}

.list_meta_con h3 {
    font-size: 30px;
    line-height: 33px;
    color: #fff;
    letter-spacing: .3px;
    margin: 0 0 17px;
}

.list_meta_con h3 a {
    color: inherit;
}

.list_meta_con h3 a:hover {
    color: var(--primary-color);
}

.list_meta_con .comon_meta span.cm_author {
    color: var(--primary-color);
}

.list_meta_con .comon_meta span.cm_author a:hover {
    color: #fff;
}

.tw2_list_slide.owl-carousel .owl-nav {
    position: absolute;
    bottom: 32px;
    left: 47px;
}

.tw2_list_slide.owl-carousel .owl-nav button {
    width: 30px;
    height: 30px;
    border: none;
    background: #0b0b0b;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    line-height: 34px;
    color: #d3d3d3;
    letter-spacing: 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;
}

.tw2_list_slide.owl-carousel .owl-nav button.owl-next {
    margin-left: 9px;
}

.tw2_list_slide.owl-carousel .owl-nav button:hover {
    background: var(--primary-color);
    color: #d3d3d3;
}

.ads {
    position: relative;
    margin-top: .6rem;
    background-color: white;
}

.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 ------*/
.featured_slider_2 {
    position: relative;
}

.featured_slider_item {
    position: relative;
}

.feature_img {
    position: relative;
}

.feature_img img {
    width: 100%;
    height: auto;
}

.featured_slider_content {
    padding: 35px 0 0;
}

.featured_slider_item .noPaddingRight {
    padding-left: 30px;
}

.featured_slider_content a.cats {
    margin-bottom: 7px;
}

.featured_slider_content h2 {
    font-size: 60px;
    color: #fff;
    line-height: 65px;
    font-weight: 800;
    margin-bottom: 25px;
}

.featured_slider_content h2 a {
    color: inherit;
}

.featured_slider_content h2 a:hover {
    color: var(--primary-color);
}

.featured_slider_content p {
    color: #d9d9d9;
    line-height: 23px;
    letter-spacing: 0;
    margin-bottom: 47px;
}

.featured_slider_content a.read_more {
    height: 50px;
    background: var(--primary-color);
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: .8;
    text-align: center;
    padding: 21px 57px;
    border: none;
    text-transform: uppercase;
}

.featured_slider_content a.read_more:hover {
    background: #fff;
    color: var(--primary-color);
}

.featured_slider_2:after {
    border: 20px solid #d0bb79;
    position: absolute;
    content: '';
    width: 279px;
    height: 100%;
    bottom: -29px;
    right: -60px;
    z-index: -1;
}

.featured_slider_2 .owl-item.active .featured_slider_content a.cats {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}

.featured_slider_2 .owl-item.active .featured_slider_content h2 {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.35s;
}

.featured_slider_2 .owl-item.active .featured_slider_content p {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.4s;
}

.featured_slider_2 .owl-item.active .featured_slider_content a.read_more {
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.5s;
}

.featured_slider_2 .owl-item.active .feature_img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.2s;
}

.featured_slider_2 .owl-dots {
    position: absolute;
    left: -332px;
    top: 40%;
    bottom: 0;
    margin: auto 0;
}

.featured_slider_2 .owl-dots .owl-dot {
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--primary-color);
    font-family: 'Barlow Condensed', sans-serif;
    z-index: -99;
    margin: 1px 0;
    position: relative;
}

.featured_slider_2 .owl-dots .owl-dot:before {
    width: 30px;
    height: 2px;
    background: #89776e;
    opacity: .8;
    position: absolute;
    left: 42px;
    top: 14px;
    content: '';
    z-index: 3;
    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_slider_2 .owl-dots .owl-dot.active:before,
.featured_slider_2 .owl-dots .owl-dot:hover:before {
    width: 90px;
    background: var(--primary-color);
}

.featured_slider_2 .owl-dots .owl-dot span {
    visibility: hidden;
    opacity: 0;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
}

.featured_slider_2 .owl-dots .owl-dot.active span {
    visibility: visible;
    opacity: 1;
}

.popup_video {
    font-size: 40px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    letter-spacing: -4px;
}

.feature_img .popup_video {
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 90px;
}

.popup_video:hover {
    color: var(--primary-color);
}

.feature_img .popup_video:hover {
    border-color: var(--primary-color);
}

a.cats.pinks2 {
    background: #da1793;
}

.top_week_1.mb_60 {
    margin-bottom: 60px;
}

.mt_10 {
    margin-top: 10px;
}

.pad_left_25 {
    padding-left: 25px;
}

/*----- 1.6 Weekly Top post ------*/
.social_area {
    position: relative;
}

.single_social {
    position: relative;
    padding-left: 64px;
    margin: 0 0 10px;
}

.single_social>a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #fff;
    line-height: .8;
    font-size: 17px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 9px 0;
}

.single_social.you>a {
    font-size: 15px;
    letter-spacing: -4px;
}

.single_social>a:after {
    position: absolute;
    right: -20px;
    top: 13px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    content: '';
}

.social_meta {
    position: relative;
    font-size: 12px;
    line-height: .8;
    color: #fff;
    letter-spacing: 0;
    font-weight: 700;
    height: 32px;
    padding: 12px 25px;
}

.social_meta span {
    line-height: .8;
    display: inline-block;
    margin-right: 3px;
}

.social_meta a {
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    float: right;
    position: relative;
}

.social_meta a:after {
    position: absolute;
    left: -28px;
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, .20);
    content: '';
    top: 0;
    bottom: 0;
    margin: auto 0;
}

.single_social.twi .social_meta {
    background: #1DA1F2;
}

.single_social.twi>a {
    background: #1DA1F2;
}

.single_social.twi>a:after {
    background: #1DA1F2;
}

.single_social.fac .social_meta {
    background: #4267B2;
}

.single_social.fac>a {
    background: #4267B2;
}

.single_social.fac>a:after {
    background: #4267B2;
}

.single_social.you .social_meta {
    background: #D72523;
}

.single_social.you>a {
    background: #D72523;
}

.single_social.you>a:after {
    background: #D72523;
}

.widget.mag_social_widget {
    margin: 0 0 38px;
}

.ads_widget {
    position: relative;
    text-align: center;
}

.ads_widget h6 {
    font-size: 13px;
    color: #999999;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 2.86px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ads_widget img {
    max-width: 100%;
    height: auto;
}

.widget.mag_ads_widget {
    margin: 0 0 40px;
}

.widget.mag_modern_widget {
    margin: 0 0 40px;
}

.modern_slide {
    position: relative;
}

.single_modern {
    position: relative;
    margin: 0 0 27px;
}

.single_md_item {
    position: relative;
    margin: 0 0 23px;
}

.single_md_item img {
    width: 100%;
    height: auto;
    margin-bottom: 11px;
}

.single_md_item a {
    display: block;
    font-size: 15px;
    line-height: 16px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0;
}

.single_md_item a:hover {
    color: var(--primary-color);
}

.modern_slide.owl-carousel .owl-nav {
    position: relative;
    line-height: .8;
}

.modern_slide.owl-carousel .owl-nav .owl-prev,
.modern_slide.owl-carousel .owl-nav .owl-next {
    width: 25px;
    height: 25px;
    border: 1px solid #dbdbdb;
    border-radius: 0;
    color: #b7b7b7;
    line-height: 25px;
    font-size: 10px;
    text-align: center;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.modern_slide.owl-carousel .owl-nav .owl-prev:hover,
.modern_slide.owl-carousel .owl-nav .owl-next:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.modern_slide.owl-carousel .owl-nav .owl-next {
    margin-left: 7px;
}

.modern_slide.owl-carousel .owl-nav .owl-prev.disabled,
.modern_slide.owl-carousel .owl-nav .owl-next.disabled {
    border-color: #eeeeee;
    color: #d3d3d3;
}

.lr_post_area {
    position: relative;
}

.lr_feature_post {
    position: relative;
    margin: 0 0 33px;
}

.lr_feature_post img {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.lr_feature_post h4 {
    font-size: 25px;
    line-height: 25px;
    color: #000000;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.lr_feature_post h4 a {
    color: inherit;
}

.lr_feature_post h4 a:hover {
    color: var(--primary-color);
}

.lr_feature_post .comments {
    position: absolute;
    right: 0;
    top: -7px;
}

.lr_feature_post .comon_meta>span.cm_date:after {
    display: none;
}

.lr_feature_post .comon_meta {
    margin-bottom: 13px;
}

.lr_feature_post p {
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 0;
    margin-bottom: 0;
}

.lr_sp {
    position: relative;
    margin-bottom: 30px;
    min-height: 83px;
    padding-left: 117px;
    padding-top: 10px;
}

.lr_sp:last-of-type {
    margin-bottom: 0;
}

.lr_sp img {
    width: 100px;
    height: 83px;
    position: absolute;
    left: 0;
    top: 0;
}

.lr_sp h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.lr_sp h5 a {
    color: inherit;
}

.lr_sp h5 a:hover {
    color: var(--primary-color);
}

.lr_sp span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .8;
    font-weight: 500;
    color: #a7a7a7;
}

.lr_sp span a {
    color: inherit;
}

.lr_sp span a:hover {
    color: var(--primary-color);
}

.top_post_cus_column .col-lg-8 {
    -ms-flex: 0 0 68.333333%;
    flex: 0 0 68.333333%;
    max-width: 68.333333%;
}

.top_post_cus_column .col-lg-4 {
    -ms-flex: 0 0 31.666667%;
    flex: 0 0 31.666667%;
    max-width: 31.666667%;
}

/*----- 1.7 Top Content ------*/
.single_tc_post {
    position: relative;
    margin-bottom: 90px;
}

.single_tc_post img {
    width: 100%;
    height: auto;
}

.single_tc_post .popup_video {
    font-size: 64px;
}

.tc_content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -46px;
    z-index: 2;
}

.tc_content h3 {
    font-size: 28px;
    line-height: 37px;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
}

.tc_content h3 a {
    color: #101010;
}

.tc_content h3 a:hover {
    color: var(--primary-color);
}

.tc_content h3 a span {
    padding: 2px 14px;
    background: #fff;
}

.tc_content h3 a span:first-of-type {
    padding-top: 16px;
}

.tc_content h3 a span:last-of-type {
    padding-bottom: 15px;
}

.tc_content a.cats {
    left: 14px;
    top: -7px;
    position: relative;
    box-shadow: none;
}

/*----- 1.8 Whats New ------*/
.tw3_list {
    position: relative;
    margin: 0 0 30px;
}

.tw3_thumb {
    width: 130px;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 1;
    margin-right: 20px;
}

.tw3_thumb img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
}

.tw3_list:hover .tw3_thumb img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.tw_3_content {
    position: relative;
    padding: 12px 0 0;
}

.tw_3_content a.cats {
    box-shadow: none;
    margin-bottom: 10px;
}

.tw_3_content h3 {
    font-size: 24px;
    line-height: 26px;
    color: #101010;
    letter-spacing: 0.10px;
    margin: 0;
}

.tw_3_content h3 a {
    color: inherit;
}

.tw_3_content h3 a:hover {
    color: var(--primary-color);
}

.editor_choice_area {
    position: relative;
    background: url(../images/bg/4.jpg) no-repeat center center / cover;
    padding: 35px 30px 8px;
}

.sinlge_edit_item {
    position: relative;
    min-height: 84px;
    margin-bottom: 15px;
}

.edit_thumb {
    width: 129px;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    z-index: 1;
    margin-right: 15px;
}

.edit_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;
}

.sinlge_edit_item:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.edit_thumb .popup_video {
    font-size: 30px;
}

.edit_content {
    position: relative;
    padding: 8px 0 0;
}

.edit_content h4 {
    font-size: 20px;
    line-height: 22px;
    color: #aaaaaa;
    letter-spacing: 0.22px;
    margin-bottom: 10px;
}

.edit_content h4 a {
    color: inherit;
}

.edit_content h4 a:hover {
    color: var(--primary-color);
}

.edit_content .ed_date {
    font-size: 13px;
    line-height: .8;
    font-weight: 500;
    display: block;
    color: var(--primary-color);
}

.editor_slide {
    width: 100%;
}

.editor_slide .sinlge_edit_item {
    border: none;
    outline: none;
}

.editor_slide .slick-dots {
    margin: 8px 0 0;
    padding: 0;
}

.editor_slide .slick-dots li {
    list-style: none;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    margin: 0 14px 0 0;
    padding: 0;
    cursor: pointer;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.editor_slide .slick-dots li:hover {
    background: var(--primary-color);
}

.editor_slide .slick-dots li.slick-active {
    width: 30px;
    border-radius: 10px;
    background: var(--primary-color);
}

.editor_slide .slick-dots li button[type="button"] {
    border: none;
    border-radius: 0;
    display: inline-block;
    padding: 0;
    text-indent: -9999px;
    z-index: 10;
    outline: none;
}

/*----- 1.9 Instagram  ------*/
.my_instagram {
    position: relative;
    width: 100%;
}

.instagram_img {
    position: relative;
    float: left;
    width: 20%;
    overflow: hidden;
}

.instagram_img img {
    width: 100%;
    height: 180px;
    -webkit-transition: all 0.3s ease-out;
    -mozi-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
}

.instagram_img:hover img {
    transform: scale(1.1) rotate(1.5deg);
    -moz-transform: scale(1.1) rotate(1.5deg);
    -webkit-transform: scale(1.1) rotate(1.5deg);
    -ms-transform: scale(1.1) rotate(1.5deg);
    -o-transform: scale(1.1) rotate(1.5deg);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*----- 1.10 Footer  ------*/
.footer_1 {
    position: relative;
    background: url(../images/bg/bg-footer.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(--primary-color);
}

.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(--primary-color);
}

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(--primary-color);
}

.f_bar {
    border-top: 1px solid #3f3f3f;
    margin-bottom: 41px;
}

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;
}

.mailchimp_form {
    position: relative;
}

.mailchimp_form input[type="email"] {
    width: 100%;
    height: 52px;
    background: #fff;
    line-height: 52px;
    border: none;
    outline: none;
    text-align: center;
    font-size: 14px;
    color: #9d9d9d;
    margin-bottom: 10px;
}

.mailchimp_form input[type="email"]::-moz-placeholder {
    color: #9d9d9d;
    opacity: 1;
}

.mailchimp_form input[type="email"]::-ms-input-placeholder {
    color: #9d9d9d;
    opacity: 1;
}

.mailchimp_form input[type="email"]::-webkit-input-placeholder {
    color: #9d9d9d;
    opacity: 1;
}

footer .mailchimp_form {
    padding-left: 65px;
    padding-top: 35px;
}

.mailchimp_form input[type="submit"] {
    width: 100%;
    height: 52px;
    background: var(--primary-color);
    border: none;
    outline: none;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;

    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.mailchimp_form input[type="submit"]:hover {
    background: #fff;
    color: var(--primary-color);
}

.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(--primary-color);
}

.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(--primary-color);
}

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

/*--- 2.1 Top Bar ----*/
.top_bar_02 {
    position: relative;
    background: #fff;
    padding: 9px 0 20px;
}

.top_bar_02::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: url(../images/banner-page.jpg) no-repeat left top;
}

.trending_post {
    position: relative;
    padding-left: 95px;
    margin-top: 2px;
}

.trending_post h5 {
    font-size: 15px;
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 0.90px;
    line-height: 28px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.trending_post h5 i {
    display: inline-block;
    line-height: 28px;
    margin-right: 1px;
}

.tr_slider_2 {
    position: relative;
}

.tr_slider_2 p {
    margin: 0;
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 0;
    color: #999999;
}

.tr_slider_2 p a {
    color: inherit;
}

.tr_slider_2 p a:hover {
    color: var(--primary-color);
}

.social_02 {
    position: relative;
    text-align: right;
    padding-bottom: 9px;
}

.social_02 h5 {
    display: inline-block;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.48px;
    margin-bottom: 0;
    margin-right: 15px;
}

.social_02 a {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: none;
    font-size: 15px;
    color: #fff;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.60px;
}

.social_02 a.goo {
    background: #DC4E41;
}

.social_02 a.fac {
    background: #4267B2;
}

.social_02 a.twi {
    background: #1DA1F2;
}

.social_02 a.lin {
    background: #0077B7;
}

.social_02 a:hover {
    background: var(--primary-color);
    color: #fff;
}

.logo_02 {
    position: relative;
    padding: 4px 0;
}

.logo_02 img {
    max-width: 100%;
    height: auto;
}

/*--- 2.2 Main Header ----*/
.header_02 {
    position: relative;
    background: var(--primary-color);
    padding: 15px 0 0;
}

.main_menu_2 {
    position: relative;
}

.main_menu_2>ul {
    margin: 0;
    padding: 0;
}

.main_menu_2>ul>li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin: 0 0 0;
    padding-bottom: 17px;
}

.main_menu_2>ul>li.mg_menu {
    position: static;
}

.main_menu_2>ul>li>a {
    display: block;
    font-size: 17px;
    line-height: .8;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1.02px;
    padding-right: 25px;
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, .3);
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
}

.main_menu_2>ul>li:hover>a,
.main_menu_2>ul>li.current-menu-item>a {
    color: #000;
}

.main_menu_2>ul>li.current-menu-item>a {
    padding-left: 36px;
}

.main_menu_2>ul>li:last-child>a {
    border: none;
    margin-right: 0;
    padding-right: 0;
}

.main_menu_2>ul>li.current-menu-item>a:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\ebed";
    font-family: 'themewar' !important;
    width: 26px;
    height: 26px;
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding: 8px 0;
}

.main_menu_2 ul ul.sub-menu {
    position: absolute;
    width: 230px;
    padding: 14px 30px 12px;
    background: #fff;
    top: 120%;
    left: 0;
    z-index: 9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    -webkit-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -moz-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
}

.main_menu_2 ul ul.sub-menu li {
    display: block;
    list-style: none;
    margin: 0;
    position: relative;
    padding: 6px 0 7px;
    float: none;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main_menu_2 ul ul.sub-menu li:last-child {
    border-bottom: none;
}

.main_menu_2 ul ul.sub-menu li.menu-item-has-children {
    position: relative;
}

.main_menu_2 ul ul.sub-menu li.menu-item-has-children:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: '...';
    color: #000000;
    font-size: 21px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.main_menu_2 ul ul.sub-menu li.menu-item-has-children:hover:after {
    color: var(--primary-color);
}

.main_menu_2 ul ul.sub-menu li a {
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.main_menu_2 ul ul.sub-menu>li:hover>a {
    color: var(--primary-color);
    padding-left: 10px;
}

.main_menu_2>ul>li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu_2 ul ul.sub-menu li ul.sub-menu {
    left: 100%;
    margin-left: 30px;
    visibility: hidden;
    opacity: 0;
    top: 0;
}

.main_menu_2 ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.megamenu_2 {
    width: 990px;
    position: absolute;
    left: 0;
    top: 120%;
    background: #fff;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    padding: 42px 50px 18px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -moz-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.megamenu_2 .mtab_1 {
    justify-content: inherit;
    margin-bottom: 25px;
}

.megamenu_2 .tw1_list {
    margin-bottom: 24px;
}

.main_menu_2>ul>li .megamenu_1 {
    border: none;
}

.main_menu_2>ul>li:hover .megamenu_1 {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu_2>ul>li:hover .megamenu_2 {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.megamenu_2 .tab-pane {
    -webkit-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(10px, 0, 0);
    -moz-transform: translate3d(10px, 0, 0);
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    -o-transform: translate3d(10px, 0, 0);
}

.megamenu_2 .active.show {
    transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
}

.search_form {
    position: relative;
    text-align: right;
    font-family: 'Barlow Condensed', sans-serif;
}

.search_form input[type="search"] {
    height: 30px;
    line-height: 30px;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    text-transform: uppercase;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
    padding: 0 18px;
    width: 103px;
    letter-spacing: 1.02px;
    background: transparent;
    outline: none;
    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_form input[type="search"]:hover,
.search_form input[type="search"]:focus {
    width: 100%;
}

.search_form input[type="search"]::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.search_form input[type="search"]::-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}

.search_form input[type="search"]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.search_form button {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    color: #fff;
    outline: none;
    background: transparent;
    border: none;
    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_form button:hover {
    color: #000;
}

/*--- 2.3 Recent Post ----*/
.sin_rc_post {
    position: relative;
    overflow: hidden;
}

.sin_rc_post img {
    max-width: 100%;
    height: auto;
}

.rc_content {
    position: relative;
    padding: 10px 0 0;
}

.rc_content h4 {
    font-size: 22px;
    line-height: 24px;
    color: #2e2d2d;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.rc_content h4 a {
    color: inherit;
}

.rc_content h4 a:hover {
    color: var(--primary-color);
}

.rc_meta {
    display: flex;
}

.rc_meta a {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: var(--primary-color);
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .40px;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 18px;
}

.rc_meta a.like {
    font-size: 18px;
    color: #999999;
    letter-spacing: .36px;
    margin-right: 0;
}

.rc_meta a i {
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.rc_meta a:hover {
    color: #999999;
}

.rc_meta a.like:hover {
    color: var(--primary-color);
}

.rc_post_slide.owl-carousel {
    position: relative;
}

.rc_post_slide.owl-carousel .owl-nav .owl-next,
.rc_post_slide.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -97px;
    top: 16%;
    width: 57px;
    height: 70px;
    border: 2px solid #dfdfdf;
    font-size: 15px;
    color: #000000;
    text-align: center;
    line-height: 70px;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}

.rc_post_slide.owl-carousel .owl-nav .owl-next {
    right: -97px;
    left: auto;
}

.rc_post_slide.owl-carousel .owl-nav button::before,
.rc_post_slide.owl-carousel .owl-nav button::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    content: '';
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.rc_post_slide.owl-carousel .owl-nav button::before {
    top: -2px;
    left: -2px;
}

.rc_post_slide.owl-carousel .owl-nav button::after {
    bottom: -2px;
    right: -2px;
}

.rc_post_slide.owl-carousel .owl-nav button:hover::before,
.rc_post_slide.owl-carousel .owl-nav button:hover::after {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}

.rc_post_slide.owl-carousel .owl-nav button:hover::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.rc_post_slide.owl-carousel .owl-nav button:hover::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.rc_post_slide.owl-carousel .owl-nav .owl-next:hover,
.rc_post_slide.owl-carousel .owl-nav .owl-prev:hover {
    color: var(--primary-color);
}

/*--- 2.4 Featured Post ----*/
.feature_slider_active {
    width: 58%;
    float: left;
    position: relative;
    z-index: 2;
    padding: 90px 0 80px;
}

.feature_slider_active .fs_sitem {
    position: relative;
    outline: none;
    border: none;
    padding-right: 150px;
}

.fs_sitem .rc_meta {
    margin: 0 0 6px;
}

.fs_sitem .rc_meta .commnet {
    margin-left: 18px;
}

.fs_sitem h3 {
    font-size: 45px;
    line-height: 46px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 42px;
}

.fs_sitem h3 a {
    color: inherit;
}

.fs_sitem h3 a:hover {
    color: var(--primary-color);
}

.fs_sitem .view {
    margin-right: 10px;
}

.fs_sitem .popup_video {
    position: relative;
    top: 0;
    transform: none;
    height: 55px;
    background: var(--primary-color);
    border-radius: 30px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: .80px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 55px;
    padding: 0 30px 0 11px;
    margin-top: 135px;
}

.fs_sitem .popup_video i {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    text-align: center;
    font-size: 12px;
    color: var(--primary-color);
    line-height: .8;
    position: relative;
    top: -1px;
    padding: 15px 0;
    letter-spacing: -3px;
    margin-right: 10px;
}

.fs_sitem .popup_video:hover {
    color: #000;
}

.feature_item_slide {
    width: 42%;
    padding-right: 96px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.feature_item_slide .f_sitem {
    position: relative;
    outline: none;
    border: none;
    margin-bottom: 30px;
    overflow: hidden;
}

.feature_item_slide .f_sitem:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: '';
}

.f_sitem img {
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-size: 110%;
}

.f_sitem:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.f_sitem_content {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 3;
    width: 100%;
    padding-left: 53px;
    font-family: 'Barlow Condensed', sans-serif;
}

.f_sitem_content .popup_video {
    right: auto;
    top: 0;
    transform: none;
    letter-spacing: -2px;
    width: 38px;
    height: 38px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    color: #000000;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
}

.f_sitem_content .popup_video:hover {
    background: var(--primary-color);
    color: #fff;
}

.f_sitem_content .cm_author,
.f_sitem_content .f_date {
    font-size: 15px;
    color: #ffffff;
    line-height: .8;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
}

.f_sitem_content .f_date {
    margin-bottom: 9px;
}

.f_sitem_content .cm_author a {
    color: inherit;
}

.f_sitem_content .f_date:hover,
.f_sitem_content .cm_author a:hover {
    color: var(--primary-color);
}

.f_sitem_content .count_number {
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    letter-spacing: .52px;
    margin: 0;
    position: absolute;
    top: 3px;
    right: 70px;
    z-index: 3;
}

.counting_bar {
    width: 2px;
    height: 88%;
    background: #fff;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}

.counting_bar h1 {
    font-size: 90px;
    line-height: 46px;
    color: #fff;
    position: absolute;
    top: -71px;
    bottom: auto;
    right: -27px;
    margin: 0;
    font-weight: 600;
}

/*--- 2.5 Post Tab ----*/
.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    background: black;
    background: transparent;
    padding: 0;
}

.magro_tab_2 {
    position: absolute;
    left: -110px;
    top: 80px;
    width: 84px;
    z-index: 7;
    padding: 6px 6px;
    background: #fff;
    border-radius: 40px;
    -webkit-box-shadow: -2px 4px 51px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -2px 4px 51px 0px rgba(0, 0, 0, 0.14);
    box-shadow: -2px 4px 51px 0px rgba(0, 0, 0, 0.14);
}

.magro_tab_2 ul {
    display: block;
    border: none;
}

.magro_tab_2 ul li {
    display: block;
    margin-bottom: 5px;
}

.magro_tab_2 ul li:last-of-type {
    margin-bottom: 0;
}

.magro_tab_2 ul li a {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: inline-block;
    font-size: 28px;
    color: #333139;
    line-height: 72px;
    text-align: center;
    background: #fde8e8;
    position: relative;
}

.magro_tab_2 ul li:nth-child(2) a {
    background: #e4d9fe;
}

.magro_tab_2 ul li:nth-child(3) a {
    background: #dff2ff;
}

.magro_tab_2 ul li a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 18px;
    width: 100%;
    text-align: center;
    background: #1f1f1f;
    border-radius: 30px;
    font-size: 9px;
    line-height: .8;
    color: #fff;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0;
    padding: 6px 5px;
    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;
}

.magro_tab_2 ul li a span:after {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -6px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 6px 3.5px;
    border-color: transparent transparent #1f1f1f transparent;
}

.magro_tab_2 ul li a.active span,
.magro_tab_2 ul li a:hover span {
    bottom: 2px;
    visibility: visible;
    opacity: 1;
}

.tt_s_post {
    position: relative;
    margin: 0 0 49px;
}

.tt_thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
}

.tt_thumb img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tt_s_post:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

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;
}

.tt_thumb a {
    position: absolute;
    right: 21px;
    bottom: 21px;
}

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(--primary-color);
}

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(--primary-color);
}

.tt_s_content {
    position: relative;
}

.tt_s_content .rc_meta {
    margin-bottom: 10px;
}

.tt_s_content .rc_meta a {
    margin-right: 21px;
}

.tt_s_content .rc_meta .like {
    margin-right: 20px;
}

.rc_meta .commnet {
    font-size: 18px;
    color: #999999;
    letter-spacing: .36px;
    margin-right: 0;
}

.rc_meta a.commnet i {
    font-size: 16px;
    top: 0;
}

.rc_meta .commnet:hover {
    color: var(--primary-color);
}

.tt_s_content h3 {
    font-size: 24px;
    line-height: 26px;
    color: #2e2d2d;
    font-weight: 600;
    margin: 0;
}

.tt_s_content h3 a {
    color: inherit;
}

.tt_s_content h3 a:hover {
    color: var(--primary-color);
}

/*--- 2.6 Category Post ----*/
.cate_slider {
    position: relative;
    overflow: hidden;
}

.single_cate_item {
    position: relative;
    overflow: hidden;
}

.single_cate_item img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.single_cate_item:hover img {
    transform: scale(1.1) rotate(-1.1deg);
    -moz-transform: scale(1.1) rotate(-1.1deg);
    -webkit-transform: scale(1.1) rotate(-1.1deg);
    -ms-transform: scale(1.1) rotate(-1.1deg);
    -o-transform: scale(1.1) rotate(-1.1deg);
}

.single_cate_item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
}

.tra:after {
    background: rgba(65, 65, 172, .7);
}

.fash:after {
    background: rgba(218, 23, 32, .7);
}

.enter:after {
    background: rgba(218, 23, 147, .7);
}

.nat:after {
    background: rgba(68, 178, 47, .7);
}

.spo:after {
    background: rgba(218, 106, 23, .7);
}

.cate_count {
    position: absolute;
    left: 60px;
    top: 57px;
    z-index: 3;
}

.cate_count p {
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
    color: #fff;
    letter-spacing: .72px;
    font-weight: 500;
    margin: 0 0 16px;
}

.cate_count p a {
    color: inherit;
}

.cate_count p a:hover {
    color: #000;
}

.cate_count .cates {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1.68px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
}

.cate_count .cates:hover {
    color: #000;
}

.cate_desc {
    position: absolute;
    left: 60px;
    bottom: 60px;
    right: 60px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    transition: all ease 600ms;
    -webkit-transition: all ease 600ms;
    -moz-transition: all ease 600ms;
}

.cate_desc p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 30px;
}

.cate_desc .view_cate {
    position: relative;
    height: 50px;
    text-align: center;
    display: inline-block;
    outline: none;
    border: 1px solid #fff;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: .8;
    font-weight: 600;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 0.48px;
    padding: 18px 52px;
}

.cate_desc .view_cate:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.single_cate_item:hover .cate_desc {
    visibility: visible;
    opacity: 1;
}

/*--- 2.7 Trending Topic Post ----*/
.tt_feature_post {
    position: relative;
    margin-bottom: 49px;
}

.tt_f_thumb {
    position: relative;
    margin: 0 0 42px;
}

.tt_f_thumb img {
    width: 100%;
    height: auto;
}

.tt_f_content {
    position: relative;
    margin: 0 0 0;
}

.tt_f_content h3 {
    font-size: 38px;
    line-height: 40px;
    color: #2e2d2d;
    font-weight: 600;
    margin: 0 0 25px;
}

.tt_f_content h3 a {
    color: inherit;
}

.tt_f_content h3 a:hover {
    color: var(--primary-color);
}

.tt_f_content p {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    letter-spacing: 0;
    margin: 0 0 27px;
}

.tt_f_content p:last-of-type {
    margin-bottom: 41px;
}

.tt_f_content .rc_meta {
    margin-top: 0;
    display: inline-block;
    float: left;
}

.tt_f_content .rc_meta a {
    margin-right: 44px;
}

.tt_f_content .rc_meta a.like {
    margin-right: 20px;
}

.tt_f_content .rc_meta a.commnet {
    margin-right: 0;
}

.bar_border {
    width: 41%;
    height: 1px;
    background: #cfcfcf;
    right: 168px;
    bottom: 15px;
    position: absolute;
}

.tt_f_pm {
    display: inline-block;
    float: right;
}

.tt_f_pm .share {
    background: #f8f8f8;
    margin-right: 5px;
}

.tt_f_pm .view {
    background: rgba(231, 25, 25, .10);
}

.tt_f_pm .share:hover {
    background: rgba(231, 25, 25, .10);
    color: var(--primary-color);
}

.tt_f_pm .view:hover {
    background: #f8f8f8;
    color: #333333;
}

.post_react {
    position: relative;
    margin: -24px 0 33px;
}

.sg_react {
    display: inline-block;
    width: 90px;
    height: 90px;
    background: #fdfbca;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.sg_react img {
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: 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;
}

.sg_react span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    margin: auto;
    height: 22px;
    text-align: center;
    background: var(--primary-color);
    border-radius: 0;
    font-size: 16px;
    line-height: .8;
    color: #fff;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .64px;
    padding: 5px 10px;
    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;
}

.sg_react span:after {
    position: absolute;
    left: 11px;
    top: -6px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 0 8px;
    border-color: transparent transparent transparent var(--primary-color);
}

.sg_react:hover span {
    visibility: visible;
    opacity: 1;
    bottom: -13px;
}

.sg_react:hover img {
    width: 55px;
    height: 55px;
}

.about_me {
    position: relative;
    background: #f9f9f9;
    padding: 10px 30px ;

}

.about_me .ab_thumb i{
    display: none;
}

.ab_thumb {
    position: relative;
    margin-bottom: 26px;
}

.ab_thumb img {
    width: 240px;
    height: 240px;
    border-radius: 10%;
    -webkit-box-shadow: -2px 0 16px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -2px 0 16px 0px rgba(0, 0, 0, 0.14);
    box-shadow: -2px 0 16px 0px rgba(0, 0, 0, 0.14);
}

.ab_thumb i {
    width: 34px;
    height: 32px;
    background: #e2c006;
    border-radius: 50%;
    -webkit-box-shadow: -2px 0 43px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: -2px 0 43px 0px rgba(0, 0, 0, 0.35);
    box-shadow: -2px 0 43px 0px rgba(0, 0, 0, 0.35);
    position: absolute;
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -13px;
    margin: 0 auto;
    z-index: 2;
}

.about_me h5 {
    font-size: 28px;
    line-height: 40px;
    color: #333333;
    letter-spacing: 0;
    margin: 0 0 7px;
}

.about_me p {
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    letter-spacing: 0;
    margin-bottom: 8px;
}

.about_me>img {
    display: block;
    width: 187px;
    height: 62px;
    margin: 0 auto 27px;
}

.ab_m_social {
    display: inline-block;
    float: left;
}

.ab_m_social a {
    display: inline-block;
    width: 51px;
    height: 51px;
    border: none;
    font-size: 18px;
    color: #fff;
    line-height: .8;
    padding: 16px 0;
    text-align: center;
    letter-spacing: 0.72px;
    margin-right: -5px;
}

.ab_m_social a.goo {
    background: #DC4E41;
}

.ab_m_social a.fac {
    background: #4267B2;
}

.ab_m_social a.twi {
    background: #1DA1F2;
}

.ab_m_social a:hover {
    background: var(--primary-color);
    color: #fff;
}

.about_me .ab_m_btn {
    float: right;
    height: 51px;
    background: #121212;
    font-size: 16px;
    line-height: .8;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 0.96px;
    text-align: center;
    padding: 19px 24px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
}

.about_me .ab_m_btn:hover {
    background: var(--primary-color);
    color: #fff;
}

.widget.about_me_widget {
    margin: 0 0 50px;
    background-color: #f5f5f5;
}

.widget.recent_post_widget {
    margin: 0 0 45px;
}

.widget .widget_title_3 {
    position: relative;
    font-size: 26px;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    color: #2e2d2d;
    text-transform: uppercase;
    letter-spacing: 1.04px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 22px;
    margin: 0 0 38px;
}

.widget .widget_title_3:after {
    display: none;
}

.widget .widget_title_3 i {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 70px;
    height: 5px;
    background: var(--primary-color);
}

.widget .widget_title_3 i:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 0 7px;
    border-color: transparent transparent transparent var(--primary-color);
    left: 0;
    top: -6px;
}

.rc_post_area {
    position: relative;
}

.single_rc_post {
    position: relative;
    padding-left: 60px;
    border-bottom: 1px dotted #e1e1e1;
    padding-bottom: 26px;
    margin-bottom: 27px;
}

.single_rc_post:last-of-type {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.single_rc_post .rc_meta {
    margin-bottom: 5px;
    position: relative;
    top: -3px;
}

.single_rc_post h2 {
    font-size: 45px;
    color: #e0e0e0;
    letter-spacing: 1.35px;
    line-height: .8;
    position: absolute;
    left: 0;
    top: 0;
}

.single_rc_post h3 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
    letter-spacing: .78px;
    margin-bottom: 0;
}

.single_rc_post h3 a {
    color: inherit;
}

.single_rc_post h3 a:hover {
    color: var(--primary-color);
}

.my_instagram_2 {
    position: relative;
    width: 100%;
}

.my_instagram_2 .instagram_img {
    width: 16.666%;
}

/*--- 2.8 Mailchimp  ----*/
.mailchimp_form_2 {
    position: relative;
}

.mailchimp_form_2 input[type="email"] {
    width: 665px;
    height: 66px;
    background: #fff;
    line-height: 66px;
    font-family: 'Barlow Condensed', sans-serif;
    font-style: italic;
    border: none;
    outline: none;
    font-weight: 300;
    font-size: 17px;
    border-radius: 30px;
    letter-spacing: .51px;
    padding: 0 45px;
    color: #828282;
    display: inline-block;
}

.mailchimp_form_2 input[type="email"]::-moz-placeholder {
    color: #828282;
    opacity: 1;
}

.mailchimp_form_2 input[type="email"]::-ms-input-placeholder {
    color: #828282;
    opacity: 1;
}

.mailchimp_form_2 input[type="email"]::-webkit-input-placeholder {
    color: #828282;
    opacity: 1;
}

.mailchimp_form_2 button,
.mailchimp_form_2 input[type="submit"] {
    height: 51px;
    background: var(--primary-color);
    padding: 0 49px;
    border: none;
    outline: none;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 600;
    letter-spacing: .48px;
    color: #fff;
    border-radius: 30px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-left: -85px;

    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.mailchimp_form_2 button i {
    margin-right: 8px;
}

.mailchimp_form_2 button:hover,
.mailchimp_form_2 input[type="submit"]:hover {
    background: #000;
    color: var(--primary-color);
}

/*--- 2.9 Footer ----*/
.footer_2 {
    position: relative;
    background: #000000;
    padding: 67px 0 75px;
}

.about_magro_2 {
    position: relative;
}

.about_magro_2 img {
    max-width: 100%;
    height: auto;
    margin-bottom: 31px;
}

.about_magro_2 .f_menu {
    display: block;
    float: none;
    margin-bottom: 20px;
}

.about_magro_2 .f_menu a {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: .90px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    color: #fff;
    margin: 0 20px;
}

.about_magro_2 .f_menu a:hover {
    color: var(--primary-color);
}

.f_social {
    display: block;
    margin: 0 0 22px;
    position: relative;
}

.f_social:after {
    position: absolute;
    left: 0;
    top: 26px;
    width: 38.6%;
    content: '';
    border: 1px dashed rgba(255, 255, 255, .3);
}

.f_social:before {
    position: absolute;
    right: 0;
    top: 26px;
    width: 38.6%;
    content: '';
    border: 1px dashed rgba(255, 255, 255, .3);
}

.f_social a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: none;
    font-size: 18px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    letter-spacing: 0.72px;
}

.f_social a.goo {
    background: #DC4E41;
}

.f_social a.fac {
    background: #4267B2;
}

.f_social a.twi {
    background: #1DA1F2;
}

.f_social a.lin {
    background: #0077B7;
}

.f_social a:hover {
    background: var(--primary-color);
    color: #fff;
}

.about_magro_2 .copyies {
    font-size: 18px;
    color: #999999;
    letter-spacing: .40px;
    font-family: 'Barlow Condensed', sans-serif;
}

.about_magro_2 .copyies a {
    color: var(--primary-color);
}

.about_magro_2 .copyies a:hover {
    color: #999999;
}

/*--------------------------------------------------------
/ 3. Home 03
/----------------------------------------------------------*/
/*--- 3.1 Header ----*/
.top_bar_02.h_top_3 {
    padding: 6px 0 8px;
}

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

.header_03 {
    position: relative;
    background: #000000;
    padding: 27px 0 0;
    border-bottom: 1px solid #cccccc;
}

.logo_03 {
    position: relative;
    padding: 0 0 26px;
}

.logo_03 img {
    max-width: 100%;
    height: auto;
}

.header_03 .search_form input[type="search"] {
    color: #999999;
}

.header_03 .search_form input[type="search"]::-moz-placeholder {
    color: #999999;
    opacity: 1;
}

.header_03 .search_form input[type="search"]::-ms-input-placeholder {
    color: #999999;
    opacity: 1;
}

.header_03 .search_form input[type="search"]::-webkit-input-placeholder {
    color: #999999;
    opacity: 1;
}

.header_03 .search_form {
    margin-top: 24px;
}

.header_03 .search_form button {
    color: #999999;
}

.header_03 .search_form button:hover {
    color: var(--primary-color);
}

.MenuBar {
    position: relative;
    margin: 28px 0 0;
}

.MenuBar a {
    display: inline-block;
    position: relative;
    font-size: 17px;
    color: #999999;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 1.02px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    padding-left: 31px;
}

.MenuBar a span {
    display: block;
    width: 22px;
    height: 4px;
    background: #999999;
    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;
}

.MenuBar a span:after {
    width: 22px;
    height: 4px;
    background: #999999;
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.MenuBar a span:before {
    width: 15px;
    height: 4px;
    background: #999999;
    content: '';
    position: absolute;
    left: 7px;
    top: 7px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.MenuBar a:hover {
    color: var(--primary-color);
}

.MenuBar a:hover span:after,
.MenuBar a:hover span:before,
.MenuBar a:hover span {
    background: var(--primary-color);
}

.MenuBar a:hover span:before {
    width: 22px;
    left: 0;
    overflow: hidden;
}

.dont_mis_btn {
    position: relative;
    display: inline-block;
    float: right;
    color: var(--primary-color);
    line-height: .8;
    font-weight: 500;
    letter-spacing: 1.02px;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
}

.dont_mis_btn i {
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
}

.dont_mis_btn:hover {
    color: #fff;
}

.main_menu_3 {
    position: relative;
}

.main_menu_3>ul {
    margin: 0;
    padding: 0;
}

.main_menu_3>ul>li {
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 0 0 24px;
    margin-right: 49px;
}

.main_menu_3>ul>li:last-of-type {
    margin-right: 0;
}

.main_menu_3>ul>li>a {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: .8;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1.02px;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
}

.main_menu_3>ul>li:hover>a {
    color: var(--primary-color);
}

.main_menu_3 ul ul.sub-menu {
    position: absolute;
    width: 230px;
    padding: 14px 30px 12px;
    background: #fff;
    border-top: 1px solid #c8c8cc;
    top: 120%;
    left: 0;
    z-index: 9;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    -webkit-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    -moz-box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
    box-shadow: 0 10px 20px 0 rgba(49, 49, 49, .2);
}

.main_menu_3 ul ul.sub-menu li {
    display: block;
    list-style: none;
    margin: 0;
    position: relative;
    padding: 6px 0 7px;
    float: none;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.main_menu_3 ul ul.sub-menu li:last-child {
    border-bottom: none;
}

.main_menu_3 ul ul.sub-menu li.menu-item-has-children:after {
    position: absolute;
    right: 0;
    top: 2px;
    content: '...';
    color: #000000;
    font-size: 21px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.main_menu_3 ul ul.sub-menu li.menu-item-has-children:hover:after {
    color: var(--primary-color);
}

.main_menu_3 ul ul.sub-menu li a {
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: capitalize;
}

.main_menu_3 ul ul.sub-menu>li:hover>a {
    color: var(--primary-color);
    padding-left: 10px;
}

.main_menu_3>ul>li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu_3 ul ul.sub-menu li ul.sub-menu {
    left: 100%;
    margin-left: 30px;
    visibility: hidden;
    opacity: 0;
    top: 0;
}

.main_menu_3 ul ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 0;
}

.main_menu_3>ul>li .megamenu_1 {
    border: none;
}

.main_menu_3>ul>li:hover .megamenu_1 {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main_menu_3>ul>li:hover .megamenu_2 {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

/*--- 3.2 Trending Post ----*/
.trending_rcpost_slide {
    position: relative;
    padding-right: 15px;
}

.sin_tr_rc_post {
    position: relative;
    border-left: 1px solid #d1d1d1;
    padding-left: 30px;
}

.sin_tr_rc_post h2 {
    font-size: 30px;
    line-height: .8;
    color: #d9d9d9;
    letter-spacing: 1.50px;
    font-weight: 800;
    margin-bottom: 24px;
}

.sin_tr_rc_post h4 {
    color: #333333;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0;
}

.sin_tr_rc_post h4 a {
    color: inherit;
}

.sin_tr_rc_post h4 a:hover {
    color: var(--primary-color);
}

.rcpost_meta {
    margin-bottom: 1px;
    color: #999999;
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: .32px;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
}

.rcpost_meta a {
    color: var(--primary-color);
    display: inline-block;
    margin-right: 8px;
}

.rcpost_meta a:hover {
    color: #999999;
}

.rcpost_meta .cm_author {
    color: #999999;
    display: inline-block;
    margin-left: 7px;
}

.rcpost_meta .cm_author a {
    color: inherit;
    margin-right: 0;
}

.rcpost_meta .cm_author a:hover {
    color: var(--primary-color);
}

.trend_title {
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    letter-spacing: 1px;
    margin: 0;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    position: absolute;
    left: -65px;
    bottom: 51px;
}

.trending_rcpost_slide.owl-carousel .owl-nav {
    position: absolute;
    right: -55px;
    top: 0;
}

.trending_rcpost_slide.owl-carousel .owl-nav .owl-next,
.trending_rcpost_slide.owl-carousel .owl-nav .owl-prev {
    position: relative;
    display: block;
    width: 50px;
    height: 62px;
    margin: 0 0 0;
    border: 1px solid #d1d1d1;
    font-size: 20px;
    color: #333333;
    background: transparent;
    text-align: center;
    line-height: 62px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.trending_rcpost_slide.owl-carousel .owl-nav .owl-next {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.trending_rcpost_slide.owl-carousel .owl-nav .owl-next:hover {
    background: transparent;
    border-color: #d1d1d1;
    color: #333;
}

.trending_rcpost_slide.owl-carousel .owl-nav .owl-prev:hover {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: #fff;
}

.trend_title i {
    font-size: 16px;
    color: var(--primary-color);
    display: inline-block;
    margin-right: 1px;
}

/*--- 3.3 Featured Post ----*/
.feature_slider_2 {
    position: relative;
}

.single_fs_item {
    position: relative;
    overflow: hidden;
}

.single_fs_item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: '';
}

.single_fs_item img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.single_fs_item:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.fs_content {
    position: absolute;
    left: 60px;
    bottom: 50px;
    right: 50px;
    z-index: 3;
}

.big_post .fs_content {
    padding-right: 270px;
}

.fs_meta {
    margin-bottom: 16px;
}

.fs_meta a {
    display: inline-block;
    font-size: 16px;
    line-height: .8;
    color: var(--primary-color);
    text-transform: uppercase;
    letter-spacing: .32px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
}

.fs_meta a:hover {
    color: #fff;
}

.fs_meta a.fs_cat {
    height: 22px;
    background: #1b1b1b;
    text-align: center;
    position: relative;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    letter-spacing: .30px;
    padding: 5px 10px;
    margin-right: 15px;
}

.fs_meta a.fs_cat:after {
    position: absolute;
    content: '';
    right: -8px;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #1b1b1b;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.fs_meta a.fs_cat:hover:after {
    border-left-color: var(--primary-color);
}

.fs_meta a.fs_cat:hover {
    background: var(--primary-color);
    color: #fff;
}

.fs_content h3 {
    font-size: 36px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}

.fs_content h3 a {
    color: inherit;
}

.fs_content h3 a:hover {
    color: var(--primary-color);
}

.fs_coment {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 3;
    background: rgba(0, 0, 0, .7);
    height: 37px;
    font-size: 17px;
    color: #ffffff;
    font-family: 'Barlow Condensed', sans-serif;
    line-height: .8;
    text-align: center;
    font-weight: 600;
    letter-spacing: .51px;
    display: block;
    padding: 12px 16px;
    border-radius: 10px;
}

.fs_coment:after {
    position: absolute;
    content: '';
    left: 13px;
    bottom: -9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 12px 0 0;
    border-color: #1b1b1b transparent transparent transparent;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.fs_coment:hover {
    background: var(--primary-color);
    color: #fff;
}

.fs_coment:hover:after {
    border-top-color: var(--primary-color);
}

.single_fp_feature {
    position: relative;
    margin-bottom: 30px;
}

.fp_thumb {
    width: 50%;
    float: left;
    position: relative;
    z-index: 1;
}

.fp_thumb img {
    width: 100%;
    height: auto;
}

.fp_f_content {
    width: 50%;
    float: left;
    position: relative;
    padding: 35px 50px 0 60px;
}

.fp_f_content .fs_meta {
    margin-bottom: 14px;
}

.fp_f_content .fs_meta a:hover {
    color: #000;
}

.fp_f_content .fs_meta a.fs_cat:hover {
    color: #fff;
}

.fp_f_content h3 {
    font-size: 40px;
    line-height: 42px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 22px;
}

.fp_f_content h3 a {
    color: inherit;
}

.fp_f_content h3 a:hover {
    color: var(--primary-color);
}

.fp_f_content p {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-bottom: 27px;
}

.fp_author {
    position: relative;
    font-size: 18px;
    line-height: 32px;
    color: #999999;
    letter-spacing: .36px;
    display: flex;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    padding-left: 60px;
    padding-top: 8px;
}

.fp_author img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid #fff;
    -webkit-box-shadow: -2px 0 16px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: -2px 0 16px 0px rgba(0, 0, 0, 0.14);
    box-shadow: -2px 0 16px 0px rgba(0, 0, 0, 0.14);
    position: absolute;
    left: 0;
    top: 0;
}

.fp_author a {
    color: inherit;
    margin-left: 4px;
}

.fp_author a:hover {
    color: var(--primary-color);
}

.fp_author .fp_coment {
    position: relative;
    top: 2px;
    background: #4c4c4c;
    height: 27px;
    font-size: 15px;
    color: #ffffff;
    font-family: 'Barlow Condensed', sans-serif;
    line-height: .8;
    text-align: center;
    font-weight: 600;
    letter-spacing: .60px;
    padding: 7px 11px;
    border-radius: 10px;
    margin-left: 39px;
}

.fp_author .fp_coment:after {
    position: absolute;
    content: '';
    left: 10px;
    bottom: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 0 0;
    border-color: #4c4c4c transparent transparent transparent;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.fp_author .fp_coment:hover {
    background: var(--primary-color);
    color: #fff;
}

.fp_author .fp_coment:hover:after {
    border-top-color: var(--primary-color);
}

/*--- 3.4 Category Post ----*/
.single_fp {
    position: relative;
}

.single_fp img {
    width: 100%;
    height: auto;
}

.single_fp .fp_f_content {
    width: 100%;
    float: none;
    padding: 15px 0 0;
}

.single_fp .fp_f_content .fs_meta {
    margin-bottom: 7px;
}

.single_fp .fp_f_content h3 {
    font-size: 24px;
    line-height: 26px;
    margin: 0;
}

.elect_f_sp {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.elect_f_sp img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.elect_f_sp:hover img {
    transform: scale(1.1) rotate(-1.1deg);
    -moz-transform: scale(1.1) rotate(-1.1deg);
    -webkit-transform: scale(1.1) rotate(-1.1deg);
    -ms-transform: scale(1.1) rotate(-1.1deg);
    -o-transform: scale(1.1) rotate(-1.1deg);
}

.elect_f_sp:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    content: '';
}

.elect_t_content {
    position: absolute;
    left: 40px;
    right: 30px;
    bottom: 25px;
    z-index: 2;
}

.elect_t_content h4 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 1.20px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.elect_t_content h4 a {
    color: inherit;
}

.elect_t_content h4 a:hover {
    color: var(--primary-color);
}

.elect_t_content .rcpost_meta .cm_author {
    color: #dadada;
}

.tw4_list {
    position: relative;
    margin-bottom: 19px;
}

.tw4_list:last-of-type {
    margin-bottom: 0;
}

.tw4_thumb {
    width: 110px;
    height: auto;
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 19px;
}

.tw4_thumb img {
    width: 100%;
    height: auto;
}

.tw1_4_content {
    position: relative;
    padding-top: 9px;
}

.tw1_4_content h3 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #333333;
    margin: 0;
}

.tw1_4_content h3 a {
    color: inherit;
}

.tw1_4_content h3 a:hover {
    color: var(--primary-color);
}

.electronic_sidebar {
    position: relative;
    padding-left: 30px;
    border-left: 1px solid #d1d1d1;
}

.electronic_sidebar .widget {
    margin-bottom: 40px;
}

.widget .magrotab_widget {
    position: relative;
    margin: 0 0 28px;
}

.widget .magrotab_widget ul {
    margin: 0;
    padding: 0;
    border: none;
}

.widget .magrotab_widget ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: inherit;
    text-align: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    width: auto;
}

.widget .magrotab_widget ul li a {
    display: block;
    font-size: 18px;
    color: #999999;
    float: none;
    line-height: .8;
    letter-spacing: 1.08px;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    height: 44px;
    padding: 14px 22px;
    text-align: center;
    position: relative;
}

.widget .magrotab_widget ul li a:after {
    position: absolute;
    content: '';
    content: '';
    left: 28px;
    bottom: -8px;
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 10px 0 0;
    border-color: var(--primary-color) transparent transparent transparent;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.widget .magrotab_widget ul li a:hover:after,
.widget .magrotab_widget ul li a.active:after {
    visibility: visible;
    opacity: 1;
}

.widget .magrotab_widget ul li a:hover,
.widget .magrotab_widget ul li a.active {
    background: var(--primary-color);
    color: #fff;
}

.tw_wid_post {
    position: relative;
}

.tw_wid_post .popup_video {
    font-size: 16px;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #000;
    line-height: .8;
    text-align: center;
    border-radius: 50%;
    padding: 13px 0;
    letter-spacing: -4px;
}

.tw_wid_post .popup_video:hover {
    color: #fff;
    background: var(--primary-color);
}

/*--- 3.5 Video Post ----*/
.video_feature_post {
    position: relative;
    overflow: hidden;
    outline: none;
}

.video_feature_post img {
    width: 100%;
    height: 460px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.video_feature_post:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.video_feature_post:after {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .31);
    content: '';
}

.video_feature_post .popup_video {
    width: 55px;
    height: 55px;
    background: var(--primary-color);
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    padding: 15px 0;
    z-index: 5;
    position: absolute;
    left: 70px;
    right: auto;
    top: 50px;
    transform: none;
    margin: 0;
}

.video_feature_post .popup_video:after {
    width: 70px;
    height: 70px;
    left: -8px;
    top: -8px;
    background: rgba(199, 32, 38, .5);
    position: absolute;
    content: '';
    z-index: -1;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
    -webkit-animation: blinker 1.5s ease-in-out infinite;
    -moz-animation: blinker 1.5s ease-in-out infinite;
}

@keyframes blinker {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.video_content {
    position: relative
}

.video_feature_post .video_content {
    position: absolute;
    left: 60px;
    bottom: 49px;
    z-index: 3;
    padding-right: 150px;
}

.video_content h3 {
    font-size: 40px;
    line-height: 44px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 16px;
}

.video_content h3 a {
    color: inherit;
}

.video_content h3 a:hover {
    color: var(--primary-color);
}

.video_content p {
    font-size: 16px;
    color: #eaeaea;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .32px;
    text-transform: uppercase;
    margin: 0;
}

.video_content p a {
    color: inherit;
    margin-right: 7px;
}

.video_content p a:hover {
    color: var(--primary-color);
}

.video_content p i {
    display: inline-block;
    color: var(--primary-color);
    margin-right: 7px;
    font-size: 18px;
    position: relative;
    top: 2px;
}

.video_content p span {
    margin-left: 7px;
}

.side_video_area {
    background: var(--primary-color);
    position: relative;
    padding: 40px 30px 50px;
}

.video_single_post {
    outline: none;
    position: relative;
    margin-bottom: 20px;
}

.vs_thumb {
    position: relative;
    margin-bottom: 11px;
}

.vs_thumb img {
    width: 100%;
    height: auto;
}

.video_single_post .popup_video {
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    font-size: 12px;
    color: #000000;
    position: absolute;
    left: 10px;
    top: auto;
    right: auto;
    bottom: 10px;
    margin: 0;
    transform: none;
    padding: 12px 0;
    line-height: .8;
}

.video_single_post .popup_video:hover {
    background: var(--primary-color);
    color: #fff;
}

.video_content h4 {
    font-size: 20px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 12px;
}

.video_content h4 a {
    color: inherit;
}

.video_content h4 a:hover {
    color: #000;
}

.video_single_post .video_content p {
    color: #fff;
}

/*--- 3.6 Category Post ----*/
.single_busi_post {
    position: relative;
    margin: 0 0 24px;
}

.single_busi_post img {
    width: 100%;
    height: auto;
}

.busi_content {
    position: relative;
    margin: 9px 0 0;
    padding-left: 60px;
    padding-right: 30px;
}

.busi_content h2 {
    font-size: 60px;
    color: #d9d9d9;
    line-height: 60px;
    letter-spacing: 3px;
    font-weight: 800;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.busi_content h4 {
    font-size: 22px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
    margin: 0;
}

.busi_content h4 a {
    color: inherit;
}

.busi_content h4 a:hover {
    color: var(--primary-color);
}

.techni_single_post {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.techni_single_post img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.techni_single_post:hover img {
    transform: scale(1.1) rotate(-1.5deg);
    -moz-transform: scale(1.1) rotate(-1.5deg);
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    -o-transform: scale(1.1) rotate(-1.5deg);
}

.techni_single_post:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    content: '';
}

.techni_content {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 26px;
    z-index: 2;
}

.techni_content h4 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}

.techni_content h4 a {
    color: inherit;
}

.techni_content h4 a:hover {
    color: var(--primary-color);
}

.techni_content .rcpost_meta a:hover {
    color: #dadada;
}

.techni_content .rcpost_meta .cm_author {
    color: #dadada;
}

.techni_content .rcpost_meta .cm_author a:hover {
    color: var(--primary-color);
}

.techi_big .techni_content {
    left: 50px;
    right: 55px;
    bottom: 46px;
}

.techi_big .techni_content h4 {
    font-size: 38px;
    line-height: 40px;
    letter-spacing: 1.52px;
}

/*--- 3.7 Call To Action ----*/
.call_content {
    position: relative;
    padding-right: 30px;
    z-index: 3;
}

.call_content img {
    max-width: 100%;
    height: 4rem;

}

.call_content h4 {
    font-size: 30px;
    line-height: 33px;
    color: #ffffff;
    letter-spacing: .60px;
    font-weight: 600;
    margin: 46px 0 0;
    text-transform: uppercase;
}

/*--- 3.8 More News ----*/
.single_mn_post {
    position: relative;
    margin: 0 0 29px;
}

.mn_thumb {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.mn_thumb img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single_mn_feature_post:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.popup_img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--primary-color);
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    left: 25px;
    top: 20px;
    z-index: 2;
}

.popup_img:hover {
    background: #fff;
    color: var(--primary-color);
}

.mn_content {
    position: relative;
}

.mn_content h4 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 0;
}

.mn_content h4 a {
    color: inherit;
}

.mn_content h4 a:hover {
    color: var(--primary-color);
}

.mn_content .fs_meta a.fs_cat {
    background: #333;
}

.mn_content .fs_meta a.fs_cat:after {
    border-left-color: #333;
}

.mn_content .fs_meta a:hover {
    color: #333;
}

.mn_content .fs_meta a.fs_cat:hover {
    background: var(--primary-color);
    color: #fff;
}

.mn_content .fs_meta a.fs_cat:hover:after {
    border-left-color: var(--primary-color);
}

.mn_content .fs_meta {
    margin-bottom: 12px;
}

.single_mn_feature_post {
    position: relative;
    margin: 0 0 40px;
}

.single_mn_feature_post .mn_thumb {
    margin: 0;
}

.single_mn_feature_post .mn_content {
    background: #000000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 26px 30px 25px;
}

.single_mn_feature_post .mn_content h4 {
    color: #fff;
}

.single_mn_feature_post .mn_content .fs_meta a:hover {
    color: #fff;
}

/*--- 3.9 Social Link ----*/
.social_link {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    padding: 33px 15px;
}

.social_link i {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: rgba(6, 6, 61, .2);
    text-align: center;
    font-size: 28px;
    color: #ffffff;
    line-height: 75px;
    letter-spacing: 1.12px;
    z-index: 2;
    position: relative;
    margin: 0 auto;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.social_link span {
    font-size: 18px;
    color: #fff;
    line-height: .8;
    display: block;
    font-weight: 500;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.08px;
    margin: 20px 0 0;
}

.social_link.fac {
    background: #3a579a;
}

.social_link.goo {
    background: #DC4E41;
}

.social_link.twi {
    background: #1DA1F2;
}

.social_link.lin {
    background: #0077B7;
}

.social_link.pin {
    background: #EE1B22;
}

.social_link.ins {
    background: #b834b6;
}

.social_link:hover {
    background: var(--primary-color);
}

.social_link:hover i {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

/*--------------------------------------------------------
/ 4. Home 04
/---------------------------------------------------------*/
.header_02.head_04:after {
    position: absolute;
    left: 0;
    width: 17%;
    content: '';
    top: 0;
    height: 100%;
    background: #fff;
}

/*--- 4.1 Featured Post ----*/
.single_fs_2_item {
    position: relative;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 4;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.single_fs_2_item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .6);
}

.fs_img {
    position: relative;
    overflow: hidden;
}

.fs_img img {
    width: 100%;
    height: auto;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.single_fs_2_item:hover .fs_img img {
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}

.single_fs_2_item.no_ove:hover .fs_img img {
    transform: none;
}

.single_fs_2_item.no_ove .dubole_item:hover .fs_img img {
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}

.fs_2_content {
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 43px;
    z-index: 3;
}

.fs_2_content .cats {
    position: relative;
    margin: 0 0 17px;
}

.fs_2_content .cats: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 #da1793;
}

.fs_2_content .pinks2:after {
    border-color: transparent transparent transparent #da1793;
}

.fs_2_content .pinks:after {
    border-color: transparent transparent transparent #ff1d78;
}

.fs_2_content .purples:after {
    border-color: transparent transparent transparent #690aa0;
}

.fs_2_content .greens:after {
    border-color: transparent transparent transparent #2cc025;
}

.fs_2_content .blues:after {
    border-color: transparent transparent transparent #008aff;
}

.fs_2_content .yellows:after {
    border-color: transparent transparent transparent #f3670a;
}

.fs_2_content h3 {
    font-size: 30px;
    color: #fff;
    line-height: 34px;
    font-weight: 600;
    word-break: break-word;
    margin: 0 0 24px;
}

.fs_2_content h3 a {
    color: inherit;
}

.fs_2_content h3 a:hover {
    color: var(--primary-color);
}

.dubole_item {
    position: relative;
    margin-bottom: 30px;
}

.dubole_item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .6);
}

.dubole_item .fs_2_content {
    right: auto;
    padding-right: 80px;
}

.dubole_item .fs_2_content h3 {
    font-size: 26px;
    line-height: 28px;
}

.single_fs_2_item.no_ove:after {
    display: none;
}

.author_meta {
    position: relative;
    padding-left: 68px;
    padding-top: 10px;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-block;
    float: left;
}

.author_meta img {
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.author_meta a {
    display: block;
    font-size: 18px;
    color: #fff;
    line-height: .8;
    letter-spacing: .36px;
    margin: 0 0 10px;
}

.author_meta a:hover {
    color: var(--primary-color);
}

.author_meta span {
    display: block;
    font-size: 18px;
    color: var(--primary-color);
    line-height: .8;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .36px;
}

.feature_slider_3.owl-carousel .owl-nav .owl-next,
.feature_slider_3.owl-carousel .owl-nav .owl-prev {
    width: 150px;
    height: 150px;
    border: 5px solid #dfdfdf;
    font-size: 20px;
    color: #000000;
    line-height: .8;
    padding: 0 0;
    display: block;
    text-align: center;
    font-family: 'Barlow Condensed', sans-serif;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.feature_slider_3.owl-carousel .owl-nav .owl-next span,
.feature_slider_3.owl-carousel .owl-nav .owl-prev span {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1.02px;
    display: block;
    text-transform: uppercase;
    margin: 17px 0 0;
}

.feature_slider_3.owl-carousel .owl-nav .owl-prev {
    right: auto;
    left: -30.8%;
    top: 37%;
    position: absolute;
}

.feature_slider_3.owl-carousel .owl-nav .owl-next {
    right: -30.8%;
    left: auto;
    top: 37%;
    position: absolute;
}

.feature_slider_3.owl-carousel .owl-nav .owl-next:hover,
.feature_slider_3.owl-carousel .owl-nav .owl-prev:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.post_meta {
    position: relative;
    display: inline-block;
    float: right;
}

.post_meta a {
    display: inline-block;
    text-align: center;
    margin: 0 0 0;
}

.trending_news,
.hot_news {
    height: 50px;
    width: 50px;
    background: #7348e0;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    line-height: .8;
    padding: 12px 0;
}

.post_meta a.hot_news {
    background: #e71919;
}

.share_post {
    display: inline-block;
}

.share_post a {
    font-size: 16px;
    color: #fff;
    line-height: .8;
    background: transparent;
    margin-right: 12px;
}

.share_post a:hover {
    color: var(--primary-color);
}

a.trending_news:hover,
a.hot_news:hover {
    color: #fff;
    background: var(--primary-color);
}

/*--- 4.2 Trending Post ----*/
.tw5_list {
    position: relative;
    margin-bottom: 40px;
}

.tw4_list:last-of-type {
    margin-bottom: 0;
}

.tw5_thumb {
    width: 350px;
    height: auto;
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 45px;
}

.tw5_thumb img {
    width: 100%;
    height: auto;
}

.tw5_thumb .trending_news {
    display: block;
    position: absolute;
    top: 35px;
    right: -25px;
    z-index: 2;
    text-align: center;
}

.tw1_5_content {
    position: relative;
    padding-top: 30px;
}

.tw1_5_content .rc_meta {
    margin: 0 0 14px;
}

.tw1_5_content .rc_meta a {
    margin-right: 20px;
}

.tw1_5_content .rc_meta a.view {
    background: rgba(231, 25, 25, .10);
    margin-right: 0;
}

.tw1_5_content .rc_meta a.view:hover {
    background: var(--primary-color);
    color: #fff;
}

.tw1_5_content h3 {
    font-size: 26px;
    line-height: 28px;
    font-weight: 600;
    color: #333333;
    margin: 0 0 27px;
}

.tw1_5_content h3 a {
    color: inherit;
}

.tw1_5_content h3 a:hover {
    color: var(--primary-color);
}

.tw1_5_content p {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 30px;
}

.tw1_5_content .author_meta a {
    color: #999999;
}

.tw1_5_content .author_meta a:hover {
    color: var(--primary-color);
}

/*--- 4.3 Post Author  ----*/
.single_author {
    position: relative;
    text-align: center;
    background: #f9f9f9;
    padding: 30px 20px 18px;
}

.single_author .ab_thumb img {
    width: 135px;
    height: 135px;
}

.single_author h5 {
    font-size: 24px;
    color: #333333;
    line-height: .8;
    margin-bottom: 15px;
}

.single_author h5 a {
    color: inherit;
}

.single_author h5 a:hover {
    color: var(--primary-color);
}

.single_author .au_post {
    background: #fff;
    height: 38px;
    text-align: center;
    font-size: 16px;
    color: var(--primary-color);
    line-height: .8;
    font-weight: 500;
    letter-spacing: .96px;
    padding: 12px 10px;
    font-family: 'Barlow Condensed', sans-serif;
}

/*--- 4.4 Video Post Tab  ----*/
.video_tab_content {
    position: relative;
    padding: 0;
}

.video_tab_content .popup_video {
    width: 120px;
    height: 120px;
    background: var(--primary-color);
    border-radius: 50%;
    font-size: 40px;
    color: #fff;
    padding: 40px 0;
    z-index: 5;
    position: relative;
    left: 25px;
    top: auto;
    transform: none;
    margin: 0 0 130px;
}

.video_tab_content .popup_video:after {
    width: 158px;
    height: 158px;
    left: -19px;
    top: -19px;
    background: rgba(199, 32, 38, .3);
    position: absolute;
    content: '';
    z-index: -1;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
    -webkit-animation: blinker 1.5s ease-in-out infinite;
    -moz-animation: blinker 1.5s ease-in-out infinite;
}

.video_tab_content h2 {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    margin: 0 0 18px;
}

.video_tab_content h2 a {
    color: inherit;
}

.video_tab_content h2 a:hover {
    color: var(--primary-color);
}

.video_tab_content p {
    font-size: 16px;
    color: #eaeaea;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .32px;
    text-transform: uppercase;
    margin: 0 0 40px;
}

.video_tab_content p i {
    display: inline-block;
    color: var(--primary-color);
    margin-right: 7px;
    font-size: 18px;
    position: relative;
    top: 2px;
}

.video_tab_content p a {
    color: inherit;
    margin-right: 7px;
}

.video_tab_content p a:hover {
    color: var(--primary-color);
}

.video_tab_content p span {
    margin-left: 7px;
}

.video_tab {
    position: relative;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    padding: 2rem 0;
}

.video_tab ul {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
}

.video_tab ul li {
    display: block;
    /*width: 70%;*/
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.video_tab ul li:last-of-type {
    border-bottom: none;
}

.video_tab ul li a {
    display: inline-block;
    font-size: 26px;
    line-height: 36px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    font-family: 'Barlow Condensed', sans-serif;
    padding: 2rem;
    border-left: 12px solid transparent;
    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;
}

.video_tab ul li a:after {
    position: absolute;
    left: -23px;
    bottom: 0;
    top: 0;
    margin: auto 0;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 11px;
    border-color: transparent transparent var(--primary-color) transparent;
    visibility: hidden;
    opacity: 1;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.video_tab ul li a.active:after {
    visibility: visible;
    opacity: 1;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.video_tab ul li a.active {
    border-color: var(--yellow);
}

.video_tab ul li a.active,
.video_tab ul li a:hover {
    color: var(--yellow);
}

.video_tab_content .magro_btn {
    border-color: #666666;
    color: #fff;
}

.video_tab_content .magro_btn:hover {
    border-color: var(--primary-color);
}

.single_fs_2_item.mb_30 {
    margin-bottom: 30px
}

/*--------------------------------------------------------
/ 5. Home 05
/----------------------------------------------------------*/
/*--- 5.1 Pouplar and Recent Post ----*/
.widget .single_fp {
    margin-bottom: 30px;
    text-align: left;
}

.popular_post {
    text-align: center;
}

.single_3_fp {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.single_3_fp img {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.single_3_fp:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.single_3_content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #000;
    padding: 32px 38px 27px 80px;
}

.single_3_content span {
    font-size: 26px;
    line-height: .8;
    color: var(--primary-color);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 1.04px;
    display: block;
    position: absolute;
    left: 37px;
    top: 37px;
}

.single_3_content h3 {
    display: inline-block;
    font-size: 28px;
    color: #fff;
    line-height: 30px;
    letter-spacing: 1.12px;
    margin: 0;
}

.single_3_content h3 a {
    color: inherit;
}

.single_3_content h3 a:hover {
    color: var(--primary-color);
}

.recent_post_widget_2 {
    text-align: center;
}

.single_most_rc_post {
    position: relative;
    text-align: left;
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom: 26px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.single_most_rc_post:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.single_most_rc_post .rcpost_meta {
    margin-bottom: 4px;
}

.single_most_rc_post h3 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    margin-bottom: 0;
}

.single_most_rc_post h3 a {
    color: inherit
}

.single_most_rc_post h3 a:hover {
    color: var(--primary-color)
}

/*--- 5.2 Video Post Slider ----*/
.video_slider {
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.single_vs_item {
    position: relative;
    outline: none;
    -moz-user-select: none;
    box-sizing: border-box;
    display: block;
    position: relative;
    //padding: 0 15px;
}

.vsitem_thumb {
    position: relative;
    margin-bottom: 15px;
}

.vsitem_thumb img {
    width: 100%;
    height: auto;
}

.vsitem_thumb .popup_video {
    width: 56px;
    height: 56px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    margin: 0;
    right: auto;
    left: 30px;
    top: auto;
    transform: none;
    bottom: 30px;
    font-size: 20px;
    color: #000000;
    line-height: .8;
    padding: 17px 0;
}

.vsitem_thumb .popup_video:after {
    width: 70px;
    height: 70px;
    left: -7px;
    top: -7px;
    background: rgba(199, 32, 38, .5);
    position: absolute;
    content: '';
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    border-radius: 50%;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    animation-fill-mode: both;
    animation: blinker 1.5s ease-in-out infinite;
    -webkit-animation: blinker 1.5s ease-in-out infinite;
    -moz-animation: blinker 1.5s ease-in-out infinite;
}

@keyframes blinker {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.vsitem_thumb .popup_video:hover {
    background: var(--primary-color);
    color: #fff;
}

.vsitem_thumb .popup_video:hover:after {
    visibility: visible;
    opacity: 1;
}

.vs_content {
    position: relative;
    //padding-right: 30px;
}

.vs_content h3 {
    font-size: 24px;
    line-height: 26px;
    color: #333333;
    font-weight: 600;
    margin: 0 0 12px;
}

.vs_content h3 a {
    color: inherit;
}

.vs_content h3 a:hover {
    color: var(--primary-color);
}

.vs_content p {
    font-size: 16px;
    color: #999999;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .32px;
    text-transform: uppercase;
    margin: -10px 0 10px;
}

.vs_content p i {
    display: inline-block;
    color: var(--primary-color);
    margin-right: 7px;
    font-size: 18px;
    position: relative;
    top: 2px;
}

.vs_content p a {
    color: inherit;
    margin-right: 7px;
}

.vs_content p a:hover {
    color: var(--primary-color);
}

.vs_content p span {
    margin-left: 7px;
}

.video_slider .slick-dots {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -2px;
    float: none;
    text-align: center;
}

.video_slider .slick-dots li {
    list-style: none;
    display: inline-block;
    height: 9px;
    width: 9px;
    background: #c6c6c6;
    border: none;
    border-radius: 50%;
    margin: 1px 4px 0;
    cursor: pointer;
    padding: 0;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.video_slider .slick-dots li.slick-active,
.video_slider .slick-dots li:hover {
    background: var(--primary-color);
}

.video_slider .slick-dots li button {
    display: none;
}

.video_slider .slick-arrow {
    font-size: 23px;
    width: auto;
    height: auto;
    background: transparent;
    border: none;
    letter-spacing: .92px;
    line-height: 26px;
    color: #333333;
    display: inline-block;
    outline: none;
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.video_slider .slick-prev.slick-arrow {
    left: -120px;
}

.video_slider .slick-next.slick-arrow {
    right: -120px;
}

.video_slider .slick-arrow:hover {
    color: var(--primary-color);
}

/*--- 5.3 Category Slider ----*/
.gallery_slider {
    position: relative;
    padding-left: 50px;
    margin-top: -64px;
    max-height: 183px;
}

.gallery_photo {
    position: relative;
    margin: 0 0 0;
    outline: none;
}

.gallery_photo img {
    width: 100%;
    height: auto;
    outline: none;
}

.single_gall {
    position: relative;
    overflow: hidden;
    margin-right: 35px;
    padding-right: 25px;
    margin-top: 87px;
    outline: none;
    border-right: 1px solid #1b1b1b;
}

.single_gall .fs_meta {
    margin: 0 0 15px;
}

.single_gall .fs_meta a {
    font-weight: 500;
}

.single_gall h3 {
    font-size: 24px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 600;
    margin: 0;
}

.single_gall h3 a {
    color: inherit;
}

.single_gall h3 a:hover {
    color: var(--primary-color);
}

.single_gall.slick-slide.slick-current.slick-active {
    background: var(--primary-color);
    margin-top: 17px;
    border: none;
    overflow: visible;
}

.single_gall.slick-slide.slick-current.slick-active .gall_it_inner:after {
    position: absolute;
    left: 35px;
    top: -17px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 0 0 20px;
    border-color: transparent transparent transparent var(--primary-color);
    z-index: 999;
}

.single_gall.slick-slide.slick-current.slick-active .gall_it_inner {
    padding: 33px 35px 36px 35px;
}

.single_gall.slick-slide.slick-current.slick-active h3 a:hover {
    color: #000;
}

.single_gall.slick-slide.slick-current.slick-active .fs_meta a.fs_cat:hover {
    color: #000;
    background: #fff;
}

.single_gall.slick-slide.slick-current.slick-active .fs_meta a.fs_cat:hover:after {
    border-left-color: #fff;
}

.single_gall.slick-slide.slick-current.slick-active .fs_meta a {
    color: #fff;
}

.single_gall.slick-slide.slick-current.slick-active .fs_meta a:hover {
    color: #000;
}

.gallery_slider .slick-arrow {
    position: absolute;
    left: 0;
    top: 64px;
    width: 48px;
    height: 120px;
    background: #1b1b1b;
    border: none;
    font-size: 23px;
    letter-spacing: .92px;
    line-height: 120px;
    color: #fff;
    text-align: center;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.gallery_slider .slick-next.slick-arrow {
    position: absolute;
    right: 0;
    left: auto;
}

.gallery_slider .slick-arrow:hover {
    color: #fff;
    background: var(--primary-color);
}

/*--- 5.4 Category Post ----*/
.tw6_list {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.tw6_list:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    content: '';
}

.tw6_list img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.tw6_list:hover img {
    transform: scale(1.1) rotate(-1.5deg);
    -moz-transform: scale(1.1) rotate(-1.5deg);
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    -o-transform: scale(1.1) rotate(-1.5deg);
}

.tw6_content {
    position: absolute;
    left: 48px;
    right: 90px;
    bottom: 33px;
    z-index: 2;
}

.tw6_content .rcpost_meta .cm_author {
    color: #dadada;
}

.tw6_content h3 {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 1.52px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 25px;
}

.tw6_content h3 a {
    color: inherit;
}

.tw6_content h3 a:hover {
    color: var(--primary-color);
}

.tw6_content p {
    font-size: 16px;
    line-height: 24px;
    color: #bdbdbd;
    letter-spacing: 0;
    margin: 0;
}

.tw6_list .popup_img {
    top: auto;
    bottom: 40px;
    left: auto;
    right: 32px;
}

.tr_feature:after {
    opacity: .5;
}

/*--- 5.5 Top Rated Post ----*/
.t_rate {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    width: 62px;
    height: 62px;
    background: #f6b01b;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 17px;
    line-height: .8;
    text-align: center;
    letter-spacing: .68px;
    font-weight: 500;
    color: #fff;
    padding: 14px 0;
}

.t_rate i {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
}

.t_rate:after {
    position: absolute;
    left: 15px;
    top: -8px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 0 10px;
    border-color: transparent transparent transparent #f6b01b;
}

.tr_feature .techni_content {
    left: 60px;
    bottom: 50px;
    right: 70px;
}

.tr_feature .techni_content h4 {
    font-size: 38px;
    line-height: 44px;
}

.single_trate_post {
    position: relative;
    margin-bottom: 32px;
}

.tr_thumb {
    position: relative;
    margin-bottom: 14px;
}

.tr_thumb img {
    width: 100%;
    height: auto;
}

.trate_content {
    position: relative;
    padding-right: 30px;
}

.trate_content .rcpost_meta {
    padding-right: 4px;
}

.trate_content h4 {
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.trate_content h4 a {
    color: inherit;
}

.trate_content h4 a:hover {
    color: var(--primary-color);
}

/*--- 5.6 Category Post ----*/
.tw7_content {
    position: relative;
    margin-bottom: 40px;
}

.tw7_thumb {
    width: 49%;
    float: left;
    position: relative;
    z-index: 1;
}

.tw7_thumb img {
    width: 100%;
    height: auto;
}

.tw7_content .fp_f_content {
    width: 51%;
    padding: 25px 0px 0 35px;
}

.tw7_content .fp_f_content .fs_meta {
    margin-bottom: 8px;
}

.tw7_content .fp_f_content h3 {
    font-size: 30px;
    line-height: 32px;
}

.tw7_content .fp_f_content {
    width: 51%;
}

.tw7_content .fp_f_content p {
    letter-spacing: 0;
    margin: 0;
}

.social_share {
    position: absolute;
    right: 0;
    bottom: 0;
}

.social_share:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 40px 40px;
    border-color: transparent transparent #1b1b1b transparent;
}

.social_share>a {
    font-size: 11px;
    color: #fff;
    line-height: .8;
    text-align: center;
    display: block;
    z-index: 3;
    position: relative;
    padding: 8px;
}

.social_share:hover>a {
    color: var(--primary-color);
}

.social_share ul {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 35px;
    bottom: 16px;
    display: inline-flex;
}

.social_share ul li {
    display: inline-block;
    margin-left: 3px;
}

.social_share ul li a {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: none;
    font-size: 15px;
    color: #fff;
    line-height: .8;
    text-align: center;
    letter-spacing: 0.60px;
    padding: 9px 0;
    position: relative;
    bottom: -30px;
    visibility: hidden;
    opacity: 0;
}

.social_share ul li a.goo {
    background: #DC4E41;
}

.social_share ul li a.fac {
    background: #4267B2;
}

.social_share ul li a.twi {
    background: #1DA1F2;
}

.social_share ul li a.lin {
    background: #0077B7;
}

.social_share ul li a:hover {
    background: var(--primary-color);
    color: #fff;
}

.social_share ul li:nth-last-child(7) a {
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}

.social_share ul li:nth-last-child(6) a {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.social_share ul li:nth-last-child(5) a {
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.social_share ul li:nth-last-child(4) a {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 06s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.social_share ul li:nth-last-child(3) a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.social_share ul li:nth-last-child(2) a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.social_share ul li:nth-last-child(1) a {
    transition: .3s;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social_share:hover ul li a {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}

/*--------------------------------------------------------
/ 6. Single Blgo 01
/----------------------------------------------------------*/
.sp_1_section {
    position: relative;
    padding: 0 0 50px;
}

.top_bar_01.full_bg {
    background: #424242;
}

.top_bar_01.full_bg .top_nav {
    padding-left: 0;
}

.head_shadow {
    z-index: 2;
    -webkit-box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.18);
    box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.18);
}

.social_01.with_border {
    padding-top: 0;
    margin-right: 30px;
}

.social_01.with_border a {
    border: 2px solid #eeeeee;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    text-align: center;
    padding: 9px 0;
    margin-right: 5px;
}

.social_01.with_border a:hover {
    border-color: var(--primary-color);
}

.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(--primary-color);
}

.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(--primary-color);
    color: #fff;
    right: auto;
    margin-left: 15px;
}

.post_banner_meta a.view:hover {
    background: #fff;
    color: var(--primary-color);
}

.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(--primary-color);
}

.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(--primary-color);
}

.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(--primary-color);
    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;
}

.blog_thumb.mb_30 {
    margin-bottom: 30px;
}

.wp_bloc_title {
    font-size: 33px;
    line-height: 34px;
    color: #333333;
    margin: 15px 0 36px;
}

.single_blog .wp-block-columns {
    position: relative;
    margin: 36px 0 55px;
}

.single_blog .wp-block-columns .wp-block-column {
    margin-bottom: 0;
}

.wp-block-column img {
    width: 100%;
    height: auto;
}

.wp-block-column p {
    margin: 0;
}

.sp_ads {
    position: relative;
    margin-bottom: 40px;
}

.sp_ads img {
    width: 100%;
    height: auto;
}

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 p.mt_25 {
    margin-top: 25px;
}

.mailchimp_form_3 {
    position: relative;
    background: var(--primary-color);
    padding: 45px 20px;
    margin-bottom: 35px;
    text-align: center;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.19);
    box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.19);
}

.mailchimp_form_3 i {
    display: block;
    font-size: 73px;
    color: #fff;
    line-height: 73px;
    margin: 0 0 8px;
}

.mailchimp_form_3 h3 {
    font-size: 25px;
    line-height: 30px;
    color: #fff;
    font-weight: 800;
    letter-spacing: .25px;
    margin: 0 0 22px;
}

.mailchimp_form_3 input[type="email"] {
    width: 280px;
    height: 50px;
    background: #ededed;
    line-height: 50px;
    border: none;
    outline: none;
    font-size: 16px;
    border-radius: 0;
    letter-spacing: -.80px;
    padding: 0 35px;
    color: #cbcbcb;
    display: inline-block;
}

.mailchimp_form_3 input[type="email"]::-moz-placeholder {
    color: #cbcbcb;
    opacity: 1;
}

.mailchimp_form_3 input[type="email"]::-ms-input-placeholder {
    color: #cbcbcb;
    opacity: 1;
}

.mailchimp_form_3 input[type="email"]::-webkit-input-placeholder {
    color: #cbcbcb;
    opacity: 1;
}

.mailchimp_form_3 input[type="submit"] {
    height: 50px;
    background: #222222;
    padding: 0 49px;
    border: none;
    outline: none;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: -.80px;
    color: #fff;
    border-radius: 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    margin-left: -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;
}

.mailchimp_form_3 input[type="submit"]:hover {
    background: #000;
    color: var(--primary-color);
}

.single_blog iframe {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    margin-bottom: 41px !important;
    border-radius: 0 !important;
}

.single_blog figure.post-media {
    margin-bottom: 41px;
}

.single_blog twitter-widget {
    margin-bottom: 41px !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(--primary-color);
    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(--primary-color);
    border-color: var(--primary-color);
    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;
}

.post_author {
    position: relative;
    background: #fff;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.19);
    box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.19);
    padding: 43px 25px 37px 190px;
    margin-bottom: 77px;
}

.post_author img {
    position: absolute;
    left: 32px;
    top: 37px;
    width: 123px;
    height: 123px;
}

.post_author span {
    font-size: 14px;
    color: #bfbfbf;
    line-height: .8;
    display: block;
    margin-bottom: 4px;
}

.post_author h4 {
    font-size: 25px;
    line-height: .8;
    color: #222222;
    margin: 0 0 18px;
}

.post_author h4 a {
    color: inherit;
}

.post_author h4 a:hover {
    color: var(--primary-color);
}

.post_author p {
    font-size: 15px;
    color: #848484;
    line-height: 21px;
    margin: 0;
}

.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(--primary-color);
    color: #fff;
}

.comment_area {
    position: relative;
}

.comment_area .cm_title {
    font-size: 26px;
    line-height: .8;
    color: #222222;
    text-transform: capitalize;
    margin: 0 46px 46px 0;
    display: inline-block;
}

.comment_area .cm_title i {
    display: inline-block;
    font-size: 24px;
    color: #565656;
    margin-right: 11px;
}

.comment_area .cm_title a {
    color: inherit;
}

.comment_area .cm_title a:hover {
    color: var(--primary-color);
}

.comment_area ol,
.comment_area ul {
    margin: 0;
    padding: 0;
}

.comment_area ol li,
.comment_area ul li {
    list-style: none;
}

.comment_area ol .children,
.comment_area ul .children {
    margin-left: 35px;
}

.single-comment {
    position: relative;
    padding-left: 140px;
    min-height: 111px;
    padding-bottom: 29px;
}

.single-comment img {
    width: 111px;
    height: 111px;
    position: absolute;
    left: 0;
    top: 0;
}

.children .single-comment {
    border-bottom: 1px dashed #f1f1f1;
    border-top: 1px solid #f1f1f1;
    padding-top: 25px;
    margin-bottom: 25px;
}

.children .single-comment img {
    top: 25px;
}

.authorDetails {
    position: relative;
    margin-bottom: 5px;
}

.authorDetails h5 {
    font-size: 22px;
    color: #222222;
    line-height: 29px;
    display: inline-block;
    margin: 0;
}

.authorDetails h5 a {
    color: inherit;
}

.authorDetails h5 a:hover {
    color: var(--primary-color);
}

.authorDetails span {
    display: inline-block;
    font-size: 13px;
    line-height: .8;
    color: #b4b4b4;
    letter-spacing: 0;
    margin-left: 16px;
}

.comment {
    position: relative;
    font-size: 14px;
    line-height: 21px;
    color: #666666;
    margin: 0 0 17px;
}

.comment p {
    margin: 0;
}

.single-comment .comment-reply-link {
    display: block;
    font-size: 11px;
    line-height: .8;
    color: #b4b4b4;
    letter-spacing: 0;
}

.single-comment .comment-reply-link:hover {
    color: var(--primary-color);
}

.comment_area .comment_list {
    margin-bottom: 57px;
}

.commentForm {
    position: relative;
    margin: 0 0 25px;
}

.commentForm h3 {
    font-size: 30px;
    line-height: .8;
    color: #222222;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.commentForm h3 i {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.commentForm input[type="text"],
.commentForm input[type="email"],
.commentForm textarea {
    width: 100%;
    height: 47px;
    border: 2px solid #ededed;
    line-height: 47px;
    padding: 0 24px;
    font-size: 12px;
    color: #444444;
    outline: none;
    margin-bottom: 15px;
}

.commentForm textarea {
    height: 206px;
    resize: none;
    line-height: 28px;
    padding-top: 8px;
    margin-bottom: 21px;
}

.commentForm input[type="submit"] {
    background: #1a1a1a;
    line-height: .8;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    text-transform: capitalize;
    outline: none;
    border: none;
    padding: 0 29px;
    margin: 0;
    height: 47px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.commentForm input[type="submit"]:hover {
    background: var(--primary-color);
    color: #fff;
}

.commentForm input[type="text"]::-moz-placeholder,
.commentForm input[type="email"]::-moz-placeholder,
.commentForm textarea::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

.commentForm input[type="text"]::-ms-input-placeholder,
.commentForm input[type="email"]::-ms-input-placeholder,
.commentForm textarea::-ms-input-placeholder {
    color: #444444;
    opacity: 1;
}

.commentForm input[type="text"]::-webkit-input-placeholder,
.commentForm input[type="email"]::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder {
    color: #444444;
    opacity: 1;
}

.sidebar_1 {
    position: relative;
}

.sidebar_1 .widget {
    margin: 0 0 40px;
}

.about_me.with_border {
    border: 1px solid #000;
}

.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(--primary-color);
}

.sidebar_1 .popular_post_2 .widget_title {
    margin: 0 0 10px;
}

.widget .magrotab_popular {
    position: relative;
}

.widget .magrotab_popular ul {
    margin: 0 0 11px;
    padding: 0;
    display: block;
    float: right;
    border: none;
}

.widget .magrotab_popular ul li {
    display: inline-block;
    text-align: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    padding: inherit;
    width: auto;
    position: relative;
    padding-right: 19px;
    margin-right: 9px;
}

.widget .magrotab_popular ul li:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background: #d5d5d5;
    content: '';
    width: 1px;
    height: 11px;
}

.widget .magrotab_popular ul li:last-of-type {
    margin-right: 0;
    padding-right: 0;
}

.widget .magrotab_popular ul li:last-of-type:after {
    display: none;
}

.magrotab_popular ul li a {
    display: block;
    font-size: 13px;
    color: #888888;
    text-transform: uppercase;
    line-height: 26px;
    font-weight: 700;
    letter-spacing: .39px;
    float: none;
}

.magrotab_popular ul li a:hover,
.magrotab_popular ul li a.active {
    color: var(--primary-color);
}

.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(--primary-color);
}

.mp_post_content .cm_author {
    font-size: 12px;
    line-height: .8;
    color: #8d8d8d;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
}

.mp_post_content .cm_author i {
    display: inline-block;
    font-size: 10px;
    color: var(--primary-color);
    margin-right: 7px;
}

.mp_post_content .cm_author a {
    color: inherit;
}

.mp_post_content .cm_author a:hover {
    color: var(--primary-color);
}

.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;
}

.photo_item {
    position: relative;
}

.photo_item img {
    width: 100%;
    height: auto;
}

.photo_item:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/overlay.png) no-repeat center bottom;
}

.ph_item {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 30px 29px;
}

.ph_item p {
    font-size: 15px;
    line-height: 19px;
    color: #fff;
    letter-spacing: .15px;
    margin: 0 0 11px;
}

.ph_item a.like {
    display: inline-block;
    font-size: 17px;
    line-height: .8;
    color: #bfbfbf;
    letter-spacing: 0;
    font-family: 'Barlow Condensed', sans-serif;
}

.ph_item a.like i {
    margin-right: 3px;
    margin-right: 3px;
    position: relative;
    top: 2px;
    font-size: 16px;
}

.ph_item a.like:hover {
    color: var(--primary-color);
}

.ph_item a.more_btn {
    height: 23px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .51);
    font-size: 13px;
    line-height: .8;
    color: #fff;
    letter-spacing: .13px;
    text-align: center;
    display: inline-block;
    text-transform: capitalize;
    padding: 7px 17px;
    margin-left: 16px;
}

.ph_item a.more_btn:hover {
    background: var(--primary-color);
    color: #fff;
}

.photography_slider.owl-carousel {
    position: relative;
}

.photography_slider.owl-carousel .owl-nav {
    position: absolute;
    top: 47.5%;
    width: 100%;
    z-index: 2;
}

.photography_slider.owl-carousel .owl-nav button {
    width: 31px;
    height: 31px;
    border: 1px solid #dedede;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #d3d3d3;
    line-height: 31px;
    letter-spacing: .13px;
    position: absolute;
    left: 23px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.photography_slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 23px;
}

.photography_slider.owl-carousel .owl-nav button:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/*--------------------------------------------------------
/ 7. Single Blgo 02
/----------------------------------------------------------*/
.banner_02 {
    position: relative;
    background: #f4f4f4;
    padding: 31px 0;
}

.banner_02 .breadcrumb {
    color: #9b9b9b;
    text-transform: uppercase;
}

.sp_2_section {
    position: relative;
    padding: 87px 0 80px;
}

.blog_content {
    position: relative;
}

.blog_content h2.sb_title {
    font-size: 60px;
    line-height: 70px;
    color: #131313;
    letter-spacing: .60px;
    padding: 0 140px;
    margin: 0 0 18px;
    text-align: center;
}

.blog_content .post_banner_meta span {
    color: #9c9c9c;
}

.blog_content .post_banner_meta span a {
    color: inherit;
}

.blog_content .post_banner_meta span a:hover {
    color: var(--primary-color);
}

.blog_content .post_banner_meta a.view {
    background: rgba(231, 25, 25, .10);
    color: var(--primary-color);
}

.blog_content .post_banner_meta a.like {
    color: #9c9c9c;
}

.blog_content .post_banner_meta a.like:hover {
    color: var(--primary-color);
}

.blog_content .post_banner_meta {
    margin: 0 0 35px;
    text-align: center;
}

.blog_content .wp-block-column blockquote p {
    line-height: 42px;
}

.blog_content .wp-block-column blockquote {
    margin-top: 30px;
}

.sb_img {
    position: relative;
    margin: 0 0 34px;
}

.sb_img .cats {
    position: absolute;
    box-shadow: none;
    left: 40px;
    top: 40px;
}

.sb_img img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.blog_content .wp-block-column p,
.blog_content>p {
    line-height: 30px;
    margin: 0 0 15px;
}

.wp-block-columns .col-lg-8 {
    -ms-flex: 0 0 62.666667%;
    flex: 0 0 62.666667%;
    max-width: 62.666667%;
}

.wp-block-columns .col-lg-4 {
    -ms-flex: 0 0 37.333333%;
    flex: 0 0 37.333333%;
    max-width: 37.333333%;
}

.blog_content .wp-block-columns {
    margin: 50px 0 0;
}

.wp-block-column figcaption {
    font-size: 14px;
    color: #747171;
    display: block;
    line-height: 38px;
    margin: 0;
}

.sb_photo_item {
    position: relative;
}

.sb_photo_item img {
    width: 100%;
    height: auto;
}

.sb_photo_slider.owl-carousel {
    position: relative;
}

.sb_photo_slider.owl-carousel .owl-nav {
    position: absolute;
    top: 47.5%;
    width: 100%;
    z-index: 2;
}

.sb_photo_slider.owl-carousel .owl-nav button {
    width: 31px;
    height: 31px;
    border: 1px solid #dedede;
    background: #fff;
    text-align: center;
    font-size: 14px;
    color: #d3d3d3;
    line-height: 31px;
    letter-spacing: .13px;
    position: absolute;
    left: 23px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.sb_photo_slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 23px;
}

.sb_photo_slider.owl-carousel .owl-nav button:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.wp-block-columns.mt_33 {
    margin-top: 33px;
}

.sb_gallery {
    position: relative;
    background: #000;
    padding: 80px 120px 65px;
    margin: 30px 0 40px;
}

.sb_gallery h3 {
    font-size: 33px;
    line-height: .8;
    color: #ffffff;
    letter-spacing: -.66px;
    margin: 0 0 45px;
}

.sb_gallery h3 sup {
    font-size: 20px;
    font-weight: 500;
}

.gal_item {
    width: 32%;
    float: left;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}

.gal_item:nth-of-type(3),
.gal_item:nth-of-type(6),
.gal_item:last-of-type {
    margin-right: 0;
}

.gal_item img {
    width: 100%;
    height: auto;
}

.has_video .popup_video {
    font-size: 33px;
    color: #ffffff;
    line-height: .8;
    letter-spacing: -.66px;
    z-index: 2;
}

.has_video img {
    opacity: .52;
}

.has_video .popup_video:hover {
    color: var(--primary-color);
}

.blog_content .sb_tags {
    margin-top: 30px;
}

.blog_content .comment_area,
.blog_content .post_author {
    margin-right: 20px;
}

/*--------------------------------------------------------
/ 8. Single Blgo 03
/----------------------------------------------------------*/
.banner_03 {
    position: relative;
    background: url(../images/9.jpg) no-repeat center center / cover;
    padding: 445px 0 70px;
}

.banner_03 .banner_1_content {
    padding: 0 100px 0 0;
}

.banner_03 .post_banner_meta {
    text-align: left;
}

.cate_rate {
    position: relative;
    margin: 0 0 15px;
}

.cate_rate i {
    width: 48px;
    height: 48px;
    background: #ffaa00;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    color: #fff;
    line-height: .8;
    padding: 15px 0;
    margin-right: 14px;
}

.banner_03 .cate_rate a.cats {
    margin: 0 0 0;
    position: relative;
    top: -4px;
}

.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(--primary-color);
}

.banner_03 .post_banner_meta a.view {
    color: var(--primary-color);
    background: rgba(199, 32, 38, .25);
}

.banner_03 .post_banner_meta span,
.banner_03 .post_banner_meta span,
.banner_03 .post_banner_meta a.like {
    color: #9c9c9c;
}

.banner_03 .post_banner_meta span a {
    color: inherit;
}

.banner_03 .post_banner_meta a.like {
    text-transform: uppercase;
}

.banner_03 .post_banner_meta a.like:hover,
.banner_03 .post_banner_meta span a:hover {
    color: var(--primary-color);
}

.banner_03 .banner_1_content h2 {
    margin-bottom: 30px;
}

.sp_3_section {
    position: relative;
    padding: 60px 0 90px;
}

.sp_3_section .sidebar_1 {
    margin-top: 25px;
    padding-left: 20px;
}

.sp_3_section .sidebar_1 .ab_m_social a {
    width: 45px;
    height: 45px;
    padding: 13px 0;
}

.sp_3_section .sidebar_1 .about_me .ab_m_btn {
    height: 45px;
    padding: 15px 20px;
}

.post_react_2 {
    position: relative;
    margin: 0 0 115px;
}

.post_react_2 h3 {
    font-size: 33px;
    line-height: 34px;
    color: #333333;
    text-transform: uppercase;
    margin: 0 0 61px;
}

.sb_react {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: #f2f2f2;
    border-radius: 50%;
    text-align: center;
    position: relative;
    margin-right: 23px;
}

.sb_react:last-child {
    margin-right: 0;
}

.sb_react:after {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 90px;
    height: 90px;
    background: #fdfbca;
    border-radius: 50%;
}

.sb_react img {
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: 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;
}

.sb_react span.count {
    width: 41px;
    height: 41px;
    background: #f9d568;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: -14px;
    z-index: 2;
    font-size: 17px;
    display: block;
    line-height: .8;
    color: #333333;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: capitalize;
    text-align: center;
    padding: 13px 0;
}

.sb_react span.reaction {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -37px;
    margin: auto;
    border-radius: 3px;
    height: 29px;
    text-align: center;
    background: #e6e6e6;
    font-size: 17px;
    line-height: .8;
    color: #333333;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: capitalize;
    letter-spacing: 0;
    padding: 7px 32px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.snapchat {
    position: relative;
}

.snapchat img {
    width: 100%;
    height: auto;
}

.snapchat a {
    font-size: 28px;
    color: #474343;
    display: block;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 0;
    margin: 15px 0 0;
}

.snapchat a span {
    display: block;
    font-size: 21px;
    font-weight: 400;
}

.post_share_area {
    position: relative;
    margin: 0 0 17px;
}

.post_share_area h3 {
    font-size: 34px;
    line-height: 30px;
    color: #666666;
    letter-spacing: .34px;
    font-weight: 800;
    margin: 0 15px 0 0;
    display: inline-block;
}

.post_share_area h3 span {
    font-size: 14px;
    line-height: .8;
    color: #b6b6b6;
    font-weight: 400;
    display: block;
    letter-spacing: .14px;
    font-family: 'Roboto', sans-serif;
    margin: 3px 0 0;
}

.post_share_area a.fb_share,
.post_share_area a.tw_share {
    display: inline-block;
    height: 45px;
    font-size: 15px;
    line-height: .8;
    text-align: center;
    color: #ffffff;
    letter-spacing: .15px;
    font-weight: 700;
    padding: 14px 67px;
    margin: 0 2.5px;
    position: relative;
    top: -15px;
}

.post_share_area a.fb_share {
    background: #4267B2;
}

.post_share_area a.tw_share {
    background: #1DA1F2;
}

.post_share_area a i {
    margin-right: 12px;
    position: relative;
    top: 1px;
}

.tool_btn {
    float: right;
    display: inline-block;
    height: 45px;
    background: #dddddd;
    border: none;
    text-align: center;
    padding: 7px 9px;
    margin-left: 10px;
}

.tool_btn span {
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #6a6a6a;
    border-radius: 50%;
    margin: 0 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;
}

.tool_btn:hover {
    background: var(--primary-color);
}

.tool_btn:hover span {
    background: #fff;
}

.blog_content_2 {
    position: relative;
    padding-right: 20px;
}

.blog_content_2>p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 32px;
}

.blog_content_2 blockquote p {
    font-size: 45px;
}

.blog_content_2 blockquote {
    margin-top: 30px;
    margin-bottom: 36px;
}

.blog_content_2 .blog_thumb {
    margin-bottom: 21px;
}

.videoWrap {
    position: relative;
    height: 375px;
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 35px;
}

.videoWrap #myVideo {
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.videoWrap #playVideo {
    width: 73px;
    height: 73px;
    background: #fff;
    text-align: center;
    position: absolute;
    font-size: 24px;
    color: #000;
    padding: 25px 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

/*--------------------------------------------------------
/ 9. Single Blgo 04
/----------------------------------------------------------*/
.blog_f_img {
    position: relative;
    overflow: hidden;
}

.blog_f_img img {
    width: 100%;
    height: auto;
}

.sp_4_section {
    position: relative;
    padding: 90px 0;
}

.sp_4_section .sidebar_1 {
    padding-left: 20px;
}

.blog_content_3 {
    position: relative;
    padding-right: 15px;
}

.sp_4_section .sidebar_1 .ab_m_social a {
    width: 45px;
    height: 45px;
    padding: 13px 0;
}

.sp_4_section .sidebar_1 .about_me .ab_m_btn {
    height: 45px;
    padding: 15px 20px;
}

.blog_content_3 .sb_title {
    font-size: 60px;
    letter-spacing: .60px;
    line-height: 70px;
    color: #212020;
    margin: 0 0 28px;
}

.blog_content_3 .cate_rate {
    margin-top: -16px;
}

.blog_content_3 .post_banner_meta {
    text-align: left;
    margin: 0 0 55px;
}

.blog_content_3 .post_banner_meta span,
.blog_content_3 .post_banner_meta span,
.blog_content_3 .post_banner_meta a.like {
    color: #9c9c9c;
    text-transform: uppercase;
}

.blog_content_3 .post_banner_meta span a,
.blog_content_3 .post_banner_meta span a,
.blog_content_3 .post_banner_meta a.like {
    color: inherit;
}

.blog_content_3 .post_banner_meta span a:hover,
.blog_content_3 .post_banner_meta span a:hover,
.blog_content_3 .post_banner_meta a.like:hover {
    color: var(--primary-color);
}

.blog_content_3 .post_banner_meta a.view {
    background: rgba(231, 25, 25, .10);
    color: var(--primary-color);
}

.blog_content_3>p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
}

.blog_content_3 .blog_thumb {
    margin-bottom: 33px;
}

.blog_content_3 blockquote p {
    font-size: 45px;
}

.blog_content_3 blockquote {
    margin: 30px 0 32px;
}

.blog_content_3 .post_banner_meta a.view:hover {
    background: var(--primary-color);
    color: #fff;
}

.blog_content_3 iframe {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    margin-bottom: 80px !important;
    border-radius: 0 !important;
    padding: 0 50px 0 20px !important;
}

.authorDetails .star-rating {
    position: absolute;
    right: 0;
    top: 9px;
    font-size: 15px;
    line-height: .8;
    color: #d3d3d3;
    letter-spacing: -1px;
}

.authorDetails .star-rating i:first-child {
    color: #ff912d;
}

.commentForm .star-rating {
    position: relative;
    right: auto;
    top: auto;
    margin: 38px 0 40px;
}

.commentForm .star-rating:hover i {
    color: #ff912d;
}

.view_rating {
    position: relative;
    background: #f6f6f6;
    border: 1px solid #000000;
    padding: 34px 35px 52px;
}

.single_skill {
    position: relative;
    margin: 0 0 25px;
}

.single_skill h5 {
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #302f2f;
    font-weight: 900;
    margin: 0 0 4px;
}

.ss_parent {
    position: relative;
    width: 100%;
    height: 14px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 30px;
}

.ss_child {
    position: absolute;
    left: 0;
    top: -1px;
    height: 14px;
    border-radius: 30px;
    border-color: #ce96fb;
    background: #ce96fb;
}

.single_skill:nth-child(2) .ss_child {
    border-color: #00c8ff;
    background: #00c8ff;
}

.single_skill:nth-child(3) .ss_child {
    border-color: #ff9c00;
    background: #ff9c00;
}

.view_rating h1 {
    font-size: 70px;
    color: #333333;
    line-height: .8;
    text-transform: uppercase;
    margin: 32px 12px 13px;
}

.view_rating h1 span {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 22px;
    color: #1e1e1e;
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
    top: -16px;
    margin-left: 20px;
}

.view_rating p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .14px;
    color: #666666;
    margin: 0 12px 26px;
}

.view_rating input[type="submit"] {
    height: 37px;
    background: var(--primary-color);
    line-height: 37px;
    text-align: center;
    border: none;
    outline: none;
    font-size: 13px;
    color: #fff;
    padding: 0 42px;
    margin-left: 12px;
    text-transform: uppercase;
    font-weight: 900;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.view_rating input[type="submit"]:hover {
    background: #333333;
    color: #fff;
}

/*--------------------------------------------------------
/ 10. Single Blgo 05
/----------------------------------------------------------*/
.blog_f_img.pt_70 {
    padding-top: 70px;
}

.sp_5_section {
    position: relative;
    padding: 90px 0 85px;
}

.sp_5_section .sidebar_1 {
    padding-left: 20px;
}

.sp_5_section .sidebar_1 .ab_m_social a {
    width: 45px;
    height: 45px;
    padding: 13px 0;
}

.sp_5_section .sidebar_1 .about_me .ab_m_btn {
    height: 45px;
    padding: 15px 20px;
}

.sp_5_section iframe {
    padding: 0 0 0 0 !important;
}

.sp_5_section .sb_tags {
    margin-top: 80px;
}

.sb_gallery_2 {
    position: relative;
    margin: 0 0 30px;
}

.sb_gallery_2 .gal_item {
    width: 32%;
    float: left;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 0;
    position: relative;
}

.sb_gallery_2 .gal_item img {
    margin-bottom: 6px;
}

/*--------------------------------------------------------
/ 11. Category Page
/----------------------------------------------------------*/
.category_page {
    position: relative;
    padding: 70px 0;
}

.category_page .sidebar_1 {
    margin-top: 66px;
}

.mt_45 {
    margin-top: 45px;
}

.magro_pagination {
    position: relative;
    border-top: 1px solid #eaeaea;
    padding-top: 25px;
}

.magro_pagination .screen-reader-text {
    display: none;
}

.magro_pagination a,
.magro_pagination span {
    width: 45px;
    height: 38px;
    background: transparent;
    border: 1px solid #e3e3e3;
    border-radius: 30px;
    font-size: 15px;
    color: #7e7e7e;
    line-height: .8;
    text-align: center;
    display: inline-block;
    font-weight: 400;
    padding: 12px 0;
    margin: 0 0px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.magro_pagination .page-numbers.dots {
    width: auto;
    margin: 0 8px;
    border: none;
}

.magro_pagination a:hover,
.magro_pagination span.current,
span.paginator_active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #FFF;
}

.comon_meta .views {
    display: inline-block;
    font-size: 13px;
    color: var(--primary-color);
    line-height: 15px;
    margin-left: 6px;
}

.comon_meta .views i {
    display: inline-block;
    margin-right: 7px;
    line-height: .8;
}

.comon_meta .views:hover {
    color: #a7a7a7;
}
.comon_meta span{
    color: #CCC;
}
.top_week_1 .trending_news,
.top_week_1 .hot_news {
    display: block;
    position: absolute;
    left: 25px;
    top: 15px;
    text-align: center;
    z-index: 2;
}

.top_week_1 a.hot_news {
    background: #e71919;
}

.category_page_2 {
    position: relative;
    padding: 140px 0;
}

.category_page_3 {
    position: relative;
    padding: 110px 0;
}

.row.shafull_container {
    overflow: visible !important;
}

.cate_post {
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 30px 160px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 30px 160px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 30px 160px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-bottom: 40px;
}

.cate_post.mr_10 {
    margin-right: 10px;
}

.cate_post.ml_10 {
    margin-left: 10px;
}

.cate_post:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(37, 37, 37, .6);
    border-radius: 10px;
}

.cate_post img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.cate_post:hover>img {
    transform: scale(1.08) rotate(1.1deg);
    -moz-transform: scale(1.08) rotate(1.1deg);
    -webkit-transform: scale(1.08) rotate(1.1deg);
    -ms-transform: scale(1.08) rotate(1.1deg);
    -o-transform: scale(1.08) rotate(1.1degg);
}

.cate_post:hover .carousel-item img {
    transform: scale(1.08) rotate(1.1deg);
    -moz-transform: scale(1.08) rotate(1.1deg);
    -webkit-transform: scale(1.08) rotate(1.1deg);
    -ms-transform: scale(1.08) rotate(1.1deg);
    -o-transform: scale(1.08) rotate(1.1degg);
}

.cate_post .author_meta {
    position: absolute;
    left: 60px;
    top: 40px;
    z-index: 2;
}

.post_status {
    position: absolute;
    right: 40px;
    top: 50px;
    z-index: 2;
}

.post_status .view {
    background: rgba(231, 25, 25, .36);
    color: #fff;
}

.post_status .view:hover {
    background: var(--primary-color);
    color: #fff;
}

.post_status .popup_video {
    float: right;
    font-size: 40px;
    position: relative;
    top: auto;
    transform: none;
    letter-spacing: 0;
    margin: -4px 0 0 30px;
}

.cate_post_content {
    position: absolute;
    left: 60px;
    right: 50px;
    bottom: 50px;
    z-index: 2;
}

.cate_post_content .rc_meta a.like {
    margin-right: 19px;
}

.cate_post_content .rc_meta a.like,
.cate_post_content .rc_meta a.commnet {
    color: #c6c6c6;
}

.cate_post_content .rc_meta a.like:hover,
.cate_post_content .rc_meta a.commnet:hover {
    color: var(--primary-color);
}

.cate_post_content h3 {
    font-size: 30px;
    line-height: 32px;
    color: #ffffff;
    margin: 11px 0 26px;
}

.cate_post_content h3 a {
    color: inherit;
}

.cate_post_content h3 a:hover {
    color: var(--primary-color);
}

.cate_post blockquote {
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0;
    word-break: break-all;
    font-style: italic;
    font-family: 'Barlow Condensed', sans-serif;
    margin: 0 0 22px;
}

.cate_post cite {
    font-size: 16px;
    line-height: .8;
    color: var(--primary-color);
    display: block;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 36px;
    font-style: normal;
}

.cate_post.standard {
    background: #fff;
    padding: 32px 50px 44px 60px;
}

.cate_post.standard:after {
    display: none;
}

.cate_post.standard .author_meta {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    float: none;
    margin: 0 0 78px;
}

.cate_post.standard .cate_post_content {
    position: relative;
    left: 0;
    bottom: 0;
    right: 0;
}

.cate_post.standard .author_meta a {
    color: #252424;
}

.cate_post.standard .author_meta a:hover {
    color: var(--primary-color);
}

.cate_post.standard .cate_post_content h3 {
    color: #181818;
    margin-bottom: 23px;
}

.cate_post_content p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 32px;
}

.cate_post.standard .cate_post_content .rc_meta a.like,
.cate_post.standard .cate_post_content .rc_meta a.commnet {
    color: #999;
}

.cate_post.standard .cate_post_content .rc_meta a.like:hover,
.cate_post.standard .cate_post_content .rc_meta a.commnet:hover {
    color: var(--primary-color);
}

.rm_post {
    height: 45px;
    background: var(--primary-color);
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: .80px;
    padding: 16px 33px;
}

.rm_post:hover {}

#catepost_slide .carousel-indicators {
    margin: 0;
    padding: 0;
    left: auto;
    right: 50px;
    bottom: 50px;
}

#catepost_slide .carousel-indicators li {
    width: 16px;
    height: 16px;
    background: #ffffff;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    opacity: 1;
    margin-left: 5px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

#catepost_slide .carousel-indicators li.active,
#catepost_slide .carousel-indicators li:hover {
    background: #545454;
}

.category_page_5 {
    position: relative;
    padding: 100px 0;
}

.category_page_5 .sidebar_1 {
    margin-left: 20px;
}

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

.tt_feature_post iframe {
    width: 63%;
    height: 260px;
    border: none;
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
}

.tt_f_thumb.is_audio:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(14, 14, 14, .78);
}

.tt_f_thumb .popup_video {
    font-size: 58px;
}

.category_page_6 {
    position: relative;
    padding: 70px 0 110px;
}

.category_page_6 .sidebar_1 {
    margin-left: 25px;
}

.top_week_1.tw_cate_post {
    margin-bottom: 70px;
}

.top_week_1.tw_cate_post .tw1_details h2 {
    font-size: 38px;
    line-height: 40px;
    margin-bottom: 28px;
}

.top_week_1.tw_cate_post .tw1_details p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .16px;
    margin: 33px 0 26px;
}

/*--------------------------------------------------------
/ 12. Gallery Page
/----------------------------------------------------------*/
.gallery_slider_section {
    position: relative;
    overflow: hidden;
}

.gallery_news_photo {
    position: relative;
    margin: 0 0 0;
    outline: none;
    overflow: hidden;
}

.gallery_news_photo:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
}

.gallery_news_photo img {
    width: 100%;
    height: auto;
    outline: none;
}

.gallery_news_slide {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 41px;
    margin: 0 55px;
    padding: 0 0 0;
}

.gallery_news_slide:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    content: '';
    background: rgba(255, 255, 255, .25);
}

.single_newsit {
    position: relative;
    outline: none;
    border: none;
    margin-right: 35px;
    padding-top: 30px;
}

.single_newsit.slick-active {
    opacity: .50;
    position: relative;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.single_newsit.slick-active.slick-center {
    opacity: 1;
}

.single_newsit.slick-active:after {
    position: absolute;
    left: 0;
    content: '';
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .0);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.single_newsit.slick-active.slick-center:after {
    display: none;
}

.single_newsit.slick-active.slick-center:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 155px;
    height: 2px;
    background: #fff;
    content: '';
}

.single_newsit>a {
    display: inline-block;
    background: #289dfd;
    height: 30px;
    text-align: center;
    font-size: 11px;
    color: #ffffff;
    font-weight: 600;
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 11px 16px;
    margin-bottom: 14px;
}

.single_newsit>a:hover {
    background: var(--primary-color);
    color: #fff;
}

.single_newsit h3 {
    color: #fff;
    font-size: 25px;
    line-height: 26px;
    margin-bottom: 18px;
}

.single_newsit h3 a {
    color: inherit;
}

.single_newsit h3 a:hover {
    color: var(--primary-color);
}

.single_newsit span {
    display: block;
    color: #999999;
    font-size: 13px;
    line-height: .8;
    letter-spacing: 0;
    margin: 0;
}

.gallery_page {
    position: relative;
    padding: 100px 0;
}

.gallery_page .sec_titles {
    padding-left: 0;
}

.gallery_nav {
    position: relative;
    margin: 5px 0 0;
    padding: 0;
    text-align: right;
}

.gallery_nav li {
    display: inline-block;
    font-size: 16px;
    line-height: .8;
    cursor: pointer;
    color: #9d9d9c;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    margin-left: 63px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.gallery_nav li:first-child {
    margin-left: 0;
}

.gallery_nav li i {
    color: #ff0000;
    display: inline-block;
    font-size: 20px;
    margin-right: 7px;
    position: relative;
    top: 3px;
}

.gallery_nav li i.twi-star1 {
    color: #ffaa00;
}

.gallery_nav li i.twi-clock1 {
    color: #40bf00;
}

.gallery_nav li i.twi-facebook-messenger {
    color: #289dfd;
}

.gallery_nav li.active,
.gallery_nav li:hover {
    color: var(--primary-color);
}

.gal_item_2 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    cursor: pointer;
}

.gal_item_2 img {
    height: auto;
    width: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gal_item_2:hover img {
    transform: scale(1.08) rotate(-2deg);
    -moz-transform: scale(1.08) rotate(-2deg);
    -webkit-transform: scale(1.08) rotate(-2deg);
    -ms-transform: scale(1.08) rotate(-2deg);
    -o-transform: scale(1.08) rotate(-2deg);
}

.gal_item_2:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .59);
    transition: .3s;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.gal_item_2 h4 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 86px;
    z-index: 3;
    text-align: center;
    visibility: hidden;
    opacity: 0;
}

.gal_item_2 h4 a {
    color: inherit;
}

.gal_item_2 h4 a:hover {
    color: var(--gray);
}

.gal_item_2 .hot_count {
    z-index: 3;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 47px;
    width: 64px;
    background: rgba(231, 25, 25, .44);
    font-size: 18px;
    color: #fff;
    line-height: .8;
    letter-spacing: .36px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    height: 27px;
    border-radius: 30px;
    padding: 6px 0;
    font-family: 'Barlow Condensed', sans-serif;
    visibility: hidden;
    opacity: 0;
}

.gal_item_2 .hot_count:hover {
    background: var(--primary-color);
    color: #fff;
}

.gal_item_2 .hot_count i {
    display: inline-block;
    font-size: 14px;
    position: relative;
    margin-right: 2px;
}

.gal_item_2:hover:after {
    visibility: visible;
    opacity: 1;
}

.gal_item_2 h4 {
    -webkit-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
}

.gal_item_2 .hot_count {
    -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
}

.gal_item_2:hover .hot_count,
.gal_item_2:hover h4 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.gal_item_3 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.gal_item_3 img {
    height: auto;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gal_item_3:hover img {
    transform: scale(1.08) rotate(2deg);
    -moz-transform: scale(1.08) rotate(2deg);
    -webkit-transform: scale(1.08) rotate(2deg);
    -ms-transform: scale(1.08) rotate(2deg);
    -o-transform: scale(1.08) rotate(2deg);
}

.gal_item_3:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, .60);
    transition: .3s;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
}

.gal_item_3:hover:after {
    visibility: visible;
    opacity: 1;
}

.gal_item_3 h3 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 155px;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    padding: 0 50px;
    -webkit-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
}

.gal_item_3 h3 a {
    color: inherit;
}

.gal_item_3 h3 a:hover {
    color: var(--primary-color);
}

.gal_item_3 .trending_news {
    display: inline-block;
    background: #7348e0;
    text-align: center;
    position: absolute;
    right: 95px;
    top: 35px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}

.gal_item_3 .hot_news {
    display: inline-block;
    background: #e71919;
    text-align: center;
    position: absolute;
    right: 35px;
    top: 35px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}

.gal_item_3 .trending_news {
    -webkit-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 900ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
}

.gal_item_3 .hot_news {
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
}

.gal_item_3:hover .hot_news,
.gal_item_3:hover .trending_news,
.gal_item_3:hover h3 {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

/*--------------------------------------------------------
/ 13. 404 Page
/---------------------------------------------------------*/
.page_404_1 {
    position: relative;
    padding: 90px 0 100px;
}

.content_404 {
    position: relative;
    text-align: center;
}

.content_404 h1 {
    font-size: 305px;
    line-height: .8;
    color: #101010;
    letter-spacing: -12.2px;
    position: relative;
    margin-bottom: 37px;
}

.content_404 h1 span {
    font-size: 266px;
    color: var(--primary-color);
    position: absolute;
    left: 0;
    top: 20px;
    right: 0;
    margin: 0 auto;
}

.content_404 h2 {
    font-size: 53px;
    line-height: 56px;
    color: #02112e;
    margin-bottom: 17px;
}

.content_404 p {
    font-size: 18px;
    line-height: 36px;
    color: #02112e;
    font-weight: 700;
    letter-spacing: 3.6px;
    margin-bottom: 35px;
}

.content_404 a {
    color: #02112e;
    letter-spacing: -.44px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 22px;
    line-height: .8;
    font-weight: 700;
    display: block;
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 48px;
}

.content_404 a:hover {
    color: var(--primary-color);
}

.content_404 form {
    position: relative;
}

.content_404 input[type="search"] {
    width: 100%;
    height: 57px;
    background: #f5f5f5;
    border-radius: 30px;
    font-size: 18px;
    color: #9fa4af;
    line-height: 67px;
    padding: 0 53px;
    border: none;
    outline: none;
    font-weight: 300;
}

.content_404 input[type="search"]::-moz-placeholder {
    color: #9fa4af;
    opacity: 1;
}

.content_404 input[type="search"]::-ms-input-placeholder {
    color: #9fa4af;
    opacity: 1;
}

.content_404 input[type="search"]::-webkit-input-placeholder {
    color: #9fa4af;
    opacity: 1;
}

.content_404 button {
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    border: none;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.content_404 button:hover {
    background: #333333;
    color: #fff;
}

.page_404_2 {
    position: relative;
    background: url(../images/bg/10.jpg) no-repeat center center / cover;
    padding: 310px 0 215px;
}

.content_404_2 {
    position: relative;
    z-index: 4;
    text-align: center;
    padding-left: 100px;
}

.content_404_2 h1 {
    font-size: 153px;
    color: #1b1b1b;
    line-height: .8;
    font-family: 'Bangers', cursive;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.content_404_2 h2 {
    font-size: 35px;
    line-height: 60px;
    color: #1b1b1b;
    text-transform: uppercase;
    font-family: 'Bangers', cursive;
    font-weight: 400;
    margin: 0 0 14px;
}

.content_404_2 p {
    font-size: 25px;
    line-height: 36px;
    font-weight: 700;
    color: #1b1b1b;
    margin: 0 0 49px;
}

.content_404_2 a {
    height: 60px;
    background: var(--primary-color);
    font-size: 14px;
    line-height: .8;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    padding: 25px 42.5px;
}

.content_404_2 a:hover {
    background: #1b1b1b;
    color: #fff;
}

.content_404_2 .img_404 {
    position: absolute;
    left: -58%;
    top: -100px;
    z-index: -1;
}

/*--------------------------------------------------------
/ 14. Contact Page
/---------------------------------------------------------*/
.gmap_section {
    position: relative;
}

.magro_map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 560px;
    line-height: .8;
    border-top: 7px solid #fff;
}

.contact_section {
    position: relative;
    padding: 110px 0 90px;
}

.concat_content {
    position: relative;
}

.concat_content h4 {
    font-size: 32px;
    line-height: .8;
    color: #252525;
    font-weight: 900;
    margin-bottom: 36px;
}

.concat_content>p {
    font-size: 22px;
    line-height: 34px;
    color: #252525;
    margin-bottom: 42px;
}

.icon_box_1 {
    position: relative;
    margin: 0 0 35px;
}

.icon_box_1 p {
    position: relative;
    font-size: 20px;
    line-height: 28px;
    color: #252525;
    font-weight: 700;
    padding-left: 67px;
    margin: 0 0 10px;
}

.icon_box_1 p i {
    font-size: 51px;
    line-height: 51px;
    color: #cf3238;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}

.icon_box_1 p a {
    color: #cf3238;
}

.icon_box_1 p span {
    color: #636363;
}

.icon_box_1:nth-of-type(2) p i {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}

.icon_box_1:nth-of-type(3) p i {
    font-size: 40px;
    line-height: 40px;
}

.contact_form {
    position: relative;
    margin: 0;
}

.contact_form h3 {
    font-size: 30px;
    line-height: .8;
    color: #222222;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.contact_form h3 i {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form textarea {
    width: 100%;
    height: 47px;
    border: 2px solid #ededed;
    line-height: 47px;
    padding: 0 24px;
    font-size: 13px;
    color: #444444;
    outline: none;
    margin-bottom: 15px;
}

.contact_form textarea {
    height: 206px;
    resize: none;
    line-height: 28px;
    padding-top: 8px;
    margin-bottom: 21px;
}

.contact_form input[type="submit"] {
    height: 44px;
    background: #1a1a1a;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: .8;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    text-transform: capitalize;
    outline: none;
    border: none;
    padding: 15px 27.5px;
    margin: 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;
}

.contact_form input[type="submit"]:hover {
    background: var(--primary-color);
    color: #fff;
}

.contact_form input[type="text"]::-moz-placeholder,
.contact_form input[type="email"]::-moz-placeholder,
.contact_form textarea::-moz-placeholder {
    color: #444444;
    opacity: 1;
}

.contact_form input[type="text"]::-ms-input-placeholder,
.contact_form input[type="email"]::-ms-input-placeholder,
.contact_form textarea::-ms-input-placeholder {
    color: #444444;
    opacity: 1;
}

.contact_form input[type="text"]::-webkit-input-placeholder,
.contact_form input[type="email"]::-webkit-input-placeholder,
.contact_form textarea::-webkit-input-placeholder {
    color: #444444;
    opacity: 1;
}

.ast_loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    text-align: center;
    display: none;
}

.ast_con_message {
    color: #fff;
    background-color: #1a1a1a;
    border: 3px solid #1a1a1a;
    padding: 10px 15px;
    margin-top: 30px;
    display: none;
}

.contact_form input.reqError,
.contact_form .reqError {
    background: var(--primary-color);
}

/*--------------------------------------------------------
/ 15. Coming Soon Page
/---------------------------------------------------------*/
.coming_soon_1 {
    position: relative;
    height: 100vh;
    padding: 60px 70px;
    background: #141414;
}

.coming_bg {
    background: url(../images/404_1.jpg) no-repeat center center / cover;
    height: 100%;
    width: 100%;
}

.logo_coming {
    position: relative;
    padding: 27px 0 0 23px;
}

.content_coming_soon_1 {
    position: relative;
    text-align: right;
    transform: translateY(100%);
    padding-right: 135px;
}

.content_coming_soon_1 h2 {
    color: var(--primary-color);
    font-family: 'Roboto', sans-serif;
    font-size: 39px;
    display: block;
    line-height: .8;
    font-weight: 900;
    margin: 0 0 0;
}

.content_coming_soon_1 h1 {
    position: relative;
    color: var(--primary-color);
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    font-size: 158px;
    font-weight: 900;
    line-height: .8;
    color: #fff;
    margin: -22px 0 0 -84px;
}

.content_coming_soon_1 h1:after {
    width: 95%;
    height: 13px;
    background: var(--primary-color);
    position: absolute;
    left: 12px;
    right: 0;
    bottom: 7px;
    z-index: -1;
    content: '';
}

.content_coming_soon_1 #countdown_dashboard {
    margin-top: 35px;
    text-align: right;
    margin-right: -25px;
}

.content_coming_soon_1 #countdown_dashboard .countdown-section {
    border: none;
    width: 110px;
}

.content_coming_soon_1 #countdown_dashboard .countdown-section .countdown-amount {
    font-size: 60px;
    color: #fff;
}

.content_coming_soon_1 #countdown_dashboard .countdown-section .countdown-period {
    font-size: 17px;
    color: #fff;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

.coming_soon_2 {
    position: relative;
    height: 100vh;
    background: url(../images/404_3.jpg) no-repeat center center / cover;
}

.cs_center {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.content_coming_soon {
    position: relative;
    text-align: center;
    margin: 0 46px;
    padding: 33px 30px 60px;
    background: url(../images/404_4.jpg) no-repeat center center / cover;
    border-radius: 5px;
}

.content_coming_soon a {
    display: block;
}

.content_coming_soon img {
    max-width: 100%;
    height: auto;
    margin-bottom: 58px;
}

.content_coming_soon .sign {
    margin-bottom: 2px;
}

.content_coming_soon p {
    font-size: 25px;
    color: #444444;
    line-height: 36px;
    letter-spacing: .50px;
    margin: 0 0 24px;
}

#countdown_dashboard {
    text-align: center;
    margin: 0 0 41px;
}

#countdown_dashboard .countdown-section {
    width: 120px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #cacaca;
}

#countdown_dashboard .countdown-section:last-child {
    border: none;
}

#countdown_dashboard .countdown-section .countdown-amount {
    font-size: 30px;
    line-height: 1;
    font-family: 'Barlow Condensed', sans-serif;
    color: #333333;
    margin: 0 0 6px;
    display: block;
    width: 100%;
    font-weight: 800;
}

#countdown_dashboard .countdown-section .countdown-period {
    font-size: 15px;
    line-height: 22px;
    color: #7fbd2f;
    text-align: center;
    margin: 0;
    display: block;
}

.content_coming_soon form {
    position: relative;
    width: 490px;
    margin: 0 auto;
}

.content_coming_soon input[type="email"] {
    width: 100%;
    height: 60px;
    border: none;
    background: #f4f4f4;
    line-height: 60px;
    padding: 0 35px;
    font-size: 12px;
    color: #666666;
    border-radius: 30px;
    -webkit-box-shadow: 0px 16px 51px 0px rgba(61, 67, 79, 0.27);
    -moz-box-shadow: 0px 16px 51px 0px rgba(61, 67, 79, 0.27);
    box-shadow: 0px 16px 51px 0px rgba(61, 67, 79, 0.27);
    outline: none;
    margin-bottom: 15px;
}

.content_coming_soon button {
    background: transparent;
    font-size: 10px;
    line-height: .8;
    color: #737373;
    text-align: center;
    letter-spacing: 0;
    text-transform: capitalize;
    position: absolute;
    right: 39px;
    line-height: .8;
    top: 27px;
    z-index: 2;
    outline: none;
    border: none;
    padding: 0;
    margin: auto 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;
}

.content_coming_soon button:hover {
    color: var(--primary-color);
}

.content_coming_soon input[type="email"]::-moz-placeholder {
    color: #666666;
    opacity: 1;
}

.content_coming_soon input[type="email"]::-ms-input-placeholder {
    color: #666666;
    opacity: 1;
}

.content_coming_soon input[type="email"]::-webkit-input-placeholder {
    color: #666666;
    opacity: 1;
}

.coming_social {
    position: relative;
    text-align: center;
    margin: 44px 0 0;
}

.coming_social a {
    display: inline-block;
    font-size: 22px;
    color: #c3c9d4;
    line-height: 22px;
    margin: 0 13px;
}

.coming_social a:hover {
    color: var(--primary-color);
}

/*--------------------------------------------------------
/ 16. Top Stories
/---------------------------------------------------------*/
.tp_title {
    position: relative;
    font-size: 30px;
    line-height: .8;
    color: #fff;
    font-weight: 800;
    margin: 0 0 37px;
}

.tp_title i {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #080709;
    line-height: 30px;
    display: inline-block;
    margin-right: 17px;
    letter-spacing: -4px;
    position: relative;
    top: -7px;
}

.ts_featuer_post {
    position: relative;
}

.ts_thumb {
    position: relative;
    margin-bottom: 21px;
}

.ts_thumb img {
    width: 100%;
    height: auto;
    opacity: .58;
}

.ts_thumb .popup_video {
    font-size: 30px;
}

.ts_featuer_post .ts_thumb img {
    opacity: .69;
}

.ts_f_content {
    position: relative;
}

.ts_f_content h3 {
    font-size: 40px;
    line-height: 42px;
    color: #fff;
    letter-spacing: -.80px;
    margin: 0 0 28px;
}

.ts_f_content h3 a {
    color: inherit;
}

.ts_f_content h3 a:hover {
    color: var(--primary-color);
}

.ts_ps_meta {
    position: relative;
    color: #fff;
}

.ts_ps_meta img {
    width: 47px;
    height: 47px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0;
}

.ts_cat {
    display: inline-block;
    background: #289dfd;
    height: 30px;
    text-align: center;
    font-size: 11px;
    color: #ffffff;
    font-weight: 600;
    line-height: .8;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 11px 16px;
    position: absolute;
    right: 25px;
    top: 15px;
}

.ts_cat:hover {
    background: var(--primary-color);
    color: #fff;
}

.ts_ps_meta span {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0;
    padding-left: 11px;
    margin-right: 15px;
    position: relative;
}

.ts_ps_meta span.ts_date {
    padding-left: 15px;
}

.ts_ps_meta span i {
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.ts_ps_meta span a {
    color: inherit;
}

.ts_ps_meta span a:hover {
    color: var(--primary-color);
}

.ts_post {
    position: relative;
    margin: 0 0 30px;
    min-height: 100px;
}

.ts_post .ts_thumb {
    width: 100px;
    float: left;
    display: inline-block;
    margin: 0 20px 0 0;
}

.ts_content {
    position: relative;
    padding: 7px 0 0 0;
}

.ts_content h4 {
    font-size: 24px;
    line-height: 26px;
    color: #fff;
    letter-spacing: -.50px;
    font-weight: 600;
    margin: 0 0 7px;
}

.ts_content h4 a {
    color: inherit;
}

.ts_content h4 a:hover {
    color: var(--primary-color);
}

.ts_content span {
    font-size: 13px;
    line-height: 22px;
    font-weight: 500;
    color: #c6c6c6;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0;
}

.ts_content span a {
    color: inherit;
}

.ts_content span a:hover {
    color: var(--primary-color);
}

.ts_content span i {
    position: relative;
    top: 1px;
    margin-right: 6px;
}

.ts_post_2 {
    position: relative;
    margin-bottom: 70px;
    overflow: hidden;
}

.ts_post_2 img {
    width: 100%;
    height: auto;
    max-width: none;
    width: calc(100% + 30px);
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ts_post_2:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ts_content_2 {
    position: absolute;
    left: 70px;
    bottom: 60px;
    z-index: 2;
    width: 38%;
}

.ts_content_2 .ts_cate {
    height: 25px;
    background: #9500b4;
    text-align: center;
    font-size: 13px;
    color: #fff;
    line-height: .8;
    padding: 7px 17.5px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.ts_content_2 .ts_cate:hover {
    background: var(--primary-color);
    color: #fff;
}

.ts_content_2 h2 {
    font-size: 55px;
    line-height: 60px;
    color: #fff;
    letter-spacing: .55px;
    font-weight: 600;
    margin-bottom: 42px;
}

.ts_content_2 h2 a {
    color: inherit;
}

.ts_content_2 h2 a:hover {
    color: var(--primary-color);
}

/*--------------------------------------------------------
/ 17. Login Page
/---------------------------------------------------------*/
.login_page_1 {
    position: relative;
    height: 100vh;
}

.login_page_1 .col-lg-8 {
    padding-left: 0;
    padding-right: 0;
    -ms-flex: 0 0 69%;
    flex: 0 0 69%;
    max-width: 69%;
}

.login_page_1 .col-lg-4 {
    padding-left: 0;
    padding-right: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
}

.login_video {}

.login_video img {
    width: 100%;
    height: 100vh;
}

.login_video .popup_video {
    width: 147px;
    height: 147px;
    background: #fff;
    color: #000000;
    line-height: 157px;
    font-size: 47px;
    letter-spacing: -13px;
    border-radius: 50%;
    -webkit-box-shadow: -3px 6px 21px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: -3px 6px 21px 0px rgba(0, 0, 0, 0.34);
    box-shadow: -3px 6px 21px 0px rgba(0, 0, 0, 0.34);
}

.login_video .popup_video:hover {
    background: var(--primary-color);
    color: #fff;
}

.login_content {
    position: relative;
    background: #fff;
    padding: 50px 125px 30px 100px;
}

.login_content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 125px;
}

.login_content h2 {
    font-size: 50px;
    line-height: 75px;
    color: #060606;
    margin-bottom: 3px;
}

.login_content>p {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin: 0 0 17px;
}

.login_content>p a {
    color: #6684f2;
}

.login_content>p a:hover {
    color: var(--primary-color);
}

.login_content form {
    margin-bottom: 29px;
}

.login_btn {
    position: relative;
    margin: 0 0 15px;
}

.login_btn a {
    display: inline-block;
    height: 42px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    line-height: .8;
    padding: 12px 29px;
    border-radius: 30px;
}

.login_btn a i {
    display: inline-block;
    font-size: 15px;
    position: relative;
    top: 2px;
    padding-right: 15px;
}

.login_btn a.fac {
    background: #3b5998;
}

.login_btn a.goo {
    background: #db4437;
    margin-left: 4px;
}

.login_btn a:hover {
    background: var(--primary-color);
    color: #fff;
}

.login_content input[type="text"],
.login_content input[type="password"],
.login_content input[type="email"] {
    width: 100%;
    height: 42px;
    border: 1px solid #efefef;
    background: transparent;
    line-height: 42px;
    padding: 0 20px;
    font-size: 12px;
    color: #959595;
    border-radius: 30px;
    outline: none;
    margin-bottom: 15px;
    transition: all ease 200ms;
    -moz-transition: all ease 200ms;
    -webkit-transition: all ease 200ms;
    -ms-transition: all ease 200ms;
    -o-transition: all ease 200ms;
}

.login_content input[type="text"]::-moz-placeholder,
.login_content input[type="password"]::-moz-placeholder,
.login_content input[type="email"]::-moz-placeholder {
    color: #959595;
    opacity: 1;
}

.login_content input[type="text"]::-ms-input-placeholder,
.login_content input[type="password"]::-ms-input-placeholder,
.login_content input[type="email"]::-ms-input-placeholder {
    color: #959595;
    opacity: 1;
}

.login_content input[type="text"]::-webkit-input-placeholder,
.login_content input[type="password"]::-webkit-input-placeholder,
.login_content input[type="email"]::-webkit-input-placeholder {
    color: #959595;
    opacity: 1;
}

.login_content input[type="text"]:focus,
.login_content input[type="password"]:focus,
.login_content input[type="email"]:focus {
    border-color: #6684f2;
    -webkit-box-shadow: -4px 8px 35px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -4px 8px 35px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -4px 8px 35px 0px rgba(0, 0, 0, 0.15);
}

.login_content input[type="submit"] {
    background: #7a4cf9;
    height: 42px;
    width: 100%;
    border-radius: 30px;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 17px;
    line-height: 42px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 0;
    text-transform: capitalize;
    outline: none;
    border: none;
    padding: 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;
}

.login_content input[type="submit"]:hover {
    background: var(--primary-color);
    color: #fff;
}

.login_content form p {
    font-size: 13px;
    color: #959595;
    letter-spacing: 0;
    line-height: 20px;
    margin: 13px 0 8px;
}

.login_content form p i {
    display: inline-block;
    font-size: 15px;
    padding-right: 14px;
    position: relative;
    top: 2px;
}

.radio_btn {
    position: relative;
    margin: 7px 0 12px;
    line-height: .8;
    display: block;
}

.radio_btn input[type=radio] {
    display: none;
    margin: 0;
}

.radio_btn label {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    font-weight: 400;
    margin: 0;
    padding-left: 26px;
    cursor: pointer;
}

.radio_btn label:before {
    width: 13px;
    height: 13px;
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    background: transparent;
    border: 2px solid #6684f2;
    border-radius: 50%;
}

.radio_btn input[type=radio]:checked+label::after {
    background: #6684f2;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    content: '';
    position: absolute;
    left: 4px;
    top: 7px;
}

.login_content form h6 {
    font-size: 21px;
    color: #000000;
    line-height: 21px;
    font-weight: 600;
    padding-left: 26px;
    margin: 0 0 20px;
}

.login_content form h6 a {
    color: #6684f2;
}

.login_content form h6 a:hover {
    color: var(--primary-color);
}

.login_page_2 {
    position: relative;
    padding: 78px 0 70px;
}

.login_content_2 {
    text-align: center;
    padding: 0 0;
}

.login_content_2 h2 {
    font-size: 55px;
    line-height: 90px;
    letter-spacing: -1px;
    font-weight: 800;
}

.login_content_2 p {
    font-size: 16px;
    margin: 0 0 34px;
}

.login_content_2 p.bold {
    font-weight: 700;
}

.login_content_2 input[type="text"],
.login_content_2 input[type="password"],
.login_content_2 input[type="email"] {
    height: 56px;
    border: 4px solid #eeeeee;
    border-radius: 3px;
}

.login_content_2 input[type="text"],
.login_content_2 input[type="password"],
.login_content_2 input[type="email"] {
    height: 56px;
    border: 4px solid #eeeeee;
    border-radius: 3px;
}

.login_content_2 input[type="text"]:focus,
.login_content_2 input[type="password"]:focus,
.login_content_2 input[type="email"]:focus {
    border: 1px solid #6684f2;
    border-radius: 0;
    -webkit-box-shadow: -4px 8px 35px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -4px 8px 35px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -4px 8px 35px 0px rgba(0, 0, 0, 0.15);
}

.login_content_2 form p {
    text-align: left;
    margin-left: 17px;
    font-size: 14px;
}

.login_content_2 .radio_btn {
    text-align: left;
    margin-left: 17px;
}

.login_content_2 .radio_btn label {
    font-size: 14px;
}

.login_content_2 form h6 {
    text-align: left;
    margin-left: 17px;
    font-size: 14px;
}

.login_content_2 input[type="submit"] {
    border-radius: 0;
    background: var(--primary-color);
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    margin: 19px 0 5px;
}

.login_content_2 input[type="submit"]:hover {
    color: #000;
}

.login_content_2 form p.register {
    margin-left: 0;
    color: #000000;
}

.login_content_2 form p a {
    color: #6684f2;
}

.login_content_2 form p a:hover {
    color: var(--primary-color);
}

/*--------------------------------------------------------
/ 18. All Popup
/---------------------------------------------------------*/
.popup_1 {
    position: relative;
    height: 100vh;
    background: #a6d5f2;
    width: 100%;
}

.popup_1 .container {
    width: 1005px;
}

.popup_middle {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.popup_area {
    position: relative;
    background: #fff;
}

.popup_thumb {
    display: inline-block;
    float: left;
    width: 42%;
}

.popup_thumb img {
    width: 100%;
    height: 100%;
}

.popup_subscribe {
    display: inline-block;
    float: left;
    width: 58%;
    padding: 115px 80px 50px 70px;
    text-align: left;
}

.popup_subscribe h4 {
    font-size: 30px;
    color: #282424;
    line-height: 40px;
    margin: 16px 0 13px;
}

.popup_subscribe p {
    font-size: 15px;
    line-height: 20px;
    color: #9e9c9c;
    margin: 0 0 35px;
}

.sign_up_form {
    position: relative;
}

.sign_up_form input[type="email"] {
    width: 100%;
    height: 73px;
    border: none;
    background: transparent;
    line-height: 73px;
    padding: 0 40px;
    font-size: 14px;
    color: #b2b1b1;
    border-radius: 0;
    -webkit-box-shadow: -2px 4px 62px 0px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: -2px 4px 62px 0px rgba(0, 0, 0, 0.17);
    box-shadow: -2px 4px 62px 0px rgba(0, 0, 0, 0.17);
}

.sign_up_form input[type="email"]::-moz-placeholder {
    color: #b2b1b1;
    opacity: 1;
}

.sign_up_form input[type="email"]::-ms-input-placeholder {
    color: #b2b1b1;
    opacity: 1;
}

.sign_up_form input[type="email"]::-webkit-input-placeholder {
    color: #b2b1b1;
    opacity: 1;
}

.sign_up_form button {
    background: linear-gradient(31deg, rgba(121, 204, 255, 1) 0%, rgba(98, 112, 255, 1) 100%);
    height: 73px;
    width: 73px;
    font-size: 20px;
    line-height: 73px;
    color: #fff;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    letter-spacing: 0;
    outline: none;
    border: none;
    padding: 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;
}

.sign_up_form button:hover {
    background: linear-gradient(31deg, rgba(98, 112, 255, 1) 0%, rgba(121, 204, 255, 1) 100%);
    color: #fff;
}

.colse_popup {
    width: 66px;
    height: 66px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 40px;
    top: 40px;
    z-index: 2;
    font-size: 20px;
    color: #222222;
    padding: 23px 0;
}

.colse_popup:hover {
    background: var(--primary-color);
    color: #fff;
}

.popup_2 {
    position: relative;
    height: 100vh;
    background: #a6d5f2;
    width: 100%;
}

.popup_2 .container {
    width: 935px;
}

.popup_2 .popup_area {
    background: url(../images/popup2.jpg) no-repeat center center / cover;
    -webkit-box-shadow: -2px 5px 73px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -2px 5px 73px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 5px 73px 0px rgba(0, 0, 0, 0.15);
}

.popup_2 .popup_area .popup_subscribe {
    width: 100%;
    float: none;
    text-align: center;
    padding: 120px 210px 95px;
}

.popup_2 .sign_up_form input[type="email"] {
    text-align: center;
    height: 65px;
    margin-bottom: 30px;
}

.popup_2 .sign_up_form button {
    height: 65px;
    position: relative;
    font-size: 16px;
    line-height: 65px;
    font-weight: 600;
    width: auto;
    text-transform: uppercase;
    background: #013fdb;
    padding: 0 90px;
    -webkit-box-shadow: -2px 7px 27px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: -2px 7px 27px 0px rgba(0, 0, 0, 0.24);
    box-shadow: -2px 7px 27px 0px rgba(0, 0, 0, 0.24);
}

.popup_2 .sign_up_form button:hover {
    background: var(--primary-color);
    color: #fff;
}

.popup_2 .colse_popup {
    top: 20px;
    left: auto;
    right: 40px;
}

.popup_subscribe h1 {
    font-size: 60px;
    line-height: 60px;
    color: #2a2a2a;
    margin: 0 20px 11px;
}

.social_popup {
    position: absolute;
    right: 48px;
    bottom: 26px;
    z-index: 2;
}

.social_popup a {
    width: 32px;
    height: 32px;
    background: #cfdfe5;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 3px 0;
    margin-left: 9px;
}

.social_popup a:hover {
    background: #b83ec0;
    color: #fff;
}

.popup_3 {
    position: relative;
    height: 100vh;
    background: #a6d5f2;
    width: 100%;
}

.popup_3 .container {
    width: 845px;
}

.popup_3 .popup_area {
    background: url(../images/1.png) no-repeat left top #fff;
    border: 6px solid #013fdb;
    background-position: 74px 38px;
    -webkit-box-shadow: -2px 5px 73px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -2px 5px 73px 0px rgba(0, 0, 0, 0.15);
    box-shadow: -2px 5px 73px 0px rgba(0, 0, 0, 0.15);
    z-index: 3;
    overflow: hidden;
}

.popup_3 .popup_area .popup_subscribe {
    width: 100%;
    float: none;
    text-align: center;
    padding: 98px 140px 75px;
    z-index: 3;
}

.popup_3 .sign_up_form input[type="email"] {
    background: #e7e7e7;
    box-shadow: none;
    padding: 0 50px;
}

.popup_3 .sign_up_form button {
    width: 52px;
    height: 52px;
    background: #013fdb;
    top: 12px;
    right: 13px;
}

.popup_3 .sign_up_form button:hover {
    background: var(--primary-color);
    color: #fff;
}

.popup_3 .colse_popup {
    top: -26px;
    left: auto;
    right: -15px;
    background: #2d2d2d;
    color: #fff;
    z-index: 5;
}

.popup_3 .colse_popup:hover {
    background: var(--primary-color);
    color: #fff;
}

.popup_subscribe h3 {
    font-size: 54px;
    line-height: 60px;
    font-weight: 900;
    color: #090909;
    margin: 0 0 14px;
}

.social_popup_2 {
    position: relative;
    display: inline-block;
    float: left;
    padding-left: 139px;
}

.social_popup_2 a {
    display: inline-block;
    font-size: 32px;
    margin-right: 16px;
}

.social_popup_2 a.fac {
    color: #3b5998;
}

.social_popup_2 a.twi {
    color: #55acee;
}

.social_popup_2 a.goo {
    color: #EA4335;
}

.social_popup_2 a.you {
    color: #e02f2f;
}

.social_popup_2 a.rss {
    color: #ff9700;
}

.popup_3 .bg-text {
    color: #f5f5f5;
    font-size: 245px;
    line-height: .8;
    text-align: center;
    margin: 0;
    position: absolute;
    left: -24px;
    bottom: 45px;
    letter-spacing: 13px;
    z-index: -1;
}

.icon_box {
    display: inline-block;
    float: left;
    text-align: left;
    position: relative;
    padding-left: 99px;
    margin-left: 45px;
    margin-top: -14px;
    padding-bottom: 55px;
}

.icon_box i {
    font-size: 59px;
    color: #2c3e50;
    line-height: 59px;
    position: absolute;
    left: 0;
    top: 0;
}

.icon_box h5 {
    font-size: 24px;
    color: #040404;
    line-height: 30px;
    margin-bottom: 11px;
}

.icon_box p {
    font-size: 16px;
    line-height: .8;
    color: #504c4c;
    margin: 0;
}

/*--------------------------------------------------------
/ 19. Shop Page
/---------------------------------------------------------*/
.shop_page {
    position: relative;
    padding: 70px 0;
}

.sort_by {
    position: relative;
    margin-right: 10px;
    margin-bottom: 68px;
}

h5.sort_titlte {
    font-size: 16px;
    color: #252525;
    line-height: .8;
    letter-spacing: 0;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 13px;
    margin-left: 30px;
}

.sort_by select {
    border: 2px solid #eceef2;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    font-weight: 500;
    cursor: pointer;
    color: #8799a3;
    outline: none;
    padding: 0 30px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.sort_by i {
    font-size: 18px;
    color: #8799a3;
    line-height: .8;
    position: absolute;
    right: 30px;
    bottom: 17px;
}

.price_slider {
    position: relative;
}

.price_slider h5.sort_titlte {
    margin-left: 0;
}

#slider-range {
    width: 220px;
    height: 8px;
    background: #f3f4f6;
    border-radius: 30px;
    position: relative;
    margin-top: 21px;
    display: inline-block;
}

#slider-range .ui-slider-range {
    background: #616161;
    height: 8px;
    position: absolute;
}

#slider-range .ui-slider-handle {
    background: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    position: absolute;
    top: -8px;
    width: 24px;
    outline: none;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(135, 153, 163, 0.35);
    -moz-box-shadow: 0px 5px 20px 0px rgba(135, 153, 163, 0.35);
    box-shadow: 0px 5px 20px 0px rgba(135, 153, 163, 0.35);
    cursor: pointer;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

#amount {
    font-size: 20px;
    color: #8799a3;
    line-height: .8;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 22px;
    margin-bottom: 0;
}

.price_slider input[type="submit"] {
    height: 50px;
    background: var(--primary-color);
    font-size: 14px;
    line-height: .8;
    font-weight: 700;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    border: none;
    padding: 16px 0;
    width: 100%;
    border-radius: 3px;
    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;
}

.price_slider .submit {
    position: relative;
    width: 160px;
    height: 50px;
    float: right;
    margin-right: 10px;
}

.price_slider .submit:after {
    position: absolute;
    left: -5px;
    content: '';
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 10px 0;
    border-color: transparent var(--primary-color) transparent transparent;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.price_slider .submit:hover:after {
    border-right-color: #000;
}

.price_slider input[type="submit"]:hover {
    background: #000;
    color: var(--primary-color);
}

.single_product {
    position: relative;
    margin-bottom: 44px;
}

.product_thumb {
    position: relative;
    border: 2px solid #f3f3f3;
    border-radius: 5px;
    text-align: center;
    margin: 0 0 15px;
}

.product_thumb img {
    width: 100%;
    height: auto;
}

.flash_lavel {
    position: absolute;
    top: 23px;
    right: 29px;
}

.flash_lavel p {
    height: 30px;
    font-size: 11px;
    color: #fff;
    line-height: .8;
    text-align: center;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 18px;
    border-radius: 30px;
}

.flash_lavel p.new {
    background: #39b54a;
}

.flash_lavel p.sale {
    background: #f04e4e;
}

.flash_lavel p.top {
    background: #0684ff;
}

.product_meta {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}

.product_meta a {
    width: 49px;
    height: 49px;
    background: #000000;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px;
    font-size: 18px;
    color: #fefefe;
    text-align: center;
    line-height: .8;
    padding: 15px 0;
    left: 0;
    top: 0;
    position: relative;
    visibility: hidden;
    opacity: 0;
}

.product_meta a:hover {
    background: var(--primary-color);
    color: #fff;
}

.product_meta a:nth-child(01) {
    -webkit-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
}

.product_meta a:nth-child(02) {
    -webkit-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
}

.single_product:hover .product_meta a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.product_details {
    position: relative;
}

.star-rating {
    display: block;
}

.star-rating i {
    display: inline-block;
    color: #fcd846;
    line-height: .8;
    font-size: 14px;
    letter-spacing: 0;
}

.product_details h3 {
    font-size: 22px;
    line-height: 28px;
    color: #6d6d6d;
    font-weight: 600;
    margin: 2px 0 4px;
}

.product_details h3 a {
    color: inherit;
}

.product_details h3 a:hover {
    color: var(--primary-color);
}

.product_price {
    font-size: 22px;
    line-height: 28px;
    color: #1b1b1b;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    margin: 0;
}

.product_price .price {
    display: inline-block;
    color: inherit;
}

.product_price .price span {
    display: inline-block;
    color: inherit;
}

.product_details>p {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    letter-spacing: .17px;
    margin: 15px 0 0;
}

.shop_page .sidebar_1 {
    margin-left: 25px;
}

.single_list_product .col-lg-5 {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.single_list_product .col-lg-7 {
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

.single_list_product {
    position: relative;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 44px;
    margin-bottom: 40px;
}

.single_list_product.last_product {
    border: none;
    padding-bottom: 0;
    margin-bottom: 50px;
}

.single_list_product:hover .product_meta a {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.single_list_product .product_details {
    margin: 22px 0 0;
}

.single_list_product .product_thumb {
    margin: 0;
}

.single_shop_page {
    position: relative;
    padding: 115px 0 90px;
}

.productSlide {
    position: relative;
}

.productSlide .carousel-inner {
    border: 2px solid #f3f3f3;
    border-radius: 5px;
}

.ps_img {
    position: relative;
}

.ps_img img {}

.productSlide .flash_lavel {
    right: auto;
    left: 40px;
    top: 40px;
}

.productSlide .carousel-indicators {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 14px 0 0 0;
    width: 100%;
    text-align: left;
    display: block;
}

.productSlide .carousel-indicators li {
    width: 129px;
    height: 120px;
    border-radius: 0;
    margin: 0;
    position: relative;
    text-indent: 0;
    flex: none;
    -moz-flex: none;
    -webkit-flex: none;
    float: left;
    margin: 0 11px 15px 0;
    border: none;
    opacity: 1;
    background: transparent;
    border: 2px solid #f3f3f3;
    border-radius: 5px;
}

.productSlide .carousel-indicators li img {
    width: 100%;
    height: 100%;
}

.product_decp {
    position: relative;
    margin-left: 100px;
}

.product_decp .p_cate {
    display: block;
    font-size: 16px;
    line-height: .9;
    color: #8799a3;
    margin: 0 0 17px;
}

.product_decp h3 {
    font-size: 40px;
    line-height: 42px;
    color: #252525;
    font-weight: 900;
    margin: 0 0 33px;
}

.product_decp .star-rating {
    display: inline-block;
}

.product_decp .star-rating i {
    font-size: 18px;
}

.product_decp .woocommerce-review-link {
    display: inline-block;
    font-size: 16px;
    color: #0684ff;
    line-height: 28px;
    margin-left: 17px;
}

.product_decp .woocommerce-product-rating {
    margin: 0 0 25px;
}

.product_decp .woocommerce-review-link:hover {
    color: var(--primary-color);
}

.pro_exps {
    margin: 0 0 29px;
}

.pro_exps p {
    font-size: 17px;
    line-height: 28px;
    color: #636363;
    letter-spacing: 0;
    margin: 0;
}

.product_decp .product_price {
    font-family: 'Roboto', sans-serif;
    margin: 0 0 33px;
}

.product_decp .product_price .price del {
    color: #b7c6ce;
    font-size: 22px;
    line-height: .8;
    font-weight: 400;
    text-decoration: line-through;
    display: inline-flex;
    margin-right: 18px;
    top: -4px;
    position: relative;
}

.product_decp .product_price .price ins {
    color: #39b54a;
    font-size: 33px;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    text-decoration: none;
    font-weight: 900;
    display: inline-flex;
}

.product_size {
    position: relative;
    margin-bottom: 32px;
}

.product_size h5 {
    display: inline-block;
    font-size: 18px;
    color: #252525;
    line-height: .8;
    margin: 0 11px 0 0;
}

.size_btn {
    display: inline-block;
    margin: 0 0 0 6px;
}

.size_btn input[type=radio] {
    display: none;
    margin: 0;
}

.size_btn label {
    position: relative;
    font-size: 14px;
    line-height: .8;
    color: #8799a3;
    font-weight: 700;
    cursor: pointer;
    width: 36px;
    z-index: 2;
    height: 36px;
    border-radius: 50%;
    padding: 13px 0;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(225, 225, 225, 0.8);
    -moz-box-shadow: 0px 10px 30px 0px rgba(225, 225, 225, 0.8);
    box-shadow: 0px 10px 30px 0px rgba(225, 225, 225, 0.8);
}

.size_btn input[type=radio]:checked+label::after {
    background: #8799a3;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
    -moz-box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
    box-shadow: 0px 10px 30px 0px rgba(135, 153, 163, 0.5);
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.size_btn input[type=radio]:checked+label {
    color: #fff;
}

.cart_quantity {
    position: relative;
    margin: 0 0 40px;
}

.quantityd {
    border: 2px solid #eceef2;
    height: 60px;
    position: relative;
    z-index: 1;
    border-radius: 3px;
    width: 160px;
    float: left;
    overflow: hidden;
}

.quantityd button.qtyBtn {
    background: transparent;
    height: 100%;
    width: 60px;
    padding: 0;
    position: absolute;
    font-size: 18px;
    border: none;
    outline: none;
    color: #8799a3;
    letter-spacing: 0;
    font-weight: 600;
    padding: 0;
    text-align: center;
    top: 0;
    left: 0;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}

.quantityd button.qtyBtn:hover {
    color: var(--primary-color);
}

.quantityd input[type="number"] {
    border: medium none;
    color: #252525;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    height: 100%;
    font-size: 16px;
    line-height: 60px;
    width: 100%;
    background: transparent;
    left: 7px;
    margin: auto;
    outline: none;
    padding: 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: -1;
}

.quantityd button.qtyBtn.btnPlus {
    left: auto;
    right: 0;
    border: none;
}

.add_to_cart_btn {
    float: left;
    height: 60px;
    background: #c62026;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    line-height: .8;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    padding: 23px 39px;
    margin-left: 40px;
}

.add_to_cart_btn:hover {
    background: #000;
    color: #c62026;
}

.single_sp_meta {
    display: block;
    border-top: 2px solid #f0f4f7;
    padding-top: 33px;
}

.metatext {
    position: relative;
    margin: 0 0 5px;
}

.metatext h5 {
    color: #252525;
    font-size: 20px;
    text-transform: uppercase;
    line-height: .8;
    display: inline-block;
    margin: 0 53px 0 0;
}

.metatext a {
    display: inline-block;
    font-size: 16px;
    color: #8799a3;
    line-height: .8;
}

.metatext a:hover {
    color: #c62026;
}

.mt_social h5 {
    margin-right: 42px;
}

.mt_social a {
    width: 40px;
    height: 40px;
    background: transparent;
    border: 2px solid #f3f3f3;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    color: #8799a3;
    line-height: .8;
    padding: 10px 0;
    margin-right: 6px;
}

.mt_social a:hover {
    border-color: #c62026;
    color: #c62026;
}

.product_tabarea {
    position: relative;
    margin-top: 120px;
    padding-bottom: 72px;
    padding-right: 230px;
    border-bottom: 2px solid #f0f4f7;
}

.productTabs {
    border: none;
    margin: 0 0 73px;
    padding: 0;
}

.product_tabarea .productTabs li {
    margin: 0 40px 0 0;
    padding: 0;
}

.product_tabarea .productTabs li a {
    display: block;
    height: 50px;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #8799a3;
    line-height: .8;
    border: none;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    padding: 18px 37px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(194, 202, 207, 0.3);
    -moz-box-shadow: 0px 10px 30px 0px rgba(194, 202, 207, 0.3);
    box-shadow: 0px 10px 30px 0px rgba(194, 202, 207, 0.3);
    border-radius: 5px;
}

.product_tabarea .productTabs li a.active,
.product_tabarea .productTabs li a:hover {
    border: none;
    background-color: transparent;
    background: #c62026;
    color: #fff;
    border-radius: 5px;
}

.descriptionContent {
    position: relative;
}

.descriptionContent p {
    font-size: 17px;
    line-height: 27px;
    color: #666666;
    margin: 0;
}

.product_tabarea .adinfo table {
    position: relative;
    width: 100%;
}

.product_tabarea .adinfo table tr th {
    font-size: 18px;
    line-height: 36px;
    color: #252525;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    width: 15%;
    margin: 0 0 0;
    padding: 0;
    background: transparent !important;
    border: none;
}

.product_tabarea .adinfo table tr td {
    font-size: 17px;
    line-height: 27px;
    color: #636363;
    font-style: normal;
    margin: 0;
    background: transparent !important;
    border: none;
}

.product_tabarea .commentForm input[type="submit"] {
    width: 100%;
    height: 47px;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
}

.product_tabarea .single-comment {
    padding-bottom: 50px;
}

.product_tabarea .authorDetails .star-rating i:first-child {
    color: #fcd846;
}

.product_tabarea .comment-reply-title {
    display: inline-block;
    font-size: 20px;
    font-family: 'Barlow Condensed', sans-serif;
    color: #252525;
    font-weight: 700;
    line-height: .8;
    margin: 0 0 40px;
}

.realtedProarea {
    position: relative;
    padding: 95px 0 0;
}

.realtedProarea>h3 {
    font-size: 33px;
    line-height: 42px;
    color: #252525;
    font-weight: 900;
    margin: 0 0 37px;
}

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

.sticky_area {
    overflow: hidden;
}

.footer_3 {
    position: relative;
    background: #191919;
    padding: 85px 0 37px;
}

.footer_3 .about_magro {
    padding-right: 0;
}

.footer_3 .mailchimp_form {
    padding-left: 0;
    padding-top: 0;
    margin: 33px 0 0;
}

.footer_3 .mailchimp_form input[type="email"] {
    text-align: left;
    background: #252525;
    padding: 0 20px 0 50px;
    border-radius: 5px 5px 0 0;
    margin: 0;
}

.footer_3 .subscribe_widget i {
    font-size: 14px;
    color: #636363;
    position: absolute;
    left: 25px;
    top: 18px;
    z-index: 2;
}

.footer_3 .subscribe_widget input[type="submit"] {
    border-radius: 0 0 5px 5px;
}

.footer_3 .magro_instagram_widget,
.footer_3 .magro_twitter_widget,
.footer_3 .magro_rp_widget {
    margin-top: 21px;
}

.footer_3 .magro_rp_widget .sf_s1_post {
    padding-right: 0;
}

.insta_snaps {
    position: relative;
}

.insta_snaps a {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 2px;
    margin-bottom: 7px;
}

.insta_snaps img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.insta_snaps a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 37, 37, .8);
    content: '';
    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;
}

.insta_snaps a:hover:after {
    visibility: visible;
    opacity: 1;
}

.footer_3 .widget .widget_title {
    padding-left: 0;
}

.footer_3 .widget .widget_title i {
    display: none;
}

.single_tweet {
    position: relative;
    width: 100%;
    padding-left: 33px;
    margin: 0 0 30px;
}

.single_tweet i {
    font-size: 12px;
    color: #0081ff;
    line-height: 12px;
    position: absolute;
    left: 0;
    top: 7px;
}

.single_tweet p {
    font-size: 16px;
    line-height: 28px;
    color: #636363;
    letter-spacing: 0;
    margin: 0 0 0;
}

.single_tweet a {
    font-size: 16px;
    line-height: 28px;
    display: block;
    color: #8799a3;
    letter-spacing: 0;
    margin: 0 0 0;
}

.single_tweet a:hover {
    color: var(--primary-color);
}

.twitter_feed {
    position: relative;
}

.twitter_feed .owl-nav {
    display: none;
}

.twitter_feed .owl-dots {
    text-align: left;
    margin: 5px 0 0 22px;
}

.twitter_feed .owl-dots button {
    width: 9px;
    height: 9px;
    margin: 0 12px 0 0;
    background: #444242;
    border-radius: 50%;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
}

.twitter_feed .owl-dots button:hover,
.twitter_feed .owl-dots button.active {
    background: var(--primary-color);
}

.twitter_feed .owl-dots button span {
    display: none;
}

.footer_3 .f_bar {
    border-color: #252525;
    margin-top: 66px;
    margin-bottom: 38px;
}

.copy_social {
    display: inline-block;
    float: right;
    margin-top: 0;
    margin-right: 13px;
}

.copy_social a {
    display: inline-block;
    width: 33px;
    height: 33px;
    background: #313131;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 9px 0;
    margin-left: 3px;
    line-height: .8;
}

.copy_social a:hover {
    background: var(--primary-color);
    color: #fff;
}

.footer_3 .copyies {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 18px;
}

.footer_3 .f_menu a {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
}

#backtotop {
    position: fixed;
    right: 50px;
    bottom: -50px;
    width: 40px;
    height: 40px;
    background: var(--primary-color);
    color: #FFF;
    font-size: 20px;
    text-align: center;
    line-height: .8;
    padding: 9px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

#backtotop:hover {
    background: #000;
}

.mobileMenuBar {
    display: none;
}

/*------------------------------------------------------------------
/ 20. Popup Menu
/-------------------------------------------------------------------*/
body.menu_open {
    overflow: hidden;
}

.menu_pop_logo {
    z-index: 99;
    position: absolute;
    left: 0;
    top: 28px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -o-transform: translateY(-90px);
    transform: translateY(-90px);
    -webkit-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.popup_menu.active .menu_pop_logo {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.menu_pop_logo img {
    max-width: 100%;
    height: auto;
}

.close-popup {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    font-weight: 600;
    height: 50px;
    width: 50px;
    position: absolute;
    right: 30px;
    top: 30px;
    text-transform: uppercase;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    z-index: 99;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.popup_menu.active .close-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.close-popup:after {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:before {
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    right: 17.5px;
    top: 24px;
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
}

.close-popup:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
}

.close-popup:hover:after,
.close-popup:hover:before {
    background: var(--primary-color);
}

.popup_menu .menu_top {
    position: relative;
    width: 100%;
    z-index: 99;
}

.popup_menu {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #000000;
    display: none;
}

.popup_menu.active {}

.menu_middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: -1;
}

.popup_menu.active .menu_middle {
    z-index: 99;
}

.menu_popup {
    position: relative;
    text-align: center;
}

.menu_popup ul {
    margin: 0;
    padding: 0;
}

.menu_popup>ul {
    max-height: calc(100vh - 160px);
}

.menu_popup ul li {
    list-style: none;
    margin: 18px 0;
    position: relative;
}

.menu_popup ul li a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 20px;
    line-height: .8;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 0 15px;
    font-family: 'Barlow Condensed', sans-serif;
    position: relative;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1);
}

.menu_popup ul li.active>a,
.menu_popup ul li:hover>a {
    color: var(--primary-color);
}

.menu_popup ul li.menu-item-has-children>a {
    position: relative;
}

.menu_popup ul li.menu-item-has-children>a:before {
    position: absolute;
    right: -10px;
    top: 8px;
    content: "\f659";
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    font-family: "themewar";
    font-size: 10px;
    color: #fff;
    line-height: .8;
}

.menu_popup ul li.menu-item-has-children.active>a:before,
.menu_popup ul li.menu-item-has-children>a:hover:before {
    transform: rotate(-180deg);
    color: var(--primary-color);
}

.menu_popup>ul>li {
    opacity: 0;
    -webkit-transition: translateY(80px);
    transform: translateY(80px);
}

.menu_popup ul li ul.sub-menu {
    display: none;
    padding: 8px 0 1px;
    transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.menu_popup ul li .sub-menu li {
    margin: 7px 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.menu_popup ul li .sub-menu li:last-child {
    margin-bottom: 0;
}

.menu_popup ul li ul.sub-menu li a {
    font-size: 14px;
    text-transform: capitalize;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
}

.bottom_menu {
    position: absolute;
    left: 0;
    bottom: 26px;
    z-index: -1;
    width: 100%
}

.f_copy {
    position: relative;
}

.bottom_menu .f_copy {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.popup_menu.active .bottom_menu .f_copy {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.f_copy p {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    margin: 0;
}

.f_copy p a {
    color: #fff;
}

.f_copy p a:hover {
    color: var(--primary-color);
}

.foo_social {
    position: relative;
}

.bottom_menu .foo_social {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 1600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.popup_menu.active .bottom_menu .foo_social {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.foo_social a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: .8;
    color: #fff;
    text-align: center;
    margin: 0 0 0 21px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.foo_social a:hover {
    color: var(--primary-color);
}

.popup_menu.active .bottom_menu {
    z-index: 99;
}

.show_popup {
    background: rgba(0, 0, 0, .9);
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    overflow: hidden;
    z-index: 999;
}

/*------------------------------------------------------------------
/ 21. Preloader
/-------------------------------------------------------------------*/
.preloader {
    background: #222;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-scale-multiple.la-dark {
    color: #333
}

.la-ball-scale-multiple>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-scale-multiple {
    width: 32px;
    height: 32px
}

.la-ball-scale-multiple>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}

.la-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.la-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px
}

.la-ball-scale-multiple.la-sm>div {
    width: 16px;
    height: 16px
}

.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}

.la-ball-scale-multiple.la-2x>div {
    width: 64px;
    height: 64px
}

.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px
}

.la-ball-scale-multiple.la-3x>div {
    width: 96px;
    height: 96px
}

@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}






h3 {
    text-shadow: 1px 1px 1px #fff;
}

/* Start  styling the page */
.container-audio {
    width: 100%;
    height: auto;
    padding: 20px;
    border-radius: 5px;
    background-color: #eee;
    color: #444;
    margin: 20px auto;
    overflow: hidden;
}

audio {
    width: 100%;
}

audio:nth-child(2),
audio:nth-child(4),
audio:nth-child(6) {
    margin: 0;
}

.container-audio .colum1 {
    width: 23px;
    height: 5em;
    border-radius: 5px;
    margin: 0 10px 0 0;
    display: inline-block;
    position: relative;
}

.container-audio .colum1:last-child {
    margin: 0;
}

.container-audio .colum1 .row {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: linear-gradient(to up, #7700aa, #8800ff);
    position: absolute;
    -webkit-animation: Rofa 10s infinite ease-in-out;
    animation: Rofa 10s infinite ease-in-out;
    bottom: 0;
}

.container-audio .colum1:nth-of-type(1) .row {
    -webkit-animation-delay: 3.99s;
    animation-delay: 3.99s;
}

.container-audio .colum1:nth-of-type(2) .row {
    -webkit-animation-delay: 3.80s;
    animation-delay: 3.80s;
}

.container-audio .colum1:nth-of-type(3) .row {
    -webkit-animation-delay: 3.70s;
    animation-delay: 3.70s;
}

.container-audio .colum1:nth-of-type(4) .row {
    -webkit-animation-delay: 3.60s;
    animation-delay: 3.60s;
}

.container-audio .colum1:nth-of-type(5) .row {
    -webkit-animation-delay: 3.50s;
    animation-delay: 3.50s;
}

.container-audio .colum1:nth-of-type(6) .row {
    -webkit-animation-delay: 3.40s;
    animation-delay: 3.40s;
}

.container-audio .colum1:nth-of-type(7) .row {
    -webkit-animation-delay: 3.30s;
    animation-delay: 3.30s;
}

.container-audio .colum1:nth-of-type(8) .row {
    -webkit-animation-delay: 3.20s;
    animation-delay: 3.20s;
}

.container-audio .colum1:nth-of-type(9) .row {
    -webkit-animation-delay: 3.10s;
    animation-delay: 3.10s;
}

.container-audio .colum1:nth-of-type(10) .row {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.container-audio .colum1:nth-of-type(11) .row {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s;
}

.container-audio .colum1:nth-of-type(12) .row {
    -webkit-animation-delay: 2.10s;
    animation-delay: 2.10s;
}

.container-audio .colum1:nth-of-type(13) .row {
    -webkit-animation-delay: 2.20s;
    animation-delay: 2.20s;
}

.container-audio .colum1:nth-of-type(14) .row {
    -webkit-animation-delay: 1.30s;
    animation-delay: 1.30s;
}

.container-audio .colum1:nth-of-type(15) .row {
    -webkit-animation-delay: 1.40s;
    animation-delay: 1.40s;
}

.container-audio .colum1:nth-of-type(16) .row {
    -webkit-animation-delay: 1.50s;
    animation-delay: 1.50s;
}

.container-audio .colum1:nth-of-type(17) .row {
    -webkit-animation-delay: 1.60s;
    animation-delay: 1.60s;
}

.container-audio .colum1:nth-of-type(18) .row {
    -webkit-animation-delay: 1.70s;
    animation-delay: 1.70s;
}

.container-audio .colum1:nth-of-type(19) .row {
    -webkit-animation-delay: 1.80s;
    animation-delay: 1.80s;
}

.container-audio .colum1:nth-of-type(20) .row {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes Rofa {
    0% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: yellow;
    }

    5% {
        height: 100%;
        -webkit-transform: translatey(15px);
        transform: translatey(15px);
        background-color: fuchsia;
    }

    10% {
        height: 90%;
        transform: translatey(0);
        -webkit-transform: translatey(0);
        background-color: bisque;
    }

    15% {
        height: 80%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    20% {
        height: 70%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: cornflowerblue;
    }

    25% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: cornflowerblue;
    }

    30% {
        height: 70%;
        -webkit-transform: translatey(0);
        transform: translatey(0);
        background-color: cornflowerblue;
    }

    35% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    40% {
        height: 60%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    45% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    50% {
        height: 50%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    55% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    60% {
        height: 40%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    65% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    70% {
        height: 30%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    75% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    80% {
        height: 20%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    85% {
        height: 0%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    90% {
        height: 10%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    95% {
        height: 5%;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }

    100% {
        height: 0;
        -webkit-transform: translatey(0);
        transform: translatey(0);

        background-color: cornflowerblue;
    }
}


/* ACRECENATDO POR MIM */

figure.wp-block-gallery.has-nested-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
}


.wp-block-gallery.has-nested-images figure.wp-block-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}


.wp-block-gallery.has-nested-images figure.wp-block-image {
    overflow: hidden;
}

/* .wp-block-gallery.has-nested-images figure.wp-block-image:last-child {
    grid-column: span 2;
} */


@media (min-width: 1333px) {
    #banner{
        max-width: 1920px;
    }
}




.flip-section.secondary-bg{
    background: url(../images/logo1920-700.jpg) no-repeat top center;
    object-fit: contain;
    width: 100%;
    padding: 2rem
}

.horario-culto{
    background: #003B68;
    color: #FFFFFF;
    text-align: center;
    padding: 1rem 2rem;
}

.horario-culto .title{
    margin-top: .7rem;
    font-weight: 600;
    font-size: 18px;
    color: #00c8ff;
}

#page-about .bio{
    text-align: justify;
    margin-top: 2rem;

    color: #1a1a52;
}


audio {
    width: 100%; /* Define largura completa do container */
    height: 50px; /* Altura fixa para o player */
    outline: none; /* Remove bordas adicionais */
    background-color: #f5f5f5; /* Cor de fundo personalizada */

    border-radius: 8px; /* Arredondar os cantos para melhor estética */

}

audio::-webkit-media-controls-panel {
    background-color: #f5f5f5; /* Cor de fundo do painel de controle */
    border-radius: 8px;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-slider-container {
    filter: brightness(0.8); /* Ajusta o brilho para estilo consistente */
}

audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display {
    color: #333; /* Cor do texto do tempo */
}

.audio-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 10px;
    width: 100%;
    height: 60px; /* Altura do container para parecer quadrado */
    overflow: hidden; /* Garante que o conteúdo não extrapole */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Adiciona sombra */
}


.navbar-custom {
    background-color: #003368;

}
.navbar-custom .nav-link,
.navbar-custom .navbar-brand {
    color: white !important;
    padding-left: 0;
    padding-right: 0;
}
.separator {
    color: white;
    padding: 0 8px;
}

@media (min-width: 992px) {
    .navbar-nav {
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 991.98px) {
    .separator {
        display: none;
    }

}