@charset "utf-8";
/* CSS Document */

/*------------------------------------------------*/
@media screen and (min-width: 1080px){
	.section_metro_list_sort{
		width: 950px;
	}
	.subCatcontainer{
		width: 950px;
	}
	.section_headline_header{}
	
}
@media screen and (min-width: 1321px){
	body, .card-wrap, .header_logo, .header_nav_list, .footer, .module_appLink ul{
		min-width: 1320px;
	}
	.section_metro_list_sort{
		width: 1177px;
	}
	.subCatcontainer{
		width: 1177px;
	}
	.menu-more ul, .menu-more form {
		width: 1320px
	}
	.menu-more ul li{
		width: 20%;
	}
	.header_nav_list>.pc-item{
		display: list-item;
	}
	.menu-more .labtop-item, .menu-more .tablet-item, .menu-more .mobile-item{
		display: none;
	}
	.card-primary-wrapper.clearfix{
		width: 959px;
	}
	.headline_box .headline_item{
		height: 230px;
		width: 230px;
		margin: 0px 10px 10px 0;
	}
	.headline_item .headline_item_main{
		height: 150px;
	}
	.headline_item .headline_item_main img{
		min-height: 150px;
	}
	.headline_item .headline_item_info{
		height: 80px;
	}
	.headline_item .headline_item_grid_title{
		height: 55px;
		margin: .5em;
	}
	.headline_item .headline_item_grid_title span{
		font-size: .8em
	}
	/*
	.headline_box .headline_item_image img {
		min-width: 230px;
		min-height: 230px;
		max-width: 150%;
		max-height: 150%;
	}
	*/
	#module-highlights .card-secondary-media {
		width: 239px;
		margin-top: 0;
	}
	.card-secondary-media .hgsm-link {	    
		border-bottom: 1px solid #e6e6e6;
    	margin: 15px 15px 8.5px 15px
	}
	.card-secondary-media .hgsm-link.bottom {	
		border-bottom: 1px solid transparent;
	}
	#module-highlights .card-primary {
		float: right;
		border-bottom: none;
	}
	
	#mod_hero .card-hero-3up-tile {
		height: 125.5px;
		margin: 0 10px 10px 0;
	}
	#mod_hero .hero-3up-tile-2{
		margin: 0 10px 10px 0;
	}
	#mod_hero .hero-3up-media img {
		width: 225px;
		height: 125.5px;
	}
	
	.listview .headline_box .headline_item{
		width: 958px;
	}
	.listview .headline_box .headline_item_main{
		width: 11%;
	}
	.listview .headline_box .headline_item_info{
		width: 91%;
	}
	
	.news .card-primary-wrapper .card-primary, .sports .card-primary-wrapper .card-primary, .life .card-primary-wrapper .card-primary, .tech .card-primary-wrapper .card-primary, .money .card-primary-wrapper .card-primary, .local .card-primary-wrapper .card-primary, .travel .card-primary-wrapper .card-primary, .weather .card-primary-wrapper .card-primary {
		width: 839px;
	}
	
	.weather .card-primary-wrapper-full .card-primary{
		width: 1200px;
	}
	.weather .video-new-item{
		width: 16.6%;
	}
	.weather .video-see-item{
		width: 33.33%;
	}
	
	.news .hero-3up-tile-main, .news .hero-3up-tile-main .hero-3up-media img, .sports .hero-3up-tile-main, .sports .hero-3up-tile-main .hero-3up-media img, .life .hero-3up-tile-main, .life .hero-3up-tile-main .hero-3up-media img, .tech .hero-3up-tile-main, .tech .hero-3up-tile-main .hero-3up-media img, .money .hero-3up-tile-main, .money .hero-3up-tile-main .hero-3up-media img, .local .hero-3up-tile-main, .local .hero-3up-tile-main .hero-3up-media img, .travel .hero-3up-tile-main, .travel .hero-3up-tile-main .hero-3up-media img, .weather .hero-3up-tile-main, .weather .hero-3up-tile-main .hero-3up-media img{
		width: 560px;
	}

	.news .hero-3up-tile-other .hero-3up-media img, .news .hero-3up-tile-other, .sports .hero-3up-tile-other .hero-3up-media img, .sports .hero-3up-tile-other, .life .hero-3up-tile-other .hero-3up-media img,.life .hero-3up-tile-other, .tech .hero-3up-tile-other .hero-3up-media img,.tech .hero-3up-tile-other, .money .hero-3up-tile-other .hero-3up-media img,.money .hero-3up-tile-other, .local .hero-3up-tile-other .hero-3up-media img,.local .hero-3up-tile-other, .travel .hero-3up-tile-other .hero-3up-media img, .travel .hero-3up-tile-other, .weather .hero-3up-tile-other .hero-3up-media img, .weather .hero-3up-tile-other{
		width: 265px;
		margin-right: 10px;
	}
	
	.news .card-primary-wrapper .primary_section, .sports .card-primary-wrapper .primary_section, .life .card-primary-wrapper .primary_section, .tech .card-primary-wrapper .primary_section, .money .card-primary-wrapper .primary_section, .local .card-primary-wrapper .primary_section, .travel .card-primary-wrapper .primary_section, .weather .card-primary-wrapper .primary_section{
		width: 839px;
	}
	
	.news .headline_box .headline_item, .sports .headline_box .headline_item, .life .headline_box .headline_item, .tech .headline_box .headline_item, .money .headline_box .headline_item, .local .headline_box .headline_item, .travel .headline_box .headline_item, .weather .headline_box .headline_item{
		height: 271px;
		width: 270px;
	}
	.news .headline_box .headline_item_image img, .sports .headline_box .headline_item_image img, .life .headline_box .headline_item_image img, .tech .headline_box .headline_item_image img, .money .headline_box .headline_item_image img, .local .headline_box .headline_item_image img, .travel .headline_box .headline_item_image img, .weather .headline_box .headline_item_image img{
		min-width: 271px;
		/* min-height: 271px; */
		max-width: 150%;
		max-height: 80%;
	}
	
	.news .listview  .headline_box .headline_item, .sports .listview .headline_box .headline_item, .life .listview .headline_box .headline_item, .tech .listview .headline_box .headline_item, .money .listview .headline_box .headline_item, .travel .listview .headline_box .headline_item, .weather .listview .headline_box .headline_item	{
		width: 838px;
		height: auto;
	}
	
	#module-featured a.featured-content-a {
		padding: 0 25px;
		width: 159px;
	}
	#module-featured .featured-content-img {
		width: 150px;
		height: 150px;
	}
	#module-blogs .blogs-mod-item {
		width: 155px;
	}
	#module-all_hero .all-hero .hero-txt{
		width: 325px;
		height: 362px;
		margin-top: 0;
		margin-right: 10px;
	}
	#module-all_hero .all-hero .hero_right_box{
		width: 500px;
	}
	#module-sports_hero .all-hero .hero-txt{
		margin-top: 0;
    	margin-right: 10px;
		width: 325px;
	}
	#module-sports_hero .all-hero .hero_right_box{
		width: 500px;
	}
	.view-box .story-main-box{
		width: 920px;
	}
	
	.view-box .more-stories {
		width: 930px;
	}
	
	.footer .footer-container{
		width: 25%;
	}
	
	.video-box, .video-js{
		width: 100% !important;
	}
	
		
}

/*------------------------------------------------*/

.video-js{
	max-height: 400px;
	left: auto;
    transition: left .5s ease-in-out;	
}

.video-fixed{
	position: fixed !important;
	z-index: 1000;
	left: 0 !important;
	top: 39px !important;
	width: 400px !important;
	height: 225px !important;
	max-width: 100% !important;
}

/*--*/
.card-primary-wrapper-full{
	width: 100%;
	position: relative;
    z-index: 15;
}
.video-see-item{
	width: 50%;
    float: right;
    box-sizing: border-box;
    overflow: hidden;
}
.video-new-item{
	width: 20%;
    float: right;
    box-sizing: border-box;
    overflow: hidden;
}
.video-see-image, .video-see-item .video-item-info{
	width: 385px;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
}
.video-see-item .video-item-info{
	 height: 85px;
}
.video-see-image{
	height: 220px;
}
.video-new-image, .video-item-info{
	width: 185px;
	height: 110px;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
}
.video-see-image, .video-new-image{
	border: 5px solid #646464;
	border-radius: 5px;
	position: relative;
}
.video-new-image img{
	width: 100%;
	min-height: 110px;
	max-height: 140px;
}
.video-see-image img{
	width: 100%;
	min-height: 220px;
	max-height:270px;
}
.mod-multimedia .card-container{
	background-color: #333;
}
.video-item-title{
	color: #999;
	max-height: 55px;
	overflow: hidden;
}
.video-item-title:hover{
	color: #fff;
}
.video-item-detail p, .video-item-detail span{
	color: #666;
	float: right;
	padding-right: 1em;
}
.btn_play {
    position: absolute;
    top: 20%;
    right: 40%;
    z-index: 2;
    color: rgba(255,255,255,.5);
    width: 10%;
    height: 20%;
    font-size: 3em;
}
.video-new-image:hover .btn_play, .video-see-image:hover .btn_play {
    color: #fff;
}
.video-see-item .btn_play {
    font-size: 5.5em;
}
.btn_play:before {
    font-family: FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0px auto;
	content: "\f01d ";
}
/*------------------------------------------------*/

.video-box{
	width: 650px; 
	margin: 20px auto;
	position: relative;
    padding-bottom: 50px;
}

.video-js{
	max-width: 100%;
	width: 650px;
	height: auto;
	border: 1px solid silver;
}


/*------------------------------------------------*/

.photolist .card-primary-wrapper{
	width: 100%;
}

.pic-module{


	/*margin-right: 120px;*/
	height: 1500px !important;
	background-image: url(../files/images/template/loop-loader_sports.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

.pic-main-item{
    width: 226px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
	margin: 0 0 14px 14px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
}

.grid-item { width: 23.5%; }

.grid-item--width2 { width: 466px; }

.pic-img-item{
    width: 100%;
	position: relative;
}

.pic-img-item .util-bar-btn{
 	position: absolute;
    left: 1em;
    top: 1em;
    background-color: rgba(255,255,255,.6);
    border-radius: 5px;
    width: 60px;
    margin: 0;
    padding: 0;
}
.pic-img-item:hover .util-bar-btn{
    background-color: rgba(255,255,255,1);
}

.pic-img-item .util-bar-btn span{
    color: #333;
    font-size: 1em;
    float: left;
    margin-top: 7px;
    font-weight: bold;
}

.pic-img-item .inline-share-count-see:before{
    color: #333;
    margin: 5px;
    padding: 0;
    float: left;
}

.pic-over{
	background-color: #000;
    background-color: rgba(0,0,0,0.15);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.3))); 
    background: -webkit-linear-gradient(transparent, rgba(0,0,0,0.3)); 
    background: linear-gradient(transparent, rgba(0,0,0,0.7)); 
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
	display: none;
}	

.pic-main-item:hover .pic-over{


	display: block;
}

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

.pic-owner-img {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.33) inset;
    box-shadow: 0 0 2px rgba(0,0,0,0.33) inset;
    margin: 5px;	
}

.pic-owner-name {
	margin: 10px 5px 5px;
    width: 150px;
    float: right;
    color: #444;
    font-size: 0.8em;	
}

.pic-date {
	margin: 0px 5px 5px;
    width: 150px;
    float: right;
    color: #b5b5b5;	
}

.pic-text-item{
    clear: both;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}

.pic-text{
	margin: 10px;
    color: #444;
}

/*---------------------------------------------*/

.notify-box{
	display: none;
    position: fixed;
    bottom: 1em;
    max-width: 400px;
    width: 95%;
    z-index: 100000000;
    background-color: #fff;
    padding: .5em;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid silver;
    left: .5em;
    box-shadow: 5px 1px 5px rgba(0,0,0,.2);	
}

.notify-box.notify-show{
	display: block;
}

.notify-box img{
	float: right;
    width: 75px;
    height: 75px;
}

.notify-box div{
    float: right;
    width: calc( 100% - 90px);
    margin-right: .5em;
    direction: rtl;
}

.notify-box div span{
    color: #d50000;
}

.notify-box .notify-close{
	float: left;
	color: #333;
    position: absolute;
    cursor: pointer;	
}

.notify-box div h5{
	color: #454545;
    font-size: .8em;
    text-align: justify;
    margin: 0;
    line-height: 1.6em;
    margin-top: .5em;
}

/*---------------------------------------------*/

.most-popular-primary{
	background-color: #fff;
    margin-top: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

/*--------------- live score -------------------*/

.stage-wrapper{
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	width: 347px;
    margin-right: 10px;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
    margin-top: 10px;;
}

.stage-heading {
    background-color: #323232;
    border-radius: 3px 3px 0 0;
    clear: both;
    color: #fff;
    height: 30px;
}

.stage-name {
    float: right;
	color: #fff;
    font-size: 13px;
    height: 30px;
    line-height: 27px;
	padding: 0 15px;
}

.elapsed-time span{
	color: #ff003c;
}

.match-row {
    clear: both;
    color: #333;
    font-size: 13px;
    transition: background-color 400ms ease 0s;
	border-top: 1px solid #c8c8c8;
	overflow: hidden;
	background-color: #fff;
}

.match-row-empty {
    clear: both;
    color: #333;
    font-size: 13px;
    transition: background-color 400ms ease 0s;
	overflow: hidden;
	background-color: #fff;
	padding: 15px;
}

.match-row-empty span {
    color: #333;
}

.start-time {
	padding-top: 10px;
	padding-right: 10px;
    width: 35px;
}

.start-date {
    margin-left: 10px;
    width: 90px;
}

.start-date {
    margin-left: 10px;
    width: 90px;
}

.start-time, .start-date, .team-names, .score.right, .m-container, .teamname.right, .match-row .state {
    float: right;
}

.team-names .teamname.right {
    text-align: left;
}

.team-names .teamname.left {
    text-align: right;
}

.team-names .teamname {
    width: 110px;
    height: 50px;
    font-size: 14px;
    padding: 10px;
    box-sizing: border-box;
    overflow: hidden;
    color: #444;
}

.scores-container {
    width: 75px;
    height: 25px;
	background: url(../files/images/template/score.png) center center no-repeat;
	text-align: center;
}

.scores-container .score, .score-5div.total {
    color: #fff;
    font-size: 16px;
    height: 27px;
    line-height: 21px;
    margin: 0 2px;
    text-align: center;
    width: 16px;
}

.scores-container .score.left {
	padding: 0 1px 0 10px;
}

.scores-container .dash {
	color: #fff;
}

.scores-container .score.right {
	padding: 0 10px 0 1px;
}

.match-status .elapsed-time {
	width: 75px;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0;
}

.expanded .match-events-wrapper {
    display: block;
}

.match-events-wrapper {
    background-color: #fdfdfd;
    clear: both;
    cursor: default;
    display: none;
}

.row.half.left {
    padding-right: 408px;
    text-align: left;
}

.match-events-wrapper .row {
    border-top: 1px solid #f7f7f7;
    font-size: 11px;
    padding: 0 216px 0 38px;
}

.row.half .occure-time::before {
    content: "\'";
}

.row.half.left .occure-time {
    float: right;
}

.row.half .occure-time {
    display: inline-block;
    font-size: 12px;
    min-height: 11px;
    text-align: center;
    width: 34px;
}

.row.half.left i, .row.half.left span {
    float: right;
}

.row.half.left {
    text-align: left;
}

.row.half.right {
    padding-left: 188px;
    text-align: right;
}

.row.half.right {
    padding-left: 188px;
    text-align: right;

}

.row.half.right i, .row.half.right span {
    float: left;
}
.row.half.right {
    text-align: right;
}

.match-row .functions-container, .elapsed-time, .score.left, .teamname.left {
    float: left;
}

/*--------------------------*/

.menu-more .tablet-item, .menu-more .mobile-item{
	display: none;
}

.menu-open .menu-more{
	display: block;
}

/*--------------------- Module All ----------------------*/

.primary_section{
/*	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid rgba(0,0,0,.15);
	border-right: 1px solid #e1e1e1;
	border-right: 1px solid rgba(0,0,0,.15);*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
	position: relative;
	margin-bottom:  5px;
}

.news .primary_section, .sports .primary_section, .life .primary_section, .tech .primary_section, .money .primary_section, .local .primary_section, .travel .primary_section, .weather .primary_section{
	width: 600px;
}

.card-primary-suspender {
	clear: both;
	position: relative;
	width: 100%;
}

.card-primary {
/*	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid rgba(0,0,0,.15);
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid rgba(0,0,0,.15);*/

	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 720px;
	position: relative;
	/* float: left; */
}

.news .card-primary, .sports .card-primary, .life .card-primary, .tech .card-primary, .money .card-primary, .local .card-primary, .travel .card-primary{
	width: 600px;
	float: left;
}

.weather .card-primary{
	width: 960px;
	/* float: left; */
	margin: 0 auto;
}

.card-suspender {
	border-top: 1px solid rgba(0,0,0,.15);
	clear: both;
	color: #fff;
	float: right;
	margin-top: -1px;
	position: relative;
	width: 110px;
	overflow: hidden;
}

.card-section-name {
	color: #fff;
	line-height: 13px;
	margin: 0;
	padding: 15px 5px 10px 10px;
	text-align: center;
}

.card-section-link, .card-section-link:visited, .card-section-link:hover {
	color: #fff;
	display: block;
}

.card-suspender .clst-ordered-items, .card-suspender .clst-unordered-items {
	border-bottom: 1px solid rgba(255,255,225,.14);
	border-top: 1px solid rgba(0,0,0,.15);
	overflow: hidden;
	width: 100%;
}

.clst-ordered-items, .clst-unordered-items {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.card-suspender .clst-item {
	padding: 0;
}

.weather .clst-item, .card-suspender .clst-item {
	border-bottom: 1px solid rgba(0,0,0,.15);
	border-top: 1px solid rgba(255,255,225,.14);
}

.clst-item-link-styles.selected {
	background-color: rgba(0,0,0,.2);
	border-bottom: 0;
	border-top-color: rgba(0,0,0,.35);
}

.card-full-width {
	clear: both;
	position: relative;
}

.card-suspender-title {
	color: #fff;
	margin: 0 1px 0 0;
	padding: 20px 10px;
	text-align: center;
	text-shadow: -3px 3px 10px rgba(0,0,0,0.8);
	width: 100%;
	box-sizing: border-box;
}

.card-suspender .clst-link {
	display: block;
	padding: 10px;
}

.section_center{
	margin-top:-1px;
}
	
.hide{
	display:none;
}

.split_two {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
}

.table_row{
	display:table-row;
}

.table_cell{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    float: right;
    margin: 10px 0 0 10px;
    position: relative;
    width: 349PX;
    background-color: #fff;
    /*border: 1px solid #b5b5b5;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);*/
}

.table_cell.top{
	margin-top: 0;
}

.table_cell>h2{
    margin: 0;
    margin-bottom: 0;
    padding: 3px;
}

.table-row>.split-two-odd {
	padding-left: 10px;
}

.table-row>.split-two-even {
	padding-right: 10px;
}

.table-row>.clst-item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	padding: 20px;
	width: 50%;
	border: 0;
}

.table-row>.clst-item img{
	border: 1px solid #c8c8c8;
}

.clst-item {
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #fff;
	position: relative;
}

.thumb {
	float: right;
	height: 80px;
	position: relative;
	width: 100px;
}

.clst-text-headline>.clst-link, .clst .headline>.clst-link {
	color: #333;
}

.clst-link, .clst-link:visited, .clst-link:active, .clst-link:hover, .game, .game:visited {
	color: inherit;
}

.clst-text-meta span{
	color: #999;
	line-height: 20px;
}

.clst-text-meta {
	display: table;
}

.clst-text-meta>.clst-link {
	color: #007dcf;
	text-align:right
}

.meta-section-link, .clst-text-meta-timestamp {
	display: table-cell;
	vertical-align: top;
}

.clst-link, .clst-link:visited, .clst-link:active, .clst-link:hover, .game, .game:visited {
	color: inherit;
	text-align:justify;
}

p.meta.clst-text-meta .clst-text-meta {
	color: #999;
}

.clst-text-meta>.clst-text-meta-timestamp {
	border-right: 1px solid #d9d9d9;
	border-right: 1px solid rgba(0,0,0,.15);
	display: inline-block;
	font-style: italic;
	margin-right: 10px;
	padding-right: 10px;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

	
.videoCube.vertical:first-child {
	border-top: 0;
	margin-top: 0;
}

.videoCube {
	direction: ltr;
	font-size: 11px;
	margin: 0;
	color: #000;
	border-width: 0;
	zoom: 1;
	cursor: pointer;
	float: none;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}	

.videoCube a {
	text-decoration: none!important;
	outline: 0;
	border: 0;
	color: #000;
	cursor: pointer;
}

 .card-suspender .clst-item-link-styles:hover {
	background-color: transparent;
	background-color: rgba(0,0,0,.05);
	border-bottom-color: rgba(0,0,0,.05);
	border-top-color: rgba(0,0,0,.05);
	cursor: pointer;
}

/*----------------------------------------*/

.list-search{
	min-height: 300px;
	background-color: #fff;
	margin-bottom: 0 !important;	
}

#module-list input{
	margin: 6.5px 0;
    padding-right: 5px;
    float: right;
    border-left-color: grey;
}

#module-list select{
    margin: 6.5px 0 0 5px;
    float: right;
    height: 24px;
}

