/*---------------------------------------/Each News Page /--------*/
.news_container {
	/*background-color:#fff;
	padding:15px;*/
}

.box_header {
	margin-bottom: 15px;
	margin-top: 50px;
}

	.box_header h3 {
		font-size: 16px;
		display: inline-block;
		position: relative;
		padding-right: 40px;
		padding-left: 30px;
		border-radius: 20px;
		color: #34c1f0;
		height: 30px;
		line-height: 25px;
		box-shadow: 0px 1px 4px #34c1f0;
	}

		.box_header h3:after {
			content: "";
			position: absolute;
			height: 40px;
			width: 40px;
			background-color: #fff;
			right: -10px;
			border-radius: 25px;
			top: -5px;
			box-shadow: 0px 1px 4px #34c1f0;
			background-image: url(../Images/PageTitle.png);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: 70% 70%;
		}

.news-header {
	margin-bottom: 10px;
}

.news-title {
	color: #333;
}

	.news-title:hover {
		color: #e00613;
	}

.onheadline {
	font-size: 12px;
	color: #999;
	margin-bottom: 10px;
}

.headline {
	font-size: 24px;
	color: #333;
}

.news_details {
	margin-bottom: 30px;
}

	.news_details time {
		color: #999;
		font-size: 12px;
		display: block;
		margin-top: 5px;
	}


@media only screen and (max-width : 360px) {
	.news_details .date_and_share {
		margin-top: 10px;
	}
}

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

.share-box {
	text-align: left;
}

	.share-box a {
		display: inline-block;
		margin-right: 20px;
		cursor: pointer;
	}

	.share-box span {
		display: inline-block;
		cursor: pointer;
	}

		.share-box a:hover, .share-box span:hover {
			opacity: .6;
			filter: alpha(opacity=60);
		}

	.share-box img {
		height: 20px;
	}

.news_details header {
	color: #1a3562;
	margin-bottom: 20px;
}

.news-headline {
	font-size: 24px;
}

.news_details .lead {
	background-color: #f8f8f8;
	border: #f1f1f1 1px solid;
	border-radius: 5px;
	padding: 15px;
	font-size: 14px;
	margin-bottom: 30px;
	line-height: 2.5;
}

.news_details .news_content {
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 2.5;
	text-align: justify;
}

.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;
		}
/*---------------------/ 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: 45%; /*3:2 ratio*/
		display: block;
		content: '';
	}

	.aspect_ratio img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0; /*fill parent*/
		width: 100%;
		object-fit: cover;
	}

.top_news_content {
	position: absolute;
	left: 1px;
	right: 0;
	bottom: 0;
	background-color: rgba(125, 20, 25, 0.8);
	color: white;
}

	.top_news_content .top_news_title {
		background-color: rgba(0, 0, 0, 0.7);
		padding: 5px;
		cursor: pointer;
		font-size: 12px;
		font-weight: normal;
	}

	.top_news_content p {
		padding: 5px;
		display: none;
		color: #ccc;
	}

@media (min-width : 768px) {
	.top_news_content .top_news_title {
		font-size: 14px;
	}
}
/*-------------------------------------------------------------------------------------------/ Inner Page Style /--------*/


.inner_page .first_row_container {
	width: 100%;
}

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

@media (min-width:992px) {
	.inner_page .first_row_container {
		width: 49.9%;
		margin-left: .2%;
	}

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

	.first_row_sidebar_ads {
		height: 617px;
	}

	.inner_page .first_row_sidebar_ads {
		height: 438px;
	}
}

.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;
		text-align: center;
	}

		.relative-carousel .relative-img-box img {
			height: 100%;
		}

	.relative-carousel .relative-item h5 {
		height: 50px;
		line-height: 26px;
		text-align: center;
	}
/**************************************News Navbar****************************/
.nav-news {
	margin-bottom: 20px;
	border-radius: 0;
}

	.nav-news .navbar-nav > li > a, .nav-news .navbar-nav > li > a:focus, .nav-news .navbar-nav > li > a:active, .nav-news .navbar-nav > li > a:visited {
		color: #fff;
		padding: 15px;
		outline: none;
	}

		.nav-news .navbar-nav > li > a:hover, .nav-news .navbar-nav > li > a.selected {
			color: #000;
		}

	.nav-news .navbar-collapse {
		/*padding:0;*/
	}

	.nav-news .navbar-brand {
		color: #000;
	}

		.nav-news .navbar-brand:hover {
			color: #000;
		}

	.nav-news .navbar-toggle span {
	}

	.nav-news .navbar-toggle:hover span {
		background-color: #000 !important;
	}

@media (min-width : 768px) {
	.nav-news .navbar-brand {
		display: none;
	}
}
/********************************* Updated News Box ***************************/
.news-box {
	margin-bottom: 50px;
	box-shadow: 0 2px 10px 0 rgba(74, 135, 121, .3);
	-moz-box-shadow: 0 2px 10px 0 rgba(74, 135, 121, .3);
	-webkit-box-shadow: 0 2px 10px 0 rgba(74, 135, 121, .3);
	padding-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid transparent;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; /* firefox */
	-webkit-transition: all .3s ease-in-out; /* safari and chrome */
	-o-transition: all .3s ease-in-out; /* opera */
	-ms-transition: all .3s ease-in-out;
}

	.news-box:hover {
		box-shadow: 0 2px 10px 0 rgba(74, 135, 121, .6);
		-moz-box-shadow: 0 2px 10px 0 rgba(74, 135, 121, .6);
		-webkit-box-shadow: 0 2px 10px 0 rgba(74, 135, 121, .6);
	}

