/*********************************** GLOBAL ***********************************/
 body {
	 font-family: muli,sans-serif !important;
}
 .bg-doa-dark {
	 background-color: #051c2c;
}
 main .row img{
	 max-width: 100%;
	 height: auto;
}
 main a {
	 color: #6f87a3;
}
 main a:hover {
	 color: #051c2c;
}
 main .btn-doa-dark {
	 color: #fff;
	 background-color: #051c2c;
	 border-color: #051c2c;
}
 main .btn-doa-dark:hover {
	 color: #fff;
	 background-color: #6f87a3;
	 border-color: #6f87a3;
}
 figcaption{
	 text-align: center;
	 font-style: italic;
}
/*********************************** MAIN *************************************/
 #content-wrapper {
	 padding-top: 100px;
}
/*********************************** FEATURED *********************************/
 .featured-article {
	 border-left: 1px solid #E74f3d;
}
/****************************** NEWS ARTICLES ************************************/
 #news .category {
	 margin: 0;
	 font-weight: 700;
	 font-size: 12px;
	 text-transform: uppercase;
}
 #news h3 a{
	 color:#505050;
	 font-weight:bold;
}
 #news .article {
	 transition: box-shadow .5s, border-radius .5s;
}
 #news .article:hover {
	 border-radius: 10px;
	 box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
 #news .article .thumb {
	 max-width: 200px;
}
/******************************** CATEGORY ************************************/
 #banner {
	 position:relative;
	 min-height:300px;
	 background: no-repeat center center;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}
 #banner h1 {
	 background: rgba(5, 28, 44, .8);
	 padding: 10px 20px;
	 color: #fff;
	 position: absolute;
	 right: 0px;
	 bottom: 25px;
	 text-align:right;
	 border-left: 3px solid rgba(231, 79, 61, .8);
}
/********************************** HEADER ************************************/
 header .list-group-flush .list-group-item {
	 color: white;
	 background: transparent;
	 border-color: #aaa;
}
/********************************** FOOTER ************************************/
 .footer {
	 padding-top: 30px;
	 color:#fff;
}
 .footer h4 {
	 width: 100%;
	 font-size:14px;
	 text-transform: uppercase;
	 color: #aaa;
}
 .footer a:not(.btn) {
	 color: #fff;
}
 .footer a:not(.btn):hover {
	 color: #fff;
	 text-decoration: underline;
}
 .footer li {
	 display:block;
	 width:50%;
	 float:left;
	 margin-bottom: 15px;
}
 .footer strong, .footer span {
	 display: inline-block;
	 margin:0 5px;
}
 #back-to-top {
	 position: fixed;
	 bottom: 79px;
	 right: 15px;
	 display: none;
	 z-index: 99;
}
/***** LOADING ICON ****/
 .loader {
	 display: inline-block;
	 margin-top: 20px;
	 font-size: 150px;
	 width: 100%;
	 color: 051C2C;
	 text-align: center;
	 -webkit-animation-name: beat;
	 animation-name: beat;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
	 -webkit-animation-duration: 2.5s;
	 animation-duration: 2.5s;
}
 @-webkit-keyframes beat {
	 0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 5% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 10% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 30% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	 50% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
 @keyframes beat {
	 0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 5% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 10% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 25% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	 30% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	 40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	 50% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/****************************** RESPONSIVE ************************************/
/*Extra large devices (large desktops, 1200px and up)*/
 @media (max-width: 1200px) {
}
/*Large devices (desktops, 992px and up)*/
 @media (max-width: 992px) {
}
/*Medium devices (tablets, 768px and up)*/
 @media (max-width: 768px) {
	 #content-wrapper {
		 padding-top: 60px;
	}
	 #back-to-top {
		 bottom: 15px;
	}
}
/*Small devices (landscape phones, 576px and up)*/
 @media (max-width: 576px) {
}