@import url(https://cdn.jsdelivr.xyz/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.rtl.min.css);
@import url(https://cdn.jsdelivr.xyz/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css);

/*! My very own Bootstrap 4 Theme
 *
 *  Built on top of Bootstrap 4 (https://getbootstrap.com)
 *  Built with the Bootstrap Theme Kit by HackerThemes (https://hackerthemes.com)
 */
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.hidden {
	display: none !important
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit
}

.invisible {
	visibility: hidden
}

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

.clearfix:after {
	clear: both
}

@media print {

	*,
	:after,
	:before {
		background: 0 0 !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important
	}

	a,
	a:visited {
		text-decoration: underline
	}

	a[href]:after {
		content: " (" attr(href) ")"
	}

	abbr[title]:after {
		content: " (" attr(title) ")"
	}

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: ""
	}

	pre {
		white-space: pre-wrap !important
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid
	}

	thead {
		display: table-header-group
	}

	img,
	tr {
		page-break-inside: avoid
	}

	h2,
	h3,
	p {
		orphans: 3;
		widows: 3
	}

	h2,
	h3 {
		page-break-after: avoid
	}
}

@font-face {
	font-family: Khebrat Musamim\ 2018;
	src: url(/new-theme/fonts/KhebratMusamim2018.eot);
	src: url(/new-theme/fonts/KhebratMusamim2018.eot?#iefix) format("embedded-opentype"), url(/new-theme/fonts/KhebratMusamim2018.woff2) format("woff2"), url(/new-theme/fonts/KhebratMusamim2018.woff) format("woff"), url(/new-theme/fonts/KhebratMusamim2018.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-display: swap
}

body,
html {
	min-height: 100%
}

body {
	font: 16px Khebrat Musamim\ 2018, sans-serif;
	color: #0e2f4f;
	background: #fff
}

.site-container {
	position: relative;
	min-height: 100%;
	overflow: hidden
}

.noBorder {
	border: 0 !important
}

.sndBck {
	z-index: -1 !important
}

.form-control {
	direction: rtl
}

.form-control:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 0, 0, .25);
	border: 1px solid #fda600;
	box-shadow: none
}

:-ms-input-placeholder {
	color: #a2a1a1;
	font-size: 13px
}

::-moz-placeholder {
	color: #a2a1a1;
	font-size: 13px
}

::placeholder {
	color: #a2a1a1;
	font-size: 13px
}

.custom-control-label:before {
	position: relative;
	top: 16px
}

.custom-control-label:after {
	position: relative;
	top: -17px
}

.btn-link,
a {
	color: #3378ac;
	text-decoration: none
}

.btn-link i,
a i {
	position: relative;
	top: 2px;
	transition: all .5s ease-in-out, padding .5s ease-in-out
}

.btn-link:hover,
a:hover {
	color: #1263a1;
	text-decoration: underline
}

.btn-link:hover i,
a:hover i {
	left: -2px
}

.btn,
a,
li {
	transition: all .5s ease-in-out, padding .5s ease-in-out
}

.custom-control-input:checked~.custom-control-label:before {
	color: #fff;
	border-color: #e29403;
	background-color: #fda600
}

.custom-control-input:focus~.custom-control-label:before {
	box-shadow: 0 0 0 .2rem rgba(253, 166, 0, .25)
}

.btn {
	border-radius: 5px;
	border: 0
}

.btn.btn-main {
	font-size: 1.25rem;
	padding: 0 2rem;
	background-color: #fda600;
	transition: all .2s
}

