@charset "UTF-8";

body,html{
	display: block;
	width: 100%;
	height: 100%;
	font-family: HelveticaNeueArabic,NeueHelveticaW01,Helvetica,HelveticaWorld,Arial,TazuganeGothic,sans-serif;
    /*'Montserrat', sans-serif;*/
    background-color: #e6ecf0;
    /* -webkit-tap-highlight-color: transparent; */
}

ol{
	list-style: none;
}

p{
	font-family: 'Open Sans', arial;
}
.clear{clear: both;}
.bbl{border-bottom:1px solid #e2e2e2;}
.tr_dark{background-color:#f0f0f0;}
.tr_light{background-color:#f9f9f9;}
spoiler{background-color: #5c5858;color:#5c5858!important;}
spoiler:hover{background: none;-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;  }
select {
    width: auto;
    height: 30px;
    text-indent: 0px;
    overflow: hidden;
    outline: 0;
}
::selection {
    background: #bc0707;
    color: #FFF;
    text-shadow: none;
}
.float-right{
	float: right!important;
}
.float-left{
	float: left!important;
}
.float-none{
	float: none!important;
}
.center{
	float: none !important;
	clear: both !important;
	margin-left: auto;
	margin-right: auto;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.uppercase{
	text-transform: uppercase;
}

.padding-bottom{
	padding-top: 0 !important;
}

.padding-top{
	padding-bottom: 0 !important;
}

/*===========================*/
/*grid*/
/*===========================*/
.width5{width:4.5%!important;float:left;}
.width10{width:9.5%!important;float:left;}
.width15{width:14.5%!important;float:left;}
.width20{width:19.5%!important;float:left;}
.width25{width:24.5%!important;float:left;}
.width27{width:26.5%!important;float:left;}
.width30{width:29.5%!important;float:left;}
.width35{width:34.5%!important;float:left;}
.width40{width:39.5%!important;float:left;}
.width45{width:44.5%!important;float:left;}
.width50{width:49.5%!important;float:left;}
.width55{width:54.5%!important;float:left;}
.width60{width:59.5%!important;float:left;}
.width65{width:64.5%!important;float:left;}
.width70{width:69.5%!important;float:left;}
.width73{width:72.5%!important;float:left;}
.width75{width:74.5%!important;float:left;}
.width80{width:79.5%!important;float:left;}
.width85{width:84.5%!important;float:left;}
.width90{width:89.5%!important;float:left;}
.width92{width:91.5%!important;float:left;}
.width95{width:94.5%!important;float:left;}
.width100{width:99.5%!important;float:left;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6{
	display: inline-block;
	vertical-align: top;
	/*float: left;*/
}

/*no spacing*/
.grid-1{
	width: 100%;
}

.grid-2{
	width: 49.6%;
}

.grid-3{
	width: 33%;
}

.grid-4{
	width: 25%;
}

.grid-5{
	width: 20%;
}

.grid-6{
	width: 16.6%;
}

/*spacing*/
.grid-1.spaced{
	width: 100%;
}

.grid-2.spaced{
	margin-left: .8% !important;
	margin-right: .8% !important;
	width: 47.6%;
}

.grid-3.spaced{
	width: 33%;
}

.grid-4.spaced{
	width: 25%;
}

.grid-5.spaced{
	width: 20%;
}

.grid-6.spaced{
	margin-left: .8% !important;
	margin-right: .8% !important;
	width: 14.6% !important;
}

.wrapper {
margin: 0 auto;
max-width: 1200px;
}

/*===========================*/
/*nav - main*/
/*===========================*/
nav#main{
	position: fixed;
    width: 90%;
    max-width: none;
    top:0;
    left: auto;
    transform: translateX(0);
    margin: 0;
    padding: 5px 5% 0 5%;
    background-color: #fff;
    z-index: 200 !important;
    font-size: 12px!important;
    border-bottom: 1px solid #ff0000;
	-webkit-transition: .3s ease-out;transition: .3s ease-out;
}
#main.nav-up{top:-61px!important;}
#main.nav-up-article{top:-111px!important;}
nav#main .logo{
	display: block;
	float: left;
	/* width: 200px;
	height: 50px;
	margin: 0 10px 5px 0; */
	padding: 0;
	width: 120px;
	height: 45px;
	margin: 13px 0 0 0;
}

nav#main .logo img{
	display: block;
	width: 100%;
	height: auto;
	border: none;
}

nav#main .logo img.logo-black{
	display: none;
}

nav#main ol{
	list-style: none;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #222;
}

/*mobile*/
/*nav#main .mobile-menu-btn{
	display: none;
	cursor: pointer;
}

nav#main .mobile-menu-btn:before{
	float: left;
	font-family: icons;
	padding-top: 12px;
	font-size: 2em;
	content: "\e9bd";
}
*/
nav#main .main-nav .mobile-nav-btn{
	display: none;
}

/*main*/
nav#main ol.main-nav{
	float: left;
    padding: 5px 0 0 20px;
}

nav#main ol.main-nav li{
	display: block;
	float: left;
	margin: 0 20px 0 0;
	cursor: pointer;
    font-weight: 600;
}
nav#main ol.main-nav li.active{
	color: #fff!important;
    background-color: #bc0707!important;
    padding: 5px;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
    margin: -5px 15px 0 0;
}
nav#main ol.main-nav li ol{
	display: none;
	position: absolute;
	top: 77px;
	background-color: rgba(0,0,0,0.7);
	padding: 10px;
}

nav#main ol.main-nav li ol li{
	display: block;
	float: none;
	clear: both;
	margin-bottom: 10px;
}

nav#main ol.main-nav li ol li:last-child{
	margin-bottom: 0;
}

nav#main ol.main-nav li.dropdown span{
	display: inline-block;
	margin-right: 3px;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

nav#main ol.main-nav li.dropdown ol{
	color: #FFF;
}

nav#main ol.main-nav li.dropdown span.dropdown-active{
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

nav#main ol.main-nav li.dropdown span:before{
	font-family: icons;
	content: "\ea1c";
}