.search-comment{
	display: block;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    text-align: right;
}

.search-comment .search-text{
    color: #333;
    font-size: 1em;
    display: block;
    clear: both;	
}

#module-list .btn_headline {
    margin-left: 0;
}

#module-list .icon-search{
	width: 24px;
    height: 24px;
    background-color: grey;
    display: inline-block;
    font-size: 1em;
    padding: 3px;
    box-sizing: border-box;
    margin-top: 6.5px;
    float: right;
    border: 1px solid silver;
    border-right-color: grey;
    cursor: pointer;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;	
}

/*-----------------------------------------------------*/

.mod-metrolist .section_headline_header h1{
    margin: 10px;
    float: right;	
}
.mod-metrolist .section_headline_header form{
    float: left;	
}

/*-------------------- Container ---------------------*/

.card-container {
	right: 0;
	padding-bottom: 20px;
	position: relative;
}

.card-container, #cards-offset-placeholder {
	/*background: #f6f6f6 url(../files/images/template/noise_f6f6f6.png) repeat top left;*/
}

.card-wrap {
	background: transparent no-repeat top center;
	right: 0;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
	top: 0;
	width: 100%;
	/* width: 1080px; */
	text-align:right;
	direction:rtl;
}

.card-full-width {
	clear: both;
	position: relative;
	text-align:right;
	direction:rtl;
}

.card-primary-wrapper {
	/*background: #fff url(../files/images/template/noise_fff.png) repeat top left;*/
	position: relative;
	width: 720px;
	z-index: 15;
}



.card-temp {
	background: transparent no-repeat top center;
	right: 0;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
	top: 0;
	width: 1180px;
	text-align:right;
	direction:rtl;
}

.card-loading {
	background: #fff url(../files/images/template/loop-loader_sports.gif) no-repeat 47% 300px;
	box-shadow: none;
	height: 100%;
	position: relative;
	width: 100%;
}

.cat_0.card-loading {
	background:#FFF url(../files/images/template/loop-loader_sports.gif) no-repeat 50% 5%;
}

.cat_1.card-loading {
	background:#FFF url(../files/images/template/loop-loader.gif) no-repeat 50% 5%;
}

.cat_2.card-loading {
	background:#FFF url(../files/images/template/loop-loader_sports.gif) no-repeat 50% 5%;
}

.cat_3.card-loading {
	background:#FFF url(../files/images/template/loop-loader_life.gif) no-repeat 50% 5%;
}

.cat_4.card-loading {
	background:#FFF url(../files/images/template/loop-loader_tech.gif) no-repeat 50% 5%;
}

.cat_5.card-loading {
	background:#FFF url(../files/images/template/loop-loader_money.gif) no-repeat 50% 5%;
}

.cat_6.card-loading {
	background:#FFF url(../files/images/template/loop-loader_travel.gif) no-repeat 50% 5%;
}

.cat_7.card-loading {
	background:#FFF url(../files/images/template/loop-loader_opinion.gif) no-repeat 50% 5%;
}
.cat_8.card-loading {
	background:#FFF url(../files/images/template/loop-loader_weather.gif) no-repeat 50% 5%;
}

.card-loading>.border {





	border: 1px solid #e9e9e9;
	border-right: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	content: '';
	height: 100%;
	margin-right: 120px
}

.right-suspender {
	position: absolute;
	right: 0;
	height: 100%;
	width: 120px;
	/*background-image: url(../files/images/template/noise.png);*/
}

.clst-section-name{
	color:#fff;
	line-height:13px;
	margin:0;
	padding:15px 5px 10px;
	text-align:center;
}



