/*--------------------------------------------------------
/ 1. Home 01
/---------------------------------------------------------*/
/*----- 1.1 Header Css ------*/
.ad_section{
	text-align: center !important;
	margin-top: 20px;
}
.ad_section:before {
    content: 'ADVERTISEMENT';
    font-size: 9px;
    text-transform: uppercase;
    text-align: center;
    color: #8c8c8c;
    letter-spacing: 1px;
    margin: 3px 0;
    font-family: 'Arial',sans-serif;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.body_with_bg{
    background:#fff;
	transition: background-color 0.5s ease;
}

.toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
    top: -14px;
    margin-left: 10px;
  }
		.toggle input {
			opacity: 0;
			width: 0;
			height: 0;
		}
		.slider {
			position: absolute;
			cursor: pointer;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			height: 22px;
			border-radius: 10px;
			background-color: #ccc;
			-webkit-transition: .4s;
			transition: .4s;
		}
	.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    border-radius: 7px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
		input:checked + .slider {
			background-color: #f6d200;
		}
		input:focus + .slider {
			box-shadow: 0 0 1px #f6d200;
		}
		input:checked + .slider:before {
			-webkit-transform: translateX(26px);
			-ms-transform: translateX(26px);
			transform: translateX(26px);
		}
.body_with_bg{
    background:#fff;
}
.header_bar{
    background: #fff;
    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: #f6d200;
}
.top_info{
    position: relative;
    background: #f6d200;
    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;
    background: #060606;
	
}
.header_01_inner{
    position: relative;
    background: #000;
    padding: 0 25px 0 0px;
	    height: 102px;
}
@media screen and (max-width: 700px){
.header_01_inner {
    position: relative;
    background: #000;
    padding: 0 25px 0 0px;
    height: 67px;
}
}
.logo_01{
    position: relative;
    padding: 0px 0;
}
.logo_01 img{
    max-width: 100%;
    background:#fff;
}
.main_menu{
    position: relative;
    text-align: left;
    padding-top: 5px;
    margin-left:-45px;
}
.main_menu > ul{
    list-style: none;
    margin: 0;
    padding-top: 40px;
}
.main_menu > ul > li{
    float: left;
    position: relative;
    padding: 0 3px 36px;
    position: relative;
    margin-right: 10px;
}
.main_menu > ul > li:last-child{
    margin-right: 0;
}
.main_menu > ul > li:after{
    width: 100%;
    height: 0px;
    background: #f6d200;
    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: 10px; */
     font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    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: #f6d200;
    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: #f6d200;
}
.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;
	font-size: 14px;
    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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    border: 1px solid #f6d200;
}
.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: #f6d200;
}

/*----- 1.2 Feature Section Css ------*/
.featured_post_section_1{
    position: relative;
    /* padding-bottom: 85px; */
    padding-top: 40px;
}
.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;
	max-height: 460px;
}
.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;
    background: rgba(0,0,0,0.2);
    padding: 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;
}
.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;
}
.m-25{
    margin-bottom: 25px;
}
.boda-bottom{
    border-bottom: 2px solid #000;
}
.boda-right{
    border-right: 2px solid #000;
}
a.cats{
    font-size: 11px;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    background: #000;
    height: 22px;
    line-height: 24px;
    padding: 0 8px;
    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: #f6d200;
}
a.cats.greens{
    background: #2cc025;
}
a.cats.blues{
    background: #f6d200;
}
a.cats.purples{
    background: #f6d200;
}
a.cats.blues2{
    background: #f6d200;
}
a.cats.reds{
    background: #f6d200;
}
.fi1_content h2{
    font-size: 50px;
    line-height: 45px;
    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: #f6d200;
}
.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: #f6d200;
}

