﻿/*---------------------------------------/Each News Page /--------*/
.news_container {
	/*background-color:#fff;
	padding:15px;*/
}

.box_header {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
	margin-top: 50px;
	height: 25px;
}

	.box_header h4 {
		border-bottom: 3px solid #c00;
		padding-bottom: 5px;
		font-size: 16px;
		color: #555;
		float: right;
	}

.news-header {
	margin-bottom: 10px;
}

.news-title {
	color: #333;
}

	.news-title:hover {
		color: #e00613;
	}

.onheadline {
	font-size: 14px;
	color: #ccc;
	margin-bottom: 10px;
}

.headline {
	font-size: 24px;
	color: #333;
}

.news_details {
	margin-bottom: 30px;
}

	.news_details time {
		color: #999;
		font-size: 12px;
		margin-top: 10px;
		display: block;
	}

	.news_details .date_and_share {
		margin-bottom: 30px;
	}

		.news_details .date_and_share .btn {
			margin-left: 5px;
		}

			.news_details .date_and_share .btn i {
				margin-left: 2px;
			}

		.news_details .date_and_share .btn-default, .news_details .date_and_share .btn-info {
			cursor: context-menu;
		}

			.news_details .date_and_share .btn-info a {
				cursor: pointer;
			}

	.news_details header {
		color: #1a3562;
		margin-bottom: 20px;
	}

	.news_details .lead {
		background-color: #eee;
		border: #e5e5e5 1px solid;
		border-radius: 5px;
		padding: 15px;
		font-size: 13px;
		margin-bottom: 30px;
		line-height: 200%;
	}

	.news_details .news_content {
		font-size: 13px;
		margin-bottom: 15px;
		line-height: 250%;
	}

	.news_details img {
		margin: 5px 5px 5px 0;
	}

.TopNewsImg {
	text-align: center;
}

	.TopNewsImg img {
		float: none;
		margin: 30px auto;
		display: block;
	}

.keywords {
	margin-bottom: 20px;
}

	.keywords li {
		display: inline-block;
		margin: 0px 5px;
	}

	.keywords a {
		background-color: #eee;
		padding: 0px 10px;
		border-radius: 4px;
		color: #888;
	}

		.keywords a:hover {
			background-color: #777;
			color: #fff;
		}
/*=============================== sticker ======*/
.sticker {
	/*position: absolute;*/
	background-color: red;
	padding: 3px 5px;
	/*top: 15px;
	left: 15px;*/
}

	.sticker a {
		color: #fff;
	}

		.sticker a:hover {
			color: #3CFBED;
		}

	.sticker.srv_public, .services_header.srv_public {
		background-color: #039B91;
		color: #fff;
	}

		.services_header.srv_public ~ a[class=more] {
			background-color: #9a12b3;
		}
/*-------------------------------------------------------------------------------/ first_row_services Top News / ------ */
.first_row_services {
	margin-bottom: 30px;
	overflow: hidden;
}

	.first_row_services .horizontal_ads {
		margin-bottom: 0;
	}
/*---------------------/ Main 3 Top News / ------ */
.main_top_news {
	margin-bottom: 30px;
	padding-bottom: 5px;
}

	.main_top_news .second_row {
		margin-top: -7px;
	}


	.main_top_news .second_row_news {
		width: 100%;
		float: right;
	}

.aspect_ratio {
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

	.aspect_ratio:after {
		padding-top: 66.666%; /*3:2 ratio*/
		display: block;
		content: '';
	}

	.aspect_ratio img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0; /*fill parent*/
		width: 100%;
	}

.top_news_content {
	position: absolute;
	left: 1px;
	right: 0;
	bottom: 0;
	font-family: IranSans;
	background-color: rgba(0, 0, 0, 0.8);
	color: white;
}

	.top_news_content .top_news_title {
		font-family: IranSans;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 5px;
		cursor: pointer;
	}

	.top_news_content p {
		padding: 5px;
		display: none;
		color: #ccc;
	}
/*-------------------------------------------------------------------------------------------/ Inner Page Style /--------*/

.inner_page.first_row_services {
	margin-bottom: 0;
}

.inner_page .first_row_container {
	width: 49.9%;
	margin-left: .2%;
}

	.inner_page .first_row_container:last-child {
		margin-left: 0;
	}

.inner_page .first_row_sidebar_ads {
	height: 365px;
	margin-bottom: 30px;
}

	.inner_page .first_row_sidebar_ads img {
		margin: 0 auto 9px;
	}

.services_list {
	margin-bottom: 30px;
}

.news_list {
	margin-bottom: 15px;
}

	.news_list .innerPage {
		margin-top: 10px;
	}


	.news_list .media {
		margin-bottom: 20px;
		margin-top: 0;
	}

		.news_list .media:last-child {
			/*border-bottom: 0;*/
		}

		.news_list .media .each_news_img {
			float: none;
			width: 100%;
		}

.main_top_news .second_row_news {
	width: 49.8%;
	float: right;
	margin: .2%;
}

	.main_top_news .second_row_news:first-child {
		margin-right: 0;
	}

	.main_top_news .second_row_news:last-child {
		margin-left: 0;
	}

@media (min-width: 600px) {
	.news_list .media .each_news_img {
		margin-left: 10px;
		float: right;
		width: 30%;
	}
}

@media (min-width:992px) {
	#main_header .horizontal_links li {
		width: initial;
	}

	#main_header .horizontal_links {
		float: left;
	}

	.tab .nav-tabs > li {
		width: 50%;
	}

	.first_row {
		margin-bottom: 0px;
	}

	.first_row_sidebar_ads {
		margin-top: 0px;
		height: 530px;
	}

		.first_row_sidebar_ads img {
			display: block;
			width: initial;
		}

	.service {
		height: 520px;
	}

		.service.col-4 {
			height: 480px;
		}

	.media_part .carousel .carousel-control.play, .media_part .carousel .carousel-control.pause {
		top: -45px;
	}
}

@media (min-width: 1200px) {
	#main_header .horizontal_links {
		width: initial;
		margin-left: 20px;
	}

	.tab .tab-content {
		height: 438px;
	}

	.tab-content > .tab-pane .news_list li a {
		line-height: 24px;
	}

	.first_row_sidebar_ads {
		height: 617px;
	}

	.inner_page .first_row_sidebar_ads {
		height: 438px;
	}

	.news_list .media .each_news_img {
		width: 15%;
	}
}

.rateBox {
	float: left;
	border: 1px solid #ddd;
	width: 60px;
	text-align: left;
	padding: 2px;
	margin: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.relative-carousel {
}

	.relative-carousel .carousel-inner {
		padding: 0 50px;
	}

	.relative-carousel .carousel-control {
		width: 50px;
	}

	.relative-carousel .relative-item {
		/*height:150px;*/
		margin: 10px 0;
		padding: 10px 15px;
	}

		.relative-carousel .relative-item:hover {
			box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		}

		.relative-carousel .relative-item a {
			display: block;
			color: #777;
		}

		.relative-carousel .relative-item:hover a {
			color: #e00613;
		}

	.relative-carousel .relative-img-box {
		height: 150px;
		margin-bottom: 10px;
		overflow: hidden;
	}

		.relative-carousel .relative-img-box img {
			width: 100%;
		}

	.relative-carousel .relative-item h5 {
		height: 50px;
		line-height: 26px;
	}