/*-------------------- Headline Module ---------------------*/

	/*-------------------- Headline Header -----------------------*/
	
	.section_headline_header{
		overflow: hidden;
		min-height: 40px;
		position: relative;
		padding: 1px 5px 1px;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 10px;
	}

	.comment-app-box {
		display: inline-block;
		font-family: IRANSans, Geneva, sans-serif;
		background-color: #d50000;
		color: #fff;
		border-radius: 2em;
		padding: .3em 1.3em;
		margin: 1.3em .3em;
		margin-top: 1.6em;
		cursor: pointer;
	}
	
	.comment-app-box span{
		margin-right: -5px;
		margin-left: 5px;
		font-size: 1em;
	}

	.app-store-comment-back{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		background-color: rgba(0,0,0,.5);
		display: none;
	}

	.app-store-comment{
		width: 500px;
		max-width: 90%;
		box-sizing: border-box;
		background-color: #fff;
		padding: 1em;
		position: relative;
		margin: 0 auto;
		top: calc( 50% - 70px );
		border-radius: 5px;
	}

	.app-store-comment-back.show{
		display: block;
	}

	.app-store-main{
		display: flex;
		justify-content: center;
		flex-flow: wrap;
	}

	.app-store-main span{
		margin-left: .5em;
	}

	.section_metro_list_sort{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 30px;
		position: relative;
		margin: 0 5px;
		/* background-color: #d60000; */
		border-radius: 5px;
		margin: 0 auto;
		
    	/* width: 950px; */
	}
	.section_metro_list_sort a{
		width: 33%;
		display: block;
		float: right;
		text-align: center;
		color: #969696;
		/* margin: 4px 1%; */
		height: 20px;
		/* border-radius: 3px; */
		padding-top: 2px;
	}	
	.section_metro_list_sort a.select{
		color: #c02424;
		/* background-color: #fff; */
		border-bottom: #c02424 solid 3px;
	}	

	.headline_header_title {
		color: #444;
		float: right;
		padding: 10px;
		font-size: 1em;
		padding-right: 0;
	}

	.headline_header_title span{
		color: #d50000;
		font-size: 1.2em;
	}

	.headline_header_time {
		color: #999;
		float: right;
		margin: 10px 0 0;
	}
	
	/*-------------------- Headline Main -----------------------*/

	.headline_show{
		display: table;
	}
	
	.headline_show.listview {
		margin-bottom: 10px;
	}	
	
	.headline_box{	
		max-height: 5000px;
		overflow: hidden;
	}
	
	.headline-box-size{	
		float: right;
	}
	
	.headline_item{
		height: 170px;
		width: 170px;
		margin: 0px 10px 10px 0;
		position: relative;
		border: 1px solid #eee;
		float: right;
		background-color: #fff;
	}
	
	.headline-box-size .headline_item{
		float: none;
	}
	
	.headline_box .headline_item.start{
		margin-right: 0;
	}
	
	.more-stories-content ul li {
		width: 215px;
		height: 215px;
		margin-bottom: 10px;
		box-sizing: border-box;
	}

	.more-stories-content .headline_item{
		float: right;
		height: 195px;
		width: 195px;
		margin: 0px 10px 10px 0;
		position: relative;
		border: 1px solid #c8c8c8;
	}
	
	.news .headline_item, .sports .headline_item, .life .headline_item, .tech .headline_item, .money .headline_item, .local .headline_item, .travel .headline_item, .weather .headline_item{
		height: 191px;
		width: 191px;
	}
	
	.listview .headline_item {
		background: transparent;
		margin: 0 0 10px 0;
		min-height: 98px;
		height: auto;
		width: 720px;
		border: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #e6e6e6; 
	}
	
	.news .listview .headline_item, .sports .listview .headline_item, .life .listview .headline_item, .tech .listview .headline_item, .money .listview .headline_item, .local .listview .headline_item, .travel .listview .headline_item, .weather .listview .headline_item {
		width: 600px;
	}
	
	.headline_item_grid_name{
		position:absolute;
		top:8px;
		right:7px;
		line-height: 14px;
		padding: 2px 6px;
		z-index:40;
		color: #1c1c1c;
  		background-color: #eee;
		border: 1px solid #c8c8c8;
	}
	
	.headline_item_grid_name.home-item{
		padding: .3em .8em;
		color: #fff;
		background-color: #4d4d4d;
		border: 0;
	}
	
	.listview .headline_item_grid_name{
		display:none;
	}
	
	.headline_item_main{
		height: 110px;
		width: 100%;
		border:0;
	}
	
	.listview .headline_item_main {
		top: 0;
		right: 0;
		min-height: 90px;
		height: auto;
		position: absolute;
	}	
	
	.headline_item_image{
		display:block;
		cursor:auto;	
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	.headline_item_image img {
		width: 100%;
		min-height: 110px;
	}
	
	.more-stories-content .headline_item_image img {
		min-width: 195px;
		min-height: 195px;
		max-width: 150%;
		max-height: 150%;
	}
	
	.news .headline_item_image img, .sports .headline_item_image img, .life .headline_item_image img, .money .headline_item_image img, .local .headline_item_image img, .travel .headline_item_image img, .weather .headline_item_image img {
		min-width: 191px;
		/* min-height: 191px; */
		max-width: 150%;
		max-height: 150%;
	}
	
	.listview .headline_item_image {
		display: block;
		overflow: hidden;
	}
	
	.listview .headline_item_main .headline_item_image img {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		overflow: hidden;
		min-width: 85px;
		min-height: 85px;
		max-width: 150%;
		max-height: 150%;
		border: 1px solid #e6e6e6;
	}		
	
	.headline_item_info{
		/*background: transparent;
		background: -moz-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(2%,transparent),color-stop(100%,rgba(0, 0, 0, 1)));
		background: -webkit-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
		background: -o-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
		background: -ms-linear-gradient(top,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom,transparent 0,transparent 2%,rgba(0, 0, 0, 1) 100%);
		-moz-transition: background-color .2s ease-out;
		-ms-transition: background-color .2s ease-out;
		-o-transition: background-color .2s ease-out;
		-webkit-transition: background-color .2s ease-out;
		background: transparent url(../files/images/template/pixel-black-70percent.png) repeat top left;
		border-top: 1px solid black;
		position: absolute;
		bottom: 0px;
		left: 0px;*/
		width: 100%;
		overflow: hidden;
		height: 60px;
	}
	
	.listview .headline_item_info{
		background: transparent;
		left: 0;
		width: 88%;
		width: calc(100% - 90px);
		height: auto;
		float: left;
		overflow: visible;
		border: 0;
		transition: none;
		top: 0;
	}
	/*
	.headline_item:hover .headline_item_info{
		height: 100%;
		background: rgba(0, 0, 0, .5);
	}
	*/
	.listview .headline_item:hover .headline_item_info{
		background: transparent;
		height:auto;
	}
	
	.headline_item_grid_title{
		height: 50px;
		margin: 5px;
		width: 92%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0;
	}
	
	.headline_item_grid_title span{
		color: #333;
		line-height: 1.5em;
		font-size: .7em
	}
	
	.mod-show .headline_item_grid_title span{
		font-size: .7em
	}

	/*
	.headline_item:hover .headline_item_grid_title{
		padding: 30px 15px 10px 15px;
	}
	*/
	.listview .headline_item_grid_title {
		clear: right;
		color: #333;
		float: right;
		height: auto;
		margin:0;
		width:580px;
		transition:none;
		padding:8px 20px 0;
	}	
	
	.listview .headline_item_grid_title span{
		display:block;

		color: #333;
	}
	
	.listview .headline_item:hover .headline_item_grid_title{
		padding:8px 20px 0;
	}
	
	.listview .headline_item:hover .headline_item_grid_title span{
		color: #0af;
	}
	
	.headline_item_grid_txt{
		margin: 0px 20px 0;
		height:100px;
		overflow:hidden;
	}
	
	.listview .headline_item_grid_txt{
		display:inline-block;
		height:auto;
		overflow:visible;
		color:#aaa;
	}

	.headline_item_grid_owner{
		height: 22px;
		margin: 0;
		overflow: hidden;
		padding-right: 20px;
		width: 200px;
		padding-bottom: .5em;	
	}
	
	.listview .headline_item_grid_owner{
		display:none;
	}

	.headline_item_list_item{
		display:none;
	}

	.listview .headline_item_list_item{
		display: list-item;
		list-style-type: none;
		clear: right;
		float: right;
		margin: 0 22px 0 0;
	}

	.headline_item_list_name{
		border-left: 1px solid #dedede;
		float: right;
		padding-left: 10px;
		display: list-item;
	}

	.headline_item_list_name span{
		color: #009bff;
	}
	
	.headline_item_list_time{
		float: right;
		padding-right: 10px;
		display: list-item;
	}
	
	.headline_item_list_time span{
		color:silver;
	}

	/*---------------------- Headline Bottom -----------------------*/
	
	.headlines_show_more {
		clear: both;
		margin: 0 auto 10px;
		text-align: center;
		padding-bottom: 10px;
		border-bottom: 1px solid #737373;
	}
	
	.button_add_content{
		background:transparent url(../files/images/template/button-add-content-back.png) repeat-x top left;
		color:#666;
		display:inline-block;
		line-height:12px;
		padding:11px 10px;
		position:relative;
		cursor:pointer;
		outline:0;
	}
	
	.button_add_content:before{
		background:transparent url(../files/images/template/button-add-content-caps.png) no-repeat top left;
		content:url(../files/images/template/button-add-content-icon-default.png);
		height:34px;left:-34px;overflow:hidden;position:absolute;top:0;
		width:34px;
	}
	
	.button_add_content:after{
		background:transparent url(../files/images/template/button-add-content-caps.png) no-repeat top right;
		content:'';
		height:34px;
		position:absolute;
		right:-16px;

		top:0;
		width:16px;
	}
	
	.button_add_content:hover:after{
		background-position:center right;
	}
	
	.button_add_content:active,.button_add_content:active:before{
		background-position:bottom left;
		color:#0af;
	}
	
	.button_add_content:hover:before{
		content:url(../files/images/template/button-add-content-icon-hover.png);
	}
	
	.button_add_content:active:before{
		content:url(../files/images/template/button-add-content-icon-open.png);
	}
	
	.button_add_content:active:hover:before{
		content:url(../files/images/template/button-add-content-icon-open-hover.png);
	}
	
	.button_add_content:active:after{
		background-position:bottom right;
	}
	
	.button_add_content:hover,.button_add_content:hover:before{
		background-position:center left;color:#0af;
	}
	
	.button_add_content.inactive{
		cursor:default;
	}
	
	.btn_headline_more.inactive{
		cursor: default;
		display: none;
	}
	
	.button_add_content.inactive:before{
		content: url(../files/images/template/button-add-content-icon-default.png);
	}
	
	.button_add_content.inactive:active:hover:before{
		content:url(../files/images/template/button-add-content-icon-default.png);
	}
	
	.button_add_content.inactive, .button_add_content.inactive:active, .button_add_content.inactive:hover, .button_add_content.inactive:before, .button_add_content.inactive:active:before, .button_add_content.inactive:hover:before {
		color: #CCC;
	}
	

/*-------------- All Bottom -----------------*/

.compelet_btn{
	background: white;
	background: -moz-linear-gradient(#FEFEFE,#E8E8E8);
	background: -ms-linear-gradient(#FEFEFE,#E8E8E8);
	background: -o-linear-gradient(#FEFEFE,#E8E8E8);
	background: -webkit-linear-gradient(#FEFEFE,#E8E8E8);
	background: linear-gradient(#FEFEFE,#E8E8E8);
	cursor: pointer;
	display: block;
	padding: 0 10px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	height: 30px;
}

.compelet_btn:hover{
	box-shadow:none;
}

.btn_headline {
	margin-left: 5px;
	margin-right: 5px;
	color: #fff;
	background-color: #989898;
	margin-top: 6.5px;
	width: 90px;
	float: left;
	padding: 3px 5px;
	text-align: right;
	cursor: pointer;
}

.btn_headline_more {
	margin: 0 auto;
	color: #fff;
	background-color: #989898;
	width: 150px;
	padding: 7px;
	text-align: center;
	cursor: pointer;
}

.btn_headline:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	width: auto;
	height: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0px auto;
	font-size: 14px;
	padding: 2px;
	float: left
}

.btn_headline_more:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	width: auto;
	height: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0px auto;
	font-size: 14px;
	padding: 2px;
	float: left
}

.btn_headline_style {
	right: 0;
	margin: 0;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	margin-top:10px;
}

.btn_headline_style .active{
	background:#17A2FF !important;
	border-color:#2a97ce;
	color:white;
}

.section_headline_header .btn_headline.active {
	background-color: #1c1c1c;
}

/*--------------------------------------------------*/

/*--------------- FEATURED CONTEN ------------------*/

.featured-content-primary {
	background: #dedede url(../files/images/template/noise-featured.png) repeat top left;
	overflow: hidden;
	position: relative;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.featured-content-series {
	display: table;
	padding: 27px 0 10px;
	margin: 0;
	right:-2px;
	position: relative;
	-webkit-transition-duration: 0;
}

.featured-content-item-wrap {
	display: table-cell;
}

.featured-content-item {
	display: block;
	text-align: center;
	position:relative;
}

a.featured-content-a {
	border-right: 1px solid #c3c3c3;
	color: #000;
	display: block;
	padding: 0 25px;
	width: 149px;
	min-height: 200px;
}
/*
.no-border.featured-content-a {
	border-right: 0;
}
*/
.featured-content-img {
	border: 2px solid #fff;
	box-shadow: 0 4px 8px 0 #bebebe;
	width: 140px;
	height: 140px;
}

.featured-content-module .play-btn-m {
	bottom: 36px;
	left: 95px;
	margin-bottom: -24px;
}
.play-btn-m {
	background: url(../files/images/template/video-play-24x24.png) no-repeat;
	height: 24px;
	position:absolute;
	width: 24px;
	top:  100px;
	left: 30px;
}

.featured-content-h3 {
	text-align: center;
	line-height: 18px;
	margin-bottom: 4px;
	margin-top: 7px;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#333;
}


.paginator-indicator {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.paginator-indicator-target {
	cursor: pointer;
	display: inline-block;
	line-height: 12px;
	padding: 8px;
	margin: 2px;
}

.paginator-indicator-bullet {
	background-color: #b2b2b2;
	background-color: rgba(0,0,0,.3);
	border-radius: 6px;
	box-shadow: 0 1px 0 0 rgba(255,255,255,.2),inset 0 1px 0 1px rgba(0,0,0,.3);
	display: inline-block;
	height: 12px;
	width: 12px;
}

.paginator-indicator-bullet.active {
	cursor: default;
}

.paginator-indicator-bullet.active:after {
	background-color: #fff;
}

.paginator-indicator-bullet:after {
	background-color: #ebebeb;
	background-color: rgba(255,255,255,.1);
	border-radius: 4px;
	content: '';
	display: block;
	height: 8px;
	margin: 2px;
	width: 8px;
}

.paginator-indicator-bullet.active:after {
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.6);
	content: '';
	display: block;
	height: 8px;
	margin: 2px;
	width: 8px;
}


/*----------------------- Twitter -----------------------*/

.twitter-module {
	height: auto;
}

.tweet-list {
	height: auto;
	line-height:15px;

	list-style: none;
}

.twitter-row {
	display: table-row;
	width: 100%;
}

.twitter-column-1 {
	padding-left: 10px;
}

.tweet-item {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	padding: 20px;
	width: 360px;
}

.twitter-follow {
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
	background-image: -moz-linear-gradient(top,#fff,#dedede);
	background-image: -o-linear-gradient(top,#fff,#dedede);
	background-image: -ms-linear-gradient(top,#fff,#dedede);
	background-image: linear-gradient(top,#fff,#dedede);
	border: #ccc solid 1px;
	border-radius: 3px;
	clear: none;
	cursor: pointer;
	float: left;
	font-weight:bold;
	height: 20px;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	width: 75px;
}

a.twitter-follow-label {
	padding: 0 19px 0 3px;
	white-space: nowrap;
	color: #333;
	margin:0;
}

.twitter-follow-label:after {
	background-image:url(../files/images/template/download.png);
	content: '';
	height: 13px;
	right: 2px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 16px;
}

.tweet-meta {
	margin: 5px 0 0;
	padding-bottom: 10px;
	width: 100%;
}

.tweet-meta-link, .tweet-meta-link:visited {
	color: #000;
}

.tweet-meta-time {
	color: #666;
	margin:0;
}

.tweet {
	line-height: 10px;
	margin: 0 .25em 2px;
}

.tweet span{
	color:#333;
	display:block;
}

.tweet a{
	color:#0af;
}

.tweet a:hover {
	color: #1a95d2;
}

.tweet-actions {
	float: right;
	width:100%;
}

.tweet-action-link {
	color: #a4a4a4;
	float: right;
	margin:0 0 0 3px;
	padding: 0 2px 0 0;
}

.tweet-action-link:visited {
	color: #a4a4a4;
}

.tweet-actions>.tweet-reply:hover, .tweet-actions>.tweet-retweet:hover, .tweet-actions>.tweet-favorite:hover {
color: #666;
}

.tweet-meta-link:hover {
	color: #007ccf;
}

.tweet_time_ago{
	color:#000;
}

.tweet-actions>.tweet-reply:before {
	background: url(../files/images/template/reply.png) no-repeat 0 0;
	content: "";
	display: block;
	float: right;
	height: 16px;
	width: 20px;
}

.tweet-actions>.tweet-reply:hover:before {
	background: url(../files/images/template/reply_hover.png) no-repeat 0 0;
}

.tweet-actions>.tweet-retweet:before {
	background: url(../files/images/template/retweet.png) no-repeat 0 1px;
	content: "";
	display: block;
	float: right;
	height: 16px;
	width: 20px;
}

.tweet-actions>.tweet-retweet:hover:before {
	background: url(../files/images/template/retweet_hover.png) no-repeat 0 0;
}

.tweet-actions>.tweet-favorite:before {
	background: url(../files/images/template/favorite.png) no-repeat 0 0;
	content: "";
	display: block;
	float: right;
	height: 16px;
	width: 20px;
}

.tweet-actions>.tweet-favorite:hover:before {
	background: url(../files/images/template/favorite_hover.png) no-repeat 0 0;
}

.tweet-meta-link>.avatar {
	height: 25px;
	width: 25px;
}

.avatar {
	border: 2px solid #fff;
	float: right;
	margin-left: 10px;
}


.twitter-column-0 {
	padding-right: 10px;
}

/*--------------------------------------------------*/

/*----------------- MOST POPULAR --------------------*/

.most-popular-items {
	width: 100%;
}

/*---------------------------------------------------*/

/*----------------------- BLOGS ---------------------*/

.blogs-module {
	background: #2e2e2e/* url(../files/images/template/noise.png) repeat top left*/;
	margin: 0 auto;
	width: 100%;
}

.blogs {
	position: relative;
}

.blogs-mod-scrolling-stage {
	overflow: hidden;
	height: 120px;
	position: relative;
	width: 94%;
	margin: 0 auto;
}

.blogs-mod-list {
	list-style-type: none;
	right: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 16px;
	min-width: 7700px;
}

.blogs-mod-item {
	border-right: 1px solid #373737;

	border-left: 1px solid #1b1b1b;
	cursor: pointer;
	float: right;
	height: 87px;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	width: 149px;
}

.blogs-mod-index {
	line-height: 14px;
	margin: 0 0 5px;


	text-align:center;
	color:#fff;
}

.blogs-mod-index .blogs-mod-index-link {
	color: inherit;
	display: inline-block;
	padding-right: 17px;
	position: relative;
}

.blogs-mod-index-link:before {
	background: transparent url(../files/images/template/blogs-sprite.png) no-repeat top left;
	content: '';
	height: 13px;
	right: 0;
	position: absolute;
	top: 5px;
	width: 12px;
}

.blogs-mod-headline {
	color: #999;
	margin: 0 0 8px;
	min-height: 28px;
	line-height:14px;
	text-align:center;
}

.blogs-mod-headline .blogs-mod-headline-link{
	font-size: 14px;
	font-weight:bold;
	line-height: 8px;
	
}

.blogs-mod-headline-link:link, .blogs-mod-headline-link:visited, .blogs-mod-headline-link:active {
	color: #999;
}

.blogs-mod-headline-link:link, .blogs-mod-headline-link:visited, .blogs-mod-headline-link:active {
	color: #999;
}

.blogs-mod-item .blogs-mod-meta {
	color: #999;
	line-height: 16px;
	margin: 0 6px 0;
}

.blogs-mod-meta .blogs-mod-time {
	border: 0;
	color: inherit;
	display: inline-block;
	margin: 0;
	padding: 0 14px 0 0;
	position: relative;
	white-space: nowrap;
}

.blogs-mod-meta .blogs-mod-time:before {
	background: transparent url(../files/images/template/blogs-sprite.png) no-repeat 0 -18px;
	content: '';
	height: 11px;
	right: 0;
	position: absolute;
	top: 2px;
	width: 9px;
}

.blogs-mod-item {
	cursor: pointer;
	text-align: center;
}

.blogs-mod-scroller-left {
	left: 10px;
}

.blogs-mod-scroller {
	background: transparent url(../files/images/template/blogs-sprite.png) no-repeat 0 -34px;
	font-size: 0;
	height: 22px;
	margin-top: -11px;
	position: absolute;
	overflow: hidden;
	text-indent: 105%;
	white-space: nowrap;
	top: 50%;
	width: 14px;
}

.blogs-mod-scroller-left.disabled, .blogs-mod-scroller-left.disabled:hover, .blogs-mod-scroller-left.disabled:active {
	background-position: -51px -34px;
	cursor:default;
}

.blogs-mod-scroller-right.disabled, .blogs-mod-scroller-right.disabled:hover, .blogs-mod-scroller-right.disabled:active {
	background-position: -54px -74px;
	right: 10px;
	cursor:default;
}

.blogs-mod-scroller-right {
	background-position: -3px -74px;
	right: 10px;
}

.blogs-mod-scroller-left:hover {
	background-position: -17px -34px;
}

.blogs-mod-scroller-right:hover{
	background-position:-20px -74px;
	right:10px;
}

.blogs-mod-item:hover .blogs-mod-index-link {
	color:#0af;
}

.blogs-mod-item:hover .blogs-mod-index-link:before {
	background-position: -17px 0;
}

.blogs-mod-item:hover .blogs-mod-headline-link {
	color:#eee;
}

.blogs-mod-item:hover .blogs-mod-meta{
	color:#eee;
}

.blogs-mod-item:hover .blogs-mod-meta span:before {
	background-position: -18px -18px;
}

/*--------------------------------------------------------------*/

/*----------------------- Sport Navigation ---------------------*/

.sports-nav-module {
	margin:0 auto;
	z-index: 20;
	margin-bottom: 10px;
}

.sp-nav {
	background: #d60002;
	height: 40px;
	line-height: 13px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
	overflow: hidden;
}

.sp-nav-title {
	border-right: 0;
	float: right;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	width: 110px;
    border-left: 1px solid rgba(0,0,0,.15);
    border-right: 1px solid rgba(255,255,225,.14);	
}

.sp-nav-title-link, .sp-nav-title-link:visited {
	color: #fff;
	display: block;
	height: 40px;
	line-height: 43px;
	font-weight: bold;
}

.sp-nav-item {
	/*box-shadow: inset -1px 0 0 #801312;
	border-right: 1px solid #ad3127;*/
	line-height: 13px;
	list-style: none;
	float: right;
    border-left: 1px solid rgba(0,0,0,.15);
    border-right: 1px solid rgba(255,255,225,.14);	
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.sp-nav-item:hover{
	background-color:#801312;	
	background-color:rgba(80,13,12,0.3);	
}

.sp-nav-link {
	color: #fff;
	display: block;
	height: 40px;
	line-height: 43px;
	padding: 0 31px;
}

.sp-nav-more {
	/*box-shadow: inset -1px 0 0 #801312;
	border-right: 1px solid #ad3127;*/
	line-height: 13px;
	list-style: none;
	float: left;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	position: relative;
	border-left: 1px solid rgba(0,0,0,.15);
}

a.sp-nav-link-more {
	padding: 0 27px;
	background-color:#801312;	
	background-color:rgba(80,13,12,0.3);	
}

.sp-nav-link.more:after {
	content: '';
	display: inline-block;
	height: 0;
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: #fff;
	border-width: 4px 4px 0;
	line-height: 0;
	margin: 0 5px 0 0;
	position: relative;
	top: -3px;
	width: 0;
}

.sp-nav-more-fly {
	background-color: #1e1e1e;
	box-shadow: inset 0 3px 0 rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.5);
	display: none;
	overflow: hidden;
	padding: 30px 0;
	position: absolute;
	left: 0;
	top: 40px;
	white-space: nowrap;
	z-index: 100;
	text-transform: none;
}

.sp-nav-more-list {
	border-left: 1px solid #393939;
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0 40px 0 30px;
	text-align: right;
	vertical-align: top;
}

.sp-nav-more-list {
	list-style: none;
	text-align: right;
}

a.sp-nav-more-link {
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 6px 0;
}

.sp-heads {
	height: 0;
	overflow: hidden;
	position: relative;
}

.sp-heads.open-menu {
	height: auto;
}

.sp-head {
	background-color: #272727;
	/*background-image: url(../files/images/template/sp-head-noise.png);*/
	box-shadow: inset 0 3px 5px -2px rgba(0,0,0,.5);
	border-bottom: 1px solid #323232;
	border-bottom: 1px solid rgba(255,255,255,.1);
	clear: both;
	height: 89px;
	right: 0;
	margin: 0 auto;
	position: absolute;
	top: 0;
	width: 100%;
}

.sp-head-title, .sp-head-title:visited {
	color: #fff;
	display: block;
	float: right;
	height: 75px;
	margin: 15px 32px 0 0;
}

.sp-head-title-name {
	display: block;
	font-size: 36px;
	text-shadow: 0 2px 1px rgba(0,0,0,.3);
	height: 75px;
}

.sp-head-nav {
	float: left;
	margin: 30px 0 0 20px;
	position: relative;
}

.sp-head-item:first-child {
	border: 0;
}

.sp-head-item {
	border-right: 1px solid #373737;
	border-right: 1px solid rgba(255,255,255,.1);
	float: right;
	font-size: 17px;
	list-style: none;
}

a.sp-head-link {
	color: #fff;
	font-size:16px;
	display: block;
	margin-bottom: 1px;
	padding: 4px 10px;
	position: relative;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

.sp-head-link:after {
	background: transparent;
	content: '';
	display: block;
	height: 2px;
}

.sp-head-link-arrow {
	content: '';
	display: inline-block;
	height: 0;
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: #b81800;
	border-width: 4px 4px 0;
	line-height: 0;
	margin: 0 5px 0 0;
	position: relative;
	top: -3px;
	width: 0;
}

.sp-details-open {
	cursor: pointer;
}

.sp-head-item.more {
	border: 0;
	position: relative;
}

.sp-head-link.more {
	background: #000;
	background: rgba(0,0,0,.4);
	border: 1px solid #292929;
	border-color: rgba(255,255,255,.1);
	border-radius: 2px;
}

.sp-head-link-arrow {
	content: '';
	display: inline-block;
	height: 0;
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: #b81800;
	border-width: 4px 4px 0;
	line-height: 0;
	margin: 0 5px;
	position: relative;
	top: 0;
	width: 0;
}

.sp-head-more-fly {
	background: #333;
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
	display: none;
	list-style: none;
	margin: 0;
	padding: 10px 0;
	position: absolute;
	left: 0;
	top: 30px;
	z-index: 100;
}

a.sp-head-more-fly-link {
	color: #fff;
	display: block;
	font-weight: 700;
	padding: 8px 6px 6px 20px;
	white-space: nowrap;
}

.sp-details-film {
	background-color: #000;
	display: none;
	opacity: .7;
	filter: alpha(opacity=70);
	position: fixed;
	top: 0;








	left: 0;
	right: 0;
	bottom: 0;
	z-index: 120;
}

.sp-details-box, .sp-details-box-home {
	background-color: #fff;
	box-shadow: 0 3px 8px rgba(0,0,0,.5);
	min-height: 350px;
	display: none;
	z-index: 1000;
}

.sp-details-close {
	background-image: url(../files/images/template/button-close.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 48px;
	position: absolute;
	left: -31px;
	top: -18px;
	width: 50px;
	z-index: 500;
}

.sp-loading-details {
	background-color: transparent;
	background-image: url(../files/images/template/windmill-loader_2x_light.gif);
	background-position: 48% 45%;
	background-repeat: no-repeat;
}
.sp-details-data {
	height: 100%;
	min-height: 350px;
	margin: 10px;
	z-index: 1001;
}

.sp-head.active {
	z-index: 70;
}

/*--------------- Talk ---------------------*/

.talk-main{
    width: 100% !important;
    margin: .5em !important;
    box-sizing: border-box !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    border: 1px solid #efefef !important;	
	background-color: #fff !important;
}

.talk-item{
    padding: .5em;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #efefef;		
}

.talk-item-box-image{
    width: 80px;
    height: 80px;
    position: absolute;
    right: .5em;
    top: .5em;	
}

.talk-item-image{
    width: 70px;
    height: 70px;
    border-radius: 50%;	
	border: 1px solid #f2f2f2;
}

.talk-item-box-info{
    width: 100%;
    overflow: hidden;
    padding-right: 80px;
    box-sizing: border-box;	
}

.talk-item-name{
    display: block;
    height: 30px;
    text-align: right;
    color: #222;	
	font-size: 1em;
    line-height: 1.8em;
	font-weight:  bold;
	padding-top: .5em;
}

.talk-item-date{
    display: block;
    width: 100%;
    height: 20px;
	color: #a1a1a1;
	font-size: 11px;
}

.talk-item-share{
    position: absolute;
    left: 1em;
    top: 1em;
    height: 20px;
    width: 20px;
    overflow: hidden;	
}

.talk-item-body{
	color: #444;
    text-align: justify;
    direction: rtl;
    font-family: IRANSans, Tahoma, Geneva, sans-serif;
    font-size: .9em;
    line-height: 1.8em;
    margin-left: 1em;
	cursor: pointer;
}

.talk-item-comment{
    float: left;
    display: block;
    margin-left: 2em;	
	color: #d60000;
	font-size: 1em;
	cursor: pointer;
}

.talk-item-seen{
    float: left;
    display: block;
    margin-left: 2em;	
	color: #c8c8c8;
	font-size: 1em;
}

.talk-item-like{
    float: left;
    display: block;
    margin-left: 2em;	
	color: #c8c8c8;
	font-size: 1em;
	cursor: pointer;
}

.talk-item-seen:before, .talk-item-comment:before, .talk-item-like:before{
	font-size: 1.3em;
	margin-right: .2em;
}

.main-talk-comment{
    position: absolute;
    background: rgba(0,0,0,.7);
    width: 100%;
    top: 0;
    bottom: 0;
	display: none;
}

.main-talk-comment.show{
	display: block;
}

.main-talk-comment #comment_email, .main-talk-comment #comment_name{
	margin:  0;
	float: left;
}

.main-talk-comment .comment-send-code{
	margin-top: 2em;
}

.talk-comment{
    text-align: right;
    width: 90%;
    margin: 100px auto;
    background: #fefefe;
    padding: 2em;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}

.talk-close-comment{
	position: absolute;
    left: 1.5em;
    top: 1em;
    width: 15px;
    height: 15px;
    font-family: 'FontAwesome';
    color: #333;
	cursor: pointer;
}

.talk-close-comment:before{
	content: '\f00d';
	font-size: 2em;
}

/*--------------- Gallery Front ---------------------*/

	/*-------------------- Gallary Title ---------------------*/
	
	.front-gallery-item {
		border-bottom: 1px solid rgba(0,0,0,.15);
		border-top: 1px solid rgba(255,255,225,.14);
		line-height: 12px;
		padding: 0;
	}
	
	.front-gallery-item:hover {
		background-color: transparent;


		background-color: rgba(0,0,0,.05);
		border-bottom-color: rgba(0,0,0,.05);
		border-top-color: rgba(0,0,0,.05);
		cursor: pointer;
	}
	
	.galleries {
		height: 680px;
		position: relative;
		width: 100%;
	}
	
	.front-gallery-link{
		color:#fff;
		padding:15px;
		display:block;
	}
	
	.front-gallery-item.selected {
		background-color: rgba(0,0,0,.2);
		border-bottom: 0;
		border-top-color: rgba(0,0,0,.35);
		position: relative;
	}
	
	.front-gallery-item.selected:after {
		background: transparent url(../files/images/template/notch.png) no-repeat -24px -9px;
		content: '';
		height: 16px;
		margin-top: -8px;
		position: absolute;
		left: 0;
		top: 50%;
		width: 10px;
	}
	
	/*----------------------------------------------------------------*/
	
	/*------------------------- Gallery Main -------------------------*/

	
	.front-galleries-primary {
		position: relative;
		background-color: #fff;
		margin-bottom: 10px;
	}
	
	.front-gallery {
		display: none;
		height: 680px;
	}
	
	.front-gallery.selected {
		display: block;
	}
	
	.galleries {
		height: 680px;
		position: relative;
		width: 100%;
	}
		
	.front-gallery .gallery-viewport, .gallery-primary .gallery-viewport {
		height: 540px;
	}
		
	.gallery-viewport {
		display: table;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		vertical-align: middle;
		width: 100%;
		z-index: 0;
	}
	
	.gallery-viewport>.gallery-viewport-slide {
		display: none;
		height: 100%;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 0;
	}
	
	.slide {
		display: none;
	}	
	
	.gallery-viewport>.active, .hover:hover>.active>.gallery-photo-border>.gallery-viewport-meta, .active>.gallery-photo-border>.on, .hover>.slide-nav {
		opacity: 1;
		visibility: visible;
	}
	
	.gallery-viewport>.active {
		display: table-cell;
		text-align: center;
		z-index: 1;
	}
	
	.gallery-viewport>.gallery-viewport-slide {
		display: none;
		height: 100%;
		opacity: 0;
		position: absolute;
		text-align: center;
		width: 100%;
		z-index: 0;
	}
	
	.gallery-viewport>.gallery-viewport-slide.active {
		display: block;
		opacity: 1;

	}
	
	.slide.active {
		display: block;
	}
	
	.slide {
		display: none;
	}
		
	.gallery-photo-border {
		box-shadow: 0 4px 8px 0 #c8c8c8;
		display: inline-block;
		margin-top: 5px;
		padding: 5px;
		position: relative;
		text-align: center;
	}
		
	.gallery-photo {
		cursor: pointer;
		margin:0;
		padding:0;
	}
		
	meta {
		display: none;
	}
	
	.gallery-photo-border>.gallery-viewport-meta {
		color: #999;
		font-size: 11px;
	}
	
	.gallery-photo-border>.gallery-viewport-meta, .galleries>.slide-nav {
		opacity: 0;
		-moz-transition: opacity .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out;
		transition: opacity .2s ease-in-out;
	}
		
	.gallery-photo-border>.gallery-viewport-meta {
		background-color: rgba(0,0,0,.6);
		border-top: 1px solid #020202;
		bottom: 5px;
		display: table-row;
		left: 5px;
		padding: 7px 0;
		position: absolute;
		right: 5px;
	}
	
	.gallery-viewport-meta>.gallery-viewport-caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		display: table-cell;
		line-height: 18px;
		padding: 3px 18px;
		text-align: right;
		vertical-align: middle;
		width: 100%;
	}

	.gallery-photo-border>.gallery-viewport-meta>.toolbox {
		display: table-cell;
		padding: 0 9px 0 0;
		width: 46px;
	}

	.toolbox .gallery-viewport-fullscreen-link {
		border: 1px solid #111;
		border-radius: 3px;
		color: #999;
		cursor: pointer;
		direction: ltr;
		display: block;
		float: left;
		font: 700 11px arial,sans-serif;
		height: 21px;
		
		line-height: 18px;
		margin: 0 5px;
		overflow: hidden;
		padding: 7px 5px 1px;
		text-indent: -101%;
		width: 17px;
	}
	
	.toolbox .gallery-viewport-fullscreen-link>.meta-fullscreen {
		background: url(../files/images/template/ft-share-btns.png) no-repeat;

		background-position: -170px -4px;

		margin-right: -2px;
		clear: none;
		float: right;
		height: 20px;
		width: 20px;
	}
	
	.toolbox .gallery-viewport-fullscreen-link {
		color: #999;
		cursor: pointer;
		direction: rtl;
		line-height: 18px;
		text-indent: -101%;
	}
	
	.gallery-viewport-caption>.credit {
		color: #999;
		display:inline-block;
		padding:0 5px;
	}
	
	.toolbox .gallery-viewport-fullscreen-link:hover>.meta-fullscreen {
		background-position: -212px -4px;
	}
	
	.toolbox .gallery-viewport-fullscreen-link:hover {
		color: #fff;
		border-color:#ccc;
	}

	.gallery-thumbs {
		bottom: 0;
		height: 100px;
		left: 16px;
		overflow: hidden;
		position: absolute;
		right: 15px;
	}

	.gallery-thumbs .thumbswrapper {
		padding: 4px 1px 0 0;
	}

	.thumbswrapper>.thumbslist {
		display: inline-block;
		list-style: none;

		list-style-image: none;
		margin: 0;
		position: relative;
	}

	.thumbslist>.thumb-item {
		cursor: pointer;
		display: table-cell;
		height: 77px;
		margin: 5px;
		position: relative;
		width: 102px;
		box-sizing: border-box;
		box-shadow: 0 4px 8px 0 #c8c8c8;
		display: inline-block;
		margin-top: 5px;
		padding: 5px;
		float: right;
		border: 1px solid #eee;
	}

	.thumb-item>.thumb-link {
		display: inline-block;
		padding: 0;
		-moz-transition: border-color .5s;
		-o-transition: border-color .5s;
		-webkit-transition: border-color .5s;
		transition: border-color .5s;
	}
	
	.thumbslist>.thumb-item.active {
		background-color: #1ea3ff;
	}
	
	.thumb-link>.thumb-image {
		height: 75px;
		max-width: none;
		width: 100px;
	}
	
	.ui-light.horizontal-scroll {
		background: #ececec;
		border-bottom: solid 1px #fff;
		box-shadow: inset 0 1px 0 0 #e3e3e3;
		border-top: solid 1px #d2d2d2;
	}
	
	.horizontal-scroll {
		border-radius: 2px;
		height: 7px;
		right: 2px;
		position: absolute;
		bottom: 12px;
		left:2px;
	}
	
	.ui-light.horizontal-scroll>.scrolldragger {
		background: #f7f7f7;
		border: solid 1px #c9c9c9;
		box-shadow: inset 0 1px 0 0 #fff;
	}
	
	.horizontal-scroll>.scrolldragger {
		border-radius: 3px;
		height: 6px;
		margin: -1px 0 0 0;
		padding: 0;

		width: 150px;
	}

	.scrolldragger {
		cursor: pointer;
		position: relative;
	}
	
	.horizontal-scroll>.scrolldragger:hover {
		border-radius: 8px;
		height: 12px;
		margin: -4px 0 0 0;
	}
	
	.horizontal-scroll>.scrolldragger:hover>.over-icon {
		background:url(../files/images/template/ui-sprite.png) no-repeat 0 0;
		height: 6px;
		margin: 3px auto;
		width: 14px;
	}	
	
	.ui-light.horizontal-scroll>.scrolldragger:hover>.over-icon {
		background-position: -763px -7px;
	}
	
	
		
	/* full screen*/ 

	.feature-btns {
		display: none;
	}
	
	.feature-btns .ticker {
		background: 0;
		border: 0;
		color: #999;
		margin-left: 10px;
		min-width: 30px;
		padding-right: 0;
	}
	.feature-btns .feature-btns-control {
	background: #1c1c1c;
	border: 1px solid #333;
	border-radius: 3px;
	clear: none;
	color: #fff;
	cursor: pointer;
	float: left;
	font: 700 11px arial,sans-serif;
	height: 8px;
	margin: 6px 30px 0 13px;
	min-width: 66px;
	padding: 6px 27px 11px;
	}
	
	.feature-btns .feature-btns-label {
	background: url(../../files/images/template/galleries-sprite.png) no-repeat 0 -105px;
	float: left;
	height: 12px;
	padding-left: 15px;
	}
	Inherited from div.autoplay.feature-btns-control
	.feature-btns .feature-btns-control {
	color: #fff;
	cursor: pointer;
	font: 700 11px arial,sans-serif;
	}
	Inherited from body.site-theme-usatoday
	
	.feature-btns .thumbnails .feature-btns-label {
	background-position: 0 -116px;
	padding-left: 20px;
	width: auto;
	}
	.feature-btns .feature-btns-label {
	background: url(../../files/images/template/galleries-sprite.png) no-repeat 0 -105px;
	float: left;
	height: 12px;
	padding-left: 15px;
	}
	.feature-btns .feature-btns-control {
	color: #fff;
	cursor: pointer;
	font: 700 11px arial,sans-serif;
	}
	
	.feature-btns .captions .feature-btns-label {
	background-position: 0 -128px;
	padding-left: 30px;
	width: auto;
	}
	.feature-btns .feature-btns-label {
	background: url(../../files/images/template/galleries-sprite.png) no-repeat 0 -105px;
	float: left;
	height: 12px;
	padding-left: 15px;
	}

/*------------------- page 3 -----------------------*/

.transition-wrap {
	margin: 0 auto;
	position: relative;
	width: 100%;
	z-index: 110;
}

.asset {
	margin: 0 auto;
	padding: 0 0 0 30px;
	position: relative;
	top: 0;
	width: 950px;
	z-index: 115;
	background: #fff url(../files/images/template/paper-noise.png) repeat top right;
}

#overlay .close-wrap {
	position: absolute;
	z-index: 112;
	width: 980px;
	position: absolute;
	top: 0px;
	left:0;
}

#overlay .close {
	background: url(../files/images/template/ui-sprite.png) -150px -205px no-repeat;
	height: 50px;
	position: absolute;
	left: -25px;
	overflow: hidden;
	text-indent: 105%;
	top: 10px;
	white-space: nowrap;
	width: 50px;
}

.utility-bar-wrap {
	background: #dadada; /*url(../files/images/template/utility-bar-noise.png);
	box-shadow: inset 2px 0 4px -1px rgba(0,0,0,.2);*/
	bottom: 0;
	
	height: 100%;
	position: absolute;
	top: 0;
	width: 40px;
	z-index: 211;
	right:0;
	overflow: visible !important;	
}

.utility-bar {
	height: 100%;
	padding-top:50px;
}

.util-bar-primary-modules {
	border-bottom: 0;
	box-shadow: none;
	padding-bottom: 0;
	position: absolute;
	top: 50px;
	width: 40px;
}

.heightfixed{
	position: fixed;
	top: 80px;
}

.height-fixed-end{
	position: absolute;
	top: auto;
	bottom: 5px;
}

.util-bar-btn, .util-bar-btn:visited {
    /* border-top: 1px solid #bdbdbd; */
    /* box-shadow: inset 0 1px 1px #e2e3e5; */
    color: #000;
    display: block;
    padding: 0 2px;
    position: relative;
    text-align: center;
    width: auto;
    float: right;
    margin: 0;
    font-size: 1.1em;
/*	text-shadow: 0 1px 0 rgba(255,255,255,.7);
	-webkit-transition: background-color .1s,color .1s,box-shadow .1s;
	-moz-transition: background-color .1s,color .1s,box-shadow .1s;
	-ms-transition: background-color .1s,color .1s,box-shadow .1s;
	-o-transition: background-color .1s,color .1s,box-shadow .1s;
	transition: background-color .1s,color .1s,box-shadow .1s;*/
}

.inline-share-tools.asset-inline-share-tools-top{
    position: absolute;
    bottom: 0;
    z-index: 3;
    height: 40px;
    left: 0;
    right: 0;
    margin: 0;
	padding-top: 7px;	
}

.util-bar-module.util-bar-module-print{
	float: left;
    width: 115px;
    height: 30px;
}

.util-bar-module.util-bar-module-print.show-all{
	width: auto;
}

.util-bar-module.util-bar-module-print a{
	float: left;
	padding: 0 4px;
}

.util-bar-module-print .icon-link2{
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background-color: orange;
    padding: 0;
    margin-top: 5px;
    font-size: .9em;
    cursor: pointer;
    float: left;
    position: relative;
    color: #fff;
    margin-left: 5px;
}

.util-bar-module-print .icon-link2:before{
	top: 4px;
    left: 4px;
    position: absolute;
}

.copy-link{
    display: none;
    position: absolute;
    background: rgba(0,0,0,.7);
    top: 40px;
    padding: 10px;
    right: 0px;
    border-radius: 4px;
}

.copy-link:after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 10px;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    opacity: .7;
}

.copy-link span{
	display: block;
    width: 100%;
    text-align: center;
    line-height: 1.5em;
}

.util-bar-module-print .able{
	display: block;
}

.main-share-box .able{
	display: block;
}

.icon-more_horiz:before {
	color: #fff;
}

.util-bar-btn-facebook:before {
	color: #1f3ab1;
}

.util-bar-btn-plus:before {
	color: #e03119;
}

.util-bar-btn-twitter:before{
	color: #26a4e5;
}

.util-bar-btn-linkedin{
	color: #1f2f76 !important;
}

.util-bar-btn-telegram{
	color: #51b4e8 !important;
}

.util-bar-btn-whatsapp{
	color: #00e676 !important;
}

.util-bar-btn:before {
	display: block;
	margin: 5px auto;
	margin-bottom: 0;
	position: relative;
	font-size: 1.2em;
}

.util-bar-btn.active, .util-bar-btn.active:hover {
	background: #e8e8e8;
	box-shadow: none;
}

.util-bar-btn span{
	color: #838485;
}

.util-bar-primary-modules .util-bar-btn:hover, .util-bar-primary-modules .util-bar-btn:active {
	/*background: #e8e8e8;
	box-shadow: inset 0 1px 1px #e2e3e5,inset 2px 0 4px -1px rgba(0,0,0,.2);*/
}

.util-bar-flyout-share {
	display: none;
	width: 320px;
}

.util-bar-flyout {
	background: #fff;
	cursor: default;
	right: -1000px;
	position: absolute;
	top: 0;
	visibility: hidden;
}


.util-bar-btn-comments span{
	margin: 5px;
	display: block;
}
.util-bar-btn-comments:before {
	color: #969696;
	font-size: .9em;
}

.util-bar-btn-comments{
	cursor: pointer;
}

.util-bar-flyout-comments {
	width: 456px;
}

.util-bar-btn.active, .util-bar-btn.active:hover {
    /*background: url(../files/images/template/utility-bar-active-noise.png) repeat scroll 0 0 #E8E8E8;*/
    box-shadow: none;
}

.util-bar-btn:hover {
    /*background: none repeat scroll 0 0 #E8E8E8;
    box-shadow: 0 1px 1px #E2E3E5 inset, 2px 0 4px -1px rgba(0, 0, 0, 0.2) inset;*/
}

	/*-------- facebook page -----*/
	
	.util-bar-flyout {
		background: #fff;
		cursor: default;
		right: -1000px;
		position: absolute;
		top: 0;
		visibility: visible;
	}
	
	.util-bar-flyout.open {
		right: 40px;
		bottom: 0;
		background: #e8e8e8;
		box-shadow: -3px 0 3px 0 rgba(0,0,0,.2);
		display: block;
		top: 0px;
		visibility: visible;
		position: absolute;
		border-radius: 5px;
	}
	
	util-bar-flyout-pane-share {
		display: block;
		top: 0px;
		-webkit-transform: translate(0, 0px);
	}
	
	.util-bar-flyout-pane {
		padding: 0 0 15px;
	}
	
	.scrollable-content {
		position: relative;
	}
	
	.util-bar-flyout-heading {
		padding: 5px;
		/*border-bottom: 1px solid rgba(187,189,191,.5);*/
	}
	
	.util-bar-flyout-title {
		color: #333;
		text-transform: uppercase;
		margin: 0 0 5px 10px;
		padding: 0;
		text-shadow: 0 1px 0 #fff;
	}
	
	.util-bar-flyout-subtitle {
		line-height: 16px;
		margin-bottom: 9px;
		color: gray;
		color: rgba(0,0,0,.5);
	}
	
	.util-bar-flyout-nav {
		float: right;
		margin: 20px 9px 10px 10px;
		width: 100%;
	}

	.util-bar-flyout-nav-btn-wrap {
		border-left: 1px solid #fff;
		box-shadow: inset 1px 0 0 0 silver;
		float: right;
		height: 20px;
		width: 44px;
	}	
	
	.util-bar-flyout-nav-btn {
		border-radius: 2px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #e8e8e8;
		cursor: pointer;
		display: block;
		height: 30px;
		margin: 0 6px;
		outline: 0;
		overflow: hidden;
		position: relative;
		text-indent: 105%;
		top: -5px;
		width: 30px;
	}

	.util-bar-flyout-nav-btn:hover {
		background-color: #fff;
		border: 1px solid silver;
	}	
	
	.util-bar-flyout-nav-btn.active, .util-bar-flyout-nav-btn.active:hover {
		background-color: #3a3a3a;
		border: 0;
		box-shadow: inset 1px 0 0 #0c0c0c,inset -2px 0 0 #0c0c0c;
	}

	.util-bar-flyout-nav-btn:before {
		background-image: url(../files/images/template/utility-contribute-new-sprite.png);
		content: '';
		display: block;
		margin: 8px auto 20px;
		position: relative;
	}	
	
	.util-bar-flyout-nav-btn-facebook:before {
		background-position: -285px -35px;
		height: 15px;
		top: -1px;
		width: 8px;
	}
	
	.util-bar-flyout-nav-btn-facebook.active:before {
		background-position: -285px -7px;
	}
		
	.util-bar-flyout-nav-btn-email:before {
		background-position: -250px -36px;
		height: 12px;
		right: 1px;
		width: 14px;
	}
	
	.util-bar-flyout-nav-btn-email.active:before {
		background-position: -250px -8px;
	}

	.util-bar-flyout-nav-btn-twitter:before {
		background-position: -14px -9px;
		height: 14px;
		right: 1px;
		width: 15px;
	}
	
	.util-bar-flyout-nav-btn-googleplus:before {
		background-position: -41px -9px;
		height: 16px;
		right: 2px;
		top: -1px;
		width: 17px;
	}
	
	.util-bar-flyout-nav-btn-linkedin:before {
		background-position: -72px -10px;
		height: 12px;
		top: 1px;
		width: 11px;
	}
	
	.util-bar-share-summary {
		clear: both;
		padding: 11px 15px 5px;
	}
	


	.util-bar-share-summary-image {
		border: 3px solid #fff;
		box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
		float: right;
		margin: 0 0 5px 10px;
	}
	
	.util-bar-share-summary-title {
		text-shadow: 0 1px 0 rgba(255,255,255,.7);
		color: #333;
		line-height: 19px;
		margin: 0 0 2px;
	}
	
	.util-bar-share-summary-description {
		color: #767676;
		line-height: 16px;
		margin: 2px 0;
		text-align:justify;
	}
	
	.util-bar-flyout-section {
		clear: both;
	}
	
	.util-bar-share-submit-wrap-facebook {
		background: #f2f2f2;
		border: 1px solid #c4c4c4;
		margin: 0 15px 10px;
		overflow: hidden;
	}
	
	.util-bar-share-form-status-facebook {
		color: #545454;
		line-height: 12px;
		vertical-align: top;
		display: inline-block;
		width: 150px;
		margin: 4px 5px 0 0;
	}
	
	.util-bar-share-loading-facebook {
		display: none;
		margin: 6px 3px 0 0;
	}
	
	.util-bar-share-status-text-facebook {
		color: #545454;
		line-height: 12px;
		vertical-align: top;
		display: inline-block;
		width: 150px;
	}
	
	.util-bar-share-submit-btn-facebook {
		background: #637bad;
		background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7));
		background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%);
		background: -o-linear-gradient(top,#637bad 0,#5972a7 100%);
		background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%);
		background: linear-gradient(to bottom,#637bad 0,#5972a7 100%);
		border: 1px solid #29447e;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
		color: #fff;
		cursor: pointer;
		display: inline-block;
		float: left;
		line-height: 13px;
		margin: 4px 0 4px 4px;
		padding: 4px 5px 5px 12px;
	}
	
	.util-bar-flyout-pane-success {
		display: none;
		padding: 30px 50px;
		text-align: center;
	}
	
	.util-bar-success-title {
		margin: 0;
	}
	
	.util-bar-success-description {
		color: #666;
	}
	
	.util-bar-success-title:before {
		background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 0;
		content: '';
		display: block;
		height: 71px;
		margin: 0 auto;
		width: 71px;
	}
	
	/*------------- comment -------------*/
	
	.util-bar-flyout-heading-comments{
	overflow: hidden;
	box-sizing: border-box;
	}
	
	.util-bar-flyout-heading-comments label{
		color: #545454;
	}
	
	.util-bar-flyout-heading-comments>div{
		margin-bottom: 5px;
	}
	
	.util-bar-flyout-heading-comments input{
		height: 20px
	}
	
	.util-bar-flyout-heading-comments .comment-send-text label{
		display: block;
	}
	
	.util-bar-flyout-heading-comments .comment-send-text textarea{
		width: 100%;
		height: 110px;
		border: 1px solid #cccccc;
		padding: 5px;
		display: block;
		margin-left: 30px;
		box-sizing: border-box;
	}
	
	.util-bar-flyout-heading-comments .comment-send-name input{
		width: calc(100% - 90px);
		border: 1px solid #cccccc;
		float: left;
	}
	
	.util-bar-flyout-heading-comments .comment-send-code input{
		width: calc(100% - 225px);
		float: left;
		margin-left: 5px;
	}
	
	.util-bar-flyout-heading-comments .comment-send-code span{
		width: 130px;
		text-align: left;
		display: inline-block;
		position: relative;
		float: left;
	}
	
	.util-bar-flyout-heading-comments .comment-send-code i{
		position: absolute;
		right: 0;
		top: -0.6px;
		width: 25px;
		height: 26px;
		background-color: #fff;
		border-bottom: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		color: #000;
		font-size: 2em;
		cursor: pointer;
	}
	
	.util-bar-flyout-heading-comments .comment-send-code i:before{
		display: block;
		height: 21px;
		width: 20px;







		font-size: 1em;
	}
	
	.util-bar-flyout-heading-comments .comment-send-code span img{
		height: 27px;
		width: 104px;
	}
	
	.util-bar-flyout-heading-comments .comment-send-click{
		border-bottom: 1px solid #ccc;
		height: 60px;
		background-image: url(../files/images/template/loading.gif);
		background-repeat: no-repeat;
		background-position: 45px 10px;
		background-size: 20px;
	}
	
	.util-bar-flyout-heading-comments .comment-send-click p{
		width: 280px;
		text-align: justify;
		float: right;
		margin-top: 15px;
		margin-right: 90px;
	}
	
	.util-bar-flyout-heading-comments .comment-send-click span{
		display: inline-block;
		width: 120px;
		float: left;
		background: #d60002;
		text-align: center;
		border-radius: 5px;
		margin-top: 10px;
		cursor: pointer;
	}
	
	.util-bar-flyout-heading-comments .comment-send-click span.display{
		display: none;
	}
	
	/*---- email -----*/
	
	.util-bar-flyout-input {
		margin: 4px 0 0 15px;
		width: 291px;
	}
	
	.ui-text-input {
		height: 30px;
	}
	.ui-text-input, .ui-textarea {
		border-radius: 3px;
		box-shadow: inset 0 1px 2px rgba(0,0,0,.35);
		color: #8c8c8c;
		display: block;
		border: 0;
		padding-left: 9px;
		padding-right: 9px;
		font-size: 13px;
		line-height: normal;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box; direction:rtl;
	}
	
	.util-bar-flyout-input-accept-terms {
		display: none;
	}
	
	.util-bar-flyout-textarea {
		height: 45px;
		margin: 4px 15px 5px;
		width: 290px;
	}
	
	.ui-textarea {
		padding: 9px;
	}
	
	.util-bar-flyout-share-email-cta {
		direction:rtl;
		margin: 10px 15px;
	}
	
	.ui-chunky-btn.icon {
		padding-right: 60px;
		position: relative;
	}
		
	.ui-chunky-btn.secondary {
		background: #fff;
		background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(247,247,247,1)));
		background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
		background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
		background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
		background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
		border-color: #d4d4d4;
		box-shadow: 0 1px 2px rgba(0,0,0,.1);
		color: #333;
	}
	
	.util-bar-email-send-btn {
		margin-right: 15px;
	}
	
	.ui-chunky-btn {
		background: #21acff;
		background: -moz-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(33,172,255,1)),color-stop(100%,rgba(27,154,255,1)));
		background: -webkit-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
		background: -o-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
		background: -ms-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
		background: linear-gradient(to bottom,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21acff', endColorstr='#1b9aff', GradientType=0);
		border: 1px solid #149cee;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0,0,0,.2);
		color: #fff;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		position: relative;
		text-transform: uppercase;
		text-shadow: 0 1px 0 rgba(0,0,0,.1);
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
	
	.ui-chunky-btn.cancel:before {
		background: url(../files/images/template/utility-contribute-sprite.png) no-repeat 0 -239px;
	}








	
	.ui-chunky-btn.icon:before {
		content: '';
		height: 16px;
		right: 12px;
		position: absolute;

		top: 11px;
		width: 16px;
	}
		
	.ui-chunky-btn.icon:after {
		content: '';
		display: block;
		height: 40px;
		right: 40px;
		position: absolute;
		top: 0;
		width: 1px;
		border-left: 1px solid #fff;
		background-color: #000;
		opacity: .1;
	}
	
	.ui-chunky-btn.send:before {
		background: url(../files/images/template/utility-contribute-sprite.png) no-repeat 0 -409px;
	}
		
	/*----------*/
	
	.util-bar-flyout .util-bar-flyout-close-ribbon {
		color: #fff;
		display: block;
		padding: 4px 8px;
		position: absolute;
		left: -11px;
		top: 15px;
		width: 30px;
		z-index: 12;
		height: 30px;
		border-radius: 5px;
		box-sizing: border-box;
		font-size: 1em;
	}

	.util-bar-flyout-close-ribbon:before {
		content: '\f00d';
		display: block;
		height: 21px;
		position: absolute;
		width: 20px;
		top: 7px;
		left: 1px;
		font-size: 1em;
	}

	.util-bar-flyout-close-ribbon:hover {
		cursor: pointer;
		/*text-decoration: underline;*/
	}

	.util-bar-flyout-close-ribbon:hover:before {
		background-position: -60px -146px;
	}

	/*--- comment ---*/
	
	.util-bar-flyout-comments {
		max-width: 464px;
	}
	
	.util-bar-comments-wrap {
		height: calc(100% - 430px);
		overflow: hidden;
		/*background-color: #fff;*/
		position: relative;
		border-radius: 2px;
		/*box-shadow: 0 1px 5px 2px rgba(0,0,0,.15);*/
		padding: 0;
	}
	
	.util-bar-comments-wrap>div{
		width: 100%;
		height: 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 15px 5px;
	}
	
	.util-bar-comments-wrap .more-comments {
		display: block;
		width: 130px;
		height: 30px;
		padding: 5px;
		overflow: hidden;
		box-sizing: border-box;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.util-bar-comments-wrap .more-comments i {
		float: left;
		padding-top: 4px;
		padding-left: 5px;
	}
	
	.util-bar-scroll-wrap-comments {
		position: relative;
		width: 100%;
		height: auto; 
		clear: both;
	}
	
	.util-bar-scroll-wrap-comments>img{
		width: 55px;
		height: 55px;
		border: 1px solid #d3d3d3;
		border-radius: 50%;
		float: right;
		overflow: hidden;
	}
	
	.util-bar-scroll-wrap-comments .comment-main-info{
		width: 100%;
		width: calc(100% - 65px);
		min-height: 60px;
		height: auto;
		float: left;
		background-color: #fff;
		border: 1px solid #d3d3d3;
		border-radius: 5px;
		padding: 5px 8px;
		box-sizing: border-box;
		margin-bottom: 5px;
	}
	
	.util-bar-scroll-wrap-comments .comment-main-name{
		height: 27px;
	}
	
	.util-bar-scroll-wrap-comments .comment-main-name-value{
		float: right;
		color: #323232;
	}
	
	.util-bar-scroll-wrap-comments .comment-main-name-like, .util-bar-scroll-wrap-comments .comment-main-name-dislike{
		float: left;
		color: #fff;
		border-radius: 1em;
		padding: .2em .5em;
		font-size: 12px;
		font-weight: bold;
		/*cursor: pointer;*/
		text-align: center;
		margin-right: .5em;
		min-width: 30px;
	}
	.util-bar-scroll-wrap-comments .comment-main-name-like{
		background-color: rgba(50, 150, 5, 0.6);
	}
	.util-bar-scroll-wrap-comments .comment-main-name-dislike{
		background-color: rgba(235, 75, 75, 0.6);
	}
	
	.util-bar-scroll-wrap-comments .comment-main-date{
		text-align: right;
		color: #8b8b8b;
		display: block;
		clear: both;
		height: 27px;
	}
	
	.util-bar-scroll-wrap-comments .comment-main-text{
		color: #606060;
		margin-bottom: 5px;
	}
	
	
	
	
	.facebook-comments-plugin-wrap {
		/*background-color: #fff;*/
		padding: 2px 0 2px 7px;
	}
	
	.fb_iframe_widget {
		display: inline-block;
		position: relative;
	}
	
	.fb_iframe_widget span {
		display: inline-block;
		position: relative;
		text-align: justify;
	}
	
	.ui-lighter.vertical-scroll {
		background-color: #ececec;
		border: 1px solid #e4e4e4;
		border-radius: 5px;
		height: 100%;
		top: 0;
		right: 5px;
	}
	
	/*-------------------------*/

/*--------------------------------- show page social and share ------------------------------------*/



.large-font{
	font-size: 1.4em !important;
	font-weight: 500;

}

.main-share-box{
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	padding: 10px;
	padding-top: 0;
	box-sizing: border-box;
	overflow: hidden;
}

.main-share-social-box, .main-share-info-box{
	text-align: center;
}

.main-share-info-box{
	margin-top: 180px;
	overflow: hidden;
	width: 40px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

.main-share-info-box div{
	margin-bottom: 10px;
	font-size: 1.5em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.main-share-box .share-social-btn{
    display: block;
    padding: 0 2px;
    position: relative;
    text-align: center;
    margin: .4em;
    width: 35px;
    height: 35px;
    font-size: 1.2em;
    padding-top: 8px;
    box-sizing: border-box;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.icon-twitter{
	background-color: #26a4e5;
}

.icon-telegram{
	background-color: #51b4e8 !important;
}

.icon-whatsapp{
	background-color: #00e676 !important;
}
.icon-link2{
	background-color: #ffa500 !important;
	
}

/*------------------*/

.show-image-main-box{
	position: relative;
}

.image-show-main{
	width: 85%;
}

.font-size--main-box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 15%;
    text-align: center;
}

.font-siz-titr{
	color: #444;
}

.font-size-btn-box{
	border-radius: 2em;
    background: #444;
    width: 70px;
    margin: 0 auto;
    height: 27px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #fff;
}

.font-size-btn-box span{
	display: block;
    width: 35px;
    float: right;
    font-size: 16px;
    height: 32px;
    margin-top: -5px;
	cursor: pointer;
}

.font-size-btn-box .btn-font-small{
    font-size: 12px;
}

.font-size-btn-box .selected{
	background: #d50000;	
}

/*-------------------------------------------------------------------------------------------------*/

.util-bar-btn-print:before {
	background-position: -160px -6px;
	height: 17px;
	width: 18px;
}

.asset h1 {
	color: #333;
	margin: 0;
	text-align:justify;
	padding: 20px 70px 0 0;
}

.asset-metabar {
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	width: 99%;
	direction:rtl;
	margin-bottom: 15px;
	overflow: hidden;
}

.asset-metabar-item {
	display: inline-block;
	line-height: 18px;
	margin: 0;
	padding: 2px .5em;
	position: relative;
	padding-left: 0;
}

.asset-metabar-author {
	color: #444;
}

.asset-metabar-cat {
	color: #d50000;
}

.asset-metabar-time.nobyline {
	border: 0;
	color:#999;
	float: left;
	height: 15px;
}

.asset-metabar-owner {
	border-left: 1px solid silver;
	color:#999;
	float: left;
	height: 15px;
	padding-left: 7px;
}

.asset-metabar-item.asset-metabar-lable{
	border-right: 1px solid silver;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-top: 5px;
}
.asset-metabar-item.asset-metabar-lable.last{
	border: 0;
}

.asset-metabar-image{
	height: 25px;
}

.asset>.top, .asset>.interactive, .asset-double-wide, .asset>.bottom, .asset-double-wide .comp {
	margin-bottom: 20px;
}

.asset-double-wide {
	/*float: right;
	margin-right: 10px;*/
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 800px;
	font-family: IRANSans, Tahoma, Geneva, sans-serif;	
	padding-right: 80px;
    box-sizing: border-box;
}

.article-metadata-wrap {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
	position: relative;
	width: 280px;
	min-height: 120px;
}

.single-photo.expandable-open .image-credit-wrap span {
	color: #fff;
}

.single-photo.expandable-collapsed .image-wrap {
	background: #fff;
	box-shadow: -1px 1px 5px #c8c8c8;
	padding: 3px;
	position: relative;
	cursor: pointer;
}

.single-photo.expandable-collapsed {
	z-index: 100;
	right:0;
	width: 280px;
}

.story-highlights-module{
	padding-top:180px;	
}

.asset-double-wide img, .asset-double-wide object {
	max-width: 100%;
	display:inline-block;
}

.asset-double-wide img{
	max-width: 100%;
    max-height: 400px;
    width: auto;
    margin: 0 auto;
    display: block;
}

.expand-img-horiz {
	min-height: 131px;
}

.single-photo.expandable-collapsed .toggle {
	background: url(../files/images/template/asset-sprite.png) no-repeat top left;
	bottom: 0;
	height: 21px;
	position: absolute;
	left: 0;
	width: 21px;
	z-index: 200;
}

.expandable-photo-module{
	position:absolute;
	top:0;
	right:0;

	z-index:190;
}

.asset .single-photo p, .asset .map p {
	color: #646464;
	font-weight: bold;
	line-height: 16px;
	margin: 6px 0 0;
	padding: 0 0 0 5px;
}

.image-credit-wrap .cutline {
	display: none;
}

.image-credit-wrap .imgline {
	cursor: pointer;

    display: block;
    position: absolute;
    margin-top: -35px;
    padding: 5px 5px 3px;
    background: #fff;
    border-radius: 5px;
    margin-right: 10px;
}

.image-credit-wrap .imgline i{
    font-size: 1.5em;
    float: right;
    margin-top: -5px;
    margin-left: 5px;
}

.single-photo.expandable-open .image-credit-wrap .cutline {
	display: block;
}

.single-photo.expandable-open .image-credit-wrap {
	background: #404040;
	background: rgba(0,0,0,.75);
	bottom: 3px;
	color: #fff;
	right: 3px;
	padding: 10px;
	position: absolute;
	width: 514px;

	z-index: 100;
}

.single-photo.expandable-open {
	position: absolute;
	right: 0;
	clear: left;
	z-index: 100;
	width:180px;
}

.single-photo.expandable-open .toggle {
	background: url(../files/images/template/asset-sprite.png) no-repeat bottom left;
	bottom: 0;
	height: 21px;
	position: absolute;
	left: 0;
	width: 21px;
	z-index: 200;
}

.single-photo.expandable-open .image-wrap {
	background: #fff;
	box-shadow: -1px 1px 5px #c8c8c8;
	padding: 3px;
	position: relative;
	cursor: pointer;
}

.single-photo .credit {
	color: #646464;
	font-weight:normal;
}

.asset-double-wide .article-metadata-wrap .comp {
	margin: 0 0 20px;
}

.asset .story-highlights .hlts, .asset .blog-tag-cloud .hlts {
	border-bottom: 1px dotted #d4d4d4;
	color: #999;
	margin: 0 auto;
	font-size:16px;
}

.asset .story-highlights .hlt, .asset .blog-tag-cloud .tag-cloud {
	list-style: none;
	margin: 0;
	padding: 0;
	right: 0;
}

.asset .story-highlights .hlt-item {
	background: url(../files/images/template/story_highlights_bullets.png) 100% 17px no-repeat;
	border-bottom: 1px dotted #d4d4d4;
	color: #646464;
	padding: 12px 15px 12px 0;
}

.asset-double-wide>p, .asset-double-wide>span, .asset-double-wide>div {
	margin-bottom: 15px;
	color: #444;
	text-align:justify;
	direction:rtl;
	font-family: IRANSans, Tahoma, Geneva, sans-serif;
	font-size: 1em;
	line-height: 2.5em;
	direction: rtl;
}

.inline-share-tools {
	margin: 5px 0 15px 0;
	white-space: nowrap;
	direction:rtl;
}

.inline-share-tools-label {
	display: inline-block;
	height: 28px;
	background: #e0e0e0 /*url(../files/images/template/utility-bar-noise.png)*/;
	box-shadow: inset 2px 0 4px -1px rgba(0,0,0,.1);
	margin: 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	top: 1px;
	vertical-align: top;
	width: 54px;
	color:#222;
}

.inline-share-btn {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #d6d6d6;
	cursor: pointer;
	display: inline-block;
	padding: 0 8px;
	height: 28px;
	outline: 0;
	position: relative;
	text-align: right;
}

.inline-share-count {
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em
}

.inline-share-count-see span{
	margin: 6px 0 0 3px;
	display: block;
}
.inline-share-count-see:before {
	color: #969696;
}

.inline-share-count-facebook:before {
	color: #666;
}

.inline-share-btn-label {
	color: #999;
	display: block;
	position: relative;
	text-align: center;
	top: 1px;
	-webkit-transition: color .1s;
	-moz-transition: color .1s;
	-ms-transition: color .1s;

	-o-transition: color .1s;
	transition: color .1s;
}

.inline-share-btn:hover>.inline-share-btn-label {
	color: #000;
}

.inline-share-btn-facebook:hover>.inline-share-btn-label {
	color: #4862a7;
}

.inline-share-count-linkedin:before {

	content: "\f08c";
    margin-right: 10px;
    font-size: 1.1em;
	color: #666;
}

.inline-share-count-plus:before {
	content: "\f0d5";
    margin-right: 10px;
    font-size: 1.1em;
	color: #666;
}



.inline-share-count-twitter:before {
	content: "\f099";
    margin-right: 10px;
    font-size: 1.1em;
	color: #666;
}

.inline-share-count-comments:before {
	/*background-position: -190px -34px;
	height: 17px;
	width: 17px;*/
	content: "\f075";
    margin-right: 10px;
    font-size: 1.1em;
	color: #666;
}

.inline-share-btn-twitter:hover>.inline-share-btn-label {
	color: #1bb2df;
}

.inline-share-count-email:before {
	/*background-position: -251px -64px;
	margin: 0;
	height: 15px;
	width: 15px;
	left:15px;*/
	content: "\f045 ";
    margin-right: 10px;
    font-size: 1.1em;
	color: #666;
	
}

.inline-share-count-more:before {
	/*background-position: -101px -9px;
	height: 12px;
	top: 3px;	
	width: 15px;
	left:15px;*/
}

.lead-in {
	margin-top: -2px;
	margin-right: 60px;
	color:#666;
	letter-spacing\9:2px;
}

.story-right-rail {
	border-right: 1px solid #e5e5e5;
	float: left;
	width: 360px;
	/* overflow: hidden; */
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	/*background-color: #f6f6f6;*/
}

.partner-asset-right-ad, .partner-asset-right-ad-2 {
	background: #dedede /*url(../files/images/template/paper-noise-ad.png) repeat*/;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-bottom: 30px;
	padding: 10px;
	text-align: center;
	width: auto;
}

.partner-placement {
	display: none;
	overflow: hidden;
}

.story-ribbon {
	margin-bottom: 30px;
	padding-top: 30px;
	position: relative;
}

 .story-ribbon-title {
	background: url(../files/images/template/story-updates-bg.png) no-repeat;
	color: #fff;
	height: 60px;
	margin: 0;
	padding-top: 7px;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 1px rgba(0,0,0,.15);
	top: 0;
	width: 100%;
	z-index: 10;
}

.story-ribbon-title>a {
	color: #fff;
}

.story-ribbon-content {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding-top: 40px;
	position: relative;
	text-align: center;
	width: 318px;
	padding-bottom: 10px;
    background-color: #eee;
	z-index: 0;
}

.story-ribbon-item-link{
    border-top: 1px solid #dcdcdc;
    display: block;
    padding: 5px;
    margin-right: 10px;
    margin-left: 7px;
    margin-top: 10px;
    color: inherit;
}
.livefeed-sidebar-content>.live-feed-wide .has-image .story-ribbon-item-link .article{
    max-width: 190px;	
}

.story-ribbon-content .livefeed-sidebar-content{
	margin-bottom: 0;
}

.series-promo-list {
	text-align: right;
}

.series-promo-item:first-child {
	border-top: 0;
	padding-top: 10;
}

.series-promo-item {
	border: 0;
	border-top: 1px dashed #e6e6e6;
	list-style: none;
	min-height: 80px;
	padding: 20px;
}

.series-promo-thumb-link {
	float: right;
	position: relative;
	width: 100px;
}

.series-promo-headline {
	margin: 0;
}

a.series-promo-headline-link {
	color: #222;
	font-weight:normal;
	line-height:16px;
}

.series-promo-meta {
	color: #989898;
	margin-top: 5px;
	text-align: right;
}

.usanow-vid-container {
	width: 280px;
	height: 156px;
	margin: 5px 20px;
}

.usanow-vid-container .thumbnail {
	display: block;
	height: 156px;
	position: relative;
	width: 280px;
}

.play-btn-l {
	background: url(../files/images/template/video-play.png) no-repeat;
	height: 34px;
	position: absolute;
	width: 34px;
}

.usanow-vid-play {
	bottom: 4px;
	left: 4px;
}

.usanow-vid-title {
	color: #000;
	margin: 0 20px;
	text-align: right;
}

.usanow-vid-date {
	color: #787878;

	margin: 5px 20px 15px;
	text-align: right;
	font-weight:normal;
}

/*--------------------------- music album ---------------------------*/

#audio1{
	width: 100%;
    border-radius: 5em;
}
#tracks{
	display: flex;
	justify-content: center;
}
#plwrap{
	width: 100%;
	padding: .5em;
	box-sizing: border-box;
	overflow: hidden;
}
.plItem{
    display: flex;
    cursor: pointer;
}
#plList li{
    box-sizing: border-box;
    border-radius: 2em;
    margin-bottom: 5px;
    padding: 5px 15px;
    background-color: #f1f1f1;
    overflow: hidden;
	position: relative;
}
#btnPrev, #btnNext{
	margin-left: 1em;
	cursor: pointer;
}
#btnPrev span{
	color: #444;
	float: left;
	font-size: 2em;
	padding-top: 5px;
}
#btnNext span{
	color: #444;
	float: right;
	font-size: 2em;
	padding-top: 5px;
}
.plNum:before{
	top: 15px;
    position: absolute;
}
.plSel .icon-play3:before{
	content: "\e929";
}
#plList:last-child{
    border-bottom: 0 !important;
}
.plSel{
	background-color: #c8c8c8 !important;
}
.plNum{
    width: 30px;
}
.plTitle{
	width: calc(100% - 100px);
	text-align: right;
	padding-left: 10px;
}
.plLength{
	width: 70px;
	text-align: center;
}
.plLength span:before{
    margin-right: 10px;
    font-size: 1.5em;
    color: #444;
}