.btn.btn-main:hover {
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.btn.btn-sec {
	border: 1px solid #fda600;
	transition: all .2s;
	padding: .5rem 3rem
}

.btn.btn-sec:hover {
	background-color: #fda600;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.tag {
	background-color: #5b96c2;
	color: #fff;
	padding: .25rem 2rem
}

.content {
	padding: 8rem 0 3rem
}

.social a {
	color: #959595;
	margin-left: 1rem;
	font-size: 1.5rem
}

.social a:hover {
	color: #fda600
}

hr {
	margin: 2rem 0
}

.date {
	background-color: #0e2f4f;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	padding: 1rem;
	z-index: 99
}

.date,
.sec-title {
	position: relative
}

.sec-title {
	font-size: 1.12rem;
	padding-right: .5rem;
	margin-bottom: 1.5rem
}

.sec-title:before {
	position: absolute;
	content: "";
	height: 13px;
	width: 3px;
	border-radius: 5px;
	background: #fda600;
	top: 4px;
	right: 0
}

.sec-title a {
	padding-left: 1rem
}

.no-result i {
	font-size: 4rem;
	color: #fda600
}

header .logo img {
	width: 65%
}

header .nav-wrap {
	width: 100%
}

header .nav-wrap .mega-menu-btn {
	font-size: 2rem;
	color: #0e2f4f
}

header .nav-wrap .mega-menu-btn:hover {
	color: #fda600
}

header .navbar {
	background: hsla(0, 0%, 98%, .99);
	padding: .5rem 0
}

header .navbar.top-pos {
	bottom: auto !important;
	-webkit-animation: fadeInFromNone .25s ease-out;
	animation: fadeInFromNone .25s ease-out
}

@-webkit-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0
	}

	1% {
		display: block;
		opacity: 0
	}

	to {
		display: block;
		opacity: 1
	}
}

@keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0
	}

	1% {
		display: block;
		opacity: 0
	}

	to {
		display: block;
		opacity: 1
	}
}

header .navbar.bottom-pos {
	-webkit-animation: fadeOutFromNone .25s ease-in;
	animation: fadeOutFromNone .25s ease-in
}

@-webkit-keyframes fadeOutFromNone {
	0% {
		display: none;
		opacity: 0
	}

	1% {
		display: block;
		opacity: 0
	}

	to {
		display: block;
		opacity: 1
	}
}

@keyframes fadeOutFromNone {
	0% {
		display: none;
		opacity: 0
	}

	1% {
		display: block;
		opacity: 0
	}

	to {
		display: block;
		opacity: 1
	}
}



header .navbar .navbar-nav .nav-link {
	color: #0e2f4f;
	font-size: 1.25rem;
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative
}

header .navbar .navbar-nav .nav-link:after {
	content: "";
	height: 3px;
	border-radius: 5px;
	background: #fda800;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	transition: all .5s ease-in-out, padding .5s ease-in-out
}

header .navbar .navbar-nav .nav-link.active,
header .navbar .navbar-nav .nav-link:hover {
	text-decoration: none
}

header .navbar .navbar-nav .nav-link.active:after,
header .navbar .navbar-nav .nav-link:hover:after {
	width: 90%
}

header .navbar .search-btn {
	color: #0e2f4f;
	font-size: 1.5rem;
	margin-left: 2rem;
	border-radius: 5px;
	transition: all .5s ease-in-out, padding .5s ease-in-out
}

header .navbar .search-btn:hover {
	background: #f0f0f0
}

header .navbar .btn-main {
	height: 32px;
	margin-top: .25rem
}

header .navbar .btn-main:hover {
	text-decoration: none
}

header .navbar .social {
	position: relative;
	left: 5rem;
	top: .6rem
}

header .navbar .social a {
	color: #0e2f4f
}

header .navbar form {
	position: relative
}