nav#main ol.main-nav li a{
	text-decoration: none;
	color: #222;
}
nav#main .mobile-menu-btn{
	display: none;
    float: left;
    margin: 14px 15px 0 0;
}
.mobile_top_sort_wrap{display:flex;justify-content:space-around;padding:0;}
.mobile_top_sort_wrap li{width:14%;text-align:center;font-size:1em;color:#222;text-transform : uppercase; border:1px solid #e7e7e7; padding:8px 15px;}
.mobile_top_sort_wrap .active{background-color:#be0707;color:#fff;border:0}
.home_right,.create_right{max-width: 320px;width: 320px;}
/* .mobile_menu,.mobile_search{display: none;margin: 0 0 10px 0;text-align: center;width: 100%;background-color: #fff;overflow: hidden;} */
/*.mobile_menu select{
    width: 94%;
    height: 44px;
    margin: 10px 0;
    padding: 5px 25px 5px 10px;
    font-size: 1.2em;
}*/
/* .mobile_menu select{
    width: calc(95% - 4px);
    height: 36px;
    margin: 10px 0;

    font-size: 1.2em;
} */
/*.mobile_search input{height: 30px;width: 80%;margin: 10px 0 10px -20px;padding: 5px 45px 5px 10px;font-size: 1.2em;}*/
/* .mobile_search input{height: 32px;width: 80%;margin: 10px 0;padding: 0px 12% 0 1%;font-size: 1.2em;float: left;margin-left: 3%;} */

.menu{width: 100%;direction: rtl;}
.menu_content{font-family: 'Montserrat', sans-serif;}
.menu_scr,.shop_notification_scr,.usr_setting_scr{display: none;position: absolute;font-size:15px;top: 60px;width: 250px;max-width:93%;padding: 0 20px 10px;color: #FFF;text-transform: uppercase;background-color: rgba(0,0,0,0.8);z-index:200;direction:ltr;}
.menu_scr{margin-left: 0;}
.menu_list{line-height: 2em;padding:5px 0;cursor:pointer;}
.menu_list:hover{background-color:rgba(255, 255, 255, 0.5);}
.menu_list a{text-decoration: none;color:#fff;}
.menu_list_line{margin:5px 0;border-bottom: 1px solid #e2e2e2;height:1px;}
.menu_icon{margin-right:10px;}
/*user*/
nav#main ol.user-nav{
	float: right;
    margin-top:10px;
	font-family: icons;
    padding:0;
}

nav#main ol.user-nav li{
	float: left;
	margin: 0 0 0 15px;
	cursor: pointer;
	min-width: 26px;
}

nav#main ol.user-nav .account {
    display: inline-block;
    outline: 0;
    border: 1px solid #222;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 27px;
    color: #222 !important;
    background-color: #fff;
}
nav#main ol.user-nav .account:hover {
    color: #fff !important;
    background-color: #222;
}
/*search*/
#search_input_scr{
    display: none;
    position: fixed;
    padding: 25px 0;
    background-color: #fff;
    width: 100%;
    text-align: center;
    z-index: 200;
    top:61px;
}
#search_input{
    height: 32px;
    width: 83%;
    padding: 6px;
    font-size: 1.2em;
    margin-left: -20px;
}
#search-icon {
    margin-left: -40px;
    cursor: pointer;
    z-index: 10;
}
/* nav#main ol.search-nav{
	float: left;
	margin-top: 10px;
	color: #222;
}

nav#main ol.search-nav input{
	width: 250px;
	background: none;
	outline: none;
	margin: 0 10px;
	padding: 5px;
	border: 1px solid #222;
}

nav#main ol.search-nav span.search-close-btn, nav#main ol.search-nav span.search-btn, .search-icon{
	cursor: pointer;
}

nav#main ol.search-nav span.search-icon:before{
	font-family: icons;
	content: "\e986";
}

nav#main ol.search-nav span.search-btn{
	margin-right: 75px;
	text-transform: uppercase;
}

nav#main ol.search-nav span.search-close-btn:before{
	font-family: icons;
	content: "\ea0f";
}
nav#main ol.search-nav .search-icon {
    margin-left: -40px;
    cursor: pointer;
    z-index: 10;
}
.mobile_search span.search-icon-wrap{
    float: left;
    position: relative;
    top: 22px;
    right: 5%;
} */

/*login*/
.login-nav{
	display: none;
	position: absolute;
	top: 77px;
	right: 0;
	width: 350px;
	height:  auto;
	padding: 10px;
	color: #FFF;
	text-transform: uppercase;
	background-color: rgba(0,0,0,0.7);
}

.subpage .login-nav{
	right: 5%;
}

.login-nav .grid-2{
	margin-bottom: 15px !important;
}

.login-nav p span{
	font-size: .9em;
	padding-left: 49px;
	text-transform: capitalize;
	cursor: pointer;
}

.login-btn{
	font-size: 1.2em;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	cursor: pointer;
}

#login-btn-facebook{
	background-color: #4264a1;
}

#login-btn-twitter{
	background-color: #2abcf5;
}

.login-nav input[type=text]{
	width: 46.4%;
	height: 22px;
	outline: none;
	border: 1px solid #FFF;
	background: #222;
	margin: 0;
}

.login-nav #login-btn{
	border: none;
	outline: none;
	border-radius: 0;
	background: #FFF;
	line-height: 25px;
	padding: 5px 20px 5px 20px;
	color: #222;
	margin-left: 85px;
	text-transform: uppercase;
}

.login-nav #register-btn{
	width: 350px;
	line-height: 25px;
	border: none;
	outline: none;
	border-radius: 0;
	background: #e6413f;
	color: #FFF;
	text-transform: uppercase;
}


/*===========================*/
/*nav - subpage version*/
/*===========================*/
/*nav - main*/
nav#main.subpage {
	width: 90%;
	max-width: none;
	left: auto;
	transform: translateX(0);
	margin: 0;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #FFF;
}

nav#main.subpage ol{
	color: #222;
}

nav#main.subpage ol.main-nav li a{
	color: #222;
}

/*search*/
/* nav#main.subpage div.search-nav{
	color: #222;
}

nav#main.subpage div.search-nav input{
	border-color: #222;
} */


/*===========================*/
/*nav - subpage version*/
/*===========================*/
/*nav - main*/
nav#main.sticky {
	position: fixed;
	opacity: 0;
	width: 90%;
	max-width: none;
	top: 0;
	left: 0;
	margin-top: -150px;
	padding-left: 5%;
	padding-right: 5%;
	background-color: #FFF;
	transform: translateX(0);
	box-shadow: 0 0 13px #888888;
	-webkit-transition: margin 0.400s, opacity 0.400s;
	transition: margin 0.400s, opacity 0.400s;
}

nav#main.sticky ol{
	color: #222;
}

nav#main.sticky ol.main-nav li a{
	color: #222;
}

nav#main.sticky .logo img.logo-white{
	display: none;
}

nav#main.sticky .logo img.logo-black{
	display: block;
}

/*search*/
/* nav#main.sticky div.search-nav{
	color: #222;
}

nav#main.sticky div.search-nav input{
	border-color: #222;
} */


/*===========================*/
/*sections*/
/*===========================*/
section.default, section.full-width{
	width: 84%;
	min-height: 30px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

section.full-width{
	padding: 10px 8%;
	/*background-color: #004eff26;*/
}


/*===========================*/
/*sections - spacing*/
/*===========================*/
.dual-spacing, .top-spacing, .bottom-spacing{
	margin-top: 25px;
	margin-bottom: 25px;
}
.top-spacing{
	margin-bottom: 0 !important;
}
.bottom-spacing{
	margin-top: 0 !important;
}

/*===========================*/
/*sections - grey bg*/
/*===========================*/
div.grey-bg{
	z-index: -1;
	display: block;
	width:  100%;
	height: auto;
}


/*===========================*/
/*sections - nav*/
/*===========================*/
section nav{
	width: 100%;
}

section nav ol{
	margin: 0;
	padding: 0;
}

section nav ol li{
	display: inline-block;
	/* margin-right: 40px; */
	padding: 0;
	font-size: 1.5em;
	text-transform: uppercase;
	cursor: pointer;
    color: #636363;
    text-align: center;
}

section nav ol li:first-child{
	margin-left: 0 !important;
}

section nav ol li:last-child{
	margin-right: 0 !important;
}

section nav ol.options{
	display: flex;
}
section nav ol.options li{
    border: 1px solid #E7E7E7;
    background-color: #fff;
    border-radius: 0.35rem;
    padding: 8px 6px;
    font-weight: 600;
    flex:1;
}
section nav ol.options li span{
    font-family: icons;
    visibility: hidden;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 12px;
    color: #859199;
    float: right;
    margin-top: 3px;
}

section nav ol.options li.identifier{
	font-weight: 600;
	color: #222 !important;
}

section nav ol.options li span:before{
	content: "\ea1c";
}

section nav ol.options li.focus, section nav ol.options li:hover{
    color: #fff;
    border: 1px solid #e6413f;
    background-color: #e6413f;
}

section nav ol.options li.focus span, section nav ol.options li:hover span{
	visibility: visible;
}

section nav a.float-right{
	color: #e6413f;
	text-decoration: none;
	text-transform: uppercase;
}

/*===========================*/
/*sections - nav - social*/
/*===========================*/
section nav ol.social{
	display: block;
	float: right;
	font-family: icons;
	color: #7c7c7c;
}

section nav ol.social li{
	margin: 0 0 0 10px;
}

section#mobile-social{
	display: none;
}

section nav ol li a, section#mobile-social a{
	color: #7c7c7c;
	text-decoration: none;
}