/*------------------------- ads banner --------------------------*/

.story-right-rail .ads-banner{
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-top: 1em;
	margin-right: 0.7em;
	box-sizing: border-box;
	border-top: 1px solid #e5e5e5;
}
.story-right-rail .ads-banner-top{
	border-top: 0;
}
.ads-banner a{
	box-sizing: border-box
}
.ads-banner-top{
	padding-top: 0 !important;
}
.story-right-rail .ads-banner img{
	width: 100%;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.story-right-rail .ads-banner .btn-box{
	text-align: left;
	width: 100%;
	margin: 0 auto;
	padding-top: 8px;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 1em;
}

.story-right-rail .ads-banner-top .btn-box{
	border-bottom: 1px solid #e5e5e5;
}

.story-right-rail .ads-banner .btn-box a{
    border: 1px solid silver;
    border-radius: 1em;
    padding: 0 10px;
    margin-right: 5px;
    color: #fff;
    font-size: .8em;
    font-family: IRANSans, tahoma;
    margin-top: 5px;
    background-color: #aaa;
}

.story-right-rail .ads-banner .btn-box span{
    float: right;
    color: #ffb42b;
    display: block;
}

/*------------------------------------*/

.banner-ads-all-box{
	width: 100%;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
}
.banner-ads-all-header{
	display: block;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: .7em;
    margin-top: .5em;
    padding-bottom: .5em;
    padding-top: 1em;
    border-top: 1px solid #e5e5e5;
}
.btn-box-border{
	
padding-bottom: 1em;
	
box-sizing: border-box;
	
overflow: hidden;
	
clear: both;
}
.banner-ads-all-header h6{
	border-right: 5px solid #d50000;
    box-sizing: border-box;
    height: 30px;
    padding-top: 5px;
}

.banner-ads-all-item{
	float: right;
	width: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: .7em;
	padding-left: .2em;
}
.banner-ads-all-link{
	width: 100%;
}
.banner-ads-all-thumb{
	
box-sizing: border-box;
	
width: 100%;
	
overflow: hidden;
	
padding-bottom: 1.5em;
}
.banner-ads-all-img{
	
width: 100%;
	
box-sizing: border-box;
	
border: 1px solid #e5e5e5;
	
height: 105px;
}
.banner-ads-all-headline{
	
color: #444;
	
font-weight: normal;
}


/*-----------------------------tags -----------------------------*/

.tag-box-main{
	font-family: IRANSans, Tahoma, Geneva, sans-serif;
	overflow: hidden;
	margin-bottom: 0 !important;
}

.tag-box-header{
	font-size: 1em;
    color: #444;
    border-right: 5px solid #d50000;
    padding: .4em .5em;
    margin-bottom: .5em;
}

.tags-box{
	width: 100%;
	overflow: hidden;
}

.tags-box a strong{
    color: #fff;
    padding: 2px 1em;
    border-radius: 2em;
    background-color: #444444;
    margin-right: .5rem;
    margin-bottom: .8rem;
    display: inline-block;
    line-height: 2em;
    font-size: .9em;
    font-weight: normal;
}

/*---------------------------------------------------------------*/

.header-like-news{
    font-size: 1em;
    border-right: 5px solid #d50000;
    padding: .7em .5em;
    margin: .7em 0;
	color: #444;
}

/*---------------------------------------------------------------*/

	/* Recommend Box */

	.recommended-flyout-container {
		bottom: 30px;
		position: fixed;
		left: 0;
		z-index: 180;
	}
		
	.recommended-flyout-wrap {
		bottom: 0;
		box-shadow: 2px -1px 5px 0 rgba(200,200,200,1);
		height: 90px;

		overflow: hidden;

		position: absolute;
		left: 0;
		width: 0;
		z-index: 22275;
	}
	
	.recommended-flyout {
		background: #d50000;
		/*border-top: 1px solid #66c2ff;*/
		height: 60px;
		padding: 15px;
		width: 330px;
		transition: width 2s, height 2s, transform 2s;
		-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
	}
	.recommended-flyout.closed{
		padding-right: 30px;
	}
			
	.recommended-flyout .recommended-flyout-link {
		text-decoration: none;
	}
		
	.recommended-flyout .recommended-flyout-content-image {
		box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
		float: right;
		margin-left: 10px;
		height: 60px;
		max-width: 95px;
	}
	
	.recommended-flyout .recommended-flyout-content-image, .recommended-flyout .recommended-flyout-content-headline, .recommended-flyout .recommended-flyout-heading, .recommended-flyout .recommended-flyout-close {
		display: block;
	}	
	.recommended-flyout .recommended-flyout-heading {
		color: #edd;
		/*text-shadow: 1px 0 2px rgba(255,255, 255, 1);*/
		line-height: 12px;
		margin: 0;

		padding: 0;
		width: 90%
	}
	
	.recommended-flyout .recommended-flyout-content-headline {
		color: #fff;
		height: 45px;
		margin: 7px 0 0;
		overflow: hidden;
		/*text-shadow: 0 1px 0 #007acc;*/
		line-height: 22px;
		width: 67%;
	}
	
	.recommended-flyout .recommended-flyout-close {
		color: #fff;
		cursor: pointer;
		font-size: 20px;
		font-family:Arial, Helvetica, sans-serif;
		position: absolute;
		right: 338px;
		text-shadow: 0 1px 0 #007acc;
		top: 4px;
		z-index: 180;
	}
	
	.recommended-flyout.closed:before {
		color: #fff;
		content: '+';
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 28px;
		left: 4px;
		position: absolute;
		text-shadow: 0 1px 0 #007acc;
		top: 0;
	}
	
	/*-------------------*/
	
	/*----- more story ------*/
	
	.more-stories{
		clear:right;
		width: 690px;
		padding-right: 30px;
		overflow: hidden;
		box-sizing: border-box;
	}
	
	.more-stories-wrap{
		clear: both;
		width: 100%;
	}
	
	.more-stories-content {
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0;
		position: relative;
		direction: ltr;
	}

	.container-item-free{
		float: right;
		min-height: 100px;
		border-top: 1px solid #E0E0E0 !important;
		border-right: 0px !important;
		padding-top: 20px;
		border-width: 1px;
		border-color: #D6D5D3;
		width: 340px;
	}
	
	.container-item-free.top_item{
		border-top:0 !important;
	}
	
	.container-item-free.right_col {
		padding-right: 0px !important;
		margin-right: 20px !important;
	}
	

	.stories-item-thumbnail-href{
		text-decoration: none !important;
		outline: 0;
	}
	
	.stories-item-thumbBlock {
		border-width: 0px;
		border-color: darkgray;
		float: right;
		display: block;
		overflow: hidden!important;
		margin-left: 5px;
		margin-right: 1px;
		border-style: solid;
	}
	
	.stories-item-thumbnail-overlay{
		height: 80px;
		width: 80px;
		background-image: null;
		background-position: 5% 5%;
		position: absolute;
		background-color: transparent;
		background-repeat: no-repeat;
		z-index: 50;
	}
	
	.stories-item-thumbBlock img{
		visibility: visible;
		height: 80px;
		border-color: #ececec;
		border: 0;
		_border: 0;
		display: block;

		margin: 0;
		width: auto;
	}
	
	.stories-item-label-box{
		padding-top: 5px;
		height: 76px;
		margin-right: 100px;
		margin-left: 0px;
		text-align: right;
		display:block;
		direction:rtl;	
	}

	.stories-item-title{
		width: auto;
		height: auto;
		max-height: 4.5em;
		display: block;
		margin-bottom: 10px;
		vertical-align: top;
		text-decoration: none;
		line-height: 18px;
		color: black;
		white-space: normal;
	}

	.stories-item-category{
		color: #1a8ddc !important;
		display: inline-block;
	}
	
	.stories-item-label-box em {
		margin: 2px;
		color: #B8B8B8 !important;
		vertical-align:middle;
		font-style:normal;
	}
	
	.stories-item-published-date{
		font-style: italic;
		display: inline-block;
		color: gray;
	}
	
/*-------------------- news ------------------------------- */

/*---------------------- hero ------------------------------*/

.hero {
	/*background: #fff url(../files/images/template/noise_fff.png)*/;
	position: relative;
	width: 720px;
	z-index: 5;
	direction:rtl;
}


.card-hero-3up.hero {
	min-height: 370px;
	width: 100%;
}

.ui-flip-panel {
	display: none;
	height: 100%;
	right: -1px;
	overflow: hidden;
	width: 100%;
}

.ui-flip-panel.active {
	display: block;
	z-index: 1;
}

.hero-asset-open {
	cursor: pointer;
}

.hero-3up-tile>.parent-label {
	right: 10px;
	top: 10px;
}


.hero-3up-tile{
	cursor: pointer;
	background-color: #000; 
    display: block;
    float: right;
    position: relative;
    /*border: 1px solid #c8c8c8;*/
}

.hero-3up-tile-main{
	width: 598px;
	height: 370px;
	margin-bottom: 10px;
}

.hero-3up-tile-other{
	width: 293px;
	height: 179px;
	margin-bottom: 10px;
	border: 1px solid #c8c8c8;
}
.hero-3up-tile-other.last{
	margin-right: 10px;
}

.hero-3up-tile-main .hero-3up-media img{
	width: 600px;
	height: 370px;
}

.hero .hero-3up-tile .hero-3up-media img{
	margin:0;
}


.hero-3up-tile-other .hero-3up-media img{
	width: 293px;
	height:179px;
}




.hero .parent-label {
	z-index: 54;
}

.parent-label {
	color: #fff;
	right: 20px;
	line-height: 16px;
	padding: 2px 6px;
	position: absolute;
	top: 20px;
	z-index: 100;
}

primary_section .hero-3up-tile.noBtmBrd {
	border-bottom: none;
	border-left: none;
}

.card-hero-3up-tile {
	height: 128.5px;
	margin: 10px 0;

	/*border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;*/
	overflow: hidden;
}

.hero-3up-tile-2{
	margin: 10px;
}

.hero-3up-media img {
	width: 233px;
	height: 128.5px;
}

.hero-asset-open {
	cursor: pointer;
}

.card-hero-3up-tile-1.hero-3up-tile-1>.hero-3up-media {
	width: 100%;
}

.hero-3up-tile-1>.hero-3up-media {
	width: 720px;
}

.hero-3up-media {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 50;
}

.hero-3up-media>.hero-text, .hero_right_box .hero-text {

    background: transparent;
    background: -moz-linear-gradient(top,transparent 0,transparent 20%,rgba(0, 0, 0, .9) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(20%,transparent),color-stop(100%,rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top,transparent 0,transparent 20%,rgba(0, 0, 0, .9) 100%);
    background: -o-linear-gradient(top,transparent 0,transparent 20%,rgba(0, 0, 0, .9) 100%);
    background: -ms-linear-gradient(top,transparent 0,transparent 20%,rgba(0, 0, 0, .9) 100%);
    background: linear-gradient(to bottom,transparent 0,transparent 20%,rgba(0, 0, 0, .9) 100%);
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
	
	bottom: 0;
	height: 100%;
	position: absolute;
	width: 100%;
}

.hero-3up-media>.hero-text:hover, .hero_right_box .hero-text:hover {
	background-color: rgba(0, 0, 0, .5);	
}

.hero-text {
	height: 100%;
	position: relative;
	z-index: 53;
}
/*
.hero-3up-media>.hero-text>.hero-story {
	position: relative;
    height: 100%;
}
*/
.hero-story {
	bottom: 0;
	color: #fff;
	width: 100%;
	/*width:; height:;*/
	z-index: 54;
}



.hero-3up-tile-1>.hero-3up-media>.hero-text>.hero-story>h2 {
	font-size: 30px;
	line-height: 35px;
	padding: 14px 20px 10px 20px;
}
/*
.hero-3up-media>.hero-text>.hero-story>h1 {
	line-height: 16px;
    margin: 0;
    padding: 10px;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
}
*/
.hero-story h1, .hero-story h2 {
	line-height: 2em;
	font-size: 1.5em;
	margin: 5px 10px;
	box-sizing: border-box;
	width: 90%;
	color: #fff;
	text-shadow: -1px 1px 1px rgba(0,0,0,.8);
	-moz-transition: color .25s ease-out;
	-ms-transition: color .25s ease-out;
	-o-transition: color .25s ease-out;
	-webkit-transition: color .25s ease-out;
	transition: color .25s ease-out;
}

.hero-story h2{
	font-size: 1.2em;
	line-height: 1.5em;
}

.hero-3up-tile-1>.hero-3up-media>.hero-text>.hero-story>.actions {
	padding: 0 20px 20px;
}

.hero .actions {
	display: table;
	list-style: none;
	margin: 15px 22px 18px 20px;
	padding: 0;
	vertical-align: middle;
}

.hero .actions li:first-child {
	border-right: 0;
}

.hero .actions li {
	border-right: 1px solid #dedede;
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
	width: auto;
}

.actions .readContainer, .hero .actions li a.spike, .hero .actions li a.read {
	min-width: 86px;
	padding: 1px 22px 2px 0;
}

.hero-story .byline-block {
	display: table-cell;
	margin: 0 20px 6px 0;
	vertical-align: middle;
}

.hero .actions li .byline {
	margin: -3.5px 0 0 0;
}

.hero .byline-block .byline {
	margin: 0;
}

.byline {
	margin: 15px 20px 15px 0;
}

.byline .author {
	display: block;
}

.byline .author em {
	cursor: pointer;
	font-style: normal;
}

.byline .pub {
	display: block;
	margin-top: 1px;
	white-space: nowrap;
}

.partner-heroflip-ad.size-m {
	height: 480px;
}

.partner-heroflip-ad {
	width: 720px;
}

.partner-placement {
	display: none;
	overflow: hidden;
}

.ui-flip-panel>.partner-close {
display: none;
}

.partner-close {
	background: transparent url(../files/images/template/button-close.png) no-repeat 0 0;
	height: 47px;
	position: absolute;
	left: 0;
	top: 5px;
	width: 44px;
	z-index: 98;
}


/*-------------------- All Hero ---------------------*/

.primary-hero-wrap {
	width: 720px;
    height: 397px;
    float: right;
	position: relative;
    background: #fff;
	/*border: 1px solid #c8c8c8;*/
}

.all-hero {
	width: 100%;
	min-height: 360px;
	margin: 0px auto;
	margin-bottom: 10px;
	position: relative;
	z-index: 100;
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow:hidden;
}

.all-hero .slide_image{
	height: 360px;
}
.card-primary.hero-module{
	border-right:none;
}

.sport-hero.all-hero {
	background: #1e1e1e /*url(../files/images/template/darker-noise.png) repeat top left*/;
}

.hero_right_box{
	width: 720px;
	min-height:397px;
	position:absolute;
	right:0;
	z-index: 54;
	
}

.all-hero .hero_right_box{
	width: 600px;
	min-height: 360px;
	position: relative;
	float: right;
	border: 1px solid #c8c8c8
}

.hero-content {
    position: relative;
    overflow: hidden;
    width: 345px;
    top: 0px;
    bottom: 0px;
    z-index: 3;
	direction: rtl;
	/*border: 1px solid #c8c8c8;*/
	background-color: #fff;
	margin-right: 10px;
	margin-bottom: 15px;
}

.hero-txt {
	position: relative;
	width: 100%;
	z-index: 5;
	direction: rtl;
	float: right;
}

.all-hero .hero-txt {
    margin-top: 10px;
    border: 1px solid #c8c8c8;
    background-color: #fff;
	box-sizing: border-box;
}

.hero-head{
	color: #fff;
	margin: 0;
	padding: 10px;
	text-transform: uppercase;
}


.news .hero-head {
	color: #1877b6;
}

.life .hero-head {
	color: #92278f;
}

.tech .hero-head {
	color: #f26522;
}

.money .hero-head {
	color: #00a651;
}

.local .hero-head {
	color: #d60002;
}

.travel .hero-head {
	color: #1cbbb4;
}

.weather .hero-head {
	color: #a1887f;
}

.left_header .hero-head{
	color: #d60002;
}

.all-hero .hero-head{
	position: relative;
	float: right;
}


.all-hero.sport-hero .hero-head{
	color:#fff;
}

.hero-list{
	list-style:none;
	position:relative;
	-moz-transform-style:preserve-3d;
	width: 100%;
}

.hero-list-item{
    border-top: 1px solid transparent;
	color:#282828;
	display:block;
	float:right;
	line-height:16px;
	margin: 0;
	padding: 0 10px;
	height: 36px;

	text-align:right;
	width: 100%;
	box-sizing: border-box;
    border-bottom: 1px solid #e3e3e3;	
}

.hero-list-item.end {
    border-bottom: 1px solid transparent;
}

.all-hero .hero-list-item{
	min-width: 280px;
}

.hero-list-item.last{
	border-bottom:0;
}

a.hero-list-anchor{
    color: #555;
    display: inline-block;
    float: right;
    padding: 8px 5px 8px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    box-sizing: border-box;}

.all-hero a.hero-list-anchor{
	width: 100%
}

.sport-hero.all-hero a.hero-list-anchor{
	color:#dcdcdc;
}

.sport-hero.all-hero a.hero-list-anchor:hover{
	color:#dcdcdc;
	color: #fff;
}

.hero-list-item:hover{
	background: #d60002;
	color: #fff;
}

.news .hero-list-item:hover{
	background: #0072bc;
	color: #fff;
}

.life .hero-list-item:hover{
	background: #92278f;
	color: #fff;
}

.tech .hero-list-item:hover{
	background: #f26522;
	color: #fff;
}

.travel .hero-list-item:hover{
	background: #1cbbb4;
	color: #fff;
}

.money .hero-list-item:hover{
	background: #00a651;

	color: #fff;
}

.loxcal .hero-list-item:hover{
	background: #d60002;
	color: #fff;
}

.weather .hero-list-item:hover{
	background: #a1887f;
	color: #fff;
}

.all-hero .hero-list-item:hover{
	min-width: 280px;
}

.hero-list-item .hero-list-info{
	display:none;
}

.hero-list-item:hover>.hero-list-info{
	display:block;
}

.hero-list-item:hover>.hero-list-anchor{
	color: #fff;
	width: 230px;
}

.hero-list-info{
	color: #fff;
	height:16px;
	top: 8px;
	float:left;
	width:auto;
	padding-left:5px;
	position:relative;
}

.hero-list-item:hover>.hero-list-info{
	color: #fff;
}

.sport-hero .hero-list-item:hover>.hero-list-info{
	color:#ccc;
}

/*---------------- story page ------------------*/

.view-box{
    background-color: #fff;
    /* width: 100%; */
    width: 1320px;
    height: auto;
    z-index: 100;
	position: relative;
	overflow: visible;
	margin: 0 auto;
}

.story-main-box{
    width: 690px;
    overflow: hidden;
    padding-right: 30px;
    float: right;
    box-sizing: border-box;
}

.story-title{
    width: 100%;
	position: relative;
}
.story-title .parent-label{
    top: 5px;
    left: 5px;
    right: auto;
}

.story-title>h1{
	color: #333;
	box-sizing: border-box;
	font-size: 1.4em;
	line-height: 1.8em;
}

#module-position-show-title .story-title>h1{
    margin-top: .5em;
}

#module-position-lable{
	margin-top: 1em;
}


