@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");
html {
  font-family: 'Montserrat', sans-serif; }

body {
  font-family: 'Montserrat', sans-serif; }

.no-padding {
  padding: 0; }

.img-fluid {
  width: 100%;
  height: auto; }

.box-content {
  background: -moz-linear-gradient(left, #67A8E2 0%, #62A6E3 49%, #4293DC 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #67A8E2), color-stop(49%, #62A6E3), color-stop(100%, #4293DC));
  background: linear-gradient(to right, #67A8E2 0%, #62A6E3 49%, #4293DC 100%);
  min-height: 100px;
  width: 20%;
  text-align: center;
  padding: 30px 0;
  float: left; }

.box-content.first {
  background: -moz-linear-gradient(left, #55A1E5 0%, #55A1E58 49%, #55A1E5 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #55A1E5), color-stop(49%, #55A1E5), color-stop(100%, #55A1E5));
  background: linear-gradient(to right, #55A1E5 0%, #55A1E5 49%, #55A1E5 100%);
  padding: 10px 0; }

 .box-content.tenth {
  background: -moz-linear-gradient(left, #8DEE7E 0%, #8DEE7E 49%, #8DEE7E 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #8DEE7E), color-stop(49%, #8DEE7E), color-stop(100%, #8DEE7E));
  background: linear-gradient(to right, #8DEE7E 0%, #8DEE7E 49%, #8DEE7E 100%);
  padding: 10px 0; }
  
.box-text {
  font-size: 14px;
  color: #000;
  margin-left: 15px; }

.box-text.first-box {
  font-size: 14px;
  color: #000;
  margin-top: 0px; }

.box-text.first-box {
  font-size: 14px;
  color: #000;
  margin-top: 0px; }
  
.box-button > a {
  background-color: #E1B91A;
  border: 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  height: 25px;
  width: 111px;
  padding: 5px 30px;
  text-decoration: none; }

.box-button {
  margin-top: 5px; }

.box-content.third .box-text {
  text-align: left; }

.spr-icon {
  background: url(../images/spr-sprite.png) no-repeat scroll 0 0;
  display: inline-block;
  position: relative; }

.icon-house {
  background-position: -30px -464px;
  width: 46px;
  height: 40px; }

.icon-people {
  background-position: -118px -464px;
  width: 34px;
  height: 36px; }

.icon-thumb {
  background-position: -192px -466px;
  width: 32px;
  height: 34px; }

.icon-books {
  background-position: -266px -466px;
  width: 37px;
  height: 35px; }

.icon-pengundi {
  background-position: -101px -118px;
  width: 21px;
  height: 21px;
  left: -16px; }

.icon-semakan {
  background-position: -99px -158px;
  width: 18px;
  height: 18px;
  left: -16px; }

.icon-calon {
  background-position: -142px -119px;
  width: 14px;
  height: 20px;
  left: -16px; }

.icon-parti {
  background-position: -181px -117px;
  width: 16px;
  height: 23px;
  left: -16px; }

.icon-statistik {
  background-position: -220px -120px;
  width: 17px;
  height: 17px;
  left: -16px; }

.icon-daftar {
  background-position: -262px -117px;
  width: 28px;
  height: 23px; }

.icon-nodaftar {
  background-position: -303px -117px;
  width: 28px;
  height: 24px; }

.icon-pemilih {
  background-position: -348px -118px;
  width: 20px;
  height: 20px; }

.icon-calon-pemilih {
  background-position: -390px -117px;
  width: 23px;
  height: 23px; }

.icon-petugas {
  background-position: -434px -117px;
  width: 20px;
  height: 22px; }

.icon-rss {
  background-position: -138px -159px;
  width: 18px;
  height: 18px;
  left: -16px; }
	
.icon-fb {
  background-position: -176px -159px;
	width: 12px;
	height: 19px;
  left: -16px; }
	
.icon-tw {
  background-position: -209px -160px;
	width: 21px;
	height: 18px;
  left: -16px; }
	
.icon-youtube {
  background-position: -246px -162px;
	width: 20px;
	height: 15px;
  left: -16px; }
	
.icon-insta {
  background-position: -281px -161px;
	width: 17px;
	height: 17px;
  left: -16px; }

/*top-box*/
.top-content-first div,
.top-content-second div,
.top-content-third div {
  display: inline-block;
  vertical-align: middle; }

.top-content-first {
  background-color: #03D1AB; }

.top-content-second {
  background-color: #F13AE2; }

.top-content-third {
  background-color: #F85B15;
  opacity: 0.9; }

.top-text {
  color: #fff;
  font-size: 15px;
  text-align: right; }

.top-text a {
  color: #fff; }

.spr-icon.icon-people, .box-text,
.spr-icon.icon-books, .box-text,
.spr-icon.icon-thumb, .box-text,
.spr-icon.icon-house, .box-text {
  display: inline-block;
  vertical-align: middle; }

/*banner*/
.banner-title-1 {
  font-size: 52px;
  color: #fff;
  font-weight: bold;
  line-height: 50px; }

.banner-title-2 {
  font-size: 20px;
  color: #fff; }

.banner-text.col-sm-6 li {
  color: #fff;
  font-size: 20px; }

.banner-title-3 {
  font-size: 18px;
  color: #5b0d4b;
  font-weight: lighter;
  margin: 20px 0; }

.banner-title-3 > button {
  border: 1px solid #5b0d4b;
  height: 46px;
  opacity: 0.7;
  width: 313px; }

.listBanner li {
  color: #E39429 !important;
  list-style: disc; }

.listBanner p {
  color: #fff; }

/*flexslider*/
/*.view-content .flexslider .flex-control-nav.flex-control-paging,
.flex-direction-nav {
    display:none;
}*/
.flex-control-nav {
  bottom: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 40; }

.flexslider {
  border: none;
  margin: 0; }

/*sidebar menu*/
#sidebar-menu {
  display: block;
  float: left;
  width: 22%;
  position: relative;
  top: -60px; }

#sidebar-menu > ul span {
  display: inline-block;
  vertical-align: middle; }

#sidebar-menu > ul > li {
  padding: 0 15px; }

#sidebar-tab, #sidebar-tab li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#sidebar-tab li {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  display: block;
  height: 45px;
  margin-bottom: 5px;
  background-color: #313131; }

#sidebar-tab a {
  color: #fff;
  display: block;
  font-size: 15px;
  outline: medium none transparent;
  padding: 15px;
  text-decoration: none; }

.sidebar-menu-wrapper {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  clear: both;
  max-width: 210px;
  position: fixed;
  right: -256px;
  top: 325px;
  width: 210px;
  z-index: 600; }

#block-block-13 {
  background: none; }

/*direktori*/
.view-personnel table thead th {
  background: #D1CCD0; }

.view-personnel table,
.view-personnel tbody,
.view-personnel tr,
.view-personnel td {
  border: 0; }

.views-exposed-form {
  background-color: #ECECEC;
  padding: 10px 20px; }

.view-personnel .views-exposed-widget > label,
.view-personnel .views-exposed-widget div {
  display: inline-block;
  vertical-align: middle; }

caption {
  background-color: #e8db8c;
  color: #000;
  text-transform: uppercase;
  padding-left: 8px; }

.view-personnel th {
  text-transform: uppercase; }

.view-personnel .odd {
  background-color: #fff !important; }

.view-personnel .even {
  background-color: #ECECEC; }

.views-field .views-field-title,
.views-field .views-field-field-designation {
  text-transform: uppercase; }

.view-personnel table,
.view-personnel tbody,
.view-personnel tr,
.view-personnel td {
  border: 0 !important; }

.views-exposed-widget.views-submit-button .btn-info {
  background-color: #E1B91B;
  border-color: #E1B91B;
  color: #000;
  border-radius: 0; }

.views-exposed-widget.views-reset-button .btn-default {
  background-color: #5B0D4B;
  border-color: #5B0D4B;
  color: #fff;
  border-radius: 0; }

.view-personnel .views-field-counter {
  width: 5%; }

.view-personnel .views-field-title {
  width: 35%;
  text-transform: uppercase; }

.view-personnel .views-field-field-jawatan {
  width: 25%;
  text-transform: uppercase;
  text-align: left; }

.view-personnel .views-field-field-tel {
  width: 20%; }

.view-personnel .views-field-field-email {
  width: 20%; }

.directory-bahagian {
  text-align: center;
  text-transform: uppercase; }

.views-exposed-widget.views-submit-button {
  margin: -17px 20px; }

.views-exposed-widget.views-reset-button {
  margin: -17px -14px; }

#edit-field-department-tid-wrapper > label {
  width: 119px; }

.views-field.views-field-field-email {
  text-transform: none; }

.view-personnel .form-type-select .form-control {
  width: 293px; }

.form-item-field-jabatan-tid .form-control {
  margin: 0 17px; }

.view-personnel .form-item-title .form-control {
  width: 368px; }

/** Perjalanlan Pilihan Raya DropDown **/
.top-content-second {
  cursor: pointer; }

.top-content-second.active {
  border: 4px solid #313131; }

.top-content-second.active .top-image img {
  height: 58px; }

.calon-tab {
  display: none;
  padding: 20px 40px;
  background-color: #313131;
  color: #fff; }

.calon-tab.active {
  display: block; }

.calon-tab .calon-text {
  margin-left: 20px; }

.calon-tab.active a,
.daftar-tab.active a,
.top-text a {
  text-decoration: none; }

/*fungsi spr*/
.fungsi-title {
  background-color: #E1DCE0;
  font-size: 20px;
  padding-top: 10px;
  height: 50px; }

.fungsi-first {
  background-color: #51C9B0; }

.fungsi-second {
  background-color: #859EBC; }

.fungsi-third {
  background-color: #D68198; }

.fungsi-first,
.fungsi-second,
.fungsi-third {
  height: 230px; }

.fungsi-first-no,
.fungsi-second-no,
.fungsi-third-no {
  font-size: 36px; }

.fungsi-first-text,
.fungsi-second-text,
.fungsi-third-text {
  font-size: 14px;
  text-align: left; }

.no-padding {
  padding: 0; }

/*misi*/
.visi {
  background-color: #d17eec;
  height: 400px;
  width: 400px;
  opacity: 0.9;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
  border-radius: 400px;
  margin-right: -36px; }

.misi {
  background-color: #f1b669;
  height: 400px;
  width: 400px;
  opacity: 0.7;
  -moz-border-radius: 400px;
  -webkit-border-radius: 400px;
  border-radius: 400px;
  margin-left: -10px; }

.visi-title,
.misi-title {
  font-size: 30px;
  text-align: center;
  padding-top: 100px; }

.visi-text,
.misi-text {
  font-size: 14px;
  text-align: center;
  padding: 35px 40px; }

/*transition for floating tab*/
#sidebar-tab li {
  display: block;
  float: right;
  transition: width 1s ease 0s;
  width: 300px; }

#sidebar-tab li:hover {
  background-color: #313131;
  height: 54px;
  right: 30%;
  transition: width 1s ease 0s;
  width: 450px; }

.camera_pag {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: -31px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mCSB_inside > .mCSB_container {
    margin-right: 0; }

  body {
    overflow-x: hidden; } }

/*# sourceMappingURL=spr4.css.map */