section nav ol li a:hover{
	color: #222;
}

section nav ol.social li.instagram a:before, section#mobile-social ol li.instagram a:before{
	content: "\ea90";
}

section nav ol.social li.youtube a:before, section#mobile-social ol li.youtube a:before{
	content: "\ea99";
}

section nav ol.social li.googleplus a:before, section#mobile-social ol li.googleplus a:before{
	content: "\ea88";
}

section nav ol.social li.twitter a:before, section#mobile-social ol li.twitter a:before{
	content: "\ea91";
}

section nav ol.social li.facebook a:before, section#mobile-social ol li.facebook a:before {
	content: "\ea8c";
}

/*mobile*/
section#mobile-social{
	font-family: icons;
	font-size: 4em;
	color: #7c7c7c;
	text-align: center;
}

section#mobile-social ol{
	display: inline-block;
	width: auto;
	margin: 0 auto 0 auto !important;
	padding: 0;
}

section#mobile-social ol li{
	display: inline-block;
	margin: 0 30px 0 0;
	padding: 0;
}

section#mobile-social ol li:hover a{
	color: #222;
}

section#mobile-social ol li:last-child{
	margin: 0;
}

/*===========================*/
/*section - subpage headline*/
/*===========================*/
section.subpage-headline{
	margin-top: 55px;
	color: #7c7c7c;
}

section.subpage-headline #article-category{
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 500;
	color: #e6413f;
}

section.subpage-headline #article-title{
    font-size:1.9rem;
	margin: 10px 0;
	font-weight: 600;
}

section.subpage-headline #article-image{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #CCC;
}

section.subpage-headline #article-headline-left{
	display: block;
	float: left;
	max-width: 870px;
	width: 870px;
	color: #222;
	font-size: 0.8rem;
}

/*left*/

#article-content {
	line-height: 30px;
	margin: 10px 0 10px;
}
#article-content p{font-size:1em!important;min-height:24px;}
#article-content a, .h_a_i, .description a {
    color: #bc0707;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
section.subpage-headline #article-headline-related-articles{
	display: block;
}

section.subpage-headline #article-headline-related-articles h2{
	font-weight: 500;
}

#article-headline-related-articles .related-article{
	display: inline-block;
	width: 32%;
}

#article-headline-related-articles .related-article:nth-child(3){
	margin: 0 1% 0 1%;
}

#article-headline-related-articles .related-article img{
	display: block;
	width: 100%;
	height: auto;
}

#article-headline-related-articles .related-article p{
	font-size: 1.2em;
}

/*left - tags*/
#article-headline-tags{
	color: #cecece;
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 1px #CCC solid;
}

#article-headline-tags h2{
	display: inline-block;
	font-size: 1.2em;
	margin: 25px 0 0 0;
	padding: 0;
}

#article-headline-tags ol{
	display: inline-block;
}

#article-headline-tags ol li{
	display: inline-block;
	padding: 0 15px 0 15px;
	line-height: 25px;
	color: #FFF;
	background-color: #cecece;
    cursor: pointer;
    margin: 0 5px;
}
#article-headline-tags ol li a{
    color:#fff!important;
}
#article-headline-tags ol li:hover{
	background-color: #222;
}

/*left - comment form*/
#comment-form{
	margin-bottom: 25px;
}

#comment-form div{
	font-size: 1.2em;
	margin-bottom: 15px;
}

#login-to-comment a{
	text-decoration: none;
	color: #bc0707;
}

#login-to-comment{
	text-align: right;

}

#comment-form-input{
	width: 98%;
	height: 90px;
	padding: 1%;
	border: 1px solid #cecece;
	resize: none;
}

#comment-form #comment-form-submit{
	display: inline-block;
	outline: none;
	border: none;
	margin: 15px 0 0 0;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 27px;
	color: #FFF !important;
	background-color: #bc0707;
    cursor:pointer;
	font-weight:bold;
	font-size:0.9em;
}

/*comment*/

.comment {
	clear: both;
	margin: 10px 0;
    width:100%;
}
.comment_focus{background-color: #fafafa;}
.comment .comment-image img{
    max-width:40px!important;
}
.comment img{
	display: block;
	/*margin-bottom: 25px;*/
    font-size: .9em;
	max-width: 100%;
	width: 500px;
}

.comment .comment-text{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
    line-height: 22px;
}

.comment .comment-text p{
	margin: 0;
}
.comment .comment-text a, .comment .comment-text p a{
	color:#bc0707;
}
.commenter-name{
    font-size:0.9rem;
	font-weight: 600;
	color: #bc0707;
}

.comment-date{
	color: #7c7c7c;
	font-style: italic;
	font-size:0.9rem;
}

.comment-reply-btn,.comment-report-btn,.comment-share-btn,.comment-edit-btn,.comment-delete-btn,.comment-ban-btn{
	color: #7c7c7c;
	cursor: pointer;
}

.comment-reply-btn:hover,.comment-report-btn:hover,.comment-share-btn:hover,.comment-edit-btn:hover,.comment-delete-btn:hover,.comment-ban-btn:hover{
    color:#a2a2a2!important;
}
.comment .comment-reply-submit:hover, .comment .comment-edit-submit:hover, .comment .report_send_btn:hover,.comment .comment-reply-submit:hover, .comment .comment-edit-submit:hover, .comment .report_send_btn:hover{
    color:#fff!important;
}
.comment_btns, .create_post_btns{
    display: inline-block;
	outline: none;
	border: none;
    margin-right:10px!important;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 27px;
	color: #FFF !important;
    cursor:pointer;
    background-color: #d5d5d5;
}
.comment .comment-reply-submit, .comment .comment-edit-submit, .comment .report_send_btn{
	background-color: #bc0707;
}

.report_screen,.share_screen,.delete_screen,.login_screen, .ban_screen{
    overflow: hidden;
    padding:10px;
}
.report_screen .header,.share_screen .header,.delete_screen .header,.login_screen .header,.ban_screen .header{
    font-size:1.5em;font-weight:600;border-bottom: 1px solid #ccc;padding-bottom: 5px;
}
.report_screen .body,.share_screen .body,.delete_screen .body,.login_screen .body, .ban_screen .body{
    font-size:1.2em;
}
.report_screen .body .radio{
    display: block;
    margin: 5px;
}
#load-more-comments-btn{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 30px;
	color: #FFF;
	background-color: #cecece;
	cursor: pointer;
	-webkit-transition: .25s ease-in;
	-moz-transition: .25s ease-in;
	-o-transition: .25s ease-in;
	transition: .25s ease-in;

}

#load-more-comments-btn:hover{
	background-color: #222;
	-webkit-transition: .25s ease-in;
	-moz-transition: .25s ease-in;
	-o-transition: .25s ease-in;
	transition: .25s ease-in;
}



/*right*/
section.subpage-headline #article-headline-right{
	float: right;
    max-width: 320px;
	width: 320px;
	vertical-align: top;
}

section.subpage-headline #article-headline-facebook{
	display: block;
	margin-top: 35px;
	text-align: center;
	width: 100%;
}

section.subpage-headline #article-headline-facebook #article-likes,
section.subpage-headline #article-headline-facebook #article-dislikes{
	position: relative;
	display: inline-block;
	width: 48%;
	height: 75px;
	background-color: #FFF;
}

section.subpage-headline #article-headline-facebook #article-likes{
	background: url('../imgs/placeholder/like-icon.png');
	background-repeat: no-repeat;
	background-position: center 8px;
	background-size: 30% auto;
	background-color: #fff;
}

section.subpage-headline #article-headline-facebook #article-dislikes{
	background: url('../imgs/placeholder/dislike-icon.png');
	background-repeat: no-repeat;
	background-position: center 8px;
	background-size: 30% auto;
	background-color: #fff;
}

#article-likes span, #article-dislikes span{
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
}

