/*
	----------------
	- Global
	----------------
*/
@import url('https://fonts.googleapis.com/css?family=Roboto');
html, body { background: #DADADA;font-family:Roboto; }
#ajax_loading { display:none;background:#95C715;background:-moz-linear-gradient(top, #95C715 0%, #7BA60D 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#95C715), color-stop(100%,#7BA60D));background:linear-gradient(top, #95C715 0%,#7BA60D 100%);border-top:0;border-left:1px solid #666;border-right:1px solid #666;border-bottom:1px solid #666;color:#fff;text-align:center;padding:5px 0 8px;width:8%;top:0px;left:46%;-moz-border-radius:0 0 5px 5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;border-radius:0 0 5px 5px;z-index:10000;position:fixed;-moz-box-shadow:0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);-webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);box-shadow:0px 3px 5px rgba(0,0,0,0.2), inset 0px -1px 0px rgba(255,255,255,0.2);}
#dim { display:none;position:absolute; top:0; left:0; z-index:9999; overflow:hidden;position:fixed; width:100%; height:100%;background:#333;opacity:0.9;filter: alpha(opacity = 90); }
header { background: #090909 url('../imgs/main/header-bg.jpg');height:100px;background-size: cover;background-position: 50% 50%; }
header .container { height:100%; }
.logo { height:100% !important; }
.logo img {   }
a { color:#000; }
a:hover { color:#666;text-decoration:none; }
.sticky { position:fixed;top:0;width:100%; }
.menu-padding { margin-top:50px; }
.maindiv { padding:10px 20px; }
.sectionbar { margin-bottom:10px;padding:0px 17px;color:white;font-weight:bold;font-size:14px;line-height:45px;background: #090909 url('../imgs/main/header-bg.jpg');height:45px;background-size: cover;background-position: 50% 50%; }
.sectionholder { margin-bottom:10px;padding:20px;background:white;border:1px solid #C2C2C2; }
.sidebarholder { margin-bottom:10px;background:white;border:1px solid #C2C2C2; }
.sectionbar, .sectionholder, sidebarholder { -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.sidebarholder h1 { font-size:15px;padding:10px 10px 5px 10px; }
.sidebarholder hr { color: #C2C2C2; margin:0px; }
.sidebarholder ul { list-style-type: none;padding:0px 20px 0 20px; }
.sidebarholder ul li { border-bottom:1px solid #C2C2C2;padding:10px 0;font-size:13px; }
.sidebarholder ul li img { float:left;margin-top:5px;margin-right:13px; }
/*
	----------------
	- Navbar
	----------------
*/
.topmenu { z-index:99999; }
#mainnav.navbar {
	background: #2E2E2E;
  	line-height:25px;
  	height:45px;max-height:45px;
  	box-shadow: 0 4px 2px -2px gray;
  	z-index:99999;
}
#mainnav.navbar .navbar-nav .nav-link {
  color: #fff;
  font-size:15px;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.nav-link {  }
#mainnav.navbar .navbar-nav .nav-link:hover {
  background:#515151;
}
#mainnav.navbar-dark .navbar-toggler {
  padding:0px;margin:0px;
  border:0px;
}

.navbar-collapse { background:#2E2E2E;padding:0px 20px; } 

#mainnav.navbar .dropdown-menu { background:#2E2E2E; }
#mainnav.navbar .dropdown-menu a { color:white; }
#mainnav.navbar .dropdown-menu a:hover { background:#515151; }
/*
	----------------
	- News
	----------------
*/
.newsarea a { color:#1D1D1D;  }
.newsarea a:hover { color:black; }

.newsarea h2 { margin-left:0px;font-size:22px;font-weight:bold; }
.icon { color: #BF4343; }
.newsimage { width:130px; }
.newsimage img { margin-top:3px !important;max-height:100px;max-width:100px;margin-right:10px; }
.newsbody { font-weight:normal;color:#666; }
.newsby { margin-bottom:5px;font-size:12px; }
.newsdivider { height:1px;background:#C2C2C2;margin:10px 0 20px 0; }
/*
	----------------
	- Pagination
	----------------
*/
.pagination > li > a,
.pagination > li > span {
  position: relative;
  font-size:12px;
  float: left;
	padding:5px 10px;
  margin-right:2px;
  text-decoration: none;
  color: #D3D3D3;
  background-color: #5C5C5C;
  border: 1px solid #C2C2C2;
  margin-left: -1px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #000;
  background-color: #FFFFFF;

}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #000;
  background-color: #FFFFFF;
  cursor: default;
}
.pagination .disabled a { background-color:#5C5C5C; margin-left: -1px; }
.pagination .disabled a:hover {  }

/*
	----------------
	- News Icons Management
	----------------
*/
.iconlist {  }
.iconlist ul { padding:0 0 0 0;margin:0 auto;}
.iconlist ul li { list-style:none;margin:10px auto;padding:0px; }
.iconlist ul li img { text-align:center;height:142px;width:100%;padding:15px 15px 8px 20px; }
.iconlist div { text-align:center;font-size:13px;font-weight:bold;color:#000;overflow:hidden; }
.iconlist div a { color:red;font-weight:normal; }
.iconlist div a:hover { color:#C4332F; }

.input-group-btn .btn-group { display: flex !important; }
.btn-group .btn { border-radius: 0;margin-left: -1px; }
.btn-group .btn:last-child { border-top-right-radius: 4px;border-bottom-right-radius: 4px; }
.btn-group .form-horizontal .btn[type="submit"] { border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
.form-horizontal .form-group { margin-left: 0;margin-right: 0; }
.form-group .form-control:last-child { border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
.btn-file { position: relative;overflow: hidden; }
.btn-file input[type=file] { position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block; }
/*
	----------------
	- Footer
	----------------
*/
footer { padding:10px 30px; }
#copyright { color:black;font-size:13px; }
#copyright a { color:#0E313D; }
#copyright a:hover { color:#000; }


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	header { height:200px; }
	.logo img {  position:relative;top:50%;margin-top:-56px; }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	header { height:200px; }
	.logo img {  position:relative;top:50%;margin-top:-56px; }
}