/*--------------------------------------------*/

/*--------------------- Sidebar ------------------------*/


.sidebar-scrollable-content {
	list-style: none outside none;
}

h6 {
	display: block;
	font-size: 0.67em;
	-webkit-margin-before: 2.33em;
	-webkit-margin-after: 2.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}

.popular-social-list {
	background-color: #f9f9f9;
	min-height: 320px;
	text-align: right;
}



.popular-social-list-item {
    background-color: #f9f9f9;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #fff;
	list-style: none;
	min-height: 62px;
	position: relative;
}

.clearfix::before, .clearfix::after {
	content: "";
	display: table;
}

.clearfix::after {
	clear: both;
}

.popular-social-list-item {
	list-style: none;
	min-height: 62px;
	display: block;
}

.popular-social-rank-group {
	background: #ececec;
	float: right;
	min-height: 28px;
	box-sizing: border-box;
	width: 59px;
	height: 65px;
}

.popular-social-rank {
	color: #C3C3C3;
	display: block;
	position: absolute;
	top: 12px;
	text-align: center;
	width: 48px;
}

.popular-social-arrow {
	background: url(../files/images/template/arrows.png) no-repeat scroll 0 0 transparent;

	display: block;
	height: 11px;
	position: absolute;
	left: 14px;
	top: 18px;
	width: 7px;
}