section.subpage-headline #article-headline-facebook h2{
	font-size: 2em;
	font-weight: 500;
	margin-bottom: 5px;
}

section.subpage-headline #article-headline-social-list{
	width: 100%;
	margin: 25px 0 0 0;
	padding: 0;
}

section.subpage-headline #article-headline-social-list li{
	display: block;
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
	line-height: 30px;
	color: #FFF;
}

section.subpage-headline #article-headline-social-list li a{
	text-decoration: none;
	color: #FFF;
}

section.subpage-headline #article-headline-social-list li.facebook{
	background-color: #1877f2;
}

section.subpage-headline #article-headline-social-list li.facebook:before{
	margin-right: 10px;
	font-family: icons;
	content: '\ea8c';
}

section.subpage-headline #article-headline-social-list li.twitter{
	background-color: #80cce6;
}

section.subpage-headline #article-headline-social-list li.twitter:before{
	margin-right: 10px;
	font-family: icons;
	content: '\ea91';
}

section.subpage-headline #article-headline-social-list li.tumblr{
	background-color: #6f818f;
}

section.subpage-headline #article-headline-social-list li.tumblr:before{
	margin-right: 10px;
	font-family: icons;
	content: '\eabb';
}

section.subpage-headline #article-headline-social-list li.googleplus{
	background-color: #eba874;
}

section.subpage-headline #article-headline-social-list li.googleplus:before{
	margin-right: 10px;
	font-family: icons;
	content: '\ea88';
}

section.subpage-headline #article-headline-social-list li.reddit{
	background-color: #ff6450;
}

section.subpage-headline #article-headline-social-list li.reddit:before{
	margin-right: 10px;
	font-family: icons;
	content: '\eac7';
}

#additional-content {
clear: both;
}

/*===========================*/
/*articles*/
/*===========================*/

article.list, article.spotlight, article.container{
	position: relative;
	display: block;
	width: 100%;
	min-height: 30px;
	padding: 10px 0;
    margin: 15px 0;
}

/* article.list p {
font-size: 12px;
margin:5px 0;
} */

/*spotlight*/
article.spotlight{
	position: relative;
	min-height: 175px;
	padding: 0 !important;
}

article.spotlight img{
	z-index: 0;
	display: block;
	width: 100%;
	height: auto;
}

article.spotlight .text{
	position: absolute;
	top: 20px;
	left: 20px;
	width: 50%;
}

article.spotlight h2, article.spotlight h1{
	z-index: 100;
	color: #FFF;
	font-weight: 500;
}

article.spotlight h2{
	display: inline-block;
	padding: 8px;
	margin: 0 0 20px 0;
	font-size: 1em;
	cursor: pointer;
	background-color: #e6413f;
}

article.spotlight h1{
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 2.5em;
	line-height: 1.2em;
}

/*list view*/
article.list{
	/*border-bottom: 1px solid #CCC;*/
    background-color: #fff;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}
article.list:hover{background-color: #fbfbfb;}
article.list .content{
    position:relative;float:none!important;overflow: hidden;
}
article.list .vote{
    width:100%;float:left;text-align:center;font-size:0.8rem;
	margin-top:5px;
}
article.list .vote .up_vote{cursor:pointer;}
article.list .vote .vote_cnt{font-size: 1em;font-weight: bold;}
article.list .vote .down_vote{cursor:pointer;}
article.list img{
	display: inline-block;
	width: 17%;
	max-width: 250px;
	min-height: 70px;
    margin-right: 3%;
    object-fit: cover;
}
article.list .dz-image img{width:100%;}
article.list .image{
    position:relative;
    float:left;
}
article.list .image .h_a_i{display:block;height: 140px;}
article.list .image .category{
    position: absolute;margin: 0;bottom: 10px;left: 10px;
}
article.list .text{
	display: inline-block;
	vertical-align: top;
	width: 65%;
    margin-top: 13px;
    margin-left:2%;
}
article.list .rank{
    font-family: lato-black,sans-serif;
    font-size: 2.5rem;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-weight: 600;
    text-shadow: -1px -1px 2px #000, 1px -1px 2px #000, -1px 1px 2px #000, 1px 1px 2px #000;
}
article.list .buttons{
    display: inline-block;float: right;padding:5px;
}
article.list .buttons .expand{
    margin-top:95px;
}
article.list .description{
	font-size: 15px;
    line-height: 20px;
    padding: 10px;
    display: none;
}
article.list h2{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1em;
	text-transform: uppercase;
	color: #e6413f;
}
article.list h1{
	margin: 0;
	padding: 0;
}
article.list .category{
    display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #e6413f;
    font-weight: bold;
}
article.list .title{
    /*overflow: hidden!important;
        text-overflow: ellipsis!important;
        white-space: nowrap!important;*/
        word-wrap: break-word;
        hyphens: auto;
}
article.list .title a{
    display: inline-block;
    font-size: 1.1rem;
    font-weight: bold;
    text-decoration: none;
    color:#222;
}
article.list .postedby{color: #999;font-size:12px;}
article.list .info{position:absolute;bottom: 5px;font-size:0.8rem;}
article.list .info img{width: 25px;height:25px;min-height:25px;float:left;margin-right:5px;}
article.list .info .author{line-height: 25px;}
.akp_display_name{cursor: pointer;}
/*general container*/
article.container{
	border-bottom: 1px solid #CCC;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

/*===========================*/
/*article banners*/
/*===========================*/
.inner-top-banner, .inner-bottom-banner{
	display: block;
	width: 100%;
	line-height: 35px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	font-size: 1.5em;
	color: #FFF;
	background-color: #e6413f;
}

.inner-bottom-banner{
	top: auto;
	bottom: 0;
	margin: 0;
	background-color: #e4e4e4;
}
/*===========================*/
/*create*/
/*===========================*/


/*===========================*/
/*mailing list*/
/*===========================*/
#mailing-list {
	font-size: 0.8rem;
}
#mailing-list article{
	text-align: center;
	padding: 25px 0 25px 0;
	/*background-color: #f8f8f8;*/
	text-transform: uppercase;
}

#mailing-list article h2{
	font-weight: 500;
	margin-top: 0;
	padding: 0;
}

#mailing-list article input{
	outline: 0;

    width: 50%;
    max-width: 300px;
    padding: 5px;
    color: #7c7c7c;
}

#mailing-list article input#mailing-list-btn{
	border: 0;
}

/*===========================*/
/*pagination*/
/*===========================*/
#pagination ol{
	padding: 0;
	margin: 0;
}

#pagination li{
	display: inline-block;
	width: 30px;
	line-height: 30px;
	font-size: 1.3em;
	text-align: center;
	background-color: #7c7c7c;
	color: #FFF;
	cursor: pointer;
}

#pagination li.focus, #pagination li:hover{
	background-color: #FFF;
	color: #7c7c7c;
}

#pagination li#pagination-next-btn{
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFF !important;
	background-color: #bc0707;
}

/*===========================*/
/*ad space*/
/*===========================*/
.ad-space img{
	display: block;
	margin: auto;
}


/*===========================*/
/*home - forums*/
/*===========================*/
#home-shopnow-spotlight, #home-forums-spotlight{
	position: relative;
	height: 360px;
	background: #FFF;
	margin: 0;
	vertical-align: top;
	overflow: hidden;
}

#home-shopnow-spotlight{
	cursor: pointer;
}

#home-shopnow-spotlight img{
	display: block;
	width: 100%;
	height: auto;
}

#home-forums-spotlight{
	width: 65%;
	margin-left: 1.3%;
}

#home-forums-spotlight-menu{
	width: 45%;
	margin: 0;
	text-align: center;
}

#home-forums-spotlight-menu img{
	margin-top: 25px;
	margin-bottom: 12px;
}

