@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
body{
	font-family: 'Noto Serif', serif;!important;
}
.header{
	border-top:6px solid #0f3661;
}
.banner{
	background: url(../img/banner.png) center;
}
p{
	text-align: justify;
	line-height: 24px;
}
.breadcrumb-list{
	background: #0f3661;
}
.breadcrumb li a{
	color:#fff;
}
.breadcrumb li{
	color:#f2c21a!important;
}
.intro{
	margin: 20px 0px 35px;
}
.intro h2{
	margin-top:0px!important;
	margin-bottom: 15px!important;
	color: #0f3661!important;
}
.intro ul{
	padding-left: 20px;
}
.intro ul li{
	text-align: left;
	line-height: 20px;
	margin-bottom: 10px;
}
.intro ul li a{
	color: #0f3661;
}
.intro h4{
	margin-top: 20px;
}
.intro-seo{
	background: #1b87c4; 
	padding: 30px 0px; 
	color: #fff;
}
.intro-seo h2{
	color:#fff!important;
	margin-top:0px!important;
	text-align: center;
	margin-bottom: 15px!important;
}
.intro-seo p b{
	color: #f2c21a;
	font-size: 16px;
}
.thumbnail{
	margin-bottom: 0px!important;
}
.thumbnail h4{
	color: #0f3661;
	margin-bottom: 20px;
	margin-top: 20px;
}
.content{
	margin: 20px 0px 35px;
}
.content h2{
	margin-top:0px!important;
	margin-bottom: 15px!important;
	color: #0f3661!important;
}

footer{
	background: #0f3661;
	padding-top:20px;
	color:#fff;
	letter-spacing:1px;
	border-top: 3px solid #f2c21a;
}
footer hr{
	border-top: 1px solid rgba(255, 255, 255, 0.22)!important;
}
footer p{
	margin-top: 5px;
    margin-bottom: 20px;
	color:rgba(255, 255, 255, 0.72);
	letter-spacing:1px;
}
.list{
	padding:0;
	margin:0;
}
.list li{
	float: left;
    list-style: none;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.list li a{
	color:rgba(255, 255, 255, 0.72);
}
.list li a:hover{
	color:rgba(255, 255, 255, 0.72);
	text-decoration:none;
}
.social{
	float:right;
}
.contact i{
	color: #f2c21a;
	font-size: 20px;
}
.btn-primary{
	background: #0f3661!important;
	width:100%;
	position: relative;
}
.btn-primary:after{
	width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #ffffff;
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
}
.table tbody tr td:first-child{
	width:40%;
}
@media only screen and (min-device-width:320px) and (max-device-width:480px){
.social{
	float:left;
}
.table tbody tr td:first-child{
	width:150px;
}
}
@media screen and (min-device-width:410px) and (max-device-width:780px) and (orientation : landscape){
.social{
	float:left;
}	
}