header .navbar form input[type=search] {
	position: absolute;
	left: 1rem;
	height: 38px;
	outline: 0;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAADiElEQVRIia2VTUxcVRTHf+fdhzMgzMjGAsWUBKZAM9Yptm5cdGhsE1M+BupsTYyN0RgNDSt33bUL45ZoQhPjzgaCg7ELkuLCiAkROpRqgDbxE1ITSZlSplPm3eOCIRnLPJyJ/FfvnXPu//fuefedJ/go1NXXppYBUU4CTYXwqqrMiqsTmbnUXb+1pSR7ALGeiKp7VdCBUvmCVIUxcfSjcoFO8U1dLJFAzZyggwKLqA5ZbLRas7XVmq212CiqQwJ3RHkDT+bqYr39Fe2oLpZIiOoYsC0qlzYWYp/CZVtyVTJpQitP3kX5BHBV7ODDW5Nf/ScoFOuJoGYOqHLQ1x+kU9PlPGX4eO8ZFecGkMNo135tdABU3atAraBD5UIANhYmb4IOA3Vq5cp+tU4o1hMRdEDg9ka667NyIbvKHA2MsPPOLoSjiVZfkFrTD4iqjsJlG37xfH1FpOvXPWAUEGtI+IJE5BUAa2QKQB1ziXjcrYRl1ZkCEPSULwhsI0BwS38HEJHTtev1HZWAgjnv18Jlk1+N83RAlUOO2GQloP38ihOrAI9r5IWdkPwGfFh7fOD5ct0fB8wRABXWfEGqMgvgeHoWQLDjwHMG70ta4sFyQI7YswCozvjXuDoBqIhcJJk0G/nANUXTKnI6FA5P73dkAUgmDXARsCJ20q/M5NaW1p9p7IgC8cC691fu9vgPpiEyaTBx4BQO7wUaOtqDDR1VgYbOZ03zMbu99vPmrkHIjXyA8KbARCY9OeILAgg2tc+j8hZwPnioc2ZzIZXOdTZcC2SD91REBI6AHEZ0ezNYNcMfP+UBwif6XwM+B7KidiB3f/mBH6hoqPb2izrjQB50OHM0MFL4GEu2K7T05H2Ej4EqlL/VOL1i1cs8yqW5eyPnCyqCfQHUAXeAUavOVLXn/gKQNfkWEe+cIG8Dx4AM4AH1RYaL2645t/Xj+L9O4N4fX1dfm1q5IsqFUvmCLMiY6+mwdaXVqj49iJfyrukuhvkZEY4mWq0hIehJ0GYQUWFNlO/Fk9TG4sS9nS70vSoq35WwWM472r01n1rdF1S2WuLBcDg8qxDdm5SVbfLd2fTXf/5/EFDz8mCjm/emgXY/2IGAAGpO9DW5Vm6WhAkp3yFYqbbmU6t5R8+ArOxJqjQf2I52Vf1Sz+EqzLdAWyGURzRhDhqUv7/80GmIjBtx2kAeIbyTuZX65h+7bl66Vi+43gAAAABJRU5ErkJggg==) no-repeat 9px;
	border: none;
	border-radius: 10em;
	transition: all .5s;
	width: 15px;
	padding: 0 1rem 0 10px;
	color: transparent;
	cursor: pointer
}

header .navbar form input[type=search]::-webkit-search-cancel-button,
header .navbar form input[type=search]::-webkit-search-decoration {
	display: none
}

header .navbar form input[type=search]:focus {
	width: 225px;
	background-color: #fff;
	padding-left: 32px;
	color: #000;
	cursor: auto
}

header .navbar form input[type=search]:focus::-moz-placeholder {
	color: #a2a1a1
}

header .navbar form input[type=search]:focus::-webkit-input-placeholder {
	color: #a2a1a1
}

header .navbar form input[type=search]:hover {
	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAAC/UlEQVRIia3VTYiWVRQA4OfcmUEhhdwUmpEwSiGuQi1oIZoJFaEmTdkwtMiFIEQyKxeBO12Ey6RgEhpHZcDwB2phOC2iFoIgJmEa9INKiyCyFjbfe0+L+ca/mW+cIc/yfe85z3vve++5oUPksOW1y1asTpZAcF04V1pOxICrnXKni5gCjFiRxf5MW6d7PzksOB6NPbMF7ynUOmJLMIwFuCgNlfCVlp9Bt2U1bRR2YBVuZhro7ndy1lAbOY5xaXe54uPYq047nVFdtbFTOoDuTK8/CAsmlquG8+ip6eWefmMP+kIYP2JD4UvcKo1nZ1rGAlnsxwLh/dki0PO2s9IgFmaXfTONLTliRfvHXyyXfTJb5HaBHgdxKdmWx/R2HFeLzQhpKPaqOWLRXKDo0whDiFpt6QgFa6GkM1CL3Tmmey5YiYlcaU3HMTUtBrf8BpnW+d0zc4H84xfImDjY00L3Pwger9Ubc4LuJE+pdxsKroN5nmxDv+K9/MxjswYe8RSUdKMjJJyDGl6CDJ/j0abbaB4yfzZOzXYu33WESssJpLAjR3WVLp/iQrCumW9spi3LRJeQdqCWdLojFAOutlvPqtrYGX3+Ld1elc5Her5WPzRHHG4d9WaOWJvD7c0zOZvGLqwMTka/Kx0hiMYe3JQOjB/1YvS5VpZ4LtM7EU5n6C1sq8Ua8/w5mTw+YqP0If6OlsGZZn6nqY7YHBP/pyUNlh4Ho0/TablqY1cb6cEfhdekxiIX4hW3OkJ3YcNYiEvCUAlnlPY1US2r1Sa8i5X4Cw33dJPvS2NTDNy7A6defMOWZ5d9ybbp3rejRjgeDLboLTmlEV8ujfV3Y50KyWN6271rdbJUiJJuZPi2hFPxlp8gD3uhFt9MU+LHEtbH9olz2hGabeQh8+s850zcuPfHldJtffS59r8hyGGLa5cxPN0RexgQ5FFLajo7HRac6tgE5xqx3fUSNjD10GZa+tBmdLvoqCdq42tpeftRK8OWhw5NYtnyUaalyQfd/b74DzyVIkSDDw47AAAAAElFTkSuQmCC) no-repeat 9px
}