#home-forums-spotlight-menu a{
	display: block;
	width: 80%;
	margin: auto;
	text-decoration: none;
	color: #222;
	padding: 10px 0;
	font-size: 1.3em;
	border-bottom: 1px solid #222;
}

#home-forums-spotlight-video{
	width: 50%;
	max-width: 350px;
	height: 250px;
	overflow: hidden;
	margin: 25px 0 0 0;
}

.forum-view-all-btn{
	color: #e6413f;
}

/*** Animation ***/

.main-nav li a, .main-nav li {
-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;
}

.main-nav li a:hover, .main-nav li:hover {
color: #aaa !important;
-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;
}

.main-nav li a:hover, .main-nav li:hover {
color: #aaa !important;
-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;
}

.logo {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;
}

.logo:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
filter: alpha(opacity=65);
-moz-opacity: 0.65;
-khtml-opacity: 0.65;
opacity: 0.65;
-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;
}
.create_title,.draft_h1_title {font-size: 1.3em;margin: 1em 0!important;}

/***** BUTTON ****/
.common_btn,#mailing-list-btn,.create-post-btn,.publish_btn,.draft_btn,.draft_cnt_btn,.comment_btns,#comment-form #comment-form-submit {
    -webkit-transition: .25s ease-in;-moz-transition : .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;
}
.common_btn:hover,#mailing-list-btn:hover,.create-post-btn:hover,.comment_btns:hover,#comment-form #comment-form-submit:hover,.publish_post_btn:hover,.reply_post_btn:hover,.draft_post_btn:hover{background-color: #a2a2a2!important;}