/*----- 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: #f6d200;
}
.top_week_1{
    position: relative;
}
.tw1_thumb{
    position: relative;
    overflow: hidden;    
	max-height: 225px
}
.tw1_cats{
    position: absolute;
    left: 0;
    bottom: -1px;
    padding-left: 25px;
}
.tw1_thumb img{
    width: 100%;
    height: auto;
    max-width: none;
    width: calc(100% + 90px);
    -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 0px 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: #f6d200;
}
.comon_meta{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.comon_meta > span{
    display: flex;
    justify-content: flex-start;
    font-size: 10px;
    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: #f6d200;
}
.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: 112px;
    height: auto;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 24px;
}
.tw1_list img{
    width: 120px;
    -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: 0px;
}
h3, .h3 {
    font-size: 1.35rem;
}
.tw1_l_content h3{
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    color: #333333;
    margin: 0 0 22px;
}
.tw1_l_content h3 a{
    color: inherit;
}
.tw1_l_content h3 a:hover{
    color: #f6d200;
}
.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: #f6d200;
    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 #f6d200;
}
.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: #f6d200;
}
.mcwc_items.travel_cate span.mcwc_name:after{
    border-left-color: #f6d200;
}
.mcwc_items.fashion_cate span.mcwc_name{
    background: #f6d200;
}
.mcwc_items.fashion_cate span.mcwc_name:after{
    border-left-color: #f6d200;
}
.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: #f6d200;
}
.mcwc_items.health_cate span.mcwc_name:after{
    border-left-color: #f6d200;
}
.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: 20px;
}
.tw2l_thumb{
    width: 255px;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 30px;
	max-height: 160px;
}
.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: #f6d200;
}
.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: 0px 0 0;
}
.tw2_l_content a.cats{
    box-shadow: none;
    margin-bottom: 16px;
}
.tw2_l_content h3{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 18px;
}
.tw2_l_content h3 a{
    color: inherit;
}
.tw2_l_content h3 a:hover{
    color: #f6d200;
}
.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: #f6d200;
}
.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: 70px;
    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: 480px;
}
.list_meta_con h3{
    font-size: 30px;
    line-height: 33px;
    color: #fff;
    letter-spacing: .3px;
    margin: 0 0 17px;
}
.number_thumb {
    /* width: 35px; */
    height: auto;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 21px;
    background: #f6d200;
    padding-top: 13px;
    padding-left: 18px;
    padding-bottom: 0px;
    padding-right: 20px;

}
.number_thumb h3 a{
	color: #000;
}
.list_meta_con h3 a{
    color: inherit;
}
.list_meta_con h3 a:hover{
    color: #f6d200;
}
.list_meta_con .comon_meta span.cm_author{
    color: #f6d200;
}
.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: #f6d200;
    color: #d3d3d3;
}
.ads{
    position: relative;
}
.ads h5{
    font-size: 13px;
    color: #999999;
    line-height: .8;
    font-weight: 400;
    letter-spacing: 2.86px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.ads img{
    max-width: 100%;
    height: auto;
}

/*----- 1.5 Video post slide ------*/
.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: #f6d200;
}
.featured_slider_content p{
    color: #d9d9d9;
    line-height: 23px;
    letter-spacing: 0;
    margin-bottom: 47px;
}
.featured_slider_content a.read_more{
    height: 50px;
    background: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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;
}
.vid-arrow{
    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 .vid-arrow{
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 90px;
}
.vid-arrow:hover{
    color: #f6d200;
}
.feature_img .vid-arrow:hover{
    border-color: #f6d200;
}
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: #f6d200;
}
.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: #f6d200;
    color: #f6d200;
}
.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: 20px;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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%;
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
}
.single_tc_post .vid-arrow{
    font-size: 64px;
}
.video{
    padding: 2px 14px;
    background: #fff;
}
.tc_content{
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -46px;
    z-index: 2;
}
.tc_content h3{
    font-size: 20px;
    line-height: 27px;
    font-weight: 800;
    letter-spacing: 0;
    margin: 0;
}
.tc_content h3 a{
    color: #101010;
}
.tc_content h3 a:hover{
    color: #f6d200;
}
.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: 2px;
    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: #f6d200;
}
.editor_choice_area{
    position: relative;
    background: url(../images/bg/bg-potrait.jpg) no-repeat center center / cover;
    padding: 35px 20px 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 .vid-arrow {
    font-size: 30px;
}
.edit_content{
    position: relative;
    padding: 8px 0 0;
	width: 55%;
    float: left;
}
.edit_content h4{
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    letter-spacing: 0.22px;
    margin-bottom: 10px;
}
.edit_content h4 a{
    color: inherit;
}
.edit_content h4 a:hover{
    color: #f6d200;
}
.edit_content .ed_date{
    font-size: 13px;
    line-height: .8;
    font-weight: 500;
    display: block;
    color: #f6d200;
}
.img-gallery{
    height: 252px;
    object-fit: cover;
    padding-right: 2px;
}

.footer {
    width: 100%;
    background:#000;
}

.w-75 {
    width: 75%!important;
}
.footer input {
    padding: 10px;
    border: none;
    border: 1px solid #6e6d6d!important;
}
input {
    box-sizing: border-box;
    border: 1px solid #000;
    padding: 14px 20px;
    font-size: 14px;
    font-family: poppins;
}
label, input {
    display: inline;
    width: 100%;
}
.main-color{
    color: #8f8e8d;
}
.mt-25{
    margin-top:25px;
}
.mt-35{
    margin-top:35px;
}
.bg-dark {
    background-color: hsl(0deg 1.27% 38.1%)!important;
}
.social-icon {
    padding: 10px;
    width: 50px;
    margin-right: 20px;
    background: #f6d200;
}
.newslettericon {
    color: #000;
    border: 2px solid #000;
    padding: 11px;
}
.editor_slide{
    width: 100%;
}
.editor_slide .sinlge_edit_item  {
    border: none;
    outline: none;
	clear: both;
}
.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: #f6d200;
}
.editor_slide .slick-dots li.slick-active{
    width: 30px;
    border-radius: 10px;
    background: #f6d200;
}
.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%;
    -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/5.jpg) no-repeat fixed center center / cover;
    padding: 62px 0 0;
}
.footer_1 .widget{
    position: relative;
    margin-bottom: 45px;
}
.sf_s1_post{
    position: relative;
    min-height: 82px;
    margin: 0 0 19px;
    padding-left: 115px;
    padding-right: 40px;
    padding-top: 6px;
}
.sf_s1_post img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 82px;
}
.sf_s1_post h5{
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    letter-spacing: .20px;
    margin-bottom: 8px;
}
.sf_s1_post h5 a{
    color: inherit;
}
.sf_s1_post h5 a:hover{
    color: #f6d200;
}
.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: #f6d200;
}
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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.copyright{
    position: relative;
    background: #0d0d0d;
    padding: 15px 0;
}
.copyies{
    display: inline-block;
    font-size: 12px;
    line-height: .8;
    color: #cccccc;
    margin: 0;
    letter-spacing: 0;
}
.copyies a{
    color: inherit
}
.copyies a:hover{
    color: #f6d200;
}
.f_menu{
    display: flex;
    float: right;
}
.f_menu a{
    display: inline-block;
    font-size: 10px;
    color: #cccccc;
    line-height: 30px;
    text-transform: capitalize;
    margin-left: 24px;
}
.f_menu a:hover{
    color: #f6d200;
}

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