.popular-social-arrow-up {
	background-position: -5px 0;
}
.popular-social-arrow-equal {
	background-position: -5px -66px;
}

.popular-social-content {
	margin-right: 59px;
	padding: 12px 20px 8px 10px;
}

.popular-social-list-item {
	list-style: none;
}

.popular-social-article-title {
	color: #333;
	margin:0;
	line-height:22px;
}

home{
	background-color:#d50000;
}



.sidebar-title-wrapper {
    min-height: 14px;
    padding: 11px 0;
    /* position: relative; */
    width: 350px;
    margin-right: 10px;
    border-right: 5px solid;
    border-color: #d50000 !important;
    border-bottom: 0 !important;
}

.news .sidebar-title-wrapper {
	border-bottom: 1px solid #1877b6;
}

.life .sidebar-title-wrapper {
	border-bottom: 1px solid #92278f;
}

.tech .sidebar-title-wrapper {
	border-bottom: 1px solid #f26522;
}

.money .sidebar-title-wrapper {
	border-bottom: 1px solid #00a651;
}

.local .sidebar-title-wrapper {
	border-bottom: 1px solid #d50000;
}

.travel .sidebar-title-wrapper {
	border-bottom: 1px solid #1cbbb4;
}

.weather .sidebar-title-wrapper {
	border-bottom: 1px solid #a1887f;
}

.livefeed-sidebar-title {
	padding-right: 0;
	text-align: center;
}

.sidebar-title {
	color: #444 !important;
	line-height: 1;
	margin: 0 auto;
	position: relative;
	text-align: right;
	padding-right: 5px;
	font-size: 1.1em;
}

.news .sidebar-title {
	color: #1877b6;
}

.life .sidebar-title {
	color: #92278f;
}

.tech .sidebar-title {
	color: #f26522;
}

.money .sidebar-title {
	color: #00a651;
}

.local .sidebar-title {
	color: #d60002;
}

.travel .sidebar-title {
	color: #1cbbb4;
}

.weather .sidebar-title {
	color: #a1887f;
}

a.sidebar-promo-link {
    color: #fff;
    background-color: #d50000;
    padding: 5px 20px;
    border-radius: 2em;
    margin-top: 10px;
    float: left;
    margin-bottom: 1.5em;
    position: relative;
    /* border-bottom: 1px solid silver !important; */
}

a.sidebar-promo-link:before {
	content: "\f053";
    font-family: FontAwesome;
    font-size: 1em;
    position: absolute;
    left: 10px;
    top: 5px;
}