.common_btn, .create-post-btn{background-color: #bc0707;color:#fff;padding: 10px;border: 0;float:none!important;text-transform: uppercase;box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);}
#mailing-list-btn{
	width: auto!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	color: #FFF !important;
	background-color: #bc0707;
}
.create_btns{width:11%;float:left;border:1px solid #ccc;background-color: #d5d5d5;padding: 10px 30px;font-size: 14px;min-width: 90px;text-align: center;margin-right: 10px;color: #fff;font-weight: 600;margin-bottom:10px;cursor:pointer;}
.create-post-btn i:hover,.create_btns i:hover{color:#fff!important;}

.btn{border:1px solid #ccc;padding: 10px 30px;font-size: 14px;text-align: center;color: #fff;font-weight: 600;cursor:pointer;margin:10px 0;}

.publish_post_btn, .reply_post_btn{background-color: #bc0707;font-weight: 600;font-size: 15px!important;padding: 7px 25px;}
.draft_post_btn{margin-right: 10px!important;font-weight: 600;font-size: 15px!important;padding: 7px 25px;}

/*.publish_btn:hover{background-color:#222!important;color:#fff!important;}
.draft_btn:hover{background-color:#222!important;color:#fff!important;}*/
.draft_cnt_btn{float:right; margin:1em 0 0 0;border: 1px solid #222;color:#222;font-weight:600;padding: 5px 10px;cursor:pointer;}
.draft_cnt_btn:hover{background-color: #222;color: #fff;}

.dot::before {
    content: "\B7";
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
}
article.list .title a:hover,.link a:hover,.dz-remove:hover{color:#e2e2e2;-webkit-transition: .25s ease-in;-moz-transition: .25s ease-in;-o-transition: .25s ease-in;transition: .25s ease-in;}
.link{margin-top:10px;}
.link i{font-size:10px;}
.link a{color: #e6413f;text-decoration: none;font-size:13px;}
.button a{color: #fff;text-decoration: none;}

.category, .button{display: inline-block!important;
    padding: 5px!important;
    background-color: #bc0707!important;
    color: #fff!important;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}

.sticky-wrapper{float:left;width:100%;}


.entry_content, .entry_content p, .entry_content b, .entry_content span,
.description, .description p, .description b, .description span, .description div {
    font-family: 'Open Sans',sans-serif !important;
    color: #5c5858 !important;
    line-height: 27px;
    margin: 0!important;
}
.entry_content p:empty, .entry_content strong:empty, .entry_content b:empty, .entry_content em:empty, .entry_content i:empty, .entry_content span:empty,
.description p:empty, .description div:empty, .description strong:empty, .description b:empty, .description em:empty, .description i:empty, .description span:empty{
    display: inline-block;
    min-width: 1px;
    min-height: 1.5rem;
}
.entry_content img, .description img {
    width:auto!important;
    max-width: 100%!important;
    margin:0!important;
}
#entry_content_img{max-width: 100% !important;}

.copyright {
    text-align: center;
    z-index: -1;
    display: block;
    height: auto;
    /*background-color: #f8f8f8;*/
    padding: 10px 20px;
	font-size: 13px;
	color: #222;
}
.copyright .link_wrap {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.copyright a{
    color: #e6413f;
    font-size: 12px;
    text-decoration: none;
	margin: 7px 15px;
}
.copyright a:hover{color:#a2a2a2;}

.dz-remove{
    text-decoration: none;
    border: 1px solid #e2e2e2;
    background-color: #ccc;
    color: #fff;
    padding: 10px 0;
}


nav ul {
    list-style: none;
}
#f_s_p{box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);}
#f_s_p .select.active,
#f_s_p .select:hover,
#comment-form .select.active,
#comment-form .select:hover,
.create_scr .select.active,
.create_scr .select:hover {
    border-color: #e6413f;
}
#f_s_p .select,
#f_s_p .select ul,
#comment-form .select,
#comment-form .select ul,
.create_scr .select,
.create_scr .select ul {
    position: relative;
    border: 1px solid #E7E7E7;
    background-color: #fff;
    border-radius: 0.35rem;
    cursor: pointer;
    color: #222;
}
#f_s_p .select,
#comment-form .select{
    margin: 20px 0 0 10px;
}
#f_s_p .select ul,
#comment-form .select ul,
.create_scr .select ul {
    display: none;
}
#f_s_p .select span,
#f_s_p .select li,
#comment-form .select span,
#comment-form .select li,
.create_scr .select span,
.create_scr .select li {
    display: block;
    cursor: pointer;
    font-size: 14px;
}
#f_s_p .select span,
#comment-form .select span{font-weight: 600;padding: 10px 0 10px 10px;}
.create_scr .select span{padding: 10px 0 10px 15px;}



#f_s_p .select .arrow-right-wrap:before,
#comment-form .select .arrow-right-wrap:before,
.create_scr .select .arrow-right-wrap:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #859199 transparent transparent transparent;
}
#f_s_p .select .arrow-right-wrap,
#comment-form .select .arrow-right-wrap,
.create_scr .select .arrow-right-wrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 43px;
    border-left: 1px solid #f4f4f4;
}
#f_s_p .select.active span,
#comment-form .select.active span,
.create_scr .select.active span{
    color: #e6413f;
}
#f_s_p .select.active ul,
#comment-form .select.active ul,
.create_scr .select.active ul {
    display: block;
    position: absolute;
    z-index: 1000;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 0.5rem 0 rgba(0,0,0,0.2);
    padding: 0;
    width:100%;
}
#f_s_p .select.active ul:before,
#comment-form .select.active ul:before,
.create_scr .select.active ul:before {
    bottom: 100%;
    right: 47%;
    border: solid transparent;
    content: "";
    position: absolute;
    border-color: transparent;
    border-bottom-color: rgba(0,0,0,0.4);
    border-width: 0.7rem;
}

#f_s_p .select.active li,
#comment-form .select.active li,
.create_scr .select.active li {
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    color: #222;
    border-bottom: 1px solid #e2e2e2;
}
.feed_li{text-align: left!important;padding-left: 0.5rem!important;}
.feed_li:first-child, .view:first-child{border-bottom: 2px solid #777!important;}
#f_s_p .select.active li:hover,
#comment-form .select.active li:hover,
.create_scr .select.active li:hover,
.select.expanded li:focus{
    background-color: #e6413f;
    color: #fff;
    opacity:0.8;
}
#f_s_p, article.list{box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);}
.option_wrap{width:74%;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#period{display:none;}

.feed_container {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 47px;
}

/* Hide the browser's default checkbox */
.feed_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: none;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 12px;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #fff;
  border:1px solid #e2e2e2;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.feed_container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.feed_container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #e6413f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*==================================================*/
/*  $Basic Button                                   */
/*==================================================*/
.bttn {
	text-decoration:none;
	cursor:pointer;
	font-size:0.8em;
	padding:0 10px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	display:inline-block;
	outline:0;
	color:#444;
	background-color:#f5f5f5;
	background-image:-webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image:-moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image:linear-gradient(top,#f5f5f5,#f1f1f1);
	border:1px solid #d9d9d9;
	border:1px solid rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.bttn:hover {
	border:1px solid #c6c6c6;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	position:relative;
	z-index:1;
}
.bttn:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
}
/*==================================================*/
/*  $Emphasis                                       */
/*==================================================*/
.emphasis {
	text-transform:uppercase;
}
/*==================================================*/
/*  $Colors                                         */
/*==================================================*/
/* .red */
.red {
	color:#fff;
	background-color:#bc0707;
	border:1px solid transparent;
	background-image:-webkit-linear-gradient(top,#dd4b39,#bc0707);
	background-image:-moz-linear-gradient(top,#dd4b39,#bc0707);
    background-image:linear-gradient(top,#dd4b39,#bc0707);
    padding: 0 20px;
}
.red:hover {
	background-color:#c53727;
	border:1px solid #b0281a;
	background-image:-webkit-linear-gradient(top,#dd4b39,#c53727);
	background-image:-moz-linear-gradient(top,#dd4b39,#c53727);
	background-image:linear-gradient(top,#dd4b39,#c53727);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
}
.red:active {
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);
}

/*==================================================*/
/*  $Grouped                                        */
/*==================================================*/
.grouped {
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
}
.grouped li {
	float:left;
	margin:0;
	/* padding:0; */
}
.grouped .bttn {
	float:left;
	margin-right:10px;
}
.grouped li:not(:first-child):not(:last-child) .bttn,
.grouped > .bttn:not(:first-child):not(:last-child) {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
.grouped li:first-child .bttn,
.grouped > .bttn:first-child {
	margin-left:0;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.grouped li:last-child .bttn,
.grouped > .bttn:last-child {
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

div#mail {display:inline-block; width:98%; margin:10px auto 20px auto; }

.msgstar {
	opacity: 0.5;
    color:#ccc;
}
.msgstar:hover { opacity: 1;  }
.starred { color:rgb(255, 196, 0); opacity: 1;}


#mail .mail_li{width: 25px;min-width:15px;}
#mail input{display: none;cursor: pointer;opacity: 0;position: absolute;}
/* Show the checkmark when checked */
#mail input:checked ~ .chkmark:after {
    display: block;
  }

#mail .chkmark{position: absolute;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    margin: 0px 0 0 3px;
}
#mail .all_check{margin:-3px 0 0 -3px;}

  /* Create the checkmark/indicator (hidden when not checked) */
  .chkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  /* Style the checkmark/indicator */
  #mail .chkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #e6413f;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
/*************************
* TABLE
*************************/
.table { margin-bottom: 0; width:100%; font-size:14px }
/*.table .tr {display: flex; padding:10px 5px;border-bottom:1px solid #e2e2e2;}*/
.table .tr {display: block; padding:10px 5px;border-bottom:1px solid #e2e2e2;float:left;width:99%;}
.table .td.center{ text-align: center; }

.table .tr.odd { background: #fafafa; }
.table .tr.unread .td {font-weight: bold; }
.table .tr.selected, .table .tr.selected .td { background:#ff9999; }
.table .title { color:#222;font-weight: normal; text-decoration:none; }
.table .td.star, .table .td.attachment { text-align: center; }

.div_tr .mail_li, .div_tr .star, .div_tr .from, .div_tr .title, .div_tr .date,
.div_tr .num, .div_tr .gubun, .div_tr .stat
{cursor:pointer;float:left}
.div_tr .star{width:5%;min-width:40px;    margin-left: 25px;}
.div_tr .num{width:5%;min-width:25px;}
.div_tr .from{width:15%;min-width:155px;}
.div_tr .gubun{width:15%;min-width:100px;}
.div_tr .stat{text-align:right;color:#888;padding-right:10px;float:right;}
.div_tr .title{width:50%;padding:6px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.div_tr .title .short_content, .reply_cnt{color: #ccc;font-size:1rem;}
.div_tr .title a{color: #222; text-decoration: none;}
.div_tr .delete_draft{width:10%;min-width:40px;float:right;border: 1px solid #ccc;padding: 5px 5px;text-align: center;color: #fff;font-weight: 600;cursor: pointer;background-color: #bc0707;}
.div_tr .date{text-align:right;padding-right:10px;float: right;}

/*************************
* MESSAGE OVERLAY
**********************/
.message_menu{padding:10px 0 0 19px;width: 95%;margin: 0 auto;}
.message_empty{
    flex:2;
}
.message_label{
    margin-left: -10px;
    cursor: pointer;
    line-height: 20px;
}
.message_menu .active{
    background-color:#bc0707;
}

#new_message_panel{
    position: absolute;
    float: right;
    width: 50%;
    max-width: 500px;
    bottom: 0;
    right: 0;
    z-index: 99;
    background-color: #fff;
    -moz-box-shadow: -1px 0 1px #aaa;
    -webkit-box-shadow: -1px 0 1px #aaa;
    box-shadow: 0 4px 10px #555;
    display: none;
}
/*#reply_message_panel{display: none;}*/
#new_message_panel_header{
    font-family: 'Open Sans',sans-serif;
    cursor: pointer;
    background-color: #d80001;
    padding: 8px 5px;
    color: #fff;
    font-size: 13px;
}
#new_message_panel_icons{
    position: absolute;margin-top:8px;right:0;color:#fff;
}
#new_message_panel_icons .minimize, #new_message_panel_icons .expand, #new_message_panel_icons .close{cursor:pointer;margin-right:10px;}
#notification_panel_alert, #message_panel_alert, #view_message_panel_alert, #new_message_panel_alert, #reply_message_panel_alert{padding: 15px;background-color: #f44336;color: white;opacity: 0.83;transition: opacity 0.6s;margin: 5px;font-size:14px;display:none;}
#notification_panel_alert.success, #message_panel_alert.success, #view_message_panel_alert.success, #new_message_panel_alert.success, #reply_message_panel_alert.success{background-color: #4CAF50;}
#new_message_panel_body{float: left; width: 95%; padding: 0px 0px 0px 10px; overflow-y: auto;}
#new_message_panel_body input, #new_message_panel_body textarea{
    width: 100%;
    border:none;
    border-bottom: 1px solid #e2e2e2;
    min-height: 38px;
    box-sizing: border-box;
    padding: 15px;
}
#new_message_panel_body textarea{
    resize: none;
    min-height: 330px;
}

/********************
* common/menu.php
********************/
#shop_notification_cnt, #total_notification_cnt, #message_notification_cnt, #notification_cnt {
    margin: 0 0 0 0px;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,.7);
    background-color: #dc0d17;
    background-image: -webkit-linear-gradient(#fa3c45,#dc0d17);
    background-image: linear-gradient(#fa3c45,#dc0d17);
    color: #fff;
    padding: 1px 3px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    -webkit-background-clip: padding-box;
    font-family: 'helvetica neue',helvetica,arial,sans-serif;
    font-size: 10px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.3;
    min-height: 13px;
    display: none;
}
#shop_notification_cnt, #total_notification_cnt{position:fixed;bottom:7px;}
/********************
* article/view.php
********************/
#vote_sticky{width:6.5%;float: left;}
#article-info{font-size:14px;margin: 10px 0 5px;padding-top: 10px;border-top: 1px solid #CCC;}
.vote .up_vote .active, .vote .promo_up_vote .active, .article_vote .up_vote .active, .comment_lists .up_vote .active{color:#e6413f!important;}
.vote .down_vote .active, .vote .promo_down_vote .active, .article_vote .down_vote .active, .comment_lists .down_vote .active{color:#e6413f!important;}

.comment,.comment_left{position:relative;float:left;}
.comment_right{position:relative;float:left;width:90%;}
.comment-image{float:left;margin-right:15px;}
.comment-info {margin: 0 0 10px 0;}
.comment-info .child_cnt{font-weight: 600;}
.comment-info .depend{display:none;}
.comment-share {margin-top: 10px;}
.comment .comment-text p{font-size:14px;line-height: 22px;}
/*.comment .comment-text p .video-wrap{max-width:300px;}*/
.comment .comment-text .delete_notice{
    font-weight:600;color:#bc0707!important;color: #fff;}

.comment-list{overflow: hidden;
    position: relative;
    margin: 5px 0 0 10px!important;
    padding-left: 15px!important;
}
.comment-line{
    border-right: 2px solid #e2e2e2;
    height: 100%;
    width: 7px;
    position: absolute;
    cursor: pointer;
    z-index: 1;
}

.level1{margin-left:-10px!important;}
.profile_btn{color:#e6413f;}
.not_you_btn{color:#e6413f;cursor:pointer;font-size:12px;}
.read_more_btn{
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    background-color: #bc0707;
    padding-left: 20px!important;
    margin: 0 0 10px 27px!important;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
}

/*.comment img{margin-left:10px;}*/

.cmt_vote{position:relative;float:left;text-align: center;margin-left:-12px;background-color:#fff;width:40px;z-index: 2;}
.vote_cnt{font-size: 1.1em;font-weight: bold;margin: 5px 0;}
.up_vote,.down_vote{margin:0;cursor:pointer;}
/*.sibling{margin-left: -2px;}*/
.article_share, .article_edit, .article_more, .article_report, .article_delete{cursor:pointer;}
.article_share:hover, .article_edit:hover, .article_more:hover, .article_report:hover, .article_delete:hover{color:#a2a2a2;}
.share_copy_link_wrap{flex:11;}
.share_url{width:95%;color: #bc0707;border: 1px solid #ccc;background-color: #e2e2e2;padding: 10px 10px;margin:5px 5px 5px 0;}
.share_copy_btn_wrap{flex:2;text-align: right;}
.delete_btn,.login_btn, .ban_btn{font-size: 1em;padding: 6.5px 20px;margin:5px 0;background-color: #bc0707;}
.share_copy_btn{font-size: 1em;padding: 6.5px 10px;margin:5px 0;background-color: #bc0707;}
.show_parent_comment, .view_all_comment{font-size: 1.1rem;font-weight:600;cursor:pointer;margin-bottom:20px;}
.show_parent_comment{color:#bc0707;}
.show_parent_comment:hover, .view_all_comment:hover{color:#a2a2a2;}
/********************
* message/view.php
********************/
.view_mailinbox{padding: 0 10px;}
.view_info{display:flex;}
.view_mailinbox .view_from_user_img{width:48px;}
.view_mailinbox .view_from_user_img img {width:60%;max-width:48px;}
.view_from_user_name{flex:1;font-size: 1rem;font-weight:600;color: #202124;line-height: 20px;}
.view_title{font-size: 1.5em;margin: 10px 0;}
.view_content{font-family: 'Open Sans',sans-serif !important;font-size: 14px !important;color: #5c5858 !important;line-height: 27px;margin: 0;}
.view_date{margin-right:20px;font-size:0.9em;}
.view_star, .view_reply, .view_report, .view_delete{width:auto!important;min-width:auto!important;margin-right:10px;cursor:pointer;}
/********************
* create/index.php
********************/
.redactor-editor img{max-width:740px;}
.redactor-editor p{font-size:14px!important;}
ol.post_rule{font-size: 14px;padding: 0;}
ol.post_rule li{border-bottom: 1px solid #e2e2e2;padding:15px 0}
#article_category{margin-left: 0!important;width:100%!important;border-color:#a9a9a9!important;border-radius: 0;box-sizing : border-box;}
#video_category{margin-left: 0!important;width:100%!important;border-color:#a9a9a9!important;border-radius: 0;box-sizing : border-box;}
.form_title .title, .form_article_url .article_url, .form_video_url .video_url{width:100%;border:1px solid #a9a9a9;border-radius: 0;min-height: 38px;box-sizing : border-box;padding-left:15px;}
.form_content .content{resize:vertical;min-height: 100px;}
.form_tag .artist_tag_select{border:1px solid #a9a9a9;padding: 10px 0 10px 5px;color: #a9a9a9;}
.draft_article{display:flex;margin:5px 0 ;padding:10px;}
.draft_article:hover{background-color:#a2a2a2;}
.draft_category{flex:1;cursor:pointer;}
.draft_date{flex:1;cursor:pointer;}
.draft_title{flex:3;cursor:pointer;}

/********************
* notification/index.php
********************/
.mailinbox .view_from_user_img{width:35px;text-align:center;margin-left:22px;float:left;}
.mailinbox .view_from_user_img img {width:60%;max-width:35px;vertical-align: middle;}
.noti_more{float:left;margin-left:10px;cursor:pointer;}
.noti_more_scr{display:none;float:left;padding:0 10%;margin-top:15px;border:1px solid #e2e2e2;}
.noti_feed{padding:10px 0;border-bottom: 1px solid #e2e2e2;}
.noti_feed a{text-decoration:none;color:#777;cursor:pointer;}
/********************
* sso_login.php
********************/
.sso_list{
    margin: 10px 0;
    padding:0!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display:flex;
}
/* #sso_login_form{width: 84%;max-width: 350px;top: 350px;bottom: 0;left: 0;right: 0;margin: auto;padding: 20px;font-size: 1.1em;color: #000;text-decoration: none;} */
#sso_login_form{width: 84%;max-width: 350px;padding: 20px 50px;font-size: 1.1em;color: #000;text-decoration: none;background-color: #fff;}
#sso_login_form .commonlogin input[type='text'], #sso_login_form .commonlogin input[type='password'] {height: 30px;width: 80%;font-size: 16px;}
#sso_login_form h1{margin-bottom:20px;}
#sso_login_form .commonlogin{width:100%;margin-bottom: 45px;text-transform: uppercase;}
#sso_login_form label{display: block;font-size: 13px;font-weight: normal;line-height: 15px;color:#7f7f7f;}
#sso_login_form .alert-error, #sso_login_form .alert-success{margin-bottom:25px;display: none; font-size:12px;}

#sso_login_form .btns{display: inline-block;outline: none;border: none;margin: 15px 0 0 0;line-height: 36px;color: #FFF !important;width:100%;text-align: center;cursor:pointer;font-size:0.8rem;}
#sso_login_form .btn-login{background-color: #e6413f;}
#sso_login_form .btn-login:hover{color:#f7f7f7;opacity:.8;}
#sso_login_form .btn-register{background-color: #333;}
#sso_login_form .btn-register:hover{color:#f7f7f7;opacity:.8;}
#sso_login_form .btn-fb{background-color: #1877f2;}
#sso_login_form .btn-fb:hover{background-color: #1877f2;border-color: #344985;box-shadow: 0 1px 3px rgba(0,0,0,.25);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);color: #FFF;background-image: -o-linear-gradient(#1877f2,#445da2);background-image: -ms-linear-gradient(#1877f2,#445da2);background-image: -moz-linear-gradient(#1877f2,#445da2);background-image: -webkit-linear-gradient(#1877f2,#445da2);background-image: linear-gradient(#1877f2,#445da2);}
#sso_login_form .btn-tw{background-color: #38a0f0;}
#sso_login_form .btn-tw:hover{background-color: #2b94e6;border-color: #1e78bf;box-shadow: 0 1px 3px rgba(0,0,0,.25);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);color: #FFF;background-image: -o-linear-gradient(#2b94e6,#2f8dd7);background-image: -ms-linear-gradient(#2b94e6,#2f8dd7);background-image: -moz-linear-gradient(#2b94e6,#2f8dd7);background-image: -webkit-linear-gradient(#2b94e6,#2f8dd7);background-image: linear-gradient(#2b94e6,#2f8dd7);}

/********************
* sso_register.php
********************/
#register_form .commonlogin input[type='text'], #register_form .commonlogin input[type='password'] {height: 30px;width: 80%;font-size: 1.2em;}
#register_form .commonlogin input[type="checkbox"], #register_form .commonlogin input[type="radio"]{height: 15px;width: 15px;margin-top: 5px;}
#register_form{width: 84%;max-width: 350px;padding: 20px 50px;font-size: 1.1em;color: #000;text-decoration: none;background-color: #fff;}
#register_form h1{margin-bottom:20px;}
#register_form .commonlogin{margin-bottom: 25px;text-transform: uppercase;}
#register_form .commonlogin a{color:#e6413f;font-weight:600;text-decoration: none;}
#register_form .commonlogin a:hover{color:#aaa;}
#register_form label{display: block;font-size: 13px;font-weight: normal;line-height: 15px;color:#7f7f7f;}
#register_form .btn-register{display: inline-block;outline: none;border: none;margin: 15px 0 0 0;padding-left: 20px;padding-right: 20px;line-height: 36px;color: #FFF !important;background-color: #e6413f;cursor:pointer;}

/********************
* reset_password.php
********************/
#reset_form{width: 84%;max-width: 350px;top: 350px;bottom: 0;left: 0;right: 0;margin: auto;padding: 20px;font-size: 1.1em;color: #000;text-decoration: none;}
#reset_form .newpassword label, #reset_form .verifypassword label{text-transform: uppercase;}
#reset_form #u_pass1, #reset_form #u_pass2{height: 30px;font-size: 1.2em;}
#reset_form label{display: block;font-size: 13px;font-weight: normal;line-height: 15px;color:#7f7f7f;}
#reset_form .btns{display: inline-block;outline: none;border: none;margin: 15px 0 0 0;line-height: 36px;color: #FFF !important;width:100%;text-align: center;cursor:pointer;}
#reset_form .btn-verify{background-color: #e6413f;}
#reset_form .btn-verify:hover{color:#f7f7f7;opacity:.8;}
/********************
* forgot_password.php
********************/
#forgot_pwd_form{width: 84%;max-width: 350px;top: 350px;bottom: 0;left: 0;right: 0;margin: auto;padding: 20px;font-size: 1.1em;color: #000;text-decoration: none;}
#resetPassword{margin-top:20px;}
#resetPassword .commonlogin{width:100%;margin-bottom: 45px;text-transform: uppercase;}
#resetPassword #email_input{height: 30px;font-size: 1.2em;}
#resetPassword label{display: block;font-size: 13px;font-weight: normal;line-height: 15px;color:#7f7f7f;}
#resetPassword .btns{display: inline-block;outline: none;border: none;margin: 15px 0 0 0;line-height: 36px;color: #FFF !important;width:100%;text-align: center;cursor:pointer;}
#resetPassword .btn-verify{background-color: #e6413f;}
#resetPassword .btn-verify:hover{color:#f7f7f7;opacity:.8;}


.gotop{position: fixed;bottom: 20px; right:10px;cursor: pointer;z-index:1000;}
.go_back{margin:0 10px 0 7px!important;cursor:pointer;}
.akp_staff{width: 15px!important;height: 15px!important;min-height: 15px!important;margin: 0!important;float:none!important;position: relative;top: 4px;}

p.speech {
    position: absolute;
    top: -28px;
    width: 335px;
    height: 17px;
    text-align: center;
    line-height: 15px;
    background-color: #bc0707;
    -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
    box-shadow: 2px 2px 4px #888;
    color: #fff;
    font-weight:600;
    padding: 4px 10px;
    cursor:pointer;
}p.speech:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 25px;
  top: 25px;
  border: 5px solid;
  border-color: #bc0707 transparent transparent #bc0707;
}

/* AKP2_ANCHOR AD */
.akp2_anchor_scr{
    position:fixed;bottom:0;width:100%;z-index:1001;
}
.anchor_tab{
    width:90px;overflow: hidden;border-bottom:none;background-color: #666;color:#f8f8f8;font-size:0.9em;padding:2px 0 2px 10px;
    float:left;
    margin-top:5px;
}
.anchor_helper{background-color:transparent;float:left;margin-top:5px;}
.anchor_helper:after{
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #666;
    border-left: 10px solid #666;
    content: "";
    display: block;
    position: relative;
}
.anchor_content{
    padding: 0 12px;border-top: none;background-color: #666;
}
.anchor_close_btn{
    /* position: absolute;
    bottom: 40px;
    right: 17px; */
    font-size: 13px;
    color: #fff;
    z-index: 1001;
}

/*CURRENTLY TRENDING ON ALLKPOP WIDGET IN VIEW PAGE*/
.trending_widget{display: block;background-color:#e2e2e2;padding: 15px;margin-bottom:20px!important;}
.trending_widget .teads-adCall{display:none!important;}
.trending_widget .ctoa{font-family: "Helvetica Neue";font-size:15px;font-weight:bold;margin-bottom:5px;}
.trending_widget .ctoa_scr{display: flex;flex-direction: column;}
.trending_widget article.list {padding: 0;margin: 10px 0 5px 0;}
.trending_widget article.list .image{width: 30%;}
.trending_widget article.list .image a{display:grid!important;}
.trending_widget article.list .text{line-height:13px;padding: 0 0 0 10px;width: 65%;}
.trending_widget article.list .text a{color: #121212!important;font-size:12px!important;font-weight: bold!important;}


/********************
* NIGHT MODE
********************/
.night_mode_switch {
position: relative;
display: inline-block;
width: 45px;
height: 19px;
float: right;
margin-top: 6px;
}

.night_mode_switch input {
opacity: 0;
width: 0;
height: 0;
}

.night_mode_slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}

.night_mode_slider:before {
position: absolute;
content: "";
height: 15px;
width: 15px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}

.night_mode_switch input:checked + .night_mode_slider {
background-color: #bc0707;
}

.night_mode_switch input:focus + .night_mode_slider {
box-shadow: 0 0 1px #bc0707;
}

.night_mode_switch input:checked + .night_mode_slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}

/* Rounded sliders */
.night_mode_slider.round {
border-radius: 34px;
}

.night_mode_slider.round:before {
border-radius: 50%;
}
#lazy_imgs{max-width:1000px;width:200px;height:140px;object-fit:cover;}
#lazy_imgs_top{max-width:1000px;width:200px;height:140px;object-fit:cover;object-position:top;}
/* NEXT PREV NAV */
.np_dir {
	padding: 10px 5px;
	background-color: #bc0707;
	border-bottom: none;
	margin: 0;
	border: none;
	cursor: default;
}
.np_title {
	font-size: 0.75rem;
	line-height: 1.3em;
	margin: 0;
	border:none;
	height: 100%;
	display: flex;
	padding: 10px;
}
.np_title a {text-decoration: none;color: #333;}

/* For a d s */
.sm-unit {
	margin:20px!important;
}
/*CSS FIX to be added to your stylesheet for desktop*/
.adthrive-footer.adthrive-sticky {
	padding-top:20px!important;
}
/*CSS FIX to be added to your stylesheet for mobile*/
body.adthrive-device-phone .adthrive-footer.adthrive-sticky {
	padding-top:20px!important;
}