/*--- 2.1 Top Bar ----*/
.top_bar_02{
    position: relative;
    background: #fff;
    padding: 9px 0 20px;
}
.trending_post{
    position: relative;
    padding-left: 95px;
    margin-top: 2px;
}
.trending_post h5{
    font-size: 15px;
    color: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    padding: 30px 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: 37px;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.rc_meta {
    display: flex;
}
.rc_meta a{
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    color: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    border-right-color: #f6d200;
    -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: #f6d200;
    border-left-color: #f6d200;
    -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: #f6d200;
}

/*--- 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: #f6d200;
}
.fs_sitem .view{
    margin-right: 10px;
}
.fs_sitem .vid-arrow{
    position: relative;
    top: 0;
    transform: none;
    height: 55px;
    background: #f6d200;
    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 .vid-arrow i{
    width: 37px;
    height: 37px;
    border-radius: 50%;
    display: inline-block;
    background: #fff;
    text-align: center;
    font-size: 12px;
    color: #f6d200;
    line-height: .8;
    position: relative;
    top: -1px;
    padding: 15px 0;
    letter-spacing: -3px;
    margin-right: 10px;
}
.fs_sitem .vid-arrow: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;
}
.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 .vid-arrow{
    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 .vid-arrow:hover{
    background: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}

/*--- 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: #f6d200;
    background: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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 #f6d200;
}
.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: 40px 30px 30px;
}
.ab_thumb{
    position: relative;
    margin-bottom: 26px;
}
.ab_thumb img{
    width: 240px;
    height: 240px;
    border-radius: 50%;
    -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: #f6d200;
    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: #f6d200;
    color: #fff;
}
.widget.about_me_widget{
    margin: 0 0 50px;
}
.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: #f6d200;
}
.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 #f6d200;
    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: 20px;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
/*--- 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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.MenuBar a:hover span:after,
.MenuBar a:hover span:before,
.MenuBar a:hover span{
    background: #f6d200;
}
.MenuBar a:hover span:before{
    width: 22px;
    left: 0;
    overflow: hidden;
}
.dont_mis_btn{
    position: relative;
    display: inline-block;
    float: right;
    color: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    background: #f6d200;
    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: #f6d200;
    background: #f6d200;
    color: #fff;
}
.trend_title i{
    font-size: 16px;
    color: #f6d200;
    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: #f6d200;
    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: #f6d200;
}
.fs_meta a.fs_cat:hover{
    background: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    color: #fff;
}
.fs_coment:hover:after{
    border-top-color: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    color: #fff;
}
.fp_author .fp_coment:hover:after{
    border-top-color: #f6d200;
}
/*--- 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: #f6d200;
}
.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: 102px;
    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: #f6d200;
}
.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: #f6d200 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: #f6d200;
    color: #fff;
}
.tw_wid_post{
    position: relative;
}
.tw_wid_post .vid-arrow{
    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 .vid-arrow:hover{
    color: #fff;
    background: #f6d200;
}

/*--- 3.5 Video Post ----*/
.video_feature_post{
    position: relative;
    overflow: hidden;
    outline: none;
}
.video_feature_post img{
    width: 100%;
    height: auto;
    -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 .vid-arrow{
    width: 55px;
    height: 55px;
    background: #f6d200;
    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 .vid-arrow: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: #f6d200;
}
.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: #f6d200;
}
.video_content p i{
    display: inline-block;
    color: #f6d200;
    margin-right: 7px;
    font-size: 18px;
    position: relative;
    top: 2px;
}
.video_content p span{
    margin-left: 7px;
}
.side_video_area{
    background: #f6d200;
    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 .vid-arrow{
    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 .vid-arrow:hover{
    background: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: auto;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    color: #fff;
}
.mn_content .fs_meta a.fs_cat:hover:after{
    border-left-color: #f6d200;
}
.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: #f6d200;
}
.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 #f6d200;
}
.fs_2_content .purples:after{
    border-color: transparent transparent transparent #f6d200;
}
.fs_2_content .greens:after{
    border-color: transparent transparent transparent #2cc025;
}
.fs_2_content .blues:after{
    border-color: transparent transparent transparent #f6d200;
}
.fs_2_content .yellows:after{
    border-color: transparent transparent transparent #f6d200;
}
.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: #f6d200;
}
.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: 0px;
    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: 12px;
    color: #fff;
    line-height: .8;
    letter-spacing: .36px;
    margin: 0 0 10px;
}
.author_meta a:hover{
    color: #f6d200;
}
.author_meta span{
    display: block;
    font-size: 18px;
    color: #f6d200;
    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: #f6d200;
    color: #f6d200;
}
.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: #f6d200;
}
a.trending_news:hover,
a.hot_news:hover{
    color: #fff;
    background: #f6d200;
}