.livefeed-sidebar-content {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.news .livefeed-sidebar-content, .sports .livefeed-sidebar-content, .life .livefeed-sidebar-content, .money .livefeed-sidebar-content, .local .livefeed-sidebar-content, .tech .livefeed-sidebar-content, .travel .livefeed-sidebar-content, .weather .livefeed-sidebar-content {
	margin-bottom: 38px;
}

.livefeed-news-list {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.live-feed-news-item {
	list-style: none;
	padding: 0;
	text-align: right;
	display: list-item;
}

.live-feed-news-item.list{
	float: right;
	width: 50%;
}

.has-image>.livefeed-news-item-link {
	min-height: 60px;
}

.livefeed-news-item-link {
	background-color: #fff;
	/*border: 1px solid #dfdfdf;*/
	display: block;
	padding: 5px;
	margin-right: 10px;
	margin-left: 7px;
	margin-top: 5px;
	color: inherit;
	/*	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-transition: background-color .4s ease-out,border-top-color .4s ease-out;
	-moz-transition: background-color .4s ease-out,border-top-color .4s ease-out;
	-ms-transition: background-color .4s ease-out,border-top-color .4s ease-out;
	-o-transition: background-color .4s ease-out,border-top-color .4s ease-out;
	transition: background-color .4s ease-out,border-top-color .4s ease-out;*/
}

.has-image .live-feed-thumb {
	display: block;
	height: 95px;
	width: 135px;
	text-align: right;
}

.live-feed-thumb {
	display: none;
	float: right;
}

.live-feed-thumb-img {
	height: 100%;
	width: 100%;
	border: 1px solid #ebebeb;
}

.live-feed-wide .has-image .live-feed-layout {
	padding: 0;
	width: auto;
	padding-right: 10px;
}

.live-feed-layout p{
	margin:0;
}

.has-image .live-feed-layout {
	width: 123px;
}

.live-feed-layout {
	width: 100%;
	display: table;
	vertical-align: top;
	line-height: 11px;
}

.live-feed-timesince {
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	max-width: 120px;
	padding-left: 5px;
}

.live-feed-timesince-span {
	color: #a1a1a1;
	display: none;
	float: right;
	margin: 0 1px 1px 0;
/*	width: 54px;*/
}

.live-feed-timestamp {
	display: block;
}

.live-feed-action {
	border-right: 1px solid #858585;
	color: #a1a1a1;
	display: inline-block;
	font-style: italic;
	height: 16px;
	padding: 0 5px 0;
	overflow: hidden;
	margin:0;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.live-feed-action.hot{
	background-color: #d50000;
    color: #fff;
    font-style: normal;
    border-radius: 5px;
    border: 0;
    margin-left: .5em;
}

.live-feed-action.important{
	background-color: #ec8c1c;
    color: #fff;
    font-style: normal;
    border-radius: 5px;
    border: 0;
    margin-left: .5em;
}


.live-feed-headline {
	color: #333;
	display: inline-block;
	width: 100%;
	margin-top: 7px;
	margin-bottom:0;
	height: 45px;
	font-size: .9em;
	line-height: 1.8em;
	overflow: hidden;
}

.live-feed-headline .fa{
	display: inline-block;
    float: right;
}

.live-feed-headline .fa:before{
    color: #323232;
    font-size: 1.5em;
    padding-left: .2em;

}

.live-feed-headline .icon-headphones:before{
    color: #323232;
    font-size: 1.3em;
    padding-left: .3em;
}

.live-feed-headline .icon-play3{
    position: relative;
    padding-right: 25px;
}

.live-feed-headline .icon-play3:before{
    color: #323232;
    font-size: 1.8em;
    top: -3px;
    position: absolute;
    right: 0;
}

.ralated_item_title .icon-play3, .ralated_item_title .icon-headphones{
    position: relative;
    padding-right: 25px;
}

.ralated_item_title .icon-play3:before, .ralated_item_title .icon-headphones:before{
    color: #323232;
    font-size: 1.8em;
    top: -3px;
    position: absolute;
    right: 0;
}


.sport-sidebar .live-feed-headline {
	color: #333;
}

.shareicons .share{
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 210px;
}

.has-image .live-feed-multimedia-style .live-feed-layout{
	width:100%;
	padding-top: 3px;
}

.has-image .live-feed-multimedia-style .live-feed-action{
	width:auto;
}

.live-feed-video {
	overflow: hidden;
	position: relative;
}

.live-feed-gallery{
	background-color: #000;
	overflow: hidden;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	text-align: center;
}
.live-feed-wide .live-feed-multimedia {
	width: auto;
	height: 219px;
	margin: 0 auto; 
}

.live-feed-multimedia {
	width: 198px;
	height: 111px;
	margin-bottom: 10.5px;
}

.live-feed-video .play-btn-l {
	bottom: 19px;
	right: 4px;
}

.play-btn-l {
	background: url(../files/images/template/video-play.png) no-repeat;
	height: 34px;
	position: absolute;
	width: 34px;
}

.livefeed-sidebar-content>.live-feed-wide .has-image .article {
	max-width: 224px;
	max-width: calc( 100% - 140px );
	margin-right: 5px;
}
/*
.livefeed-news-item-link:hover{
    background-color: #fff;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #fff;
}
*/
.sport-sidebar .livefeed-news-item-link:hover{
	background: #f2f2f2;
	border-top: 1px solid #ccc;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid #f0f0f0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.livefeed-news-item-link:hover .live-feed-headline{
	/*color:#fff;*/
}

.sport-sidebar .livefeed-news-item-link:hover .live-feed-headline{
	color:#007dcf;
}

a.sidebar-promo-link:hover{/*color:#c8c8c8*/}

/*--------------------------------------*/

.left_main{
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	height: 100%!important;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	width: 360px;
	z-index: 4;
	overflow:hidden;
	clear:both;
}

.left_header{
	width: 100%;
	height: 38px;
	position: relative;
	border-bottom: 1px solid #d60002;
    border-top: none;
}

.middle_header{
	width: 100%;
	height: 35px;
    background-color: #000;
}

.left_header span{
	letter-spacing:1.8;
	padding-top:5px;
	display:block;
}

/*--------------- Arrow Main Page------------------*/

.arrow{
	position:fixed;
	z-index:0;
	top:45%;
	width:100%;
	height:70px;
	left:0;
}

.arrow:hover{
	z-index:100;
}

.arrow-main{
	position: relative;
	width: 1250px;
	margin: 0 auto;

}

.arrow-right,.arrow-left{
    position:relative;
	display:block;
	background-color:#222;
	top:0;
	float:right;
	width:35px;
	height:70px;
	cursor:pointer;
	overflow:hidden;
	margin:0;
	transition: 300ms ease;
	-ms-transition: 300ms ease;
	-moz-transition: 300ms ease;
	-o-transition: 300ms ease;
	-webkit-transition: 300ms ease;
}

.arrow-left{
	float:left;
}

.arrow-right:hover,.arrow-left:hover{
	width:175px;
}


.arrow-right-symb,.arrow-left-symb{
    position: absolute;
	background:#fff url(../files/images/template/arrow_right.png) no-repeat top right;
	top:0;
	right:0;
	width:35px;
	height:70px;
	overflow:hidden;
	cursor:pointer;
	margin:0;
	text-align:center;
	z-index:5;
}

.arrow-left-symb{
	left:0;
	background:#fff url(../files/images/template/arrow_left.png) no-repeat top left;
}

.arrow-right-text,.arrow-left-text{
	display:block;
	margin:20px;
    position: absolute;
	width:140px;	
	top:0;
	right:35px;
	z-index:3;
}

/*------------------------------------------------------*/

.ui-loading.light_show {
	background: #fff  no-repeat url(../files/images/template/windmill-loader_2x_light.gif);
	height:500px;
}

#overlay .close-wrap {
	position: absolute;
	z-index: 112;
	width: 980px;
}


/*------------------- Overlay Arrow --------------------*/
.overlay-arrows {
	width: 1068px;
	margin: 0 auto;
	opacity: 0;
	z-index: 120;
}

.overlay-arrows:hover {
	z-index: 120;
}

.overlay-content-arrows {
	position: fixed;
	top: 45%;
	z-index: 120;
}

.overlay-arrow-previous {
	background: #f2f2f2;
	background: -moz-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(97%,rgba(255,255,255,.71)),color-stop(99%,rgba(237,237,237,.2)),color-stop(100%,rgba(35,26,22,.19)));
	background: -webkit-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: -o-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: -ms-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: linear-gradient(to right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	display: block;
}

.overlay-arrow-next {
	background: #f2f2f2;
	background: -moz-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: -webkit-gradient(linear,right top,left top,color-stop(0%,rgba(255,255,255,1)),color-stop(97%,rgba(255,255,255,.71)),color-stop(99%,rgba(237,237,237,.2)),color-stop(100%,rgba(35,26,22,.19)));
	background: -webkit-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: -o-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: -ms-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	background: linear-gradient(to left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
	display: block;
}

.overlay-arrow-next, .overlay-arrow-previous {
	color: #fff;
	display: block;
	font-size: 12px;
	height: 80px;
	width: 45px;
}

.overlay-arrows-next-anchor-image {
	background-color: #181818;
	background-color: rgba(24,24,24,.9);
	display: inline-block;
	height: 71px;
	margin-top: 0;
	overflow: hidden;
	position: absolute;
	vertical-align: middle;
	white-space: nowrap;
}

.overlay-arrows-previous-anchor-image, .overlay-arrows-next-anchor-image {
	background: transparent url(../files/images/template/pagin-assetview-arrows.png) no-repeat;

	height: 80px;
	position: absolute;
	width: 45px;
	z-index: 1;
}

.overlay-arrows-previous-anchor-image {
	background-position: -47px -4px;
}

.overlay-arrows-next-anchor-image {
	background-position: -45px -93px;
}

.overlay-arrows-anchor:hover > .overlay-arrows-previous-anchor-image {
	background-position: -2px -4px;
}

.overlay-arrows-anchor:hover > .overlay-arrows-next-anchor-image {
	background-position: 8px -93px;
}

.previous-story-content-holder {
	border: 1px solid #252525;
	box-shadow: -1px 1px 3px #101010;
	display: none;
	padding: 7px 35px 0 20px;
	right: 0;
	text-align: right;
	width: 300px;
}

.next-story-content-holder {
	vertical-align: middle;
	white-space: nowrap;
	width: 300px;
}

.previous-story-content-holder, .next-story-content-holder {
	background-position: -3px -3px;
	border: 1px solid #252525;
	box-shadow: 1px 1px 3px #101010;
	display: none;
	padding: 7px 20px 0 35px;
	width: 300px;
}

.previous-story-content-holder .next-previous-label, .previous-story-content-holder .overlay-arrows-preview-title {
	color: #fff;
	line-height: 16px;
	white-space: normal;
}

.next-previous-label {
	margin-right: 10px;
}

.overlay-content-arrows-next-wrap {
	margin-left: 1023px;
}


/*-------------------------- Big Page ---------------------*/

.ui-loading.dark-medium {
	background-image: url(files/images/template/windmill-loader_2x_dark.gif)!important;
	background-color: #000;
}

.ui-app-loader {
	height: 100%;
	position: absolute;
	width: 100%;
}

.ui-loading {
	background-position: 48% 45%!important;
	background-repeat: no-repeat!important;
	background-color: transparent;
	height: 100%;
	width: 100%;
}

#cover-view .photo:after {
	background: -moz-linear-gradient(right,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
	background: -webkit-gradient(linear,right top,left top,color-stop(0%,rgba(0,0,0,.75)),color-stop(320px,rgba(0,0,0,.25)),color-stop(400px,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(right,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
	background: -o-linear-gradient(right,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
	background: -ms-linear-gradient(right,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
	background: linear-gradient(to left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
	content: '';
	display: block;
	height: 100%;
	right: 0;
	top: 0;
	width: 100%;
}


.ui-page-turn.active {
	display: block;
	width: 100%;
}

.ui-page-turn {
	background-color: #000;
	display: none;
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 10;
}

.ui-placer {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#cover-view-pages>.active .photo, #cover-view-pages>.active>.partner-content>.container {
	width: 100%;
}

#cover-view .photo, #cover-view .partner-content>.container {
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	height: 100%;
	position: absolute;
	width: 200%;
}

#cover-view .text-wrap {
	bottom: 60px;
	right: 60px;
	position: absolute;
}

.parent-label.opinion {
	background-color: #666;
}

.hero .parent-label {
	z-index: 54;
}

#cover-view .date {
	color: #fff;
	color: rgba(255,255,255,1);
	left:10px;
	top: 20px;
	position: absolute;
	padding: 5px 6px 6px;
	z-index: 40;
}



#cover-view .hero-text {
	background: 0;
	margin-top: 50px;
	margin-right:20px;
	width: 300px;
}

.hero-text {
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(20%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.9)));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,.9) 100%);
	height: 100%;
	position: relative;
	z-index: 53;
}

#cover-view .hero-story {
	position: static;
}

.hero-story {
	bottom: 0;
	color: #fff;
	position: absolute;
	width: 100%;
	z-index: 54;
}

#cover-view .hero-story>h1 {
	margin: 0;
	width: 100%;
}

#cover-view .hero-story>h1>.load-story {
	width: 100%;
	font-size:36px;
	text-align:justify;
}

#cover-view.hero .hero-story .actions {
	border-top: 2px solid #fff;
	margin: 20px 0 0;
	overflow: visible;
	padding: 20px 60px 0 0;
	width: auto;
	display: inline-block;
}

.hero .actions {
	display: table;
	list-style: none;
	margin: 15px 20px 18px 22px;
	padding: 0;
	vertical-align: middle;
}

#cover-view.hero .hero-story .actions>li {
	border: 0;
	margin: 0;
	padding: 0;
}

.hero .actions li:first-child {
	border-right: 0;
	padding-right: 0;
}

.hero .actions li .byline {
	margin: -3.5px 0 0 0;
}

.byline {
	margin: 15px 0 15px 20px;
}

Inherited from li.hero-actions-list-items .hero .actions li {
	font-size: 12px;
}

.hero .actions li {
	border-right: 1px solid #dedede;
	display: table-cell;
	padding: 0 10px;
	vertical-align: middle;
	width: auto;
}

#cover-view.hero .hero-story .actions>li .byline {
	margin-top: 0;
}

.byline .author {
	display: block;
}

.byline .author em {
	cursor: pointer;
	font-style: normal;
}

.byline .pub {
	display: block;
	margin-top: 1px;
	white-space: nowrap;
}

.bigpage_close{
	background: url(files/images/sprites/ui-sprite.png) -150px -205px no-repeat;
	height: 50px;
	position: absolute;
	right: 100px;
	overflow: hidden;
	text-indent: 105%;
	top: 100%;
	white-space: nowrap;
	width: 50px;
}

.part_first_art img{
	height: 100%;
	width: 100%;
}

/*---------------------------------------------*/

#module-all_hero{
	min-height: 360px;
}

/*-------------------------------------------------------*/

.error-404-titr{
    width: 100%;
    background-color: #fff;
    padding: 10em 0;
    text-align: center;
    font-size: 36px;
    box-sizing: border-box;
}

/*---------------------------------------------*/

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-close:before{
    content: "\f00d";
}

.fa-refresh:before{
    content: "\f021";
}

/*------------------------------- related news -------------------------------*/

.ralated-wrapper .ralated-box{
	width: 25%;
	height: auto;
	overflow: hidden;
	float: right;
	box-sizing: border-box;
}

.ralated_item{
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
} 

.ralated_item_image{
	width: 100%;
	height: 0;
	padding-bottom: 70%;
	overflow: hidden;
}

.ralated_item_image img{
	width: 100%;
	min-height: 140px;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
}

.ralated_item_title{
    width: 100%;
    height: 45px;
    overflow: hidden;
    color: #444;
    font-weight: normal;
    margin-top: 2px;
}

/*-------------------- app download in mobile --------------------*/

.module_appLink{
	width: 100%;
	height: 42px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	display: none;
	background: #d50000;
    position: fixed;
    bottom: 0;
}
.module_appLink.open{
	display: block;
}
.appLink-item{
	float: right;
	padding: .5em 1.5em 0 0;
}
.appLink-link{
	float: right;
	padding: .7em;
}
.appLink-link a{
	font-size: 12px;
	font-family: IRANSans, Tahoma, Geneva, sans-serif;
	font-weight: normal;
	color: #fff;
	display: none;
}
.androidApp .appLink-link a.androidLink, .iosApp .appLink-link a.iosLink{
	display: block;
}

.appLink-item-left{
	float: left;
	padding: 5px 15px;
}
.appLink-item span {

	font-family: FontAwesome;
}	
.appLink-item span:before {
	content: '\f00d';
	display: block;
	height: 15px;
	width: 15px;
	top: 10px;
	left: 10px;
	font-size: 1.2em;
	margin: 5px 10px;
}	

.footer-container{
	width: 25%;
}

.footer-namad{
	width: 11% !important;	
}

/*----------------------- live score --------------------------------------*/

.live-head{
	margin: 8px 5px;
	text-align: center; 
	margin-top: 15px;
	padding-bottom: 5px;
}

.live-box{
    background-color: #fff;
    width: 100px;
    margin: 8px 5px;;
    padding-top: 2px;
    text-align: center;
}

.live-team{
	width: 90px;
    margin: 5px;
    overflow: hidden;
}

.live-team span{   
	display: inline-block;
    overflow: hidden;
    color: #737373;
}

.live-score-box{
    width: 90px;
    text-align: center;
    margin: 5px;	
}

.live-score-one, .live-score-two{
    background-color: #999;
    display: inline-block;
    color: #fff;
    padding: 3px 5px;
    height: 15px;
    position: relative;
}

.live-score-one:before, .live-score-two:before{
   font-family: FontAwesome;
    position: absolute;
    color: #999;
    font-size: 1.2em;
}
 
.live-score-one:before{
    top: -10px;
}

.live-score-two:before{
	bottom: -10px
}

.live-time{
	color: green;
}

.live-time-end{
	color: #ff003c;	
}

.live-time-img{
	display: inline;
	margin: 0;
	padding: 0;
}

#footercontent, #resourcename{
	color: #333 !important;
	font-size: 1em;
}

/*-------------------------------Media Screen-------------------------------------------*/