header .navbar form input[type=search]::-moz-placeholder {
	color: transparent
}

header .navbar form input[type=search]::-webkit-input-placeholder {
	color: transparent
}

.btn-menu {
	position: fixed;
	left: 0;
	z-index: 9999;
	font-size: 2rem;
	color: #0e2f4f;
	top: 1rem
}

.btn-menu:hover {
	color: #0e2f4f
}

#mobile-menu {
	position: fixed;
	overscroll-behavior: auto;
	overflow-y: scroll;
	width: 285px;
	height: 100%;
	top: 0;
	left: -330px;
	padding: 10px;
	transition: all .3s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 9999
}

#mobile-menu,
#mobile-menu .close-menu {
	background: #0e2f4f;
	color: #fff
}

#mobile-menu .close-menu {
	border-radius: 10px;
	top: 1rem;
	padding: .5rem .6rem 0;
	font-size: 1.5rem
}

#mobile-menu.show-nav {
	transform: translateX(330px);
	transform: translate3d(330px, 0, 0)
}

#mobile-menu li {
	padding: .5rem 1rem
}

#mobile-menu li a {
	color: #fff
}

#mobile-menu li a:hover {
	color: #fff
}

#mobile-menu .search-area {
	margin-top: .5rem
}

#mobile-menu .search-area .btn {
	border-radius: 5px 0 0 5px;
	height: 40px;
	padding: 0 1rem
}

#mobile-menu .search-area .btn:hover {
	background-color: #3378ac;
	color: #fff
}

.banner {
	height: 100vh;
	position: relative
}

.banner .logo {
	position: absolute;
	z-index: 9;
	padding: 1rem 0 1.5rem
}

.banner .img {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 100%;
	position: relative
}

.banner .img:after {
	content: "";
	background-image: linear-gradient(1turn, #000305, rgba(1, 2, 3, .5) 82%, rgba(1, 2, 3, .14) 95%, rgba(1, 1, 1, 0));
	background-image: -ms-linear-gradient(1turn, #000305 0, rgba(1, 2, 3, .5) 82%, rgba(1, 2, 3, .14) 95%, rgba(1, 1, 1, 0) 100%);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%
}

.banner .title {
	position: absolute;
	bottom: 25%
}

.banner .title .tag {
	border-radius: 1rem;
	font-size: 1.2rem;
	margin-left: 1rem
}

.banner .title a {
	color: #fda600
}

.banner .title h1 {
	width: 65%;
	margin-top: 1rem
}

.banner .title h1 a {
	color: #fff;
	font-size: 3rem;
	margin-top: 1.5rem
}

.banner .title h1 a:hover {
	text-decoration: none
}

.banner .carousel,
.banner .carousel .carousel-inner,
.banner .carousel .carousel-inner .carousel-item {
	height: 100%
}

.banner .carousel .carousel-inner .carousel-control-next,
.banner .carousel .carousel-inner .carousel-control-prev {
	width: 5%
}

.banner .carousel .carousel-indicators {
	bottom: 15%;
	margin: auto
}

.banner .carousel .carousel-indicators [data-bs-target] {
	width: 4rem;
	height: 40px;
	border-radius: 5px;
	background: 0 0
}

.banner .carousel .carousel-indicators [data-bs-target] img {
	border-radius: 5px;
	height: 2.5rem
}

.banner .carousel .carousel-indicators [data-bs-target].active img {
	border: 2px solid #fda600
}

.banner .carousel .carousel-indicators [data-bs-target]:hover {
	opacity: 1
}

.newsticker-container {
	position: relative
}

.newsticker {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	height: 100vh;
	overflow: hidden;
	width: 16rem;
	background-color: rgba(14, 47, 79, .902)
}

.newsticker ul {
	margin: 1rem 1.5rem
}

.newsticker ul.animate1 {
	-webkit-animation: marquee 30s linear 1 forwards;
	animation: marquee 30s linear 1 forwards
}

.newsticker ul.animateInf {
	-webkit-animation: marqueeAll 30s linear infinite forwards;
	animation: marqueeAll 30s linear infinite forwards
}

.newsticker ul:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.newsticker ul li {
	padding-bottom: .51rem;
	margin-bottom: .75rem;
	border-bottom: 1px solid hsla(0, 0%, 98%, .251)
}

.newsticker ul li:last-of-type {
	border: 0
}

.newsticker ul li p {
	color: #5b96c2;
	font-size: .8rem;
	margin: 0
}

.newsticker ul li a {
	color: #fff;
	text-decoration: none
}

.newsticker ul li a:hover {
	color: #fda600
}

@-webkit-keyframes marquee {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-100%)
	}
}