/*--- 4.2 Trending Post ----*/
.tw5_list{
    position: relative;
    margin-bottom: 50px;
}
.tw4_list:last-of-type{
    margin-bottom: 0;
}
.tw5_thumb{
    width: 330px;
    height: auto;
    position: relative;
    z-index: 1;
    float: left;
    margin-right: 30px;
}
.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: 0px;
}
.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: #f6d200;
    color: #fff;
}
.tw1_5_content h3{
    font-size: 24px;
    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: #f6d200;
}
.tw1_5_content p{
    letter-spacing: 0;
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
}
.tw1_5_content .author_meta a{
    color: #999999;
}
.tw1_5_content .author_meta a:hover{
    color: #f6d200;
}

/*--- 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: #f6d200;
}
.single_author .au_post{
    background: #fff;
    height: 38px;
    text-align: center;
    font-size: 16px;
    color: #f6d200;
    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: 110px 150px 90px 0;
}
.video_tab_content .vid-arrow {
    width: 120px;
    height: 120px;
    background: #f6d200;
    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 .vid-arrow: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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.video_tab_content p span {
    margin-left: 7px;
}
.video_tab{
    position: relative;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    padding: 79px 0 85px;
}
.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: 33px 60px 29px 48px;
    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 #f6d200 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: #f6d200;
}
.video_tab ul li a.active,
.video_tab ul li a:hover{
    color: #f6d200;
}
.video_tab_content .magro_btn{
    border-color: #666666;
    color: #fff;
}
.video_tab_content .magro_btn:hover{
    border-color: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200
}

/*--- 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: 25px;
}
.vsitem_thumb img{
    width: 100%;
    height: auto;
}
.vsitem_thumb .vid-arrow{
    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 .vid-arrow: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 .vid-arrow:hover{
    background: #f6d200;
    color: #fff;
}
.vsitem_thumb .vid-arrow: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: #f6d200;
}
.vs_content p {
    font-size: 16px;
    color: #999999;
    line-height: .8;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: .32px;
    text-transform: uppercase;
    margin: 0;
}
.vs_content p i {
    display: inline-block;
    color: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}

/*--- 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: #f6d200;
}
.single_gall.slick-slide.slick-current.slick-active{
    background: #f6d200;
    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 #f6d200;
    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: #f6d200;
}

/*--- 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: #f6d200;
}
.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: #f6d200;
}

/*--- 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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    color: #fff;
    right: auto;
    margin-left: 15px;
}
.post_banner_meta a.view:hover{
    background: #fff;
    color: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.breadcrumb span{
    margin-left: 11px;
}
.banner_01 .breadcrumb{
    position: absolute;
    right: 17px;
    bottom: 23px;
}
.sb_bg{
    position: relative;
    background: #fff;
    border-top: 2px solid #f6d200;
    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: 100%;
    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: #f6d200;
    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: #f6d200;
}
.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: 0px 0 9px;
}
.sb_tags h5{
    display: inline-block;
    float: left;
    font-family: 'Roboto', sans-serif;
    height: 35px;
    background: #f6d200;
    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: #f6d200;
    border-color: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    margin-right: 7px;
}
.mp_post_content .cm_author a{
    color: inherit;
}
.mp_post_content .cm_author a:hover{
    color: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    border-color: #f6d200;
    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: #f6d200;
}
.blog_content .post_banner_meta a.view{
    background: rgba(231, 25, 25, .10);
    color: #f6d200;
}
.blog_content .post_banner_meta a.like{
    color: #9c9c9c;
}
.blog_content .post_banner_meta a.like:hover{
    color: #f6d200;
}
.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: #f6d200;
    border-color: #f6d200;
    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 .vid-arrow{
    font-size: 33px;
    color: #ffffff;
    line-height: .8;
    letter-spacing: -.66px;
    z-index: 2;
}
.has_video img{
    opacity: .52;
}
.has_video .vid-arrow:hover{
    color: #f6d200;
}
.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: #f6d200;
}
.banner_03 .post_banner_meta a.view{
    color: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: 55px;
    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: #f6d200;
}
.blog_content_3 .post_banner_meta a.view{
    background: rgba(231, 25, 25, .10);
    color: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    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 {
    background: #f6d200;
    border-color: #f6d200;
    color: #FFF;
}
.comon_meta .views{
    display: inline-block;
    font-size: 13px;
    color: #f6d200;
    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;
}
.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-top: 70px;
    padding-right: 0px;
    padding-bottom: 140px;
    padding-left: 0px;
}
.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: #f6d200;
    color: #fff;
}
.post_status .vid-arrow{
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.rm_post{
    height: 45px;
    background: #f6d200;
    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 .vid-arrow{
    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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.gal_item_2{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    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: #f6d200;
    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: #f6d200;
}
/*--------------------------------------------------------
/ 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: #f6d200;
    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: #f6d200;
    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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}

/*--------------------------------------------------------
/ 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 .vid-arrow{
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}

/*--------------------------------------------------------
/ 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 .vid-arrow{
    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 .vid-arrow:hover{
    background: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}

/*--------------------------------------------------------
/ 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: #f6d200;
    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: #f6d200;
    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: #f6d200;
    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: #f6d200;
    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: #f6d200;
    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 #f6d200 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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
    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: #f6d200;
    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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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: #f6d200;
}
.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)}}