@media screen and (max-width: 1079px){
	body, .card-wrap, .header_logo, .header_nav_list,.footer_site .footer, .module_appLink ul {
		min-width: 720px;
	}
	.section_metro_list_sort{
		width: 82%;
	}
	.subCatcontainer{
		width: 82%;
	}
	.menu-more ul li{
		width: 33%;
	}
	.card-wrap, .header_logo, .header_nav_list,.footer_site .footer, .module_appLink ul, .menu-more ul, .menu-more form {
		width: 720px;
		min-width: 720px;
	}
	.left_main{
		width: 100%;
		position: static;
		padding-right: .5em;
		padding-left: .5em;
		box-sizing: border-box;
	}
	.hero-content{
		width: 100%;
		margin: 15px 0;
		box-sizing: border-box;
	}
	.header_nav_list>.pc-item, .header_nav_list>.labtop-item, .menu-more .mobile-item{
		display: none;
	}
	.menu-more .labtop-item, .menu-more .tablet-item{
		display: list-item;
	}
	.sidebar-title-wrapper{
		width: 99.8%;
		margin: 0;
	}
	.live-feed-news-item{
		width: 50%;
		float: right;
	}
	.live-feed-news-item.left{
		float: left;
	}
	.footer_site .footer-title{
		width: 90%;
		margin: 20px 5% 0 5%;
	}
	.app-store-box{
		width: 338px;
		overflow: hidden;
		margin: 0 auto;
	
	}
	.footer_site .footer-container{
		width: 50%;
		margin: 0;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.footer_site .footer-container.footer-namad{
		display: none !important;
	}
	.footer_site .shareicons{
		float: right;
		padding-top: 14px;
	}
	.footer_site .footer>nav>.fronts>section{

		float: right;
		min-height: 200px;
	}
	.footer-menu-box{
		width: 280px;
		margin-top: 1em !important;
	}
	.footer-menu-box .third-child{
		margin-right: -.5em;
		width: 155px;
	}
	.footer-menu-box .last-child{
		width: 125px;
	}
	.footer-menu-item{
		padding-left: 0 !important;
		width: 50%;
		margin-bottom: 10px;
	}
	.footer-social,.footer-lic-box{
		float: none !important;
    	margin: 5px auto;
		text-align: center;
	}  
	.footer-lic-text{
		float: none !important;
		margin-left: 0 !important
	}
	.footer>nav>.fronts>section.money, .footer>nav>.fronts>section.travel, .footer>nav>.fronts>section.weather{
		margin-top: 35px;
	}
	.table_cell{
    	margin: 10px 5px 0 5px;
	}
	.story-right-rail{
	position: relative;
	border: 0;
	width: 100%;
	float: none;
	}
	
	.video-box, .video-js{
		width: 100%;
	}
	
	.grid-item { width: 31.5%; }
	
	.footer .footer-title {
		padding-left: 0;
	}
	
	.story-right-rail .ads-banner img, .story-right-rail .ads-banner .btn-box{
		width: 100%;
	}
	/*-------------------- multi media ------------------------------*/
	.weather .card-primary{
		width: 600px;
	}
	.video-new-item{
		width: 33.3%;
	}
	.video-see-item{
		width: 100%;
	}

	/*-----------------------------------------------------------------*/
	.live-feed-news-item.list{
		width: 100%;
	}

	.view-box{
		width: 100% !important;
	}
}

/*--------------------------------------------------------------------------*/

@media screen and (max-width: 719px){
	body{
		min-width: 280px;
		max-width: 720px;
		box-sizing: border-box;
	}
	.section_metro_list_sort{
		width: 100%;
	}
	.subCatcontainer{
		width: 100%;
	}
	.card-wrap, .card-primary, .header_logo, .header_nav_list,.footer_site .footer, .module_appLink ul{
		width: 100%;
		max-width: 520px;
		min-width: 280px;
	}
	.menu-more form{
		width: auto;
		min-width: 280px;
	}
	.menu-more{
		padding: 0;
	}
	.menu-more ul{
		overflow-y: auto;
		background-color: #464646;
		width: 100%;
		max-width: 720px;
		min-width: 280px;
	}
	.menu-more ul li{
		width: 100%;
	}
	
	.menu-more ul li .menu-more ul li{
		padding-right: 20px;
	}
	
	.menu-more ul li .menu-more ul{
		width: 100%;
	}
	
	.menu-more ul li .icon-chevron-down{
		float: left;
		margin-left: 1em;
		font-size: 1.5em;
		margin-top: .3em;
	}
	.story-right-rail .ads-banner{
		margin-right: 0 !important
	}
	.menu-other-mobile-more-open>span{
		    border-right: 6px solid #d50000;
	}
	
	.menu-more ul li .icon-chevron-down:before{
		content: "\e920";
	}
	
	.menu-other-mobile-more-open .header-submenu-key:before{
		width: 5px;
		height: 100%;
		float: right;
		background-color: #d50000;
	}

	.menu-other-mobile-more-open i:before{
		content: "\e91f" !important;
	}
	
	.menu-other-mobile-more-open .menu-more{
		display: block !important
	}
	
	.search_mobile_form{
		display: block;
	}
	.header-app-pc{
		display: none;
	}
	.menu-more ul li span{
	    font-size: 1.2em !important;
   		color: #fff !important;
	}
	.menu-more ul li .menu-more span{
		font-size: 1em !important;
	}
	.primary_section>div {
		box-sizing: border-box;
		overflow: hidden;
	}
	.hero-3up-tile {
		margin: 0;
		margin-top: 10px;
	}	
	.card-primary-wrapper.clearfix, .primary-hero-wrap, .primary-hero-wrap, .primary-hero-wrap .hero_right_box, .card-hero-3up-tile, .primary_section .card-secondary-media{

		width: 100%;
		height: auto;
		min-height: 100%;
		box-sizing: border-box;
	}
	.card-primary-wrapper.clearfix{
		width: 96%;
		margin-right: auto;
		margin-left: auto;
	}
	.primary_section .card-secondary-media{
		padding-right: 0;
		padding-left: 0;
	}
	.primary_section.primary_suspender{
		padding-left: .5em;
		padding-right: .5em;
		box-sizing: border-box;
	}
	.hero-3up-media img, .primary-hero-wrap .slide_image, .hero-3up-tile, .hero-3up-tile-main .hero-3up-media img{
		width: 100%;
		height: auto;
		box-sizing: border-box;
	}
	.header_nav_list>.tablet-item{
		display: none;
	}
	.menu-more .mobile-item{
		display: list-item;
	}
	.header_nav_icon li, .header_logo .header-msg{
		display: none;
	}
	.header_nav_icon .mobile-item{
		display: block;
	}
	.live-feed-news-item{
		width: 100%;
	}
	.headline-box-size{
		width: 50%;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	/* set the header small in mobile view */
	.header_inner_wrap {
		position: fixed !important;
	}
	.header_logo{
		height: 0 !important;
		overflow: hidden;
	}
	.logo-main>a {
		top: 0 !important;
	}
	.logo-main>a>img {
		height: 35px !important;
	}
	.header_nav_list li.logo_l {
		right: 40px !important;
		position: absolute !important;
		width: 120px;
	}
	.card-wrap{
		padding-top: 50px !important;	
	}
	.warp-down-app.card-wrap{
		padding-top: 50px !important;	
	}
	/*--------------------------------------*/
	
	.asset-double-wide{
		padding-right: 0
	}
	.main-share-box{
		top: 0 !important;
		position: relative;
		width: 100%;
		box-sizing: border-box;
		height: 50px;
		margin: 0;
		margin-top: 5px;
		padding: 0;
	}
	.main-share-social-box{
		float: left;
	}
	.main-share-info-box{
		margin-top: 0 !important;
		float: right;
		width: 120px;
	}
	.main-share-info-box div{
		flex-direction: row;
	}
	.main-share-box .share-social-btn{
		display: inline-block;
    	margin: 0
	}
	.image-show-main{
		width: 100%;
	}
	.font-size--main-box{
		display: none;
	}
	.main-share-info-box .icon-click:before{
		margin-top: -2px;
	} 
	
	/*---------------------------------------*/
	.listview .headline-box-size{
		width: 100%;
	}
	.headline_item{
		margin: 10px auto 0 auto !important;
		box-sizing: border-box;
		float: none;
		height: 200px;
		width: 200px;
	}
	.headline_item .headline_item_main{
		height: 130px;
	}
	.headline_item .headline_item_main img{
		min-height: 130px;
	}
	.headline_item .headline_item_info{
		height: 70px;
	}
	.headline_item .headline_item_grid_title{
		height: 50px;
		margin: 10px;
	}
	.headline_item .headline_item_grid_title span{
		font-size: .7em
	}	
	/*
	.headline_item_image img{
		min-height: 200px;
		min-width: 200px;
		max-width: 150%;
		max-height: 150%;
	}
	*/
	.listview .headline_item{
		width: 100%;
		min-width: 280px;
		max-width: 500px;
	}
	.livefeed-sidebar-content>.live-feed-wide .has-image .article{
		max-width: calc(100% - 97px);
	}
	.live-feed-wide .live-feed-multimedia{
	    width: 100%;
    	height: auto;
	}
	.footer_site .footer>nav>.fronts>section{
		width: 50%;
		box-sizing: border-box;
	}
	.card-secondary-media .hgsm-link{
		width: 100%;
		box-sizing: border-box;
		margin: 0;
		padding: 1em;
		overflow: hidden;
	}
	.card-secondary-media .hgsm-image{
		width: 100%;
		height: auto;
	}
	.card-secondary-media .hgsm-image-link:before{
		height: 100%;
	}
	.card-secondary-media .headline_item_grid_name{
		top: 2.5em;
		right: 2.5em;	
	}
	.section-highlights-primary .table_cell, .section-highlights-primary .part_first_art, .section-highlights-primary .part_first_art img, .section-highlights-primary .part_first_img_txt{
		width: 100%;
		height: auto;
		box-sizing: border-box;
		margin: 0;
	}
	.section-highlights-primary .part_other, .section-highlights-primary .part_second_art {
		width: 100%;
		padding-right: .5em;
		padding-left: .5em;
		box-sizing: border-box;
		margin: 0;
	}
	.section-highlights-primary .part_two_art{
		width: 100%;
	}
	.section-highlights-primary .part_two_txt{
		 width: calc(100% - 120px);
	}
	.section-highlights-primary .table_cell{
		margin: 10px auto;
		min-width: 280px;
	}
	.section-highlights-primary .table_row , .section-highlights-primary .split_two{
		display: block;
	}
	.section_center .section_headline_header .btn_headline, #module-list .section_headline_header .btn_headline{
		width: 19px;
		overflow: hidden;
		height: 18px;
		line-height: 3em;
	}
	.primary_section .section_headline_header, .primary_section .headlines_show_more{
		margin-top: 1em;
	}
	.footer_site .footer-container{
		width: 100%;
		margin: 0 auto;
		float: none;
	}
	.footer_site .footer-title{
		text-align: center;
	}
	.footer-logo-box{
		width: 100%;
		text-align: center !important;
	}
	.footer-menu-box, .footer-logo-box{
		margin-left: auto;
		margin-right: auto;
		float: none !important;
	}
	.footer-logo-text{
		text-align: center;
	}
	.footer-logo-img{
		width: 130px !important;
	}
	.footer-menu-box{
		margin-top: 2.5em !important;
	}
	.mod-show .card-wrap{
		box-sizing: border-box;
		overflow: hidden;
		padding-right: .5em;
		padding-left: .5em;
	}
	.story-main-box{
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
	}	
		
	.has-image .live-feed-thumb{
		width:  92px;
		height: 92px;
	}
	
	.story-main-box{
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
	}
	.copy-link{
		right: unset;
    	left: 0;
	}
	.copy-link:after{
		right: unset;
    	left: 20px;
	}
	.utility-bar-wrap, .util-bar-primary-modules{
		width: 30px;
	}
	.story-title .parent-label{
		top: -9px;
		left: 0;
	}
	.more-stories{
		width: 100%;

		padding-right: 10px;
		padding-left: 10px;
	}
	.headline-box{
		width: 50%;
		overflow: hidden;
		float: right;
	}
	.recommended-flyout-container{
		display: none;
	}
	.single-photo.expandable-collapsed, .article-metadata-wrap{
		width: 100%;
	}
	#module-position-MwSywxl2-Do{
		overflow: visible;
		box-sizing: border-box;
	}
	.single-photo.expandable-collapsed .toggle{
		display: none;
	}
	.util-bar-flyout.open{
	    right: 30px;	
	}
	.footer_site .app-store-box h3{
		width: 100%;
		text-align: center;
		padding-bottom: 5px;
	}
	.app-store-box a{
		overflow: hidden;
		box-sizing: border-box;
	}
	.footer-link, .footer-about, .footer-connect{
		display: none;
	}
	
	.video-box, .video-js{
		width: 100%;
	}
	
	.header_nav_list .last .header_nav_text_span{
		text-indent: -200px;
		display: block;
		overflow: hidden;
		padding: 3px;
	}
	
	.header_nav_list .last{
		font: normal normal normal 1.2em/1 FontAwesome;
		color: #fff;
		border-right-color: #ffffff;
		border: 0 !important;
		right: 0 !important;
    	position: absolute !important;
		width: 40px;
    	background-color: #d50000 !important;
	}
	
	.header_nav_list li.header-search-box{
		display: none;
	}
	
	.header_nav_list .last:before{
		content: '\f0c9';
		display: block;
		height: 30px;
		position: absolute;
		width: 30px;
		top: 10px;
		left: 1px;
		font-size: 1.2em;
	}
	.header_nav_list .menu-more-open:before{
    	content: '\f00d';
	}
		
	.header_nav_list .befor:before{
		content: '\f041';
	}
	
	.header_nav_list .menu-open:before{
		content: '\f00d';
	}
	
	.mod-show .expandable-photo-module{
		position: static;
	}
	
	.mod-show .story-highlights-module{
		padding-top: 0;
	}
	/*
	.mod-show .headline_item:hover .headline_item_info{
		height: auto;
	}
	*/
	/*-------------------------------------------*/
	
	.card-suspender, .right_box_color{
		display: none;
	}
	.hero-3up-tile {
		background-color: transparent;
	}
	.hero-3up-tile-other, .hero-3up-tile{
		border: 0;
		box-sizing: border-box;
	}
	.hero-3up-tile.hero-3up-tile-main{
		background-color: #000;
	}
	.hero-3up-tile-other .hero-3up-media img, .card-hero-3up-tile .hero-3up-media img{
		width: 120px;
		height: 75px;
		/*border-radius: 5px;
		border: 1px solid silver;*/
	}
	.hero-3up-tile-other.last {
		margin-right: 0;
	}
	.hero-3up-tile-other .hero-3up-media>.hero-text, .load-story .hero-3up-media>.hero-text {
		width: calc(100% - 125px);
		left: 0;
	}
	.hero-3up-tile-other .load-story, .hero-3up-tile .hero-story h2{
		color: #323232;
		text-shadow: none;
		width: 100%;
		margin: 0;
		padding: 0;
		line-height: 1.5em;
    	font-size: 1em;
	}
	.hero-3up-media>.hero-text, .hero-3up-media>.hero-text:hover{
		background: transparent;
	}
	.hero-3up-tile-other .parent-label, .hero-3up-tile>.parent-label{
		display: none;
	}
	.hero-3up-tile-other .hero-story{
		top: 0;
	}
	.all-hero .slide_image{
		height: auto;

	}
	
	/*--*/
	.news .primary_section, .sports .primary_section, .life .primary_section, .tech .primary_section, .money .primary_section, .local .primary_section, .travel .primary_section, .weather .primary_section, .news .card-primary, .sports .card-primary, .life .card-primary, .tech .card-primary, .money .card-primary, .local .card-primary, .travel .card-primary{
		width: 100%;
	}
	
	.hero-story h1{
		font-size: .9em;
		margin-bottom: .5em;
	}
	.hero-story .actions{
		display: none;
	}
	
	/*--*/
	
	.app-store-box{
		box-sizing: border-box;
		overflow: hidden;
		margin: 0 auto;
		width: 200px;
	}
	.footer-store .app-store-box a{
	    margin: 5px 5px 30px 5px;
	}
	
	.app-store-main{
		margin: 0 auto;
		width: 162px;	
	}
	
	.footer_site .app-store-box h3{
		float: none;
		margin-top: 0;
	}
	
	/*--------------------- related news-----------------------*/
	
	.ralated-wrapper .ralated-box{
		width: 50%;
	}

	.ralated_item_image img{
		width: 100%;
		min-height: 110px;
	}

	.grid-item { width: 30.4%; }
	
	/*-------------------- multi media ------------------------------*/
	.weather .card-primary{
		width: 600px;
	}
	.video-new-item{
		width: 33.3%;
	}
	.video-see-primary .video-see-image, .video-see-primary .video-item-info {
		width: 90%;
	}
	.video-new-image, .video-item-info{
		width: 90%;
   		height: 100px;
	}
	
	/*----------------------- sport ----------------------------*/
	.sports-nav-module{
		width: 96%;
	}
	.all-hero .hero_right_box{
		width: 100%;
		max-height: 360px
	}
	
	/*----------------------------------------------------------*/
	.metro_slider .scroll-left, .metro_slider .scroll-right{
		display: block !important;
	}
	
	/*----------------------------------------------------------*/
	.card-price-main{
		padding-right: 0 !important;
	}
	.price-mobile-header-box{
		display: block !important;
	}
	.view-box{
		width: 100% !important;
	}
}

/*--------------------------------------------------------------------------*/

@media screen and (max-width: 560px){
	.video-js{
		max-height: 250px !important;
	}
	/*--*/
	.footer_site .shareicons{
		margin: 0 auto;
		float:none;
		width: 250px;
	}
	.footer_site .footer{
		overflow: hidden;
		padding-left: 1em;
		padding-right: 1em;
		box-sizing: border-box;
		text-align: center;
	}
	.table-row>.clst-item{
		width: 100%;
	}
	.footer-title .footer-site-logo{
		display: none;
	}
	.footer_site .footer-title{
		margin-top: 0;
	}
	.footer-menu-box .third-child, .footer-menu-box .first-child{
		margin-right: -1.3em !important;
	}
	.shareicons .share .cycle-button{
		float: right;
	}
	.footer-social .shareicons h5{
		/* text-align: right; */
	}
	.util-bar-scroll-wrap-comments .comment-main-info{
		width: calc(100% - 55px);
	}
	.util-bar-scroll-wrap-comments>img {
		width: 45px;
		height: 45px;
	}

	.grid-item { width: 46%; }
	
	/*-------------------- multi media ------------------------------*/
	.weather .card-primary{
		width: 100%;
	}
	.video-new-item{
		width: 50%;
	}
	.video-new-image{
   		height: 130px;
	}
	.video-new-image img{
		min-height: 130px;
		max-height: 170px;
	}
	
	/*------------------------------------------------------------------*/
	.metro-all-banner img{
		max-width: 550px !important;
	}
}

/*--------------------------------------------------------------------------*/

@media screen and (max-width: 450px){
	.headline_item{
		height: 170px;
		width: 170px;
	}
	.headline_item .headline_item_main{
		height: 110px;
	}
	.headline_item .headline_item_main img{
		min-height: 110px;
	}
	.headline_item .headline_item_info{
		height: 60px;
	}
	.headline_item .headline_item_grid_title{
		height: 50px;
		margin: 5px;
	}
	.headline_item .headline_item_grid_title span{
		font-size: .7em
	}
	/*
	.headline_item_image img{
		min-height: 170px;
		min-width: 170px;
		max-width: 150%;
		max-height: 150%;
	}
	*/
	.headline-box{
		width: 100%;
	}
	
	/*------------------------------------------------------------------*/
	.metro-all-banner img{
		max-width: 440px !important;
	}
	
	/*--------------------------------------------------------------------*/
	.price-list-header span, .price-text{
		width: 20% !important;
	}
}

/*--------------------------------------------------------------------------*/

@media screen and (max-width: 420px){
	.headline_show{
		display: block;
	}
	.headline-box-size{
		width: 100%;
		padding-right: 1em;
		padding-left: 1em;
		box-sizing: border-box;
	}
	.news .headline_item, .sports .headline_item, .life .headline_item, .tech .headline_item, .money .headline_item, .local .headline_item, .travel .headline_item, .weather .headline_item, .headline_item, .news .headline_item_image img, .sports .headline_item_image img, .life .headline_item_image img, .money .headline_item_image img, .local .headline_item_image img, .travel .headline_item_image img, .weather .headline_item_image img{
		height: 230px;
		width: 100%;
	}
	
	.headline_item .headline_item_main{
		height: 150px;
	}
	.headline_item .headline_item_main img{
		min-height: 150px;
	}
	.headline_item .headline_item_info{
		height: 80px;
	}
	.headline_item .headline_item_grid_title{
		height: 55px;
		margin: .5em;
	}
	.headline_item .headline_item_grid_title span{
		font-size: .7em
	}
	
	.grid-item { 
		width: 94%; 
	}
	
	.headline_item_main{
		height: 150px;
	}
	.headline_item_info{
		height: 80px;
	}
	.headline_item_grid_title{
		height: 50px;
		margin: .5em;
	}
	.headline_item_grid_title span{
		font-size: .8em
	}
	
	/*-------------------- multi media ------------------------------*/
	.video-new-item {
		width: 100%;
	}
	.video-new-image{
   		height: 220px;
	}
	.video-new-image img{
		min-height: 220px;
		max-height: 300px;
	}
	.video-new-item .btn_play{
		top: 35%;
		right: 42%;
	}
	
	/*------------------------------------------------------------------*/
	.metro-all-banner img{
		max-width: 410px !important;
	}

}

/*------------------------------------------------------------------*/
	
@media screen and (max-width: 380px){
	.metro-all-banner img{
		max-width: 360px !important;
	}
}


/*------------------------------------------------------------------*/
	
@media screen and (max-width: 330px){
	.metro-all-banner img{
		max-width: 300px !important;
	}
}

/*--------------------------------------------------------------------------*/

@media screen and (max-width: 300px){
	.footer_site .footer{
		overflow: hidden;
		max-width: 280px;
	}
	/*-------------------- multi media ------------------------------*/
	.video-new-image{
   		height: 180px;
	}
	.video-new-image img{
		min-height: 180px;
		max-height: 250px;
	}
	/*----------------------------------------------------------------*/
	#module-list input{
		width: 75px;
	}
	
	/*------------------------------------------------------------------*/
	.metro-all-banner img{
		max-width: 290px !important;
	}
	
}
	/*------------------------------------------------------------------*/
	#subcat_list{
		background-color: #e4e4e4;
		margin-top: -5px;
		padding: 5px 2px 0px;
		/* border-top: solid #ccc 2px; */
		-webkit-box-shadow: inset -1px 3px 3px -3px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: inset -1px 3px 3px -3px rgba(50, 50, 50, 0.75);
		box-shadow: inset -1px 3px 3px -3px rgba(50, 50, 50, 0.75);
		padding-top: unset;
		padding-bottom: 2px;
	}
	.subCatcontainer{
		box-sizing: border-box;
		/* height: 30px; */
		position: relative;
		border-radius: 5px;
		margin: 0 auto;
		line-height: 2em;
	}
	.subCatcontainer span{
		margin: 2px;
	}
	.subCatcontainer span a{
		font-family: IRANSans, Tahoma;
		padding: 5px;
		border-radius: 10px;
		background-color: #fff;
		color: #969696;
		font-size: 12px;
	}
	.subCatcontainer span a.selectSubCat{
		background-color: #000;
		color: #fff;
	}
	.selectSubCat{
		background-color: #000;
		color: #fff;
	}
	/*-------------------------------------------*/
	#headline_header{
		margin: -28px auto 5px;
		padding: 0;
		border-bottom: #e4e4e4 solid 1px;
	}