@keyframes marquee {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(-100%)
	}
}

@-webkit-keyframes marqueeAll {
	0% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(-100%)
	}
}

@keyframes marqueeAll {
	0% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(-100%)
	}
}

.article-list .item {
	border: 1px solid #efebeb;
	border-radius: 5px;
	background-color: #fafafa;
	margin-bottom: 1rem;
	overflow: hidden
}

.article-list .item .cover {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 165px
}

.article-list .item img {
	transform-origin: 50% 65%;
	transition: transform 5s, filter 3s ease-in-out;
	filter: brightness(110%)
}

.article-list .item:hover img {
	filter: brightness(100%);
	transform: scale(1.5)
}

.article-list .item .img-wrap {
	position: relative;
	overflow: hidden
}

.article-list .item .img-wrap a:after {
	content: "";
	background-image: linear-gradient(1turn, #000305, rgba(1, 2, 3, .5) 25%, rgba(1, 2, 3, .14) 95%, rgba(1, 1, 1, 0));
	background-image: -ms-linear-gradient(1turn, #000305 0, rgba(1, 2, 3, .5) 25%, rgba(1, 2, 3, .14) 95%, rgba(1, 1, 1, 0) 100%);
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 9
}

.article-list .item .img-wrap .article-title {
	position: relative;
	z-index: 99;
	margin: 0 1rem
}

.article-list .item .img-wrap .article-title a {
	color: #fff;
	position: absolute;
	bottom: 2rem
}

.article-list .item .img-wrap .article-title a:after {
	display: none
}

.article-list .item .tag {
	position: absolute;
	bottom: 1rem;
	z-index: 99;
	font-size: .8rem;
	padding: .25rem 1rem
}

.article-list .item .article-title {
	margin: 1rem
}

.article-list .item .article-title a {
	color: #0e2f4f
}

.article-list.feat .img-wrap {
	min-height: 250px
}

.article-list.feat .img-wrap>a {
	height: 235px;
	display: block
}

.article-list.feat .img-wrap .tag {
	bottom: 5rem
}

.article-list.feat .img-wrap .article-title {
	position: absolute;
	width: 100%;
	bottom: 0
}

.article-list.type-0 .img-wrap {
	height: 165px
}

.article-list.type-0 .article-title {
	min-height: 3rem
}

.article-list.type-1 .item {
	border: none;
	background: 0 0
}

.article-list.type-1 .item .img-wrap {
	border-radius: 5px
}

.article-list.type-1 .item .article-title {
	height: 3.6rem;
	font-size: 1rem
}

.article-list.type-1 .item .article-title,
.article-list.type-1 .item p {
	min-height: auto;
	display: block;
	display: -webkit-box;
	margin: 0 auto;
	line-height: 1.8;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.article-list.type-1 .item p {
	color: #888;
	padding-top: .25rem;
	height: 2.88rem;
	font-size: .8rem
}

.article-list.type-1 .item.big .img-wrap {
	max-height: 230px
}

.article-list.type-1 .item.big .article-title {
	margin: 1rem 0 0
}

.article-list.type-2 {
	overflow: hidden
}

.article-list.type-2 .item {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #efebeb;
	background: 0 0;
	padding-bottom: .5rem;
	margin-bottom: .6rem
}

.article-list.type-2 .item:last-of-type {
	border-bottom: 0
}

.article-list.type-2 .item .img-wrap {
	border-radius: 5px
}

.article-list.type-2 .item .article-title {
	min-height: auto;
	padding-top: .25rem;
	display: block;
	display: -webkit-box;
	height: 2.8rem;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.article-list.type-3 {
	overflow: hidden
}

.article-list.type-3 .item {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #efebeb;
	background: 0 0;
	padding-bottom: .5rem;
	margin-bottom: .6rem
}

.article-list.type-3 .item:last-of-type {
	border-bottom: 0
}

.article-list.type-3 .item .img-wrap {
	border-radius: 5px
}

.article-list.type-3 .item .article-title {
	padding-top: .25rem;
	margin-right: 0
}

.article-list.type-4 .item {
	min-height: 243px
}

.article-list.type-4 .item .article-title {
	padding: .5rem;
	display: block;
	display: -webkit-box;
	height: 3.6rem;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.article-list.article-special {
	background: #fafafa;
	margin: 2rem 0;
	padding: 2rem 0
}

.article-list.article-special .sec-title {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 1rem;
	margin-bottom: 2rem
}

.article-list.article-special .sec-title .nav .nav-link {
	color: #828282;
	padding-top: 0;
	padding-bottom: 0
}

.article-list.article-special .sec-title .nav .nav-link.active {
	color: #fda600;
	background: 0 0
}

.article-list.article-special .sec-title .nav .nav-link:hover {
	color: #0e2f4f
}

.top-category {
	border-radius: 5px;
	background-color: #fafafa;
	background-size: cover;
	margin-bottom: 1rem;
	overflow: hidden;
	text-align: center;
	position: relative;
	height: 100px
}

.top-category img {
	transition: transform .14s ease-in, text-shadow .1s ease-in
}

.top-category:hover img {
	transform: scale(1.2)
}

.top-category:after {
	content: "";
	background-image: linear-gradient(1turn, #000305, rgba(1, 2, 3, .5) 25%, rgba(1, 2, 3, .14) 95%, rgba(1, 1, 1, 0));
	background-image: -ms-linear-gradient(1turn, #000305 0, rgba(1, 2, 3, .5) 25%, rgba(1, 2, 3, .14) 95%, rgba(1, 1, 1, 0) 100%);
	height: 100%;
	z-index: 9
}

.top-category h5,
.top-category:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%
}

.top-category h5 {
	margin: auto;
	text-align: center;
	height: 2rem;
	bottom: 0;
	z-index: 99
}

.top-category a {
	color: #fff;
	font-size: 1.5rem
}

.top-category a:hover {
	text-decoration: none
}

footer {
	border-top: 1px solid #e5e8eb;
	padding: 2rem 0
}

footer p {
	font-size: 1.2rem
}

footer p.copyRight {
	color: #acabab;
	font-size: .8rem
}

footer form .form-control {
	border-left: 0;
	border-radius: 4rem
}

footer form .btn {
	border-radius: 4rem;
	border-color: #ced4da
}

footer .more-nav a {
	margin-right: 1rem
}

.home header .navbar {
	top: auto;
	bottom: 0
}

.home header .logo {
	display: none
}

.home .btn-menu {
	position: absolute;
	left: 0;
	z-index: 9;
	font-size: 2rem;
	color: #fff;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, .5);
	top: 1rem
}

.home .btn-menu:hover {
	color: #fff
}

.home .content {
	padding: 3rem 0
}

.modal .btn-close {
	margin: 1rem
}

.modal .modal-body {
	padding-bottom: 3rem
}

.modal .modal-body h1 i {
	color: #209220;
	font-size: 3rem;
	margin-bottom: 1rem;
	display: inline-block
}

@media (max-width:575.98px) {
	.banner .title h1 {
		font-size: 2rem
	}
}

@media (max-width:767.98px) {
	.home header .navbar {
		background: 0 0
	}

	.home header .logo {
		display: none !important
	}

	.banner .title h1 {
		width: auto
	}

	.newsticker {
		display: none
	}
}

@media (max-width:991.98px) {
	header .navbar ul {
		margin-right: -2rem
	}

	header .navbar .social,
	header .navbar ul .nav-item:first-of-type {
		display: none
	}

	.banner .logo {
		width: 8rem
	}

	.banner .carousel .carousel-inner .carousel-control-next,
	.banner .carousel .carousel-inner .carousel-control-prev {
		display: none
	}
}

@media (max-width:1199.98px) {
	.container {
		max-width: none
	}
}