.news-img {
	height: 200px;
	overflow: hidden;
	display: block;
	margin-bottom: 5px;
	border: 1px solid transparent;
	position: relative;
}

	.news-img img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		border-radius: 10px;
	}

.expire .news-img img {
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
	filter: gray;
	-webkit-filter: grayscale(100%);*/
	opacity: 0.5;
}

.news-img .expire-text {
	background-color: #ff1744;
	position: absolute;
	left: 5px;
	top: 10px;
	color: #fff;
	border-radius: 10px;
	padding: 0 10px;
	line-height: 1.7;
}

.news-box:hover .news-img {
	padding: 10px;
	border: 1px solid transparent;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; /* firefox */
	-webkit-transition: all .3s ease-in-out; /* safari and chrome */
	-o-transition: all .3s ease-in-out; /* opera */
	-ms-transition: all .3s ease-in-out;
}

.news-img-border {
	border: 1px solid transparent;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; /* firefox */
	-webkit-transition: all .3s ease-in-out; /* safari and chrome */
	-o-transition: all .3s ease-in-out; /* opera */
	-ms-transition: all .3s ease-in-out;
	height: 100%;
	border-radius: 10px;
}

.news-box:hover .news-img-border {
	padding: 10px;
	border: 1px solid #86d0bf;
}

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

	.news-info .news-date {
		font-size: 12px;
		color: #777;
	}

.news-headline {
}

	.news-headline .expire {
		background-color: #ff1744;
		color: #fff;
		border-radius: 10px;
		padding: 0 20px;
		line-height: 1.7;
		font-size: 16px;
		margin-right: 10px;
		vertical-align: middle;
	}

	.news-headline a {
		color: #212631;
		outline: none;
	}

	.news-headline h4 {
		text-align: center;
		height: 57px;
		line-height: 1.3;
		overflow: hidden;
		font-size: 14px;
	}

.news-summary {
	text-align: center;
	line-height: 1.5;
	font-size: 13px;
	color: #777;
	padding: 0 10px;
	height: 60px;
	overflow: hidden;
}

.zone-container {
	margin-bottom: 20px;
}

.zone-box {
	display: block;
	height: 200px;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 10px;
	position: relative;
	outline: none;
}

	.zone-box::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		opacity: .6;
		background: linear-gradient(to top, #000 0%, rgba(0,0,0,.4) 100%);
		width: 100%;
		height: 100%;
		transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out; /* firefox */
		-webkit-transition: all .3s ease-in-out; /* safari and chrome */
		-o-transition: all .3s ease-in-out; /* opera */
		-ms-transition: all .3s ease-in-out;
	}

	.zone-box:hover::after {
		opacity: 0;
	}

	.zone-box img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

.zone-info {
	position: absolute;
	bottom: 15px;
	right: 0;
	left: 0;
	width: 100%;
	margin: auto;
	color: #fff;
	z-index: 2;
}

.zone-date {
	margin-bottom: 5px;
	display: inline-block;
	padding: 5px 10px;
	font-size: 12px;
	background-color: #fff;
	color: #000;
	border-radius: 10px 0 0 10px;
}

.zone-headline {
	padding: 5px 10px;
	height: 45px;
	font-size: 18px;
	overflow: hidden;
}

@media (min-width : 768px) {
	.zone-box {
		height: 350px;
	}

	.zone-headline {
		height: 60px;
		font-size: 24px;
	}
}
/********************************* Pagination Box *****************************/
.pagination-box {
	margin: 30px 0;
}

	.pagination-box ul {
		text-align: center;
	}

	.pagination-box li {
		display: inline-block;
		font-size: 12px;
	}

		.pagination-box li a {
			color: #444;
			padding: 0px 5px;
			display: block;
			text-align: center;
			font-size: 12px;
			height: 32px;
			line-height: 32px;
			min-width: 22px;
			margin: 0 1px;
			position: relative;
			border-bottom: 1px solid transparent;
		}

		.pagination-box li span {
			color: #444;
			padding: 0px 5px;
			display: block;
			text-align: center;
			font-size: 12px;
			height: 32px;
			line-height: 32px;
			min-width: 22px;
			margin: 0 1px;
			position: relative;
			border-bottom: 1px solid transparent;
		}

		.pagination-box li.next,
		.pagination-box li.prev,
		.pagination-box li.first,
		.pagination-box li.last {
		}

			.pagination-box li.first a {
				margin-right: 0;
			}

			.pagination-box li.last a {
				margin-left: 0;
			}

		.pagination-box li.dots {
			cursor: default;
			padding: 0;
		}

		.pagination-box li.active a {
			border-bottom: 1px solid #2196F3;
			color: #2196F3;
		}

		.pagination-box li.disabled {
			color: gray;
		}

		.pagination-box li i {
			font-size: 12px;
			vertical-align: sub;
		}



@media(min-width:768px) {
	.pagination-box li {
		font-size: 14px;
	}

		.pagination-box li a {
			padding: 0px 10px;
			font-size: 14px;
			margin: 0 5px;
			min-width: 34px;
		}

		.pagination-box li span {
			padding: 0px 10px;
			font-size: 14px;
			margin: 0 5px;
			min-width: 34px;
		}

		.pagination-box li i {
			font-size: 14px;
		}
}