/* ********************************* Root Variables ************************************/

/*********************************** Google Fonts *****************@*@******************/
/* cyrillic-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/default/res/fonts/opensans_cyrillic_ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}

/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/default/res/fonts/opensans_cyrillic.woff2') format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/default/res/fonts/opensans_latin_ext.woff2') format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/default/res/fonts/opensans_latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*********************************** General (can be used across the templates)******************************************/
/*body {
	  margin: 0;
	  padding:0;
	  font-size:1em;
  }*/

/* used for the pagination */
.web_pagination tr td {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 3%;
	margin-top:2%;
}

.pd-l-r {
	padding: 0 60px;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	line-height: 1.42857143;
}

/* body {
	  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	  font-size: 14px;
	  color: #333;
  } */

/*img{
	  width:100%;
	  height:auto;
  }*/

* {
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

.large-top {
	padding-top: 7em;
}

.large-bottom {
	padding-bottom: 7em;
}

.large-top-bottom {
	padding-top: 7em;
	padding-bottom: 7em;
}

.large-left-right {
	padding-left: 70px;
	padding-right: 70px;
}

.medium-top {
	padding-top: 5em;
}

.medium-bottom {
	padding-bottom: 5em;
}

.medium-top-bottom {
	padding-top: 5em;
	padding-bottom: 5em;
}

.medium-left-right {
	padding-left: 50px;
	padding-right: 50px;
}

.small-top {
	padding-top: 3em;
}

.small-bottom {
	padding-bottom: 3em;
}

.small-top-bottom {
	padding-top: 3em;
	padding-bottom: 3em;
}

.small-left {
	padding-left: 30px;
}

.small-right {
	padding-right: 30px;
}

.small-left-right {
	padding-left: 30px;
	padding-right: 30px;
}

.all-medium {
	padding: 50px;
}

#template1_mv.all-small {
	padding: 3em;
}

.all-smalls {
	padding: 3em;
}

.sm-left-right {
	margin-left: 30px;
	margin-right: 30px;
}

.sm-top-bottom {
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.row {
	float: left;
	width: 100%;
	margin: 0;
}

/******** grid-flexbox ********/
.adicontainer {
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.adicontainer * {
	box-sizing: border-box;
}

.adirow {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
}

.adirow.box-size-unify [class*="adicol"] {
	flex-grow: 1;
}

.adirow .box-size-1 {
	flex-grow: 1 !important;
}

.adirow .box-size-2 {
	flex-grow: 2 !important;
}

.adirow .box-size-3 {
	flex-grow: 3 !important;
}

.adirow .box-align-top {
	align-self: flex-start;
}

.adirow .box-align-bottom {
	align-self: flex-end;
}

.adirow .box-align-center {
	align-self: center;
}

.adirow .item-align-top {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.adirow .item-align-bottom {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.adirow .item-align-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.adirow.box-align-center {
	justify-content: center;
}

/* [class*="adicol-"] {
	  width:100%;
  } */

.access-level-label {
	float: right !important;
	padding: 5px 10px;
	background-color: rgba(189, 242, 203);
	color: green;
	border: 2px solid darkgreen;
	position: relative;
	z-index: 9999;
	/* margin-top: 15px; */
	margin-bottom: 15px;
	margin-right: 15px;
	font-weight: bold;
	border-radius: 5px;
	/* top:-25%; */
	cursor: default;
}

.register-box a {
	color: #333;
	text-decoration: none;
	padding: 0 7px;
}

form.is-search-form {
	float: left;
	margin: 0 15px;
}

.is-search-form input.is-search-input {
	border: 0;
	background: #e1e1e1;
	width: 300px;
	line-height: 100%;
	font-size: 12px;
	padding: 7px 30px 7px 10px;
	border-radius: 10px;
}

.is-search-form input.is-search-input:focus {
	outline: 0;
}

.is-search-form button.is-search-submit {
	background: none;
	border: 0;
	outline: 0;
	margin-left: -37px;
}

.is-search-form span.glyphicon.glyphicon-search {
	padding: 5px;
	font-size: 15px;
	border: 0;
	outline: 0;
	top: 3px;
}

span.swkid {
	background: #676767;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	color: #e8e3e9;
	font-size: 11px;
	display: inline-block;
}

.swkid img {
	width: 20px;
	margin-right: 5px;
}

select#lang {
	padding: 5px 5px;
	background: #e9e8e9;
	border: 0;
	border-radius: 10px;
	font-size: 12px;
	outline: 0;
	margin-left: 15px;
	float: left;
	font-weight: bold;
}

.forms-content {
	float: left;
}



/* Switch */
.switch {
	position: relative;
	width: 90px;
	height: 25px;
	margin: 3px 0 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 3px;
	background: #e9e8e9;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 2px;
	background: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background: #676767;
}

input:checked+.slider:after {
	content: 'Dark Mode';
	font-size: 10px;
	margin-left: 10px;
	color: #fff;
}

.slider:after {
	content: 'Light Mode';
	font-size: 10px;
	margin-left: 28px;
	top: 4px;
	position: relative;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(62px);
	-ms-transform: translateX(62px);
	transform: translateX(62px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 30px;
}

.slider.round:before {
	border-radius: 50%;
}

/* Switch Ended */

.template1-secondary-header {
	float: left;
	width: 100%;
}

.template1-secondary-header .container {
	/* width: 1280px; */
	display: flex;
	align-items: center;
}

img.logo {
	max-width: 300px;
	padding: 5px 0;
}

.main-nav {
	font-weight: bold;
	text-align: right;
	float: right;
}

.main-nav a {
	color: #555;
	/*color: #fff;*/
	padding: 0 10px;
	text-decoration: none;
	font-size: 12px;
}


li.nav-item.dropdown.open ul .nav-item {
	display: none !important;
}

li.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
}

/* 29.9.2020 */
.closenav {
	margin-top: 15px !important;
}


@media (max-width: 1440px) {
	.mm-menu ul.mm-dropdown-menu {
		left: -75px !important;
	}
}

@media (max-width: 991px) {
	.mm-menu .dropdown-toggle i {
		display: none !important;
	}


	.template1-secondary-header .col-md-9 {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		padding: 0;
	}

	.template1-secondary-header button.navbar-toggler {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 120px;
		margin-right: 20px;
		background: none;
		border: 1px solid #555;
		padding: 5px;
		width: 35px;
		border-radius: 5px;
	}

	.template1-secondary-header .navbar-nav {
		float: left;
	}

	.template1-secondary-header .navbar-nav>li {
		float: left;
	}

	#template1_highlights .align-center {
		text-align: center;
		height: 450px;
		overflow: hidden;
	}

	#template1_highlights .container {
		width: 100%;
		height: 150px;
	}

	#template1_highlights .tp1_icon_left {
		position: absolute;
		top: 164px;
		z-index: 5;
		display: inline-block;
		margin-top: 0px;

	}

	#template1_highlights .tp1_icon_right {
		position: absolute;
		top: 164px;
		z-index: 5;
		display: inline-block;
		margin-top: 0px;

	}

	#template1_event .controller {
		top: 14%;
		bottom: unset !important;
		width: 90% !important;
		left: 5% !important;
	}

	#template1_event .carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		left: unset !important;
	}

	#template1_event .carousel {
		width: 100%;
		height: 530px;
		overflow: hidden;
		margin: unset !important;
	}
}

@media (min-width: 768px) {
	.template1-secondary-header .navbar {
		float: right;
		margin: 0;
	}

	.template1-secondary-header .navbar-nav {
		margin: 0;
	}

	#template1_footer .custom_section_right {
		display: none;
	}

	#template1_event .item .event-container .details,
	#events .item .event-container .poster {
		width: 100%;
	}

	#template1_event .all-small {
		padding: 1em;
	}

}

/* 29.9.2020 End */

/* Special Menu Dropdown */
/* li.dropdown-submenu:hover .dropdown-menu {
	  display: block;
  } */
li.sub-2:not(.template_2):not(.template_3):hover .drop-2 {
	display: block;
}

li.sub-3:not(.template_2):hover .drop-3 {
	display: block;
}

li.sub-4:not(.template_2):hover .drop-4 {
	display: block;
}

.dark.logo {
	display: none;
}

/* Extra Menu */
.withsub .nav-item.dropdown:hover .dropdown-menu {
	display: block !important;
	top: 95%;
}

.withsub .nav-item.dropdown:hover .dropdown-menu .nav-item {
	display: none;
}

.withsub .nav-item.dropdown:hover .dropdown-menu .dropdown-menu {
	display: none !important;
}

.withsub .nav-item.dropdown .dropdown-submenu:hover .dropdown-menu {
	display: block !important;
	margin-top: -20px;
	left: -100%;
}


/* Fix Menu */
/* 8.10.2020 Start */
#template4_header .submenu .caret,
#template5_header .submenu .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid;
	position: absolute;
	right: 3px;
	top: 35%;
}

.dropdown-menu>li>a {
	white-space: unset;
}

/* 8.10.2020 End */

.mm-menu ul.mm-dropdown-menu {
	display: none;
}

.mm-menu.open ul.mm-dropdown-menu {
	display: block;
}

li.mm-menu.open {
	position: relative;
}

/* 23.12.2020 Start */
ul.mm-dropdown-menu {
	position: absolute;
	text-align: left;
	background: #fff;
	top: 40px;
	width: max-content !important;
	z-index: 9;
	padding: 10px 0 !important;
	line-height: 2;
}

ul.mm-dropdown-menu li {
	padding: 5px 0;
}

/* 23.12.2020 End */
.mm-menu.open ul.mm-dropdown-menu li {
	padding: 3px 15px;
}

.mm-menu.open ul.mm-dropdown-menu li .caret {
	position: absolute;
	top: 50%;
	right: 10px;
}

/* 24.11.2020 End */

/* 23.12.2020 Start */
.mm-menu .nav-item.dropdown:hover .dropdown-menu {
	display: block !important;
	top: 95%;
}

/* 23.12.2020 End */

.mm-menu .nav-item.dropdown:hover .dropdown-menu .nav-item {
	display: none;
}

.mm-menu .nav-item.dropdown:hover .dropdown-menu .dropdown-menu {
	display: none !important;
}

.mm-menu .nav-item.dropdown .sub-2:hover .drop-2 {
	display: block !important;
	margin-top: -20px;
	left: -100% !important;
}

.mm-menu .nav-item.dropdown .sub-3:hover .drop-3 {
	display: block !important;
	margin-top: -20px;
	left: -110% !important;
}

.mm-menu .nav-item.dropdown .sub-4:hover .drop-4 {
	display: block !important;
	margin-top: -20px;
	left: -100% !important;
}

ul.mm-dropdown-menu .nav-item.dropdown:hover .dropdown-menu {
	display: block !important;
	margin-top: -20px;
	/* margin-left: -70% !important; */
	left: -150px;
}

/* 19.10.20 */
.hinfo {
	display: none;
	position: absolute;
	width: 100%;
	right: 0;
	/* z-index: 100; */
}

.mm-menu a:hover .hinfo {
	display: block;
}

/* 19.10.20 End */

/* Menu Navigation Overflow */
.main-nav li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	cursor: pointer !important;
	/* word-break: break-word !important; */
	/* width: 100%; */
}

.main-nav {
	margin: 0;
}

.main-nav ul {
	width: 100%;
	padding: 0;
}

.dropdown-toggle i {
	color: #fff;
	font-size: 15px;
	width: 15px;
	text-align: center;
	border-radius: 50%;
}

#navbarNav {
	padding: 0;
}

button.navbar-toggler {
	display: none;
}

.mm-menu ul.dropdown-menu {
	/* padding:0 0 0 15px !important; */
}

.custom_section_right {
	position: fixed;
	right: 0;
	top: 25%;
	z-index: 9999;
	width: max-content;
	display: inline-grid;
}

.custom_section_right .sidemenu-icon {
	width: 40px;
	float: left;
}

#sidemenu {
	border-radius: 10px 0 0 10px;
	transition: 0.5s;
	float: right;
	width: 100%;
}

#sidemenu.opened {
	transition: 0.5s;
	display: flex;
	align-items: center;
}

.hotline a {
	float: right;
}

.hotline.opened a {
	float: left;
}

.side-content {
	display: none !important;
}

.side-content {
	position: absolute !important;
	right: 100%;
	top: -55px !important;
	height: 150px !important;
	width: 150px !important;
}

.side-content img {
	width: 100% !important;
	height: auto !important;
}

.sidemenu-announcement img {
	max-width: 100% !important;
}

#esidemenu:hover .side-content {
	display: block !important;
}

.calendar .modal-dialog {
	max-width: 100%;
	width: 1300px;
}

.calendar {
	float: right;
	width: 100%;
	border-radius: 10px;
}

.calendar a {
	float: right;
	cursor: pointer;
}

.calendar .modal-body {
	background: #fff;
	display: contents;
	border-radius: 5px;
}

/* .calendar button.close {
	  opacity: 1;
	  outline: 0;
	  font-size: 30px;
	  position: absolute;
	  right: 20px;
  } */

.calendar .d-flex.border-top-0 {
	width: 100%;
	float: left;
}

.calendar .d-flex.p-2 {
	float: left;
	width: 14.2857%;
	text-align: center;
	border: 1px solid #595959;
	border-radius: 0;
	padding: 10px 0;
}

.calendar .w-100 {
	float: left;
}

.calendar .d-flex.pt-3.pb-3.btn {
	width: 14.2857%;
	text-align: right;
	float: left;
	font-size: 12px;
	font-weight: unset !important;
	border: 1px solid #595959;
	border-radius: 0;
	padding-top: 20px;
}

.d-flex.justify-content-between.p-2.border.align-items-center.border-bottom-0.bg-dark.text-white {
	width: 100%;
	border: 0;
	font-weight: bold;
}


.poll {
	float: right;
	width: 100%;
}

.poll a {
	text-decoration: none;
	float: right;
	cursor: pointer;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

.poll h5 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.poll label {
	font-weight: normal;
	margin: 0;
	position: relative;
	top: -1px;
}

.poll input {
	margin: 10px 10px 10px 0;
}

.poll input[type="radio"] {
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.poll .modal-content {
	float: left;
}

.poll .modal-body {
	float: left;
}

.poll .ssubmit.col-md-12 {
	padding: 0;
	margin: 20px 0 10px;
	float: left;
	width: 100%;
}

.poll input.btn-links {
	width: 130px !important;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 25px;
	font-style: italic;
	background: unset;
}

.poll input.btn-links:hover {
	background: #000;
	color: #fff;
}

.poll button.close {
	opacity: 1;
	outline: 0;
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 15px;
}

.poll form span {
	width: 100%;
	float: left;
}

.slinks {
	float: right;
	width: 100%;
}

.sidemenuhover {
	border-radius: 5px 0 0 5px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
	text-decoration: none !important;
}

span.slideout {
	padding: 10px 15px;
	float: left;
	font-weight: bold;
	text-transform: none;
	font-style: normal;
	align-items: center;
	margin-left: -3px;
	display: none;
}

.sidemenuhover:hover .slideout {
	transition: 0.5s;
	display: flex;
}



/* Annoucement Popup */
.pop-announcements {
	float: right;
	width: 100%;
}

.pop-announcements h5 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.pop-announcements .img-empty img {
	max-width: 100%;
	margin-bottom: 20px;
	float: unset;
}

.pop-announcements .modal-content {
	float: left;
	width: 100%;
}

.pop-announcements .modal-body {
	float: left;
	width: 100%;
	text-align: center;
}

.pop-announcements button.close {
	opacity: 1;
	outline: 0;
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 15px;
}

.pop-announcements a.sidemenuhover {
	cursor: pointer;
	float: right;
}

#AnnouncementModal p {
	float: left;
	width: 100%;
}

a.sidelinks {
	float: right;
}


/* Top */
.grey {
	background: #f1f1f1;
}

#template1_top .wrapper {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template1_top img {
	width: 100%;
}

a.left.carousel-control {
	background: none;
}

a.right.carousel-control {
	background: none;
}



#template1_top h2 {
	font-weight: 600;
	margin: 0;
}

#template1_top h3 {
	/* font-size: 35px; */
	font-weight: bold;
	width: 100%;
	/* 24.11.2020 */
}

a.btn-links {
	font-size: 13px;
	font-weight: 600;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
}

a.btn-links:hover {
	background: #000;
	color: #fff;
}



/* Mission Vision Value */
.template_1_mvv p {
	margin: 0 0 10px;
	font-weight: 100;
	line-height: 20px;
}

.template_1_mvv {
	width: 100%;
	background-color: white;
}

.template_1_mvv img {
	width: 100%;
	background-color: white;
	max-height: 100%;
	/* object-fit: cover; */
}

.template_1_mvv h6 {
	position: absolute;
	/*background-color: #5e5d5d94;*/
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-size: 15pt;
	left: 6%;
	right: 6%;
	font-weight: bold;
	opacity: 1;
	padding: 10px;
}

.template_1_mvv a:hover h6 {
	opacity: 1;
}

/* About Ministry */
#template1_abouts .col-md-7 {
	padding-left: 0;
}

#template1_abouts .details {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	position: absolute;
	bottom: 3%;
	width: 70%;
}

#template1_abouts .poster {
	border-radius: unset;
	display: block;
	width: 100%;
	height: unset;
	object-fit: cover;
}

#template1_abouts .container {

	align-items: center;
}

#template1_abouts h3.item_title {
	font-weight: bold;
	margin-bottom: 25px;
}



/* Events */
#template1_event .carousel {
	/*width: 100%;*/
	overflow: hidden;
	margin: 0em 13em 0em 13em;
}

#template1_event .carousel-inner {
	width: 100%;
}

#template1_event .carousel-inner>#template1_event .item.next,
#template1_event .carousel-inner>#template1_event .item.active.right {
	left: 0;
	-webkit-transform: translate3d(33%, 0, 0);
	transform: translate3d(33%, 0, 0);
}

#template1_event .carousel-inner>#template1_event .item.prev,
#template1_event .carousel-inner>#template1_event .item.active.left {
	left: 0;
	-webkit-transform: translate3d(-33%, 0, 0);
	transform: translate3d(-33%, 0, 0);
}

#template1_event .event-container {
	float: right;
}

#template1_event .item.active {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}

#template1_event .item.active .event-container {
	display: none;
}

#template1_event .item .event-container .details {
	display: none;
}

#template1_event .item.active .event-container:first-child {
	/* width: 66.666667%; */
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	text-align: center;
	-webkit-box-shadow: unset;
}

#template1_event .item.active .event-container:first-child .details {
	display: block;
}

#template1_event .item.active .event-container:nth-child(2) {
	display: block;
	width: 33.3333%;
	float: left;
}

#template1_event .item.active .event-container:nth-child(2) .poster {
	width: 100%;
	float: left;
}

#template1_event .item .event-container .details,
#template1_event .item .event-container .poster {
	width: 50%;
	float: left;
}

#template1_event .poster {
	padding: 10px;
}

#template1_event .controller {
	/* position: absolute;
	  left: 0;
	  bottom: 11%;
	  width: 33.333%; */

	position: absolute;
	left: 15%;
	bottom: 8%;
	width: 13.333%;



}

#template1_event .carousel-control {
	position: unset !important;
}

#template1_event .carousel-control .glyphicon-chevron-right,
#template1_event .carousel-control .icon-next {
	right: 0%;
}

#template1_event .carousel-control .glyphicon-chevron-left,
#template1_event .carousel-control .icon-prev {
	/*left: 45%; */
}

#template1_event .glyphicon-chevron-right:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
}

#template1_event .glyphicon-chevron-left:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
}

#template1_event h3.event-title {
	font-weight: bold;
	margin-bottom: 25px;
}

#template1_event img {
	width: unset;
	object-fit: cover;
	max-height: 300px;
}

#template1_event h3.event-title::after {
	content: '';
	height: 5px;
	background: #22171f;
	width: 25px;
	display: block;
	margin: 10px auto !important;
}

h4.e-title {
	font-weight: bold;
}

p.e-details {
	line-height: 180%;
	margin-top: 10px !important;
	float: left;
	width: 100%;
	font-weight: 600;
}

#template1_event .carousel-control .glyphicon-chevron-left,
#template1_event .carousel-control .glyphicon-chevron-right,
#template1_event .carousel-control .icon-next,
#template1_event .carousel-control .icon-prev {
	float: left;
}

/*WEB RESPONSIVE BREAKPOINTS*/
/*WEB RESPONSIVE BREAKPOINTS : 1280px*/
@media all and (min-width: 992px) {
	.adicol-1 {
		width: 100%;
	}

	.adicol-2plus4 {
		width: 75%;
	}

	.adicol-2 {
		width: 50%;
	}

	.adicol-3 {
		width: 33%;
	}

	.adicol-4plus8 {
		width: 75%;
	}

	.adicol-4 {
		width: 25%;
	}

	.adicol-8 {
		width: 25%;
	}
}

@media all and (max-width: 991px) {
	.adicol-1 {
		width: 100%;
	}

	.adicol-2plus4 {
		width: 50%;
	}

	.adicol-2 {
		width: 50%;
	}

	.adicol-3 {
		width: 50%;
	}

	.adicol-4plus8 {
		width: 50%;
	}

	.adicol-4 {
		width: 50%;
	}

	.adicol-8 {
		width: 50%;
	}
}

@media all and (max-width: 576px) {
	.adicol-1 {
		width: 100%;
	}

	.adicol-2plus4 {
		width: 100%;
	}

	.adicol-2 {
		width: 100%;
	}

	.adicol-3 {
		width: 100%;
	}

	.adicol-4plus8 {
		width: 100%;
	}

	.adicol-4 {
		width: 100%;
	}

	.adicol-8 {
		width: 100%;
	}
}

/* @media all and (min-width: 1280px) {
	  .adicol-1{width:100%;}
	  .adicol-2plus4{width:50%;}
	  .adicol-2{width:50%;}
	  .adicol-4plus8{width:50%;}
	  .adicol-4{width:50%;}
	  .adicol-8{width:50%;}
  }
  
  @media all and (min-width: 1024px) {
	  .adicol-1{width:100%;}
	  .adicol-2plus4{width:75%;}
	  .adicol-2{width:50%;}
	  .adicol-4plus8{width:75%;}
	  .adicol-4{width:25%;}
	  .adicol-8{width:25%;}
  }
  
  @media all and (min-width: 992px) {
	  .adicol-1{width:100%;}
	  .adicol-2plus4{width:50%;}
	  .adicol-2{width:50%;}
	  .adicol-4plus8{width:50%;}
	  .adicol-4{width:50%;}
	  .adicol-8{width:50%;}
  }
  
  @media all and (min-width: 768px) {
	  .adicol-1{width:100%;}
	  .adicol-2plus4{width:50%;}
	  .adicol-2{width:50%;}
	  .adicol-4plus8{width:50%;}
	  .adicol-4{width:50%;}
	  .adicol-8{width:50%;}
  }
  
  @media all and (min-width: 480px) {
	  .adicol-1{width:100%;}
	  .adicol-2plus4{width:50%;}
	  .adicol-2{width:50%;}
	  .adicol-4plus8{width:50%;}
	  .adicol-4{width:50%;}
	  .adicol-8{width:50%;}
  } */
/*
  @media all and (min-width: 1400px) {
	  .adicol-1{width:100%;}
	  .adicol-2plus4{width:75%;}
	  .adicol-2{width:50%;}
	  .adicol-4plus8{width:37.5%;}
	  .adicol-4{width:25%;}
	  .adicol-8{width:12.5%;}
  }*/

.width-control {
	margin: 0 auto;
}

@media all and (min-width: 992px) {
	.width-control {
		max-width: 992px;
	}
}

@media all and (min-width: 1280px) {
	.width-control {
		max-width: 1280px;
	}
}

/* 
  @media (min-width: 1700px) {
	.menu-0, .menu-1,  .menu-2, .menu-3, .menu-4,  .menu-5, .menu-6{
		display: flex !important;
	}

	.menu-0 a:empty, .menu-1 a:empty,  .menu-2 a:empty, .menu-3 a:empty , .menu-4 a:empty , .menu-5 a:empty , .menu-6 a:empty{
		display: none !important;
	}
	
	.mm-menu .menu-0, .mm-menu .menu-1,  .mm-menu .menu-2, .mm-menu .menu-3, .mm-menu .menu-4,  .mm-menu .menu-5, .mm-menu .menu-6{
		display: none !important;
	}
} */

/* @media (min-width: 1600px) {
	.menu-0, .menu-1,  .menu-2, .menu-3, .menu-4,  .menu-5{
		display: flex !important;
	}

	.menu-0 a:empty, .menu-1 a:empty,  .menu-2 a:empty, .menu-3 a:empty , .menu-4 a:empty , .menu-5 a:empty{
		display: none !important;
	}
	
	.mm-menu .menu-0, .mm-menu .menu-1,  .mm-menu .menu-2, .mm-menu .menu-3, .mm-menu .menu-4,  .mm-menu .menu-5{
		display: none !important;
	}
} */

@media (min-width: 1400px) {

	.menu-0,
	.menu-1,
	.menu-2,
	.menu-3,
	.menu-4,
	.menu-5 {
		display: flex !important;
	}

	.menu-0 a:empty,
	.menu-1 a:empty,
	.menu-2 a:empty,
	.menu-3 a:empty,
	.menu-4 a:empty,
	.menu-5 a:empty {
		display: none !important;
	}

	.mm-menu .menu-0,
	.mm-menu .menu-1,
	.mm-menu .menu-2,
	.mm-menu .menu-3,
	.mm-menu .menu-4,
	.mm-menu .menu-5 {
		display: none !important;
	}
}

@media (min-width: 1200px) {

	.menu-0,
	.menu-1,
	.menu-2,
	.menu-3,
	.menu-4,
	.menu-5 {
		display: flex !important;
		/* background:red; */
	}

	.menu-0 a:empty,
	.menu-1 a:empty,
	.menu-2 a:empty,
	.menu-3 a:empty,
	.menu-4 a:empty,
	.menu-5 a:empty {
		display: none !important;
	}

	.mm-menu .menu-0,
	.mm-menu .menu-1,
	.mm-menu .menu-2,
	.mm-menu .menu-3,
	.mm-menu .menu-4,
	.mm-menu .menu-5 {
		display: none !important;
	}
}


@media (min-width: 991px) {

	.menu-0,
	.menu-1,
	.menu-2,
	.menu-3,
	.menu-4 {
		display: flex !important;
	}

	.menu-0 a:empty,
	.menu-1 a:empty,
	.menu-2 a:empty,
	.menu-3 a:empty,
	.menu-4 a:empty {
		display: none !important;
	}

	.mm-menu .menu-0,
	.mm-menu .menu-1,
	.mm-menu .menu-2,
	.mm-menu .menu-3,
	.mm-menu .menu-4 {
		display: none !important;
	}
}

@media (max-width: 991px) {
	li[class*="menu"] a:empty {
		display: none !important;
	}

	.toggler-btn {
		display: none !important;
	}
}

/*********************************** General End ******************************************/

/*********************************** Dark & Light Mode ************************************/
/* General */
.darkmode {
	background: #000;
	color: #fff;
}

.darkmode .main-nav a {
	color: #fff;
}

.darkmode ul.dropdown-menu {
	background: #000;
}

.darkmode .grey {
	background: #000;
}

.darkmode #events .glyphicon-chevron-left:before {
	background: #fff;
	color: #000;
}

.darkmode #events .glyphicon-chevron-right:before {
	background: #fff;
	color: #000;
}

.darkmode #highlights {
	background: #000;
}

.darkmode #page-container #highlights {
	background: #000;
}

.darkmode .post-date {
	color: #fff;
}

.darkmode h4.post-title {
	color: #fff;
}

.darkmode footer {
	background: #000;
}

.darkmode footer .links a {
	color: #fff;
}

.darkmode p.cp {
	color: #fff;
}

.darkmode .social a {
	color: #fff;
}

.darkmode a.page-link {
	color: #fff !important;
}

.darkmode .modal-body {
	color: #000;
}

.darkmode .ssearch input {
	color: #000;
}

.darkmode .sselect select {
	color: #000;
}

.darkmode button#myBtn {
	color: #000;
}

.darkmode .mm-menu.open ul.mm-dropdown-menu {
	background: #000;
}

.darkmode .collapse.in.navbar-collapse {
	background: #0000009c;
}

.darkmode .carousel-control {
	opacity: 1;
}

.darkmode .normal.logo {
	display: none;
}

.darkmode .dark.logo {
	display: block;
}

.darkmode h2.ctitle {
	color: #000;
}

.darkmode h5.ssubtitle {
	color: #fff;
}

.darkmode a.qlinks {
	background: #000;
	border: 1px solid #fff;
}

.darkmode a.qlinks span {
	color: #fff;
}

.darkmode .qlinks p {
	color: #fff;
}

.event-container:hover {
	background-color: unset;
	box-shadow: unset;
}

/* General End */

/* Template 1 */
.darkmode .template1-header {
	background: #000 !important;
	color: #000;
}

.darkmode #template1_quick .glyphicon-chevron-right:before {
	background: #fff;
	color: #000;
	opacity: 1;
}

.darkmode #template1_quick .glyphicon-chevron-left:before {
	background: #fff;
	color: #000;
	opacity: 1;
}

/* Template 1 End */

/* Template 2 */

/* Template 2 End */

/* Template 3 */

/* Template 3 End */

/* Template 4 */
.darkmode #template4_header .collapse.in.navbar-collapse {
	background: #000;
}

.darkmode #template4_quick .qlinks p {
	color: #fff;
}

/* Template 4 End */

/* Template 5 */
.darkmode #template5_header .collapse.in.navbar-collapse {
	background: #000;
}

.darkmode #template5_header ul.mm-dropdown-menu {
	background: #000;
}

.darkmode #template5_highlights h3 {
	color: #fff;
}

.darkmode #template5_highlights .desc {
	color: #fff;
}

.darkmode #template5_quick p {
	color: #fff;
}

.darkmode #template5_quick a.qlinks {
	border: 0;
}

.darkmode #template5_quick .glyphicon-chevron-right:before {
	background: #fff;
	color: #000;
	opacity: 1;
}

.darkmode #template5_quick .glyphicon-chevron-left:before {
	background: #fff;
	color: #000;
	opacity: 1;
}

.darkmode #template5_about h3 {
	color: #fff;
}

.darkmode #template5_about .desc {
	color: #fff;
}

.darkmode #template5_about .grey-cover {
	background: #000;
}

.darkmode #template5_about h4.liner:before {
	background: #fff !important;
}

/* Template 5 End */

/* Template 6 */
.darkmode #template6_header .collapse.in.navbar-collapse {
	background: #000;
}

/* Template 6 End */

/*********************************** Dark & Light Mode End ******************************/


/*********************************** Subpage ******************************************/
/* Red */
.template_subpage_red .post-slide .read-more {
	background-color: #cc1126;
	color: #fff;
}

.template_subpage_red .table-body-cell .read-more {
	background-color: #cc1126;
	color: #fff;
}

.template_subpage_red .table-body-cell .read-more:hover,
.template_subpage_red .post-slide .read-more:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_red .template_subpage_list .web_pagination a span.web_paging_sel {
	background-color: #cc1126;
	color: #fff;
	/* color: #cc1126;
	font-weight: bold;
	font-size: 22px; */
}

.template_subpage_red .template_subpage_view .web_pagination a span.web_paging_sel {
	background-color: #cc1126;
	color: #fff;
	/* color: #cc1126;
	font-weight: bold;
	font-size: 22px; */
}

.template_subpage_red .template_subpage_list h3.subtitle::after,
.template_subpage_red #template_subpage_useful_link h3.subtitle::after,
.template_subpage_red .template_subpage_view h3.subtitle::after {
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template_subpage_red .template_subpage_list .sselect:after {
	color: #cc1126;
}

.template_subpage_red .template_subpage_view .list-content-back .back-to-listing {
	background-color: #cc1126;
	color: #fff;
}

.template_subpage_red .template_subpage_view .list-content-back .back-to-listing:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_red .feedback_form .soption label {
	color: #cc1126;
}

.template_subpage_red .feedback_form .form-control:focus {
	border-color: #cc1126;
}

.template_subpage_red .feedback_form .form-label {
	color: #cc1126;
}

.template_subpage_red .poll_form .btn-links:hover {
	background-color: #cc1126;
	color: #fff;
}

.template_subpage_red .feedback_form .btn-links:hover {
	background-color: #cc1126;
	color: #fff;
}

.template_subpage_red .feedback_form .btn_submit {
	border-color: #cc1126 !important;
	color: #cc1126;
}

/* Red End */

/* Yellow */
.template_subpage_yellow .post-slide .read-more {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .table-body-cell .read-more {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .table-body-cell .read-more:hover,
.template_subpage_yellow .post-slide .read-more:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_yellow .template_subpage_list .web_pagination a span.web_paging_sel {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .template_subpage_view .web_pagination a span.web_paging_sel {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .template_subpage_list h3.subtitle::after,
.template_subpage_yellow #template_subpage_useful_link h3.subtitle::after,
.template_subpage_yellow .template_subpage_view h3.subtitle::after {
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template_subpage_yellow .template_subpage_list .sselect:after {
	color: #f9d017;
}

.template_subpage_yellow .template_subpage_view .list-content-back .back-to-listing {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .template_subpage_view .list-content-back .back-to-listing:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_yellow .feedback_form .soption label {
	color: #f9d017;
}

.template_subpage_yellow .feedback_form .form-control:focus {
	border-color: #f9d017;
}

.template_subpage_yellow .feedback_form .form-label {
	color: #f9d017;
}

.template_subpage_yellow .feedback_form .btn-links:hover {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .poll_form .btn-links:hover {
	background-color: #f9d017;
	color: #000;
}

.template_subpage_yellow .feedback_form .btn_submit {
	border-color: #f9d017 !important;
	color: #f9d017;
}

/* Yellow End */

/* Blue */
.template_subpage_blue .post-slide .read-more {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .table-body-cell .read-more {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .table-body-cell .read-more:hover,
.template_subpage_blue .post-slide .read-more:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_blue .template_subpage_list .web_pagination a span.web_paging_sel {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .template_subpage_view .web_pagination a span.web_paging_sel {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .template_subpage_list h3.subtitle::after,
.template_subpage_blue #template_subpage_useful_link h3.subtitle::after,
.template_subpage_blue .template_subpage_view h3.subtitle::after {
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template_subpage_blue .template_subpage_list .sselect:after {
	color: #0361c6;
}

.template_subpage_blue .template_subpage_view .list-content-back .back-to-listing {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .template_subpage_view .list-content-back .back-to-listing:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_blue .feedback_form .soption label {
	color: #0361c6;
}

.template_subpage_blue .feedback_form .form-control:focus {
	border-color: #0361c6;
}

.template_subpage_blue .feedback_form .form-label {
	color: #0361c6;
}

.template_subpage_blue .poll_form .btn-links:hover {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .feedback_form .btn-links:hover {
	background-color: #0361c6;
	color: #fff;
}

.template_subpage_blue .feedback_form .btn_submit {
	border-color: #0361c6 !important;
	color: #0361c6;
}

/* Blue End */

/* Green */
.template_subpage_green .post-slide .read-more {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .table-body-cell .read-more {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .table-body-cell .read-more:hover,
.template_subpage_green .post-slide .read-more:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_green .template_subpage_list .web_pagination a span.web_paging_sel {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .template_subpage_view .web_pagination a span.web_paging_sel {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .template_subpage_list h3.subtitle::after,
.template_subpage_green #template_subpage_useful_link h3.subtitle::after,
.template_subpage_green .template_subpage_view h3.subtitle::after {
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template_subpage_green .template_subpage_list .sselect:after {
	color: #42ab4f;
}

.template_subpage_green .template_subpage_view .list-content-back .back-to-listing {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .template_subpage_view .list-content-back .back-to-listing:hover {
	background-color: #000;
	color: #fff;
}

.template_subpage_green .feedback_form .soption label {
	color: #42ab4f;
}

.template_subpage_green .feedback_form .form-control:focus {
	border-color: #42ab4f;
}

.template_subpage_green .feedback_form .form-label {
	color: #42ab4f;
}

.template_subpage_green .poll_form .btn-links:hover {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .feedback_form .btn-links:hover {
	background-color: #42ab4f;
	color: #fff;
}

.template_subpage_green .feedback_form .btn_submit {
	border-color: #42ab4f !important;
	color: #42ab4f;
}

/* Green End */

/* Dark & Light Mode */
.darkmode .template_subpage_list .tbl-table a.download_title {
	color: white !important;
}

.darkmode .template_subpage_list .tbl-table th {
	border-color: white !important;
}

.darkmode .template_subpage_list .table-head-cell {
	border-color: white !important;
}

.darkmode .template_subpage_list .post-slide .post-content {
	background-color: #000;
}

.darkmode .template_subpage_list button.owl-dot {
	background-color: #000 !important;
}

.darkmode .staffdir-card {
	background-color: #666;
	padding: 15px;
	border-radius: 5px;
}

/* Dark & Light Mode End */

/* ----------Subpage Listing--------- */
.template_subpage_list .container {
	/* max-width: 1000px; */
	margin: 0px auto 0px auto;
}

.template_subpage_list .container-large {
	max-width: 1250px;
	margin: 0px auto 30px auto;
}

.template_subpage_list mark {
	background: #f7eb48;
}

#template_subpage_useful_link img {
	height: 55px;
	width: auto !important;
	max-width: 100%;
	float: unset;
}

#template_subpage_useful_link.all-small {
	padding: 3em;
}

#template_subpage_useful_link a.uqlinks {
	text-align: center;
	padding: 20px 10px !important;
}

#template_subpage_useful_link .qicons {
	width: 100%;
}

#template_subpage_useful_link .carousel {
	background: #fff;
	padding: 15px 0;
}

#template_subpage_useful_link a.uqlinks {
	width: 25%;
	float: left;
}

#template_subpage_useful_link .carousel-control:hover i:before {
	background: #ababad;
	color: #fff;
}

#template_subpage_useful_link a i:before {
	font-size: 13px;
	color: #ababad;
	border: 1px solid #ababad;
	padding: 10px;
	border-radius: 50%;
}

#template_subpage_useful_link .carousel-showothers .carousel-control.left {
	left: -6%;
}

#template_subpage_useful_link .carousel-showothers .carousel-control.right {
	right: -6%;
}

#template_subpage_useful_link a.left.carousel-control {
	margin-top: -15px !important;
}

#template_subpage_useful_link .carousel-showothers .carousel-control.right {
	margin-top: -15px !important;
}

#template_subpage_useful_link .align-center .container {
	margin: auto;
}

#template_subpage_useful_link h3.subtitle::after {
	content: '';
	height: 5px;
	width: 100%;
	display: block;
	margin: 15px 0 0;
}

/* Search Result */
.template_subpage_list .search-table p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/*header*/
.template_subpage_list .pageheader {
	background: #10446b;
	color: #fff;
}

.template_subpage_list h3.subtitle::after {
	content: '';
	height: 5px;
	width: 100%;
	display: block;
	margin: 15px 0 0;
}

/*carousel*/
.template_subpage_list .post-slide {
	margin: 0 15px;
}

.template_subpage_list .carousel-container {
	margin-bottom: 0;
}

.template_subpage_list button.owl-dot {
	background-color: #fff !important;
}

.template_subpage_list .post-slide .post-img {
	overflow: hidden;
}

.template_subpage_list .post-slide .post-img img {
	display: block;
	object-fit: cover;
	max-width: 100%;
	height: 250px;
	transform: scale(1);
	transition: all 1s ease-in-out 0s;
}

.template_subpage_list .post-slide:hover .post-img img {
	transform: scale(1.08);
}

.template_subpage_list .post-slide .post-content {
	background: #fff;
	padding: 20px;
}

.template_subpage_list .post-slide .post-title {
	font-size: 17px;
	font-weight: 600;
	margin-top: 0;
	/* height: 40px; */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.template_subpage_list .post-slide .post-title a {
	display: inline-block;
	color: #808080;
	transition: all 0.3s ease 0s;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.template_subpage_list .post-slide .post-title a:hover {
	color: #3d3030;
	text-decoration: none;
}

.template_subpage_list .post-slide .post-description {
	font-size: 15px;
	color: #676767;
	line-height: 24px;
	margin-bottom: 14px;
}

.template_subpage_list .post-slide .post-bar {
	padding: 0;
	margin-bottom: 15px;
	list-style: none;
}

.template_subpage_list .post-slide .post-bar li {
	color: #676767;
	padding: 2px 0;
}

.template_subpage_list .post-slide .post-bar li i {
	margin-right: 5px;
}

.template_subpage_list .post-slide .post-bar li a {
	display: inline-block;
	font-size: 12px;
	color: #808080;
	transition: all 0.3s ease 0s;
}

.template_subpage_list .post-slide .post-bar li a:after {
	content: ",";
}

.template_subpage_list .post-slide .post-bar li a:last-child:after {
	content: "";
}

.template_subpage_list .post-slide .post-bar li a:hover {
	color: #3d3030;
	text-decoration: none;
}

.template_subpage_list .post-slide .read-more {
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
	/* color: #fff;
		background: #10446b; */
	border-bottom-right-radius: 10px;
	/* text-transform: capitalize; */
	transition: all 0.30s linear;
}

.template_subpage_list .post-slide .read-more:hover {
	/* background: #333; */
	text-decoration: none;
}

.template_subpage_list .table-title {
	font-weight: bold;
}

.template_subpage_list .table-action .read-more {
	white-space: nowrap;
}

/*pagination*/
.template_subpage_list .web_pagination a span {
	color: black;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
}

.template_subpage_list .web_pagination a span.web_paging_sel {
	padding: 8px 16px;
	/* background-color: #10446b; */
	color: white;
}

.template_subpage_list .web_pagination a:hover:not(.active) {
	padding: 8px 16px;
}

.template_subpage_list .web_pagination a {
	padding: 8px 8px !important;
}

.template_subpage_list .list-search {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	margin-top: 30px;
	font-size: 1.3em;
}

.template_subpage_list .search-list {
	width: 100%;
}

.template_subpage_list .search-list input[type=text] {
	padding: 10px;
	font-size: small;
	border: 1px solid grey;
	float: left;
	width: 100%;
	/* background: #f1f1f1; */
	margin-top: 15px;
}

.template_subpage_list .search-list select {
	padding: 10px;
	font-size: small;
	border: 1px solid grey;
	/* background: #f1f1f1; */
	margin-right: 30px;
}

.template_subpage_list .search-list button {
	background: none;
	border: 0;
	outline: 0;
	float: left;
	margin-left: -35px;
	padding: 10px;
	font-size: small;
	cursor: pointer;
	margin-top: 18px;
}

.template_subpage_list .search-list::after {
	content: "";
	clear: both;
	display: table;
}

.template_subpage_list .search-label,
.search-dropdown {
	font-size: small;
}

.template_subpage_list .lnew button.owl-prev span {
	position: absolute;
	left: 0;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 40px;
	line-height: 6px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
	margin-left: -50px;
	border-radius: 50%;
}

.template_subpage_list .lnew button.owl-prev span:hover {
	opacity: 1;
}

.template_subpage_list .lnew button.owl-next span {
	position: absolute;
	right: 0;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 40px;
	line-height: 6px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
	margin-right: -50px;
	border-radius: 50%;
}

.template_subpage_list .lnew button.owl-next span:hover {
	opacity: 1;
}

.template_subpage_list .ssearch {
	width: 100%;
	float: left;
	margin: 10px 0;
}

.template_subpage_list .ssearch input {
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	padding: 10px 30px 10px 10px !important;
	background: #fff !important;
	width: 90% !important;
}

.template_subpage_list .sselect {
	position: relative;
	width: max-content;
	float: left;
	margin-right: 50px;
}

.template_subpage_list .sdate {
	position: relative;
	width: max-content;
	float: left;
	font-size: 15px;
	margin-right: 50px;
}

.template_subpage_list .sdate input[type="button"] {
	background-color: white;
	width: max-content;
	font-size: 15px;
	margin-right: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 40px;
	border: 1px solid black;
	margin-top: 15px;
}

.template_subpage_list .sdate:after {
	content: "\e109";
	font-family: "Glyphicons Halflings";
	right: 60px;
	top: 22px;
	position: absolute;
	font-size: 18px;
}

.template_subpage_list .sselect select {
	padding: 10px 30px 10px 15px;
	font-weight: bold;
	margin-right: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.template_subpage_list .sselect:after {
	content: "\e252";
	font-family: "Glyphicons Halflings";
	right: 60px;
	top: 10px;
	position: absolute;
	pointer-events: none;
}


/* -----------Subpage View----------- */
.template_subpage_view .container {
	/* max-width: 1000px; */
	margin: 0px auto 0px auto;
}

.template_subpage_view .web_pagination a span.web_paging_sel {
	padding: 8px 16px;
	color: white;
}

#template_subpage_view h3.subtitle::after {
	content: '';
	height: 5px;
	width: 100%;
	display: block;
	margin: 15px 0 0;
}

.template_subpage_view .list-more-info {
	font-size: 15px;
	font-style: italic;
}

.template_subpage_view .list-title {
	font-size: 1.5em;
	margin-bottom: 5px;
}

.template_subpage_view .list-content {
	margin-top: 15px;
}

.template_subpage_view .list-sub {
	color: #666;
	font-size: 0.9em;
}

.template_subpage_view .list-search {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	margin-top: 30px;
	align-items: flex-end;
	font-size: 1.3em;
	justify-content: flex-end;
}

.template_subpage_view .list-search .btn-group {
	justify-content: flex-end;
}

.template_subpage_view .list-search a {
	margin-left: 10px;
}

.template_subpage_view .list-search-divider {
	margin-left: 10px;
}

.template_subpage_view .list-search-divider:before {
	content: '|';
}

.template_subpage_view .list-content-back {
	display: flex;
	justify-content: flex-end;
	margin-top: 15px;
}

.template_subpage_view .list-content-front {
	display: flex;
	justify-content: flex-start;
	margin-top: 15px;
}

.template_subpage_view .list-content-back .back-to-listing {
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #10446b;
	border-bottom-left-radius: 10px;
	text-transform: capitalize;
	transition: all 0.30s linear;
	margin-top: 15px;
}

.template_subpage_view .list-content-back .back-to-listing:hover {
	background: #333;
	text-decoration: none !important;
}

.template_subpage_view h1 {
	color: #4d4b4b;
}

@media (max-width: 991px) {
	.template_subpage_list .lnew button.owl-next span {
		margin-right: unset;
	}

	.template_subpage_list .lnew button.owl-prev span {
		margin-left: unset;
	}

	#template_subpage_useful_link a.uqlinks {
		text-align: center !important;
		float: unset;
	}
}



/*********************************** Subpage End ******************************************/

/*********************************** Templates ******************************************/

/******** Common Start ********/
#common_pop_up .num {
	color: black;
}

#common_pop_up .num::before {
	content: '';
	width: 50px;
	float: left;
	height: 1px;
	background: #6d747d;
	margin: 0 20px;
}

#common_pop_up .indicator-number ol.carousel-indicators li {
	border-color: black;
	background: #fff;
}

#common_pop_up .indicator-number {
	position: fixed;
	bottom: -20px;
	left: 48%;
	right: 0;
}

/* Custom Color */

/* Yellow */
.common_yellow #header_slider1 .login-button a {
	color: #bdac13;
}

.common_yellow #header_slider1 .login-button button {
	border-color: #f9d017;
}

/* Blue */
.common_blue #header_slider1 .login-button a {
	color: #0361c6;
}

.common_blue #header_slider1 .login-button button {
	border-color: #0361c6;
}

/* Yellow */
.common_yellow #header_slider1 .login-button a {
	color: #bdac13;
}

.common_yellow #header_slider1 .login-button button {
	border-color: #f9d017;
}

/* Green */
.common_green #header_slider1 .login-button a {
	color: #42ab4f;
}

.common_green #header_slider1 .login-button button {
	border-color: #42ab4f;
}

/* Red */
.common_red #header_slider1 .login-button a {
	color: #cc1126;
}

.common_red #header_slider1 .login-button button {
	border-color: #cc1126;
}


/* @media (max-width: 991px) {
	#common_pop_up .indicator-number{
		left: 40%;
	}
} */

@media (max-width: 768px) {
	#common_pop_up .indicator-number {
		left: 35%;
		bottom: 2%;
	}

	#common_pop_up .num {
		display: none;
	}

	#common_pop_up .access-level-label {
		bottom: -1% !important;
		left: 7% !important;
		right: 55% !important;
		float: left !important;
		width: 130px !important;
	}
}

/******** Common End ********/

/******** Template 1 Start ********/
/* Custom Color(General Use) */
/* Yellow */
.template1_yellow .main-nav a.active,
.template1_yellow .main-nav a:hover {
	color: #f9d017;
}

.template1_yellow .dropdown-toggle i {
	background: #f9d017;
}

.template1_yellow a.btn-links {
	background: #6e6b6b;
	color: #fff;
}

.template1_yellow a.view-all-btn {
	background: #f9d017;
}

.template1_yellow .poll input.btn-links {
	border: 2px solid #f9d017;
}

.template1_yellow button#myBtn {
	background: #f9d017;
}

.template1_yellow #template1_highlights button.btn-links {
	background: #f9d017;
	color: #fff;
}

.template1_yellow #template1_highlights button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template1_yellow footer .links a:hover {
	color: #f9d017;
}

.template1_yellow footer .b-links a:hover {
	color: #f9d017;
}

.social a:hover {
	color: #f9d017;
}

.template1_yellow h3.subtitle:after {
	background: #f9d017;
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template1_yellow .sselect:after {
	color: #f9d017;
}

.template1_yellow a.readmore {
	color: #f9d017;
}

.template1_yellow #feedback input[type="submit"] {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

.template1_yellow #feedback input[type="submit"]:hover {
	background: #fff;
	color: #f9d017;
	border: 1px solid #f9d017;
}

.template1_yellow #template1_quick .ql-tab li.active a {
	background: #f9d017;
	color: #fff;
}

.template1_yellow .ql-tab li:hover a {
	background: #f9d017;
	color: #fff;
}

.template1_yellow .sub-newsletter input[type="submit"] {
	background: #f9d017;
}

.template1_yellow .sidemenuhover {
	background: #fdcb08;
}

.template1_yellow span.slideout {
	background: #fdcb08;
	color: #000;
}

.template1_yellow #feedback .form-group label {
	color: #f9d017;
}

.template1_yellow #feedback input[type="submit"]:hover,
.template1_yellow #feedback input[type="reset"]:hover {
	background: #f9d017;
	color: #fff;
}

.template1_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template1_yellow #template1_header .login-button a {
	color: #bdac13;
}

.template1_yellow #template1_header .login-button button {
	border-color: #f9d017;
}

/* Yellow End */


/* Blue */
.template1_blue .main-nav a.active,
.template1_blue .main-nav a:hover {
	color: #0361c6;
}

.template1_blue .dropdown-toggle i {
	background: #0361c6;
}

.template1_blue .poll input.btn-links {
	border: 2px solid #0361c6;
}

.template1_blue button#myBtn {
	background: #0361c6;
}

.template1_blue a.btn-links {
	background: #6e6b6b;
	color: #fff;
}

.template1_blue a.view-all-btn {
	background: #0361c6;
}

.template1_blue button.btn-links {
	background: #0361c6;
	color: #fff;
}

.template1_blue button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template1_blue footer .links a:hover {
	color: #0361c6;
}

.template1_blue footer .b-links a:hover {
	color: #0361c6;
}

.social a:hover {
	color: #0361c6;
}

.template1_blue h3.subtitle:after {
	background: #0361c6;
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template1_blue .sselect:after {
	color: #0361c6;
}

.template1_blue a.readmore {
	color: #0361c6;
}

.template1_blue #feedback input[type="submit"] {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

.template1_blue #feedback input[type="submit"]:hover {
	background: #fff;
	color: #0361c6;
	border: 1px solid #0361c6;
}

.template1_blue #template1_quick .ql-tab li.active a {
	background: #0361c6;
	color: #fff;
}

.template1_blue .ql-tab li:hover a {
	background: #0361c6;
	color: #fff;
}

.template1_blue .sub-newsletter input[type="submit"] {
	background: #0361c6;
	color: #fff;
}

.template1_blue .sidemenuhover {
	background: #0361c6;
}

.template1_blue span.slideout {
	background: #0361c6;
	color: #fff;
}

.template1_blue #feedback .form-group label {
	color: #0361c6;
}

.template1_blue #feedback input[type="submit"]:hover,
.template1_blue #feedback input[type="reset"]:hover {
	background: #0361c6;
	color: #fff;
}

.template1_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template1_blue a.page-link:hover {
	color: #fff !important;
	background: #0361c6 !important;
}

.template1_blue #template1_header .login-button a {
	color: #0361c6;
}

.template1_blue #template1_header .login-button button {
	border-color: #0361c6;
}

/* Blue End */


/* Green */
.template1_green .main-nav a.active,
.template1_green .main-nav a:hover {
	color: #42ab4f;
}

.template1_green .poll input.btn-links {
	border: 2px solid #42ab4f;
}

.template1_green button#myBtn {
	background: #42ab4f;
}

.template1_green .dropdown-toggle i {
	background: #42ab4f;
}

.template1_green a.btn-links {
	background: #6e6b6b;
	color: #fff;
}

.template1_green a.view-all-btn {
	background: #42ab4f;
}

.template1_green button.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template1_green button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template1_green footer .links a:hover {
	color: #42ab4f;
}

.template1_green footer .b-links a:hover {
	color: #42ab4f;
}

.social a:hover {
	color: #42ab4f;
}

.template1_green h3.subtitle:after {
	background: #42ab4f;
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template1_green .sselect:after {
	color: #42ab4f;
}

.template1_green a.readmore {
	color: #42ab4f;
}

.template1_green #feedback input[type="submit"] {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

.template1_green #feedback input[type="submit"]:hover {
	background: #fff;
	color: #42ab4f;
	border: 1px solid #42ab4f;
}

.template1_green .ql-tab a {
	background: #7f7f7f;
	color: #fff;
}

.template1_green .ql-tab li.active a {
	background: #42ab4f;
	color: #fff;
}

.template1_green .ql-tab li:hover a {
	background: #42ab4f;
	color: #fff;
}

.template1_green .sub-newsletter input[type="submit"] {
	background: #42ab4f;
	color: #fff;
}

.template1_green .sidemenuhover {
	background: #42ab4f;
}

.template1_green span.slideout {
	background: #42ab4f;
	color: #fff;
}

.template1_green #feedback .form-group label {
	color: #42ab4f;
}

.template1_green #feedback input[type="submit"]:hover,
.template1_green #feedback input[type="reset"]:hover {
	background: #42ab4f;
	color: #fff;
}

.template1_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template1_green a.page-link:hover {
	color: #fff !important;
	background: #42ab4f !important;
}

.template1_green #template1_header .login-button a {
	color: #42ab4f;
}

.template1_green #template1_header .login-button button {
	border-color: #42ab4f;
}

/* Green End */


/* Red */
.template1_red .main-nav a.active,
.template1_red .main-nav a:hover {
	color: #cc1126;
}

.template1_red .dropdown-toggle i {
	background: #cc1126;
}

.template1_red .poll input.btn-links {
	border: 2px solid #cc1126;
}

.template1_red button#myBtn {
	background: #cc1126;
}

.template1_red a.btn-links {
	background: #6e6b6b;
	color: #fff;
}

.template1_red a.view-all-btn {
	background: #cc1126;
}

.template1_red button.btn-links {
	background: #cc1126;
	color: #fff;
}

.template1_red button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template1_red footer .links a:hover {
	color: #cc1126;
}

.template1_red footer .b-links a:hover {
	color: #cc1126;
}

.social a:hover {
	color: #cc1126;
}

.template1_red h3.subtitle:after {
	background: #cc1126;
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template1_red .sselect:after {
	color: #cc1126;
}

.template1_red a.readmore {
	color: #cc1126;
}

.template1_red #feedback input[type="submit"] {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

.template1_red #feedback input[type="submit"]:hover {
	background: #fff;
	color: #cc1126;
	border: 1px solid #cc1126;
}

.template1_red .ql-tab li.active a {
	background: #cc1126;
	color: #fff;
}

.template1_red .ql-tab li:hover a {
	background: #cc1126;
	color: #fff;
}

.template1_red .sub-newsletter input[type="submit"] {
	background: #cc1126;
	color: #fff;
}

.template1_red .sidemenuhover {
	background: #cc1126;
}

.template1_red span.slideout {
	background: #cc1126;
	color: #fff;
}

.template1_red #feedback .form-group label {
	color: #cc1126;
}

.template1_red #feedback input[type="submit"]:hover,
.template1_red #feedback input[type="reset"]:hover {
	background: #cc1126;
	color: #fff;
}

.template1_red #feedback input[type="submit"] {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template1_red a.page-link:hover {
	color: #fff !important;
	background: #cc1126 !important;
}

.template1_red #template1_header .login-button a {
	color: #cc1126;
}

.template1_red #template1_header .login-button button {
	border-color: #cc1126;
}

/* Red End */
/* Custom Color(General Use) End*/

/* Template 1 CSS */
@import url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

#template1_header header {

	float: left;
	width: 100%;
}

#template1_header .login-button a {
	/* color: black; */
	text-decoration: none;
}

#template1_header .login-button {
	float: left;
	margin: 0px 3px 0px 15px;
}

#template1_header .login-button button {
	padding: 3px 7px;
	/* background-color: #e3fcea; */
	border-radius: 5px;
	/* border-color: darkgreen; */
}

#template1_header .template1-header {
	width: 100%;
	float: left;
	padding: 15px 0;
	background: #fafafa;
}

#template1_header #header-wrapper {
	float: right;
}

#template1_header header .register-box {
	display: block;
	border-radius: 5px;
	float: left;
	background: #deb668;
	font-size: 11px;
}

#template1_header .register-box {
	display: block;
	border-radius: 5px;
	float: left;
	background: #deb668;
	font-size: 11px;
}

#template1_header .register-box a {
	color: #333;
	text-decoration: none;
	padding: 0 7px;
}

#template1_header form.is-search-form {
	float: left;
	margin: 0 15px;
}

#template1_header .is-search-form input.is-search-input {
	border: 0;
	background: #e1e1e1;
	width: 300px;
	line-height: 100%;
	font-size: 12px;
	padding: 7px 30px 7px 10px;
	border-radius: 10px;
}

#template1_header .is-search-form input.is-search-input:focus {
	outline: 0;
}

#template1_header .is-search-form button.is-search-submit {
	background: none;
	border: 0;
	outline: 0;
	margin-left: -37px;
}

#template1_header .is-search-form span.glyphicon.glyphicon-search {
	padding: 5px;
	font-size: 15px;
	border: 0;
	outline: 0;
	top: 3px;
}

#template1_header span.swkid {
	background: #676767;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	color: #e8e3e9;
	font-size: 11px;
	display: inline-block;
}

#template1_header .swkid img {
	width: 20px;
	margin-right: 5px;
}

#template1_header select#lang {
	padding: 5px 5px;
	background: #e9e8e9;
	border: 0;
	border-radius: 10px;
	font-size: 12px;
	outline: 0;
	margin-left: 15px;
	float: left;
	font-weight: bold;
}

#template1_header .forms-content {
	float: left;
}

#template1_header .submenu .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid;
	position: absolute;
	right: 3px;
	top: 35%;
}

/* Quick Links */
#template1_quick .quicdiv {
	padding: 4em 2em;
}

#template1_quick .col-md-7 {
	padding-left: 0;
	width: 63%;
}

#template1_quick .details {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

#template1_quick {
	display: flex;
	align-items: center;
}

#template1_quick h3.item_title {
	font-weight: bold;
	margin-bottom: 25px;
}

#template1_quick h3.item_titles {
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}

#template1_quick .details a .a-title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

#template1_quick .details a .a-date {
	color: #fff;
	font-style: italic;
}

#template1_quick .details .a-links {
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	text-decoration: none;
}

#template1_quick .details a:last-child {
	border-bottom: 0 !important;
}

#template1_quick button.btn-links {
	font-size: 13px;
	font-weight: 600;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
	outline: 0;
	border: 0;
}

#template1_quick .read-links a:last-child {
	border-bottom: 0;
}

#template1_quick a.qlinks {
	width: 48%;
	float: left;
	margin: 1%;
	text-align: center;
	background: #fff;
	padding: 40px 10px;
	cursor: pointer;
	text-decoration: none;
	display: inline-grid;
	height: 200px;
}

#template1_quick a.qlinks:hover {
	box-shadow: 0 0 10px #000;
}

#template1_quick .qlinks img {
	height: 60px !important;
	width: auto !important;
	margin-bottom: 15px !important;
	margin: 0 auto;
}

#template1_quick a.qlinks span {
	color: #000;
	font-weight: 600;
	font-size: 15px;
	/* 20.11.2020 Start */
	float: left;
	min-height: 45px;
	width: 100%;
	padding: 0 10px;
	/* 20.11.2020 End */
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template1_quick a.qlinkss {
	width: 23%;
	float: left;
	margin: 1%;
	text-align: center;
	/* background: #fff; */
	padding: 40px 10px;
	cursor: pointer;
	text-decoration: none;
}

#template1_quick a.qlinkss:hover {
	//box-shadow: 0 0 10px #000;
}

#template1_quick .qlinkss img {
	height: 60px !important;
	width: auto !important;
	margin-bottom: 15px !important;
	margin: 0 auto;
}

#template1_quick a.qlinkss span {
	color: #000;
	font-weight: 600;
	font-size: 15px;
	/* 20.11.2020 Start */
	float: left;
	min-height: 45px;
	width: 100%;
	padding: 0 10px;
	/* 20.11.2020 End */
}

#template1_quick .ql-contents {
	/* margin-bottom: 35px;
        height: 420px;  */
}

#template1_quick a.left.carousel-control {
	width: unset !important;
	left: -25px;
}

#template1_quick a.right.carousel-control {
	width: unset !important;
	right: -25px;
}

#template1_quick .glyphicon-chevron-left:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
	opacity: 0.5;
}

#template1_quick .glyphicon-chevron-right:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
	opacity: 0.5;
}

#template1_quick .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
	border: 0 !important;
}

#template1_quick .ql-tab {
	border: 0;
	width: fit-content;
	margin: 15px auto 0;
}

/* Highlights */
#template1_highlights a {
	text-decoration: none;
	opacity: 1;
}

#template1_highlights .img_tp1 {
	height: 250px;
	object-fit: cover;
}

#template1_highlights {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/highlights-bg.jpg) no-repeat center;
	background-size: 100%;
}

#template1_highlights .post-date {
	color: #8b8b8e;
	font-size: 12px;
	text-align: left;
	padding: 10px 0 10px;
	font-style: italic;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-bottom: 0;
}

#template1_highlights .col-md-3 {
	padding: 0 15px;
}

#template1_highlights h3.item_title {
	font-weight: bold;
	margin-bottom: 30px;
	position: relative;
}

#template1_highlights img.post-cover {
	height: 180px;
	object-fit: cover;
}

#template1_highlights h4.post-title {
	margin: 15px 0 0;
	text-align: left;
	color: #000;
	font-weight: bold;
	/* height: 40px; */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template1_highlights .desc {
	text-align: left;
	color: #8b8b8e;
}

#template1_highlights a i:before {
	font-size: 13px;
	color: #ababad;
	border: 1px solid #ababad;
	padding: 10px;
	border-radius: 50%;
}

#template1_highlights .carousel-control:hover i:before {
	background: #ababad;
	color: #fff;
}

#template1_highlights button.btn-links {
	margin-top: 30px;
}

#template1_highlights a.btn-links.aa {
	position: absolute;
	right: 0;
	top: 0;

}

#template1_highlights a.btn-links.see-all {
	position: absolute;
	right: 0;
	top: 0;
	width: unset;
}

#template1_highlights button.btn-links {
	font-size: 13px;
	font-weight: 600;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
	outline: 0;
	border: 0;
}

#template1_highlights a.btn-links {
	font-size: 13px;
	font-weight: 600;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
}

/* Happenings */
#happenings {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/img/happenings.jpg) center no-repeat;
	text-align: center;
	color: #fff;
}

#happenings h3.item_title {
	margin-bottom: 15px;
}

#happenings .item_button a {
	float: unset;
	position: relative;
}

#happenings .date {
	font-size: 11px;
	width: fit-content;
	padding: 3px 10px;
	margin: 0 auto;
}

.sc_events_item {
	height: auto;
	padding: 1.5em 0;
	display: table;
}

.sc_event_thumb {
	width: 70px;
	height: 70px;
	margin: 0 1.143em 0 0;
	float: left;
}

.sc_event_info {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

h5.sc_events_item_title {
	margin-bottom: 5px;
}

h5.sc_events_item_title a {
	color: #fff;
	font-size: 12px;
	font-family: "Rufina", serif;
	text-decoration: none;
}

.sc_events_item_date {
	font-size: 11px;
}

.sc_events_item_date i {
	margin-right: 5px;
}


/* FOOTER */
footer {
	/* padding: 20px 0; */
	width: 100%;
	float: left;
	background: #fafafa;
}

footer .container {
	line-height: 180%;
}

footer .links a {
	text-decoration: none;
	color: #777;
}

footer .social i {
	font-size: 25px;
	padding: 5px;
}

/* #template1_footer p.cp { */
/* font-size: 11px; */
/* line-height: 150%; */
/* color: #8a8a8a; */
/* } */
#template1_footer .cp_lu {
	font-size: 11px;
	line-height: 150%;
	color: #8a8a8a;
}


footer h6 {
	font-weight: bold;
	margin-top: 20px;
	font-size: 13px;
}

#template1_footer .finfo {
	margin-top: 15px;
	line-height: 140%;
}

#template1_footer .footer-logo-row {
	display: flex;
	margin-left: -10px;
}

#template1_footer .links .finfo {
	font-weight: 600;
}

#template1_footer .links img {
	width: 50px;
	margin: 9px;
}

#template1_footer .gamma img {
	width: 50px;
	margin: 1px;
}

.fdivide {
	width: 50%;
	float: left;
	margin-top: 10px;
}

footer .small-left-right {
	padding: 0 10px;
}

.fdivide a {
	width: 100%;
	float: left;
	font-size: 12px;
}

.sub-newsletter label {
	width: 100%;
	margin-top: 10px;
}

.sub-newsletter input {
	width: 100%;
	padding: 5px;
}

.sub-newsletter input[type="submit"] {
	width: 100px !important;
	font-size: 11px;
	border: 0;
	border-radius: 5px;
	margin: 15px 0 15px;
}

footer .b-links a {
	text-decoration: none;
	color: #777;
	font-size: 12px;
	margin-right: 25px;
}

.visitor {
	font-weight: bold;
	font-size: 12px;
	float: right;
}

.social {
	text-align: right;
}

.social a {
	padding: 10px;
	color: #000;
}

.container.f-btm {
	display: flex;
	align-items: center;
	margin-top: 30px;
}


.carousel-showothers .carousel-control {
	width: 4%;
	background-image: none;
}

.carousel-showothers .carousel-control.left {
	margin-left: 0;
	left: -5%;
}

.carousel-showothers .carousel-control.right {
	margin-right: 0;
	right: -5%;
}

.carousel-showothers .cloneditem-1,
.carousel-showothers .cloneditem-2,
.carousel-showothers .cloneditem-3 {
	display: none;
}

.carousel .item .col-xs-12 {
	padding: 0;
}

#template1_abouts .all-small {
	padding-left: 30px;
	padding-right: 30px;
}

#template1_abouts {
	padding-bottom: 30px;

}

#template1_abouts .col-md-7 {
	padding-left: 0;
	/* padding-left: 30px;
			padding-right: 30px; */
}

/* Medium Devices, Desktops */
@media (min-width: 1200px) {
	#template1_abouts .container {
		width: 100%;
		display: flex;
		align-items: center;
	}

	#template1_abouts .container .col-md-7 {
		width: 60.333%;
	}
}



@media only screen and (max-width: 991px) {
	.navbar-nav>li>.dropdown-menu {
		margin-top: 10px !important;
	}

	.carousel .item .col-xs-12:nth-last-child(-n+2) {
		display: none;
	}

	#template1_abouts .container .col-md-7 {
		width: 100%;
	}

	#template1_quick {
		display: block;
	}

	#template1_quick .col-md-7 {
		padding-left: 0;
		width: 100%;
	}

	#template1_footer .container {
		display: block;
		text-align: left;
	}

	#template1_event .item .event-container .details,
	#template1_event .item .event-container .poster {
		width: 100%;
		float: right;
	}

	#template1_event .item.active .event-container:first-child {
		display: block;
	}

	#template1_event .item .event-container .details {
		display: unset;
	}

	#template1_highlights button.btn-links {
		margin-bottom: 50%;
	}

}

@media all and (min-width: 768px) {

	.carousel-showothers .carousel-inner>.active.left,
	.carousel-showothers .carousel-inner>.prev {
		left: -50%;
	}

	.carousel-showothers .carousel-inner>.active.right,
	.carousel-showothers .carousel-inner>.next {
		left: 50%;
	}

	.carousel-showothers .carousel-inner>.left,
	.carousel-showothers .carousel-inner>.prev.right,
	.carousel-showothers .carousel-inner>.active {
		left: 0;
	}

	.carousel-showothers .carousel-inner .cloneditem-1 {
		display: block;
	}
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {

	.carousel-showothers .carousel-inner>.item.active.right,
	.carousel-showothers .carousel-inner>.item.next {
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		left: 0;
	}

	.carousel-showothers .carousel-inner>.item.active.left,
	.carousel-showothers .carousel-inner>.item.prev {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		left: 0;
	}

	.carousel-showothers .carousel-inner>.item.left,
	.carousel-showothers .carousel-inner>.item.prev.right,
	.carousel-showothers .carousel-inner>.item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}

@media all and (min-width: 992px) {

	.carousel-showothers .carousel-inner>.active.left,
	.carousel-showothers .carousel-inner>.prev {
		left: -16.6%;
	}

	.carousel-showothers .carousel-inner>.active.right,
	.carousel-showothers .carousel-inner>.next {
		left: 16.6%;
	}

	.carousel-showothers .carousel-inner>.left,
	.carousel-showothers .carousel-inner>.prev.right,
	.carousel-showothers .carousel-inner>.active {
		left: 0;
	}

	.carousel-showothers .carousel-inner .cloneditem-2,
	.carousel-showothers .carousel-inner .cloneditem-3 {
		display: block;
	}
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {

	.carousel-showothers .carousel-inner>.item.active.right,
	.carousel-showothers .carousel-inner>.item.next {
		-webkit-transform: translate3d(16.6%, 0, 0);
		transform: translate3d(16.6%, 0, 0);
		left: 0;
	}

	.carousel-showothers .carousel-inner>.item.active.left,
	.carousel-showothers .carousel-inner>.item.prev {
		-webkit-transform: translate3d(-16.6%, 0, 0);
		transform: translate3d(-16.6%, 0, 0);
		left: 0;
	}

	.carousel-showothers .carousel-inner>.item.left,
	.carousel-showothers .carousel-inner>.item.prev.right,
	.carousel-showothers .carousel-inner>.item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}


.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: linear;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
	display: block;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}

/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  now override the 3.3 new styles for modern browsers & apply opacity
	  */
@media all and (transform-3d),
(-webkit-transform-3d) {

	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

/* About Page */
.thetop {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/img/about.jpg) center no-repeat;
	background-size: 100%;
	float: left;
	position: relative;
}

.top-page {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.tagline hr {
	width: 45px;
	position: absolute;
	margin: 0;
	border-color: #f9d017;
}

.page_title h2 {
	font-weight: bold !important;
	font-size: 35px;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

h3.subtitle {
	font-weight: bold;
}

h3.subtitle:after {
	content: '';
	height: 5px;
	width: 100%;
	display: block;
	margin: 15px 0 0;
}

#about.bg {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/img/bgbg.jpg) center no-repeat;
}



/* News */
#page-container {
	float: left;
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/img/highlights-bg.jpg) center no-repeat;
}

#page-container #highlights {
	background: none;
}

#news form.is-search-form {
	width: 100%;
}

#news input.is-search-input {
	background: #fafbf8;
	border: 0;
	width: 95%;
	outline: 0;
	padding: 10px 5px;
}

#news-search form.is-search-form {
	width: 100%;
	margin: 30px 0 0;
}

#news-search label {
	color: #b2b2b2;
	font-size: 11px;
	margin-right: 15px;
	min-width: 70px;
}

.sselect {
	position: relative;
	width: max-content;
	float: left;
	margin-right: 50px;
}

.sselect select {
	padding: 10px 30px 10px 15px;
	font-weight: bold;
	margin-right: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.sselect:after {
	content: "\e252";
	font-family: "Glyphicons Halflings";
	right: 60px;
	top: 10px;
	position: absolute;
	pointer-events: none;
	font-size: 15px;
}

.ssearch {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.ssearch input {
	border: 1px solid #000 !important;
	border-radius: 0 !important;
	padding: 10px 30px 10px 10px !important;
	background: #fff !important;
	width: 90% !important;
}

.news-results {
	float: left;
	width: 100%;
	padding: 25px 0;
	border: 1px solid #ccc;
	border-left: 0;
	border-right: 0;
}

.news-results p {
	margin: 0;
	color: #000;
}

.news-results h5 {
	margin: 0;
	font-weight: bold;
	color: #000;
}

a.readmore {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	width: 110px;
}

a.readmore:hover {
	color: #000;
}

a.readmore:after {
	content: "\e080";
	font-family: "Glyphicons Halflings";
	font-size: 10px;
	right: 0;
	top: 3px;
	position: absolute;
}

.news-links nav {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

.news-links a.page-link.active {
	background: #000 !important;
	color: #fff !important;
}

.news-links a.page-link {
	background: unset !important;
	border: 0 !important;
	margin: 10px !important;
}

.quicks a.qlinks {
	width: 23%;
	display: flex !important;
	align-items: center;
	padding: 20px 10px;
}

.quicks a.qlinks img {
	margin: 0 !important;
}

.quicks .qicons {
	width: 100%;
	float: left;
}

.quicks a.qlinks span {
	width: 60%;
	float: left;
	text-align: left;
	font-size: 14px;
}




.acc .panel-body a {
	color: #000;
	font-size: 12px;
	width: 100%;
	float: left;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

a.page-link:hover {
	color: #fff !important;
	background: #deb668 !important;
}

a.page-link {
	color: #000 !important;
	background: #eee !important;
	font-size: 12px;
}



/* Gallery */
.gallery {
	float: left;
	width: 100%;
}

.gallery label {
	min-width: unset !important;
}

.gallery .sselect {
	margin-right: 0;
}

.gallery input.is-search-input {
	width: 85% !important;
}

.gallery .ssearch {
	margin: 0;
	width: 58%;
}

.gallery form.is-search-form {
	padding: 25px 0;
	border-bottom: 1px solid #ccc;
}

.galleries {
	float: left;
	width: 100%;
}

.galleries h5.a-title {
	font-weight: bold;
	width: 100%;
	float: left;
	font-size: 15px;
	padding: 0;
}

.galleries p.a-date {
	font-style: italic;
	width: 100%;
	float: left;
	padding: 0;
}

.galleries .col-md-4 {
	margin-top: 50px;
}

.galleries nav {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

.galleries a.page-link.active {
	background: #000 !important;
	color: #fff !important;
}

.galleries a.page-link {
	background: unset !important;
	border: 0 !important;
	margin: 10px !important;
}

#template1_quicks a i:before {
	font-size: 13px;
	color: #ababad;
	border: 1px solid #ababad;
	padding: 10px;
	border-radius: 50%;
}

#template1_quicks .carousel-control:hover i:before {
	background: #ababad;
	color: #fff;
}


/* Contact Page */
.form-label {
	font-size: 18px;
	color: #5e9bfc;
	margin: 10px 0 10px 5px;
	display: block;
	opacity: 1;
	-webkit-transition: .333s ease top, .333s ease opacity;
	transition: .333s ease top, .333s ease opacity;
}

.form-control {
	border-radius: 0;
	border-color: #ccc;
	border-width: 0 0 2px 0;
	border-style: none none solid none;
	box-shadow: none;
}

.soption select {
	width: 100%;
	border: 0;
	border-bottom: 2px solid #ccc;
	padding: 5px 5px;
	outline: 0;
	color: #000;
}

.soption label {
	opacity: 1;
}

.form-control:focus {
	box-shadow: none;
	border-color: #5e9bfc;
}

.js-hide-label {
	opacity: 0;
}

.js-unhighlight-label {
	color: #999
}

.btn-start-order {
	background: 0 0 #ffffff;
	border: 1px solid #2f323a;
	border-radius: 3px;
	color: #2f323a;
	font-size: 16px;
	line-height: inherit;
	margin: 30px 0;
	padding: 10px 50px;
	text-transform: uppercase;
	transition: all 0.25s ease 0s;
}

.btn-start-order:hover,
.btn-start-order:active,
.btn-start-order:focus {
	border-color: #5e9bfc;
	color: #5e9bfc;
}

#feedback input[type="submit"],
#feedback input[type=reset] {
	width: 100px !important;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 25px;
	font-style: italic;
	background: unset;
}

#feedback input[type=reset] {
	margin-right: 10px;
	border: 1px solid #000;
}

/* Feedback */
p.speech {
	margin-top: 20px;
}

h6.notice {
	font-weight: bold;
	font-size: 15px;
	margin-top: 30px;
}

#page-container.contact {
	display: flex;
	align-items: center;
	width: 100%;
	float: left;
}

#feedback label {
	font-weight: normal;
}

#feedback .col-md-6.left {
	padding-right: 15px;
}

#feedback .col-md-6.right {
	padding-left: 15px;
}

#feedback input {
	width: -webkit-fill-available;
	outline: unset;
	padding: 10px;
	margin-bottom: 10px;
}

#feedback .col-md-12 label {
	margin: 15px 0;
	max-width: 105px;
}

#feedback textarea {
	width: 100%;
	outline: unset;
	padding: 10px;
	height: 150px;
	margin-bottom: 10px;
	background: unset;
}

#feedback input[type="checkbox"] {
	float: left;
	width: 25px !important;
	margin-right: 10px;
	margin-top: 7px;
}

#feedback .agree label {
	margin: 0;
	max-width: unset;
	width: auto;
	font-size: 14px;
	margin-top: 5px;
}

#feedback input[type="submit"] {
	width: 100px !important;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 25px;
	font-style: italic;
	background: unset;
}

#template1_quicks h3.subtitle {
	width: 100%;
}

button#myBtn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	padding: 10px 15px;
	border: 0;
	outline: 0;
	color: #fff;
	border-radius: 50%;
	z-index: 999999;
}

.fa-angle-up:before {
	content: "\f106";
}

.fa-angle-up :after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.f-form {
	margin: 0 auto;
}

/* Template 1 CSS End */
/******** Template 1 End ********/

/******** Template 2 Start ********/
/* Yellow */
.template2_yellow #template2_top h2 {
	color: #f9d017;
}

.template2_yellow #template2_top #tabcontainer .tab button:hover {
	background: #f9d017;
	color: #fff;
}

.template2_yellow #template2_top #tabcontainer .tab button.active {
	background: #f9d017;
	color: #fff;
}

.template2_yellow #template2_top .item_button a:hover {
	background: #f9d017;
}

.template2_yellow #template2_about .item_button a:hover {
	background: #f9d017;
}

.template2_yellow #template2_mv .item_button a:hover {
	background: #f9d017;
}

.template2_yellow #template2_happenings .item_button a:hover {
	background: #f9d017;
}


.template2_yellow #tabmenu i {
	color: #f9d017;
}

.template2_yellow p.subtitle {
	color: #f9d017;
}

.template2_yellow .item_button a:hover {
	background: #f9d017;
}

.template2_yellow #template2_about .item_title {
	color: #f9d017;
}

.template2_yellow #template2_highlights .item_title {
	color: #f9d017;
}

.template2_yellow .signature {
	background: #f9d017;
}

.template2_yellow .signature i {
	color: #000;
}

.template2_yellow p.quote {
	color: #000;
}

.template2_yellow cite {
	color: #000;
}

.template2_yellow .line-divider {
	background: #f9d017;
}

.template2_yellow #template2_events {
	background: #f9d017;
}

.template2_yellow #template2_events .stroke-line {
	background: #f9d017;
	color: #000;
}

.template2_yellow #template2_events .item_button a:hover {
	background: #f9d017;
	color: #fff;
}

.template2_yellow #quick .item_title {
	color: #f9d017;
}

.template2_yellow #template2_happenings .date {
	background: #f9d017;
}

.template2_yellow #template2_happenings h5.sc_events_item_title a:hover {
	color: #f9d017;
}

.template2_yellow .sc_events_item_date {
	color: #f9d017;
}

.template2_yellow footer {
	background: #f9d017;
	color: #000;
}

.template2_yellow .links a {
	color: #000;
}

.template2_yellow .social i {
	color: #000;
}

.template2_yellow .links a:hover {
	color: #fff;
}

.template2_yellow .social i:hover {
	color: #fff;
}

.template2_yellow .custom_section_left a:hover,
.template2_yellow .custom_section_right a:hover {
	color: #f9d017;
}

.template2_yellow .ql-tab li.active a {
	background: #f9d017;
}

.template2_yellow .ql-tab li:hover a {
	background: #f9d017;
}

.template2_yellow .sub-newsletter input[type="submit"] {
	color: #fff;
}

.template2_yellow footer .b-links a {
	color: #000;
}

.template2_yellow .seeall {
	border: 1px solid #fdcb08;
	color: #fdcb08;
}

.template2_yellow #template2_highlights .seeall:hover {
	border: 1px solid #fdcb08;
	background: #fdcb08;
	color: #000;
}

.template2_yellow h3.subtitle:after {
	background: #f9d017;
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template2_yellow button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template2_yellow button.btn-links {
	background: #f9d017;
	color: #000;
}

.template2_yellow a.readmore {
	color: #f9d017;
}

.template2_yellow a.readmore:hover {
	color: #000;
}

.template2_yellow span.slideout {
	background: #fdcb08;
	color: #000;
}

.template2_yellow .sidemenuhover {
	background: #fdcb08;
}

.template2_yellow .galleries a.page-link:hover {
	background: #f9d017 !important;
	color: #000 !important;
}

.template2_yellow .news-links a.page-link:hover {
	background: #f9d017 !important;
	color: #000 !important;
}

.template2_yellow a.btn-links {
	background: #f9d017;
	color: #000;
}

.template2_yellow .sselect:after {
	color: #f9d017;
}

.template2_yellow #feedback input[type="submit"]:hover,
.template2_yellow #feedback input[type="reset"]:hover {
	background: #f9d017;
	color: #fff;
}

.template2_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template2_yellow #quick .col-md-3:hover h4 {
	color: #f9d017;
}

.template2_yellow #template2_highlights .col-md-3:hover h4 {
	color: #f9d017;
}

.template2_yellow button#myBtn {
	background: #f9d017;
}

.template2_yellow .poll input.btn-links {
	border: 2px solid #f9d017;
}

.template2_yellow #template2_header .login-button a {
	color: #bdac13;
}

.template2_yellow #template2_header .login-button button {
	border-color: #f9d017;
}

/* Yellow End */




/* Blue */
.template2_blue #template2_top h2 {
	color: #0361c6;
}

.template2_blue #template2_top #tabcontainer .tab button:hover {
	background: #0361c6;
	color: #fff;
}

.template2_blue #template2_top #tabcontainer .tab button.active {
	background: #0361c6;
	color: #fff;
}

.template2_blue #template2_top .item_button a:hover {
	background: #0361c6;
}

.template2_blue #template2_about .item_button a:hover {
	background: #0361c6;
}

.template2_blue #template2_mv .item_button a:hover {
	background: #0361c6;
}

.template2_blue #template2_happenings .item_button a:hover {
	background: #0361c6;
}


.template2_blue #tabmenu i {
	color: #0361c6;
}

.template2_blue p.subtitle {
	color: #0361c6;
}


.template2_blue #template2_about .item_title {
	color: #0361c6;
}

.template2_blue #template2_highlights .item_title {
	color: #0361c6;
}

.template2_blue .signature {
	background: #0361c6;
}

.template2_blue .signature i {
	color: #fff;
}

.template2_blue p.quote {
	color: #fff;
}

.template2_blue cite {
	color: #fff;
}

.template2_blue .line-divider {
	background: #0361c6;
}

.template2_blue #template2_events {
	background: #0361c6;
	color: #fff;
}

.template2_blue #template2_events .stroke-line {
	background: #0361c6;
	color: #fff;
}

.template2_blue #template2_events .item_button a:hover {
	background: #0361c6;
	color: #fff;
}

.template2_blue #quick .item_title {
	color: #0361c6;
}

.template2_blue #template2_happenings .date {
	background: #0361c6;
}

.template2_blue #template2_happenings h5.sc_events_item_title a:hover {
	color: #0361c6;
}

.template2_blue .sc_events_item_date {
	color: #0361c6;
}

.template2_blue footer {
	background: #0361c6;
	color: #fff;
}

.template2_blue .links a {
	color: #000;
}

.template2_blue .social i {
	color: #000;
}

.template2_blue .links a:hover {
	color: #fff;
}

.template2_blue .social i:hover {
	color: #fff;
}

.template2_blue .custom_section_left a:hover,
.template2_blue .custom_section_right a:hover {
	color: #0361c6;
}

.template2_blue .ql-tab li.active a {
	background: #0361c6;
	color: #fff;
}

.template2_blue .ql-tab li:hover a {
	background: #0361c6;
	color: #fff;
}

.template2_blue .sub-newsletter input[type="submit"] {
	color: #fff;
}

.template2_blue footer .b-links a {
	color: #fff;
}

.template2_blue .seeall {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template2_blue .seeall:hover {
	background: #0361c6;
	color: #fff;
}

.template2_blue h3.subtitle:after {
	background: #0361c6;
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template2_blue button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template2_blue button.btn-links {
	background: #0361c6;
	color: #fff;
}

.template2_blue a.readmore {
	color: #0361c6;
}

.template2_blue a.readmore:hover {
	color: #000;
}

.template2_blue span.slideout {
	background: #0361c6;
	color: #fff;
}

.template2_blue .sidemenuhover {
	background: #0361c6;
}

.template2_blue .galleries a.page-link:hover {
	background: #0361c6 !important;
	color: #fff !important;
}

.template2_blue .news-links a.page-link:hover {
	background: #0361c6 !important;
	color: #fff !important;
}

.template2_blue a.btn-links {
	background: #0361c6;
	color: #fff;
}

.template2_blue .sselect:after {
	color: #0361c6;
}

.template2_blue #feedback input[type="submit"]:hover,
.template2_blue #feedback input[type="reset"]:hover {
	background: #0361c6;
	color: #fff;
}

.template2_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template2_blue #quick .col-md-3:hover h4 {
	color: #0361c6;
}

.template2_blue #template2_highlights .col-md-3:hover h4 {
	color: #0361c6;
}

.template2_blue button#myBtn {
	background: #0361c6;
}

.template2_blue .poll input.btn-links {
	border: 2px solid #0361c6;
}

.template2_blue #template2_header .login-button a {
	color: #0361c6;
}

.template2_blue #template2_header .login-button button {
	border-color: #0361c6;
}

/* Blue End */


/* Green */


.template2_green #template2_top h2 {
	color: #42ab4f;
}

.template2_green #tabcontainer .tab button:hover {
	background: #42ab4f;
	color: #fff;
}

.template2_green #template2_top #tabcontainer .tab button.active {
	background: #42ab4f;
	color: #fff;
}

.template2_green #template2_mv .small-top a:hover {
	background: #42ab4f;
	color: #fff;
}

.template2_green #template2_top #tabmenu i {
	color: #42ab4f;
}

.template2_green p.subtitle {
	color: #42ab4f;
}

.template2_green #template2_about .item_button a:hover {
	background: #42ab4f;
}

.template2_green #template2_about button,
.template2_green #template2_about input,
.template2_green #template2_about select,
.template2_green #template2_about textarea {
	background: #fff;
}

.template2_green #template2_about button:hover,
.template2_green #template2_about input:hover {
	background: #42ab4f;
	color: #fff;
	border: unset;
}

.template2_green #template2_happenings .item_button a:hover {
	background: #42ab4f;
}

.template2_green #template2_about .item_title {
	color: #42ab4f;
}

.template2_green #template2_highlights .item_title {
	color: #42ab4f;
}

.template2_green .signature {
	background: #42ab4f;
}

.template2_green .signature i {
	color: #fff;
}

.template2_green p.quote {
	color: #fff;
}

.template2_green cite {
	color: #fff;
}

.template2_green .line-divider {
	background: #42ab4f;
}

.template2_green #template2_events {
	background: #42ab4f;
	color: #fff;
}

.template2_green #template2_events .stroke-line {
	background: #42ab4f;
	color: #fff;
}

.template2_green #template2_events .item_button a:hover {
	background: #42ab4f;
	color: #fff;
	border: 1px solid #fff;
}

.template2_green #quick .item_title {
	color: #42ab4f;
}

.template2_green #template2_happenings .date {
	background: #42ab4f;
}

.template2_green #template2_happenings h5.sc_events_item_title a:hover {
	color: #42ab4f;
}

.template2_green .sc_events_item_date {
	color: #42ab4f;
}

.template2_green footer {
	background: #42ab4f;
	color: #fff;
}

.template2_green .links a {
	color: #000;
}

.template2_green .social i {
	color: #000;
}

.template2_green .links a:hover {
	color: #fff;
}

.template2_green .social i:hover {
	color: #fff;
}

.template2_green .custom_section_left a:hover,
.template2_green .custom_section_right a:hover {
	color: #42ab4f;
}

.template2_green .ql-tab li.active a {
	background: #42ab4f;
	color: #fff;
}

.template2_green .ql-tab a {
	background: #7f7f7f;
	color: #fff;
}

.template2_green .ql-tab li:hover a {
	background: #42ab4f;
	color: #fff;
}

.template2_green span.slideout {
	background: #42ab4f;
	color: #fff;
}

.template2_green .sub-newsletter input[type="submit"] {
	color: #fff;
}

.template2_green footer .b-links a {
	color: #fff;
}

.template2_green #template2_highlights .seeall {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template2_green #template2_highlights .seeall:hover {
	background: #42ab4f;
	color: #fff;
}

.template2_green h3.subtitle:after {
	background: #42ab4f;
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template2_green button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template2_green button.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template2_green a.readmore {
	color: #42ab4f;
}

.template2_green a.readmore:hover {
	color: #000;
}

.template2_green .sidemenuhover {
	background: #42ab4f;
}

.template2_green .galleries a.page-link:hover {
	background: #42ab4f !important;
	color: #fff !important;
}

.template2_green .news-links a.page-link:hover {
	background: #42ab4f !important;
	color: #fff !important;
}

.template2_green a.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template2_green .sselect:after {
	color: #42ab4f;
}

.template2_green #feedback input[type="submit"]:hover,
.template2_green #feedback input[type="reset"]:hover {
	background: #42ab4f;
	color: #fff;
}

.template2_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template2_green #quick .col-md-3:hover h4 {
	color: #42ab4f;
}

.template2_green #template2_highlights .col-md-3:hover h4 {
	color: #42ab4f;
}


.template2_green button#myBtn {
	background: #42ab4f;
}

.template2_green .poll input.btn-links {
	border: 2px solid #42ab4f;
}

.template2_green #template2_header .login-button a {
	color: #42ab4f;
}

.template2_green #template2_header .login-button button {
	border-color: #42ab4f;
}

/* Green End */


/* Red */
.template2_red #template2_top h2 {
	color: #cc1126;
}

.template2_red #template2_top #tabcontainer .tab button:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_top #tabcontainer .tab button.active {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_top #tabmenu i {
	color: #cc1126;
}

.template2_red p.subtitle {
	color: #cc1126;
}

.template2_red .item_button a:hover {
	background: #cc1126;
}

.template2_red #template2_highlights .item_title {
	color: #cc1126;
}

.template2_red .signature {
	background: #cc1126;
}

.template2_red .signature i {
	color: #fff;
}

.template2_red p.quote {
	color: #fff;
}

.template2_red cite {
	color: #fff;
}

.template2_red .line-divider {
	background: #cc1126;
}

.template2_red #template2_events {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_events .stroke-line {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_about .item_button a:hover {
	background: #cc1126;
}

.template2_red #template2_events .item_button a:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_about .item_button a:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_header .small-top a:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_happenings .small-top a:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #template2_mv .small-top a:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #quick .item_title {
	color: #cc1126;
}

.template2_red #template2_happenings .date {
	background: #cc1126;
}

.template2_red #template2_happenings h5.sc_events_item_title a:hover {
	color: #cc1126;
}

.template2_red .sc_events_item_date {
	color: #cc1126;
}

.template2_red footer {
	background: #cc1126;
	color: #fff;
}

.template2_red .links a {
	color: #000;
}

.template2_red .social i {
	color: #000;
}

.template2_red .links a:hover {
	color: #fff;
}

.template2_red .social i:hover {
	color: #fff;
}

.template2_red .custom_section_left a:hover,
.template2_red .custom_section_right a:hover {
	color: #cc1126;
}

.template2_red .ql-tab li.active a {
	background: #cc1126;
	color: #fff;
}

.template2_red .ql-tab li:hover a {
	background: #cc1126;
	color: #fff;
}

.template2_red span.slideout {
	background: #cc1126;
	color: #fff;
}

.template2_red .sub-newsletter input[type="submit"] {
	color: #fff;
}

.template2_red footer .b-links a {
	color: #fff;
}

.template2_red .seeall {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template2_red .seeall:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red h3.subtitle:after {
	background: #cc1126;
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template2_red button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template2_red button.btn-links {
	background: #cc1126;
	color: #fff;
}

.template2_red a.readmore {
	color: #cc1126;
}

.template2_red a.readmore:hover {
	color: #000;
}

.template2_red .sidemenuhover {
	background: #cc1126;
}

.template2_red .galleries a.page-link:hover {
	background: #cc1126 !important;
	color: #fff !important;
}

.template2_red .news-links a.page-link:hover {
	background: #cc1126 !important;
	color: #fff !important;
}

.template2_red a.btn-links {
	background: #cc1126;
	color: #fff;
}

.template2_red .sselect:after {
	color: #cc1126;
}

.template2_red #feedback input[type="submit"]:hover,
.template2_red #feedback input[type="reset"]:hover {
	background: #cc1126;
	color: #fff;
}

.template2_red #feedback input[type="submit"] {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template2_red #quick .col-md-3:hover {
	color: #cc1126;
}

.template2_red #quick .col-md-3:hover h4 {
	color: #cc1126;
}

.template2_red #template2_highlights .col-md-3:hover h4 {
	color: #cc1126;
}

.template2_red button#myBtn {
	background: #cc1126;
}

.template2_red .poll input.btn-links {
	border: 2px solid #cc1126;
}

.template2_red #template2_header .login-button a {
	color: #cc1126;
}

.template2_red #template2_header .login-button button {
	border-color: #cc1126;
}

/* Red End */

/* Custom Color(General Use) End*/

/* Template 2 CSS */


#template2_body {
	padding: 0 65px;
	background-color: #fff;
}

#template2_body {

	font-family: inherit;
	font-size: 13px;
}


/************Header**************/
/* Rounded sliders */

#template2_header .login-button a {
	/* color: black; */
	text-decoration: none;
}

#template2_header .login-button {
	float: left;
	margin: 0px 3px 0px 15px;
}

#template2_header .login-button button {
	padding: 3px 7px;
	/* background-color: #e3fcea; */
	border-radius: 5px;
	/* border-color: darkgreen; */
}

#template2-header-wrapper .slider.round {
	border-radius: 30px;
}

#template2-header-wrapper .slider.round:before {
	border-radius: 50%;
}

/* Switch Ended */
#template2_header header {
	float: left;
	width: 100%;
	margin: 25px 0;
}

#template2-header-wrapper {
	float: right;
}

#template2-header-wrapper .register-box {
	display: block;
	border-radius: 5px;
	font-family: 'Merriweather', serif;
	float: left;
	background: #deb668;
	font-size: 11px;
	padding: 5px 0;
	width: fit-content;
	overflow: hidden;
}

#template2-header-wrapper .register-box a {
	color: #333;
	text-decoration: none;
	padding: 0 10px;
}

#template2-header-wrapper form.is-search-form {
	float: left;
	padding-left: 15px;
	margin: unset;
}

#template2-header-wrapper .is-search-form input.is-search-input {
	padding: 7px 12px;
	font-size: 12px;
	border-radius: 0;
	border: solid 1px #ccc;
	font-family: arial;
	width: unset;
	background: unset;
}

#template2-header-wrapper .is-search-form button.is-search-submit {
	background: none;
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

#template2-header-wrapper .is-search-form span.glyphicon.glyphicon-search {
	padding: 5px;
	font-size: 15px;
	border: 0;
	outline: 0;
	top: 3px;
}

#template2-header-wrapper span.swkid {
	background: #676767;
	padding: 11px;
	border-radius: 5px 0 0 5px;
	color: #e8e3e9;
	font-size: 11px;
	display: unset;
}

header #template2-header-wrapper .swkid img {
	width: 25px;
	margin-right: 3px;
}

#template2-header-wrapper select#lang {
	padding: 7px 5px;
	background: #e9e8e9;
	border: 0;
	border-radius: 10px;
	font-size: 11px;
	outline: 0;
	margin-top: 3px;
	margin-left: 15px;
	color: #000;
}

#template2-header-wrapper .forms-content {
	float: left;
}


#template2-header-wrapper .menu li.sub-2.active .drop-2 {
	display: block !important;
}

#template2-header-wrapper .menu li.sub-3.active .drop-3 {
	display: block !important;
}

#template2-header-wrapper .menu li.sub-4.active .drop-4 {
	display: block !important;
}

/* Switch */
#template2-header-wrapper .switch {
	position: relative;
	width: 90px;
	height: 25px;
	margin: 7px 0 0 6px;
	top: -3px;
}

#template2-header-wrapper .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

#template2-header-wrapper .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e9e8e9;
	-webkit-transition: .4s;
	transition: .4s;
}

#template2-header-wrapper .slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#template2_events .item_button a {
	color: #fff;
	background: #deb668;
	padding: 15px 30px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;

}


/* Side Nav */
#template2-header-wrapper .sidenav {
	height: 100%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	color: #e0e0e1;
	background-color: #022147;
	z-index: 16;
}

#template2-header-wrapper .sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 17px;
	display: block;
	color: #e0e0e1;
	transition: 0.3s;
}

#template2_header .custom_section_left {
	position: absolute;
	width: 10em;
	text-align: center;
	-webkit-transform: rotate(270deg) translateY(-50%);
	-moz-transform: rotate(270deg) translateY(-50%);
	-ms-transform: rotate(270deg) translateY(-50%);
	-o-transform: rotate(270deg) translateY(-50%);
	transform: rotate(270deg) translateY(-50%);
	top: 50%;
	left: -2em;
}

#template2_header .custom_section_left a {
	color: #deb668;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Overpass", sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
}

#template2-header-wrapper .sidenav a:hover {
	color: #f1f1f1;
}

#template2-header-wrapper .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	left: 1em;
	top: 1em;
}

#template2-header-wrapper .sidebtn {
	color: #deb668;
	font-size: 30px;
	position: absolute;
	left: 5em;
	top: 4.5em;
	cursor: pointer;
	display: flex;
	/* 28.10.2020 */
	align-items: center;
	/* 28.10.2020 */
	z-index: 1;
}

#template2-header-wrapper .hinfo {
	display: none;
	font-size: 12px;
	float: right;
	margin-left: 10px;
}

#template2-header-wrapper .sidebtn:hover {
	color: #333;
}

#template2-header-wrapper .menu li {
	list-style: none;
	text-align: center;
	/* 16.12.2020 Start */
	float: left;
	width: 100%;
	/* display: flex;
	justify-content: center; */
	/* 16.12.2020 End */
}

#template2-header-wrapper ul.menu {
	padding: 0;
}

/* 11.11.2020 Start */
#template2-header-wrapper ul.dropdown-menu,
#template2-header-wrapper ul.dropdown-menu ul.dropdown-menu {
	padding-left: 15px !important;
}

/* 11.11.2020 End */

#template2-header-wrapper .menu a {
	font-size: 1.143em;
	line-height: 1.5em;
	width: 25rem;
	padding: 1em 0;
	display: inline-block;
	text-align: left;
}

#template2-header-wrapper .menu .dropdown-menu>li>a {
	font-size: 1.143em;
	line-height: 1.5em;
	width: 25rem;
	padding: 1em 0;
	display: inline-block;
	text-align: left;
	color: #e0e0e1;
	background: unset !important;
}

#template2-header-wrapper .menu .dropdown-menu>li>a:hover {
	background: unset !important;
	color: #fff;
}

#template2-header-wrapper .menu .dropdown-menu {
	width: 100%;
	position: initial;
	background: unset;
}

#template2-header-wrapper a.logo {
	text-align: center;
	padding: 0 !important;
	margin: 3rem 0 0;
}

#template2-header-wrapper a.logo img {
	width: initial;
}

/* #template2-header-wrapper .normal.logo {
    display: none;
} */
#template2-header-wrapper .darkmode .dark.logo {
	display: initial;
}

/* 30.9.2020 */
#template2-header-wrapper .normal.logo {
	display: initial;
}

#template2-header-wrapper .dark.logo {
	display: initial;
}

/* 30.9.2020 */


/* Float Bar */
.custom_section_right {
	position: fixed;
	right: 0;
	top: 25%;
	z-index: 9999;
	width: max-content;
	display: inline-grid;
}

.custom_section_right a {
	text-decoration: none;
}

/* .custom_section_right img {
	width: 40px;
	float: left;
} */

#template2-header-wrapper #sidemenu {
	border-radius: 10px 0 0 10px;
	transition: 0.5s;
	float: right;
	width: 100%;
}

#template2-header-wrapper .hotline a {
	float: right;
}

#template2-header-wrapper .hotline.opened a {
	float: left;
}

#template2-header-wrapper .side-content {
	display: none;
}

#template2-header-wrapper .side-content {
	position: absolute;
	right: 175px;
	top: -55px;
	height: 150px;
	width: 150px;
}

#template2-header-wrapper .side-content img {
	width: 100%;
}

#template2-header-wrapper #esidemenu:hover .side-content {
	display: block;
}

#template2-header-wrapper .calendar {
	float: right;
	width: 100%;
}

#template2-header-wrapper .calendar .modal-body {
	float: left;
	background: #fff;
	border-radius: 5px;
}

#template2-header-wrapper .calendar a {
	float: right;
	cursor: pointer;
}

#template2-header-wrapper .calendar button.close {
	opacity: 1;
	outline: 0;
	font-size: 30px;
	position: absolute;
	right: 20px;
}

#template2-header-wrapper .calendar .d-flex.border-top-0 {
	width: 100%;
	float: left;
}

#template2-header-wrapper .calendar .d-flex.p-2 {
	float: left;
	width: 14.2857%;
	text-align: center;
	border: 1px solid #595959;
	border-radius: 0;
	padding: 10px 0;
}

#template2-header-wrapper .calendar .w-100 {
	float: left;
}

#template2-header-wrapper .calendar .d-flex.pt-3.pb-3.btn {
	width: 14.2857%;
	text-align: right;
	float: left;
	font-size: 12px;
	font-weight: unset !important;
	border: 1px solid #595959;
	border-radius: 0;
	padding-top: 20px;
}

#template2-header-wrapper .d-flex.justify-content-between.p-2.border.align-items-center.border-bottom-0.bg-dark.text-white {
	width: 100%;
	border: 0;
	font-weight: bold;
}

#template2-header-wrapper .poll {
	float: right;
	width: 100%;
}

#template2-header-wrapper .poll a {
	text-decoration: none;
	float: right;
	cursor: pointer;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}

#template2-header-wrapper .poll h5 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

#template2-header-wrapper .poll label {
	font-weight: normal;
	margin: 0;
	position: relative;
	top: -1px;
}

#template2-header-wrapper .poll input {
	margin: 10px 10px 10px 0;
}

#template2-header-wrapper .poll input[type="radio"] {
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

#template2-header-wrapper .poll .modal-content {
	float: left;
}

#template2-header-wrapper .poll .modal-body {
	float: left;
}

#template2-header-wrapper .poll .ssubmit.col-md-12 {
	padding: 0;
	margin: 20px 0 10px;
	float: left;
	width: 100%;
}

#template2-header-wrapper .poll input.btn-links {
	width: 130px !important;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 25px;
	font-style: italic;
	background: unset;
}

#template2-header-wrapper .poll input.btn-links:hover {
	background: #000;
	color: #fff;
}

#template2-header-wrapper .poll button.close {
	opacity: 1;
	outline: 0;
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 15px;
}

#template2-header-wrapper .poll form span {
	width: 100%;
	float: left;
}

#template2-header-wrapper .slinks {
	float: right;
	width: 100%;
}

#template2-header-wrapper span.slideout {
	padding: 10px 15px;
	float: left;
	font-weight: bold;
	text-transform: none;
	font-style: normal;
	align-items: center;
	margin-left: -3px;
	display: none;
}

#template2-header-wrapper .sidemenuhover:hover .slideout {
	transition: 0.5s;
	display: flex;
}

#template2-header-wrapper .sidemenuhover {
	border-radius: 5px 0 0 5px;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}


/* Top */
#template2_top .grey {
	background: #f3f3f0;
}

#template2_top .container {
	text-align: center;
}

#template2_top img.logo {
	width: 250px;
	margin: 0 auto;
}

#template2_top h2 {
	font-family: "Rufina", serif;
	font-size: 3.929em;
	font-weight: 700;
	font-style: normal;
	line-height: 1.1818em;
	margin: 0 0 10px;
}

#template2_top p.tagline {
	color: #DEB668;
}

#template2_top .stroke-line {
	padding: 0 10px;
	font-family: 'Merriweather', serif;
	display: inline-flex;
	align-items: center;
}

#template2_top .stroke-line:before,
.stroke-line:after {
	content: '';
	background: #DEB668;
	display: inline-block;
	width: 50px;
	height: 1px;
	margin: 0 8px;
}

* {
	box-sizing: border-box
}

#template2_top {
	width: 100%;

}

#template2_top #tabcontainer {
	width: 100%;
	float: left;
}

#template2_top #tabcontainer .tab {
	float: left;
	width: 23%;
}

/* Style the buttons that are used to open the tab content */
#template2_top #tabcontainer .tab button {
	background: #fff;
	color: #9d9da0;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	padding: 0 3rem;
	height: 100px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	font-family: "Overpass", sans-serif;
}


#template2_top #tabcontainer .tab button:hover i {
	color: #fff !important;
}

#template2_top #tabcontainer .tab button.active i {
	color: #fff !important;
}

#template2_top #tabcontainer .tabcontent {
	float: right;
	width: calc(77% - 2em);
	display: none;
	border-left: none;
	background: #fff;
	min-height: 650px;
	margin-bottom: 15px;
	align-items: center;
}

#template2_top #tabmenu i {
	font-size: 40px;
	width: 55px;
}

#template2_top img.cropimg {
	width: 100%;
	object-fit: cover;
	height: 500px;
}

#template2_top p.subtitle {
	font-family: "Overpass", sans-serif;
	font-weight: 600;
}

#template2_top h3.item_title {
	font-family: "Rufina", serif;
	font-weight: bold;
	font-size: 35px;
	margin: 10px 0 30px;
}

#template2_top p.item_text {
	color: #6c6a6a;
	margin-bottom: 30px;
	width: 100%;
	float: left;
}

#template2_top .item_button a {
	color: #fff;
	background: #deb668;
	padding: 15px 30px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;
}

#template2_top .contents {
	align-items: center;
	display: flex;
}

#template2_top .align-left {
	text-align: left;
	width: 100%;
}

/* Events */
#template2_events img {
	width: 100%;
}

#template2_events .col-md-6 {
	padding: 0;
}

#template2_events {
	display: flex;
	align-items: center;
}

h3.event-title {
	font-size: 50px;
	font-family: "Rufina", serif;
}

#template2_events .item_button a {
	background: #f3f3f0;
	color: #9d9da0;
	float: unset;
}

#template2_events .item_button a {
	padding: 15px 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;
}

/* About Ministry */

#template2_about button,
#template2_about input {

	padding: 15px 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;
	border: unset;
	background: #deb668;
	color: #fff;
}

#template2_about img.potrait {
	width: 100%;
}

#template2_about .signature {
	width: 90%;
	margin-top: -100px;
	z-index: 10;
	position: relative;
	float: left;
}

#template2_about .signature i {
	font-size: 25px;
}

#template2_about p.quote {
	font-family: inherit;
	font-size: 13px;
	line-height: 200%;
	font-weight: 700;
	font-style: italic;
	width: 80%;
	margin: 0 auto;
}

#template2_about cite {
	font-family: inherit;
	font-size: 25px;
	text-align: right;
	float: right;
	width: 100%;
}

#template2_about p.esub {
	font-family: "Overpass", sans-serif;
	font-weight: 600;
	color: #6c6a6a;
}

#template2_about span.line-divider {
	float: left;
	width: 70px;
	height: 2px;
}

#template2_about .all-small {
	padding: 3em;
}

#template2_about h3.item_title {
	font-family: inherit;
	font-weight: bold;
	font-size: 35px;
	margin: 10px 0 30px;
}

#template2_about p.item_text {
	color: #6c6a6a;
	margin-bottom: 54px;
	width: 100%;
	/*float: left;*/
}

#template2_about .item_button a {
	color: #fff;
	/* background: #deb668; */
	padding: 15px 30px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;
}

#template2_about h3.item_title {
	margin-bottom: 0;
	font-size: 45px;
}

/* Quick Links */
#template2_quick .container {
	/* //background: #fff; */
}

#template2_quick .col-md-3 {
	background: #fff;
	color: #333;
}

#template2_quick p {

	margin: 0 0 10px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;

}


#template2_quick .carousel-inner {
	overflow: unset;
	height: 200px;
}

#template2_quick .ql-tab {
	border: 0;
	width: fit-content;
	margin: 0 auto;
}

#template2_quick a i:before {
	font-size: 13px;
	color: #ababad;
	border: 1px solid #ababad;
	padding: 10px;
	border-radius: 50%;
}

#template2_quick .img-cover {
	width: 100px;
	height: 100px;
	margin: -50px auto 0;
	border-radius: 50%;
	display: flex;
	align-items: center;
	vertical-align: middle;
	border: 5px solid #fff;
}

#template2_quick .img-cover img {
	width: 90%;
	height: 90%;
	margin: 0 auto;
	background: #fff;
	border-radius: 88%;
}

#template2_quick .carousel-control:hover i:before {
	background: #ababad;
	color: #fff;
}

#template2_quick #carousel-tilenav3 {
	width: 100%;
	float: left;
	background: white;
}

#template2_quick #carousel-tilenav4 {
	width: 100%;
	float: left;
}

#template2_quick #carousel-tilenav5 {
	width: 100%;
	float: left;
}

#template2_quick .carousel-showotherstp2 .carousel-control {
	width: 4%;
	background-image: none;
}

#template2_quick .carousel-showotherstp2 .carousel-control.left {
	margin-left: 0;
	left: -10%;
}

#template2_quick .carousel-showotherstp2 .carousel-control.right {
	margin-right: 2%;

}

/*#template2_quick   .carousel-showotherstp2 .cloneditem-1,
.carousel-showotherstp2 .cloneditem-2,
.carousel-showotherstp2 .cloneditem-3 {
   display: none;
}*/


#template2_quick .carousel .item .col-xs-12 {
	padding: 0;
}

#template2_quick .carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	/* margin-left: -118px; */
	margin-left: -66%;
	position: absolute;
}

#template2_quick .carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	margin-right: -135%;
	position: absolute;
}

/* Events */
#template2_events img {
	width: 100%;
}

#template2_events .col-md-6 {
	padding: 0;
}

#template2_events {
	display: flex;
	align-items: center;
}

h3.event-title {
	font-size: 50px;
	font-family: "Rufina", serif;
}

#template2_events .item_button a {
	background: #f3f3f0;
	color: #9d9da0;
	float: unset;
}

#template2_quick h3.item_title {
	font-family: "Rufina", serif;
	font-weight: bold;
	font-size: 35px;
	margin: 10px 0 30px;
}

/* Mission Vision */
#template2_mv {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/mv-bg2.jpg);
	text-align: center;
	color: #fff;
}

#template2_mv h3.item_title {
	margin: 0;
}

#template2_mv .all-small {
	padding: 3em;
}

#template2_mv .img-divide {
	width: 200px;
	margin: 0 auto;
	padding: 10px 0 20px;
}

#template2_mv .item_button a {
	float: unset;
	position: relative;
}

#template2_mv .img-divide img {
	width: 100%;
}

#template2_mv .item_button a {
	color: #fff;
	background: #deb668;
	padding: 15px 30px;
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;
}

#template2_mv .item_button a {
	float: unset;
	position: relative;
}

#template2_mv h3.item_title {
	font-family: "Rufina", serif;
	font-weight: bold;
	font-size: 35px;
	//margin: 10px 0 30px;
}

/* Highlights */
#template2_highlights a {
	text-decoration: none;
	opacity: 1;
}

#template2_highlights h3.item_title {
	font-family: "Rufina", serif;
	font-weight: bold;
	font-size: 35px;
	margin: 10px 0 30px;
	min-height: 30px;
}

#template2_highlights p.esub {
	font-family: "Overpass", sans-serif;
	font-weight: 600;
	color: #6c6a6a;
}

#template2_highlights .post-date {
	color: #8b8b8e;
	font-size: 12px;
	text-align: left;
	padding: 10px 0 10px;
}

#template2_highlights .col-md-3 {
	padding: 0 15px;
	background: #fff;
	/*height: 297px;*/
}

#template2_highlights .col-md-3 p {
	margin: 0 0 10px;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template2_highlights img.post-cover {
	height: 180px;
	object-fit: cover;
}

/* 29.9.2020 */
#template2_highlights h4.post-title {
	margin: 25px 0 15px;
	text-align: left;
	color: #000;
	font-weight: bold;
	height: 35px;
}

/* 29.9.2020 End */

#template2_highlights .desc {
	text-align: left;
	color: #8b8b8e;
}

#template2_highlights a i:before {
	font-size: 13px;
	color: #ababad;
	border: 1px solid #ababad;
	padding: 10px;
	border-radius: 50%;
}

#template2_highlights .carousel-control:hover i:before {
	background: #ababad;
	color: #fff;
}

#template2_highlights .with-seeall {
	position: relative;
}

#template2_highlights a.seeall {
	border-radius: 5px;
	padding: 10px 20px;
	border: 1px solid;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	margin-top: 10px;
}


/* Happenings */
#template2_happenings {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/happenings.jpg) center no-repeat !important;
	text-align: center;
	color: #fff;
}

#template2_happenings h3.item_title {
	margin-bottom: 15px;
}

#template2_happenings h3.item_title {
	font-family: "Rufina", serif;
	font-weight: bold;
	font-size: 35px;
	margin: 10px 0 30px;
}

#template2_happenings .item_button a {
	float: unset;
	position: relative;
}

#template2_happenings .date {
	font-size: 11px;
	width: fit-content;
	padding: 3px 10px;
	margin: 0 auto;
}

#template2_happenings .sc_events_item {
	height: auto;
	padding: 1.5em 0;
	display: table;
}

#template2_happenings .all-small {
	padding: 3em;
}

#template2_happenings .sc_event_thumb {
	width: 70px;
	height: 70px;
	margin: 0 1.143em 0 0;
	float: left;
}

#template2_happenings .sc_event_info {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#template2_happenings h5.sc_events_item_title {
	margin-bottom: 5px;
}

#template2_happenings h5.sc_events_item_title a {
	color: #fff;
	font-size: 12px;
	font-family: "Rufina", serif;
	text-decoration: none;
}

#template2_happenings .sc_events_item_date {
	font-size: 11px;
}

#template2_happenings .sc_events_item_date i {
	margin-right: 5px;
}

#template2_happenings p {
	margin: 0 0 10px;
}

#template2_happenings .small-top {
	padding-top: 3em;
}

#template2_happenings .item_button a {
	color: #fff;
	background: #deb668;
	padding: 15px 30px;
	//float: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Overpass", sans-serif;
	text-decoration: none;

}

/* FOOTER */
#template2_body footer {
	font-family: "Merriweather", serif;
	/*font-family: inherit;*/
	padding: 20px 0;
	width: 100%;
	float: left;
}

#template2_body footer .container {
	display: flex;
	align-items: center;
	font-size: 11px;
	line-height: 150%;
}

#template2_body footer .links a {
	text-decoration: none;
}

#template2_body footer .social i {
	font-size: 25px;
	padding: 5px;
}

#template2_body footer p.cp {
	font-size: 11px;
	line-height: 150%;
	color: unset;
}

#template2_body footer h6 {
	font-weight: bold;
	margin-top: 20px;
	font-size: 13px;
}

#template2_body footer .links img {
	width: 50px;
	margin: 9px;
}

#template2_body footer .gamma img {
	width: 50px;
	margin: 1px;
}

#template2_body .footer-logo-row {
	display: flex;
	margin-left: -10px;
}

.finfo {
	margin-top: 15px;
	line-height: 140%;
}

.links .finfo {
	font-weight: 600;
}

.links img {
	width: 200px;
}

.fdivide {
	width: 50%;
	float: left;
	margin-top: 10px;
}

#template2_body footer .small-left-right {
	padding: 0 10px;
}

#template2_body .fdivide a {
	width: 100%;
	float: left;
	font-size: 12px;
}

#template2_body .sub-newsletter label {
	width: 100%;
	margin-top: 10px;
}

#template2_body .sub-newsletter input {
	width: 100%;
	padding: 5px;
}

#template2_body .sub-newsletter input[type="submit"] {
	width: 100px !important;
	font-size: 11px;
	border: 0;
	border-radius: 5px;
	margin: 15px 0 15px;
	background: #070200;
}

#template2_body footer .b-links a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
	margin-right: 25px;
}

#template2_header .darkmode .dark.logo {
	display: block;
}

#template2_header .darkmode .normal.logo {
	display: none;
}

.visitor {
	font-weight: bold;
	font-size: 12px;
	float: right;
}

.social {
	text-align: right;
}

.social a {
	padding: 10px;
	color: #000;
}

.container.f-btm {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

#template2_quick .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
	border: 0 !important;
}


@media (max-width: 1400px) {
	#template2_quick .container {
		width: 100% !important;
	}
}

@media (max-width: 991px) {
	#template2_events {
		display: block;
	}

	#template2-header-wrapper {
		padding: 0px 25px;
	}

	/* #template2-header-wrapper .sidebtn {
	    right: 1em;
	    top: 3.5em;
	  	left: unset;
	} */
	#template2_events .col-md-6 {
		padding: 19px;
	}

	#template2_body {
		padding: 0 0px;
		background-color: #fff;
	}

	#template2_body a.seeall {
		position: unset;
	}

	#template2_highlights .carousel-inner {
		position: relative;
		width: 100%;
		overflow: hidden;
		height: 470px;

	}

	#template2_highlights img.post-cover {
		height: 312px;
		object-fit: cover;
	}

	#template2_quick p.esub {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

	#template2_quick .container {
		width: 100%;
	}

	#template2_quick .col-md-3 {
		background: #fff;
		color: #333;
		padding-top: 45px;
		padding-bottom: 25px;
		height: 267px;
	}

	#template2_quick #carousel-tilenav3 {
		width: 100%;
		float: left;
		height: 235px;
		overflow: hidden;
	}

	#template2_quick .carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		margin-left: unset;
		position: absolute;
	}

	#template2_quick .carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next {
		margin-right: unset;
		position: absolute;
	}

	#template2_body footer .container {
		display: block !important;
		text-align: left;
	}

}

@media (max-width: 768px) {
	#template2_mv .container .col-md-6 {
		padding: 25px !important;
	}

	#template2_quick .container.tab-box {
		background: unset !important;
		text-align: center;
		margin-top: 15px;
	}

	#template2_quick .ql-tab {
		border: 0;
		width: fit-content;
		margin: 50px auto;
	}

	#template2_top #tabcontainer .tabcontent {
		width: calc(100% - 0em);
		background: #fff;
	}
}

/******** Template 2 End ********/


/******** Template 3 Start ********/

#template3_header .secondary-header.sticky {
	background: #fff;
}

/* Custom Color(General Use) */

/* Yellow */
.template3_yellow .secondary-header.sticky {
	background: #f9d017;
}

.template3_yellow #template3-latest-news .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #f9d017;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_yellow #template3_quick .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #ffffff;
	cursor: default;
	background-color: #f9d017;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_yellow .line-divide::before {
	background: #f9d017;
}

.template3_yellow .main-nav a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.template3_yellow #template3_header .main-nav a.active,
.template3_yellow #template3_header .main-nav a:hover {
	color: #f9d017 !important;
}

.template3_yellow .dropdown-toggle i {
	background: #f9d017;
}

.template3_yellow a.btn-links {
	background: #f9d017;
	color: #000;
}

.template3_yellow button.btn-links {
	background: #f9d017;
	color: #000;
}

.template3_yellow button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template3_yellow .galleries a.page-link:hover {
	background: #f9d017 !important;
}

.template3_yellow footer .links a:hover {
	color: #f9d017;
}

.social a:hover {
	color: #f9d017;
}

.template3_yellow h3.subtitle:after {
	background: #f9d017;
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template3_yellow .sselect:after {
	color: #f9d017;
}

.template3_yellow a.readmore {
	color: #f9d017;
}

.template3_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template3_yellow #feedback input[type="submit"]:hover,
.template3_yellow #feedback input[type="reset"]:hover {
	background: #f9d017;
	color: #fff;
}

.template3_yellow .eimg a i::before {
	background: #f9d017;
}

.template3_yellow .eimg a:hover {
	background: #2979cf7d;
}

.template3_yellow button.owl-dot.active {
	background: #f9d017 !important;
}

.template3_yellow button#myBtn {
	background: #f9d017;
}

.template3_yellow .news-links a.page-link:hover {
	background: #f9d017 !important;
}

.template3_yellow .poll input.btn-links {
	border: 2px solid #f9d017;
}

.template3_yellow #sidemenu {
	background: #f9d017;
}

.template3_yellow #sidemenu.opened {
	background: #f9d017;
}

.template3_yellow .sub-newsletter input[type="submit"]:hover {
	background: #f9d017;
	color: #000;
}

.template3_yellow span.slideout {
	background: #fdcb08;
	color: #000;
}

.template3_yellow .sidemenuhover {
	background: #fdcb08;
}

.template3_yellow .ql-tab li.active a {
	background: #f9d017;
}

.template3_yellow .ql-tab li:hover a {
	background: #f9d017;
}

.template3_yellow #feedback .form-group label {
	color: #f9d017;
}

.template3_yellow #template3_header .login-button a {
	color: #bdac13;
}

.template3_yellow #template3_header .login-button button {
	border-color: #f9d017;
}

.template3_yellow #template3_header .secondary-header.sticky {
	background: #f9d017;
}

/* Yellow End */

/* Blue */
.template3_blue #template3_header .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	/* color: #262626; */
	text-decoration: none;

}

.template3_blue #template3_header .dropdown-menu>li>a:hover {
	background-color: #f5f5f5;
}

.template3_blue #template3_header .main-nav a:hover {
	color: #0361c6 !important;
	/*	background-color: aliceblue;*/
}

.template3_blue #template3-latest-news .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #0361c6;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_blue #template3_header .dropdown ul a.active,
.template3_blue .dropdown ul a:hover {
	color: #0361c6;
}

.template3_blue .dropdown ul a.active,
.template3_blue .dropdown ul a:hover {
	color: #0361c6;
}

.template3_blue #template3_header .secondary-header.sticky {

	background: #0361c6;
}


.template3_blue .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

.template3_blue .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #af1a1a;
}

.template3_blue .secondary-header.sticky {
	background: #0361c6;
}

.template3_blue #template3_quick .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #ffffff;
	cursor: default;
	background-color: #0361c6;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_blue .line-divide::before {
	background: #0361c6;
}

/*  .template3_blue  .main-nav a{
		  //text-transform: uppercase;
		  
		  //padding: 0px 25px;
		  text-decoration: none;
		  font-size: 16px;
		  font-style: italic;
		  //text-shadow: 1px 1px 1px #000;
		  
	  } */
.template3_blue .main-nav a.active,
.template3_blue .main-nav a:hover {
	color: #0361c6;
}

/* 28.10.2020 */
.template3_blue .sticky .main-nav a.active,
.template3_blue .sticky .main-nav a:hover {
	color: #0361c6;
}

/* 28.10.2020 End */

.template3_blue .dropdown ul a.active,
.template3_blue .dropdown ul a:hover {
	color: #0361c6;
}

.template3_blue .dropdown-toggle i {
	background: #0361c6;
}

.template3_blue a.btn-links {
	background: #0361c6;
	color: #fff;
}

.template3_blue button.btn-links {
	background: #0361c6;
	color: #fff;
}

.template3_blue button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template3_blue .galleries a.page-link:hover {
	background: #0361c6 !important;
	color: #fff;
}

.template3_blue footer .links a:hover {
	color: #0361c6;
}

.social a:hover {
	color: #0361c6;
}

.template3_blue h3.subtitle:after {
	background: #0361c6;
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template3_blue .sselect:after {
	color: #0361c6;
}

.template3_blue a.readmore {
	color: #0361c6;
}

.template3_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template3_blue #feedback input[type="submit"]:hover,
.template3_blue #feedback input[type="reset"]:hover {
	background: #0361c6;
	color: #fff;
}

.template3_blue .eimg a i::before {
	background: #0361c6;
}

.template3_blue .eimg a:hover {
	background: #2979cf7d;
}

.template3_blue button.owl-dot.active {
	background: #0361c6 !important;
}

.template3_blue button#myBtn {
	background: #0361c6;
}

.template3_blue .news-links a.page-link:hover {
	background: #0361c6 !important;
	color: #fff;
}

.template3_blue .poll input.btn-links {
	border: 2px solid #0361c6;
}

.template3_blue #sidemenu {
	background: #0361c6;
}

.template3_blue #sidemenu.opened {
	background: #0361c6;
}

.template3_blue .sub-newsletter input[type="submit"]:hover {
	background: #0361c6;
	color: #fff;
}

.template3_blue span.slideout {
	background: #0361c6;
	color: #fff;
}

.template3_blue .sidemenuhover {
	background: #0361c6;
}

.template3_blue .ql-tab li.active a {
	background: #0361c6;
	color: #fff;
}

.template3_blue #feedback .form-group label {
	color: #0361c6;
}

.template3_blue #template3_header .login-button a {
	color: #0361c6;
}

.template3_blue #template3_header .login-button button {
	border-color: #0361c6;
}

/* Blue End */

/* Green */
.template3_green .secondary-header.sticky {
	background: #42ab4f;
}

.template3_green #template3-latest-news .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #42ab4f;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_green #template3_quick .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #ffffff;
	cursor: default;
	background-color: #42ab4f;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_green .line-divide::before {
	background: #42ab4f;
}

.template3_green .main-nav a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.template3_green .secondary-header .main-nav a.active,
.template3_green .main-nav a:hover {
	color: #bcffc4;
}

/* 28.10.2020 */
.template3_green .sticky .main-nav a.active,
.template3_green .sticky .main-nav a:hover {
	color: #42ab4f;
}

/* 28.10.2020 End */

.template3_green #template3_head .dropdown ul a.active,
.template3_green .dropdown ul a:hover {
	color: #42ab4f;
}

.template3_green #template3_header .main-nav a.active,
.template3_green #template3_header .main-nav a:hover {
	color: #42ab4f !important;
}

.template3_green .dropdown-toggle i {
	background: #42ab4f;
}

.template3_green a.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template3_green button.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template3_green button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template3_green .galleries a.page-link:hover {
	background: #42ab4f !important;
	color: #fff;
}

.template3_green footer .links a:hover {
	color: #42ab4f;
}

.social a:hover {
	color: #42ab4f;
}

.template3_green h3.subtitle:after {
	background: #42ab4f;
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template3_green .sselect:after {
	color: #42ab4f;
}

.template3_green a.readmore {
	color: #42ab4f;
}

.template3_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template3_green #feedback input[type="submit"]:hover,
.template3_green #feedback input[type="reset"]:hover {
	background: #42ab4f;
	color: #fff;
}

.template3_green .eimg a i::before {
	background: #42ab4f;
}

.template3_green .eimg a:hover {
	background: #2979cf7d;
}

.template3_green button.owl-dot.active {
	background: #42ab4f !important;
}

.template3_green button#myBtn {
	background: #42ab4f;
}

.template3_green .news-links a.page-link:hover {
	background: #42ab4f !important;
	color: #fff;
}

.template3_green .poll input.btn-links {
	border: 2px solid #42ab4f;
}

.template3_green #sidemenu {
	background: #42ab4f;
}

.template3_green #sidemenu.opened {
	background: #42ab4f;
}

.template3_green .sub-newsletter input[type="submit"]:hover {
	background: #42ab4f;
	color: #fff;
}

.template3_green span.slideout {
	background: #42ab4f;
	color: #fff;
}

.template3_green .sidemenuhover {
	background: #42ab4f;
}

.template3_green #template3_quick .ql-tab li.active a {
	background: #42ab4f;
	color: #fff;
}

.template3_green #template3_quick .ql-tab li:hover a {
	background: #42ab4f;
	color: #fff;
}

.template3_green #feedback .form-group label {
	color: #42ab4f;
}

.template3_green #template3_header .login-button a {
	color: #42ab4f;
}

.template3_green #template3_header .login-button button {
	border-color: #42ab4f;
}

.template3_green #template3_header .secondary-header.sticky {
	background: #42ab4f;
}

/* Green End */

/* Red */
.template3_red #template3-latest-news .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #fff;
	cursor: default;
	background-color: #cc1126;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_red #template3_quick .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #ffffff;
	cursor: default;
	background-color: #cc1126;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.template3_red .secondary-header.sticky {
	background: #cc1126;
}

.template3_red .line-divide::before {
	background: #cc1126;
}

.template3_red .main-nav a {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

.template3_red #template3_header .main-nav a.active,
.template3_red #template3_header .main-nav a:hover {
	color: #ff98a3 !important;
}

/* 28.10.2020 */
.template3_red .sticky .main-nav a.active,
.template3_red .sticky .main-nav a:hover {
	color: #cc1126;
}

/* 28.10.2020 End */

.template3_red .dropdown ul a.active,
.template3_red .dropdown ul a:hover {
	color: #cc1126;
}

.template3_red .dropdown-toggle i {
	background: #cc1126;
}

.template3_red a.btn-links {
	background: #cc1126;
	color: #fff;
}

.template3_red button.btn-links {
	background: #cc1126;
	color: #fff;
}

.template3_red button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template3_red .galleries a.page-link:hover {
	background: #cc1126 !important;
	color: #fff;
}

.template3_red footer .links a:hover {
	color: #cc1126;
}

.social a:hover {
	color: #cc1126;
}

.template3_red h3.subtitle:after {
	background: #cc1126;
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template3_red .sselect:after {
	color: #cc1126;
}

.template3_red a.readmore {
	color: #cc1126;
}

.template3_red #feedback input[type="submit"] {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template3_red #feedback input[type="submit"]:hover,
.template3_red #feedback input[type="reset"]:hover {
	background: #cc1126;
	color: #fff;
}

.template3_red .eimg a i::before {
	background: #cc1126;
}

.template3_red .eimg a:hover {
	background: #2979cf7d;
}

.template3_red button.owl-dot.active {
	background: #cc1126 !important;
}

.template3_red button#myBtn {
	background: #cc1126;
}

.template3_red .news-links a.page-link:hover {
	background: #cc1126 !important;
	color: #fff;
}

.template3_red .poll input.btn-links {
	border: 2px solid #cc1126;
}

.template3_red #sidemenu {
	background: #cc1126;
}

.template3_red #sidemenu.opened {
	background: #cc1126;
}

.template3_red .sub-newsletter input[type="submit"]:hover {
	background: #cc1126;
	color: #fff;
}

.template3_red span.slideout {
	background: #cc1126;
	color: #fff;
}

.template3_red .sidemenuhover {
	background: #cc1126;
}

.template3_red .ql-tab li.active a {
	background: #cc1126;
	color: #fff;
}

.template3_red .ql-tab li:hover a {
	background: #cc1126;
	color: #fff;
}

.template3_red #feedback .form-group label {
	color: #cc1126;
}

.template3_red #template3_header .login-button a {
	color: #cc1126;
}

.template3_red #template3_header .login-button button {
	border-color: #cc1126;
}

.template3_red #template3_header .secondary-header.sticky {
	background: #cc1126;
}

/* red end*/

/* Dark Mode */
.darkmode #template6_quick .sec-quick p,
.darkmode #template6_quick .sec-quick h4 {
	color: black;
}

.darkmode {
	background: #000;
	color: #fff;
}

.darkmode select#lang {
	color: #000;
}

.darkmode .top-header {
	background: #000;
	color: #000;
}

.darkmode .main-nav a {
	color: #fff;
}

.darkmode ul.dropdown-menu {
	background: #000;
}

.darkmode .grey {
	background: #000;
}

.darkmode #template3_events .glyphicon-chevron-left:before {
	background: #fff;
	color: #000;
}

.darkmode #template3_events .glyphicon-chevron-right:before {
	background: #fff;
	color: #000;
}

.darkmode a.qlinks {
	background: #000;
	border: 1px solid #fff;
}

.darkmode a.qlinks span {
	color: #fff;
}

.darkmode #quick .glyphicon-chevron-right:before {
	background: #fff;
	color: #000;
	opacity: 1;
}

.darkmode #quick .glyphicon-chevron-left:before {
	background: #fff;
	color: #000;
	opacity: 1;
}

.darkmode #highlights {
	background: #000;
}

.darkmode h4.post-title {
	color: #fff;
}

.darkmode footer .links a {
	color: #fff;
}

.darkmode .social a {
	color: #fff;
}

.darkmode input[type="text"] {
	color: #000;
}

.darkmode textarea {
	color: #000;
}

.darkmode #feedback input[type="submit"] {
	border: 1px solid #fff;
	color: #fff;
}

.darkmode .news-links a.page-link.active {
	border: 2px solid #fff !important;
	color: #fff !important;
}

.darkmode .news-links a.page-link {
	border: 2px solid #fff !important;
	color: #fff !important;
}

.darkmode .sselect select {
	color: #000;
}

.darkmode #quicks a i:before {
	color: #fff;
	border: 1px solid #fff;
}

.darkmode #feedback .form-group label {
	color: #ffffff;
}

/* 30.9.2020 */
/* #template3_header li.sub-2:hover .drop-2 {
		display: block;
	} */

#template3_header .main-nav li.sub-2.active .drop-2 {
	display: block !important;
}

#template3_header .main-nav li.sub-3:hover .drop-3 {
	display: block !important;
}

#template3_header .main-nav li.sub-4:hover .drop-4 {
	display: block !important;
}

#template3_header .darkmode .dark.logo {
	display: block;
}

#template3_header .darkmode .normal.logo {
	display: none;
}

.darkmode .dropdown-menu>li>a {
	color: white !important;
}

/* 30.9.2020 End */

/* Dark Mode End */


/* 28.10.2020 */

#template3_header .login-button a {
	/* color: black; */
	text-decoration: none;
}

#template3_header .login-button {
	float: left;
	margin: 0px 3px 0px 15px;
}

#template3_header .main-nav .dropdown-menu>li>a {
	white-space: inherit !important;
	text-shadow: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
}

#template3_header .dropdown-menu>li>a {
	display: block;
	padding: 3px 4px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #000;
	white-space: nowrap;
}

#template3_header .submenu .caret {
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-left: 4px solid;
	/* position: absolute;
		right: 3px;
		top: 35%; 
		position: relative;
		right: 0;
		margin-bottom: 3px; */
}

#template3_header .navbar {
	position: absolute;
}

@media (min-width: 993px) {
	#template3_header ul.dropdown-menu {
		width: 250px !important;
	}

	#template3_header li.dropdown-submenu ul.dropdown-menu.drop-2 {
		position: absolute;
		/* left:80%; */
		top: 10%;
	}

	#template3_header li.dropdown-submenu.sub-2 {
		position: static;
	}

	#template3_header ul.dropdown-menu.drop-1 {
		position: static;
		max-height: 500px;
		overflow-y: auto;
	}

	#template3_header .submenu .caret {
		position: relative;
		margin-top: -10px;
		margin-left: 90%;
	}

	#template3_header .mm-dropdown-menu ul.dropdown-menu.drop-1 {
		position: absolute !important;
		max-height: unset !important;
		overflow-y: unset !important;
	}

	#template3_header .mm-dropdown-menu .submenu .caret {
		position: absolute !important;
		right: 3px !important;
		top: 45% !important;
		margin-top: 0;
	}

	#template3_header .mm-dropdown-menu li.dropdown-submenu {
		position: relative;
	}

	#template3_header .mm-dropdown-menu li.dropdown-submenu ul.dropdown-menu {
		position: absolute;
	}
}

@media (max-width: 992px) {
	#template3_header ul.dropdown-menu.drop-1 {
		max-height: 350px;
		overflow-y: auto;
	}

	#template3_header .submenu .caret {
		position: absolute;
		right: 3px;
		top: 35%;
	}

	/* #template3_header ul.dropdown-menu::-webkit-scrollbar {
			display: none;
		}
		
		#template3_header ul.dropdown-menu {
			-ms-overflow-style: none; 
			scrollbar-width: none; 
		} */
}

#template3_header .login-button button {
	padding: 3px 7px;
	/* background-color: #e3fcea; */
	border-radius: 5px;
	/* border-color: darkgreen; */
}

@import url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://fonts.googleapis.com/css2?family=Abel&display=swap');

#template3_header {
	font-family: 'Abel', sans-serif;
	font-size: 15px;
}

#template3_header .swkid img {
	width: 20px;
	margin-right: 5px;
}

#template3_header .is-search-form input.is-search-input {
	border: 0;
	background: #e1e1e1;
	width: 300px;
	line-height: 100%;
	font-size: 12px;
	padding: 7px 30px 7px 10px;
	border-radius: 10px;
}

#template3-header-wrapper .secondary-header {
	float: left;
	/*position: absolute !important;*/
	top: 50px;
	width: 100%;
	z-index: 1;
	left: 0;
}

#template3_header .topheader {
	float: right;
	padding: 10px 0;
}

#template3_header .lang-switch {
	float: left;
}

#template3_header span.swkid {
	background: #676767;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	color: #e8e3e9;
	font-size: 15px;
	display: inline-block;
}

#template3_header .swkid img {
	width: 20px;
	margin-right: 5px;
}

#template3-header-wrapper {
	float: right;
	width: 100%;
}

#template3_header header .register-box {
	display: block;
	border-radius: 5px;
	float: left;
	background: #deb668;
	font-size: 15px;
}

#template3_header .register-box a {
	color: #333;
	text-decoration: none;
	padding: 0 7px;
}

#template3_header select#lang {
	padding: 5px 5px;
	background: #e9e8e9;
	border: 0;
	border-radius: 10px;
	font-size: 15px;
	outline: 0;
	margin: unset;
	float: left;
	font-weight: bold;
}

/* Switch */
#template3_header .switch {
	position: relative;
	width: 101px;
	/*width: 90px; //Default*/
	height: 25px;
	margin: 3px 0px 3px 13px !important;
}

#template3_header .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

#template3_header .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e9e8e9;
	-webkit-transition: .4s;
	transition: .4s;
}

#template3_header .main-nav,
#template3_header .main-nav a {
	color: #fff;
}

#template3_header .slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#template3_header input:checked+.slider {
	background: #676767;
}

#template3_header input:checked+.slider:after {
	content: 'Dark Mode';
	font-size: 13px;
	margin-left: 10px;
	color: #fff;
}

#template3_header .slider:after {
	content: 'Light Mode';
	font-size: 13px;
	margin-left: 25px;
}

#template3_header input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

#template3_header input:checked+.slider:before {
	-webkit-transform: translateX(73px);
	-ms-transform: translateX(73px);
	transform: translateX(73px);
}

/* Rounded sliders */
#template3_header .slider.round {
	border-radius: 30px;
}

#template3_header .slider.round:before {
	border-radius: 50%;
}

/* Switch Ended */

#template3_header .homepage .secondary-header {
	float: left;
	position: absolute !important;
	top: 50px;
	width: 100%;
	z-index: 1;
	left: 0;
}

#template3_header .secondary-header .row {
	display: flex;
	align-items: center;
}

#template3_header .secondary-header.sticky {
	position: fixed !important;
	top: 0;
	z-index: 10;
	box-shadow: 0px 10px 17px -10px grey;
}

#template3_header img.logo {
	max-width: 200px;
	padding: 15px 0;
	/* width: 100%; */
}

.template#template3_header .main-nav a {
	color: #fff;
}

#template3_header .main-nav a {
	color: #fff;
}

#template3_header .main-nav {
	margin: 0;
}

#template3_header .main-nav {
	font-weight: bold;
	text-align: right;
	float: right;
}

#template3_header button.navbar-toggler {
	display: none;
}

/* 29.9.2020 */
#template3_header .closenav {
	margin-top: 15px !important;
	z-index: 9999;
}

/* Menu Navigation Overflow */

#template3_header .main-nav li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

#template3_header .main-nav ul {
	width: 100%;
	padding: 0;
	right: 4px;
}

#template3_header .dropdown-toggle i {
	/* color: #000; */
	font-size: 15px;
	width: 15px;
	text-align: center;
	border-radius: 50%;
}

#template3_header #navbarNav {
	padding: 0;
}

#template3_header form#searchform,
#template3_header form#searchform input {
	color: #000 !important;
}




/* Special Menu Dropdown */
#template3_header li.dropdown-submenu:hover .dropdown-menu {
	/*  display: block; */
}

#template3_header .navbar-nav li:nth-last-child(2) ul.dropdown-menu ul.dropdown-menu {
	left: 99%;
}

#template3_header .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

/* Extra Menu */
#template3_header .withsub .nav-item.dropdown:hover .dropdown-menu {
	display: block !important;
	top: 95%;
}

#template3_header .withsub .nav-item.dropdown:hover .dropdown-menu .nav-item {
	display: none;
}

#template3_header .withsub .nav-item.dropdown:hover .dropdown-menu .dropdown-menu {
	display: none !important;
}

#template3_header .withsub .nav-item.dropdown .dropdown-submenu:hover .dropdown-menu {
	display: block !important;
	margin-top: -20px;
	left: -100%;
}

/* 31.12.2020 Remove 
	  .secondary-header.sticky {
		  position: fixed;
		  top: 0;
		  transition: 0.5s;
		  z-index: 999;
	  }
  
	  .homepage .secondary-header.sticky {
		  position: fixed !important;
	  }
	  /* 31.12.2020 Remove 
  
  
	  /* 29.9.2020 */
#template3_header .closenav {
	margin-top: 15px !important;
	z-index: 9999;
}

#template3_header .dark.logo {
	max-width: 200px;
	padding: 15px 0;
}

#template3_header .main-nav a {
	text-transform: uppercase;

	padding: 0px 25px;
	text-decoration: none;
	font-size: 13px;

	font-style: italic;
	text-shadow: 1px 1px 1px #000;
}

#template3_header .col-md-3 {
	width: 25%;
}

#template3_header .navbar-nav li:nth-child(8) ul.dropdown-menu ul.dropdown-menu {
	left: -100% !important;
}

/* Top */
.grey {
	background: #f1f1f1;
}

#template3_top .wrapper {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	left: 0;
}

#template3_top h2 {
	font-size: 25px;
	margin: 0;
}

#template3_top .caption {
	width: 50%;
	text-align: center;
	margin: 0 auto;
}

a.left.carousel-control {
	background: none;
}

a.right.carousel-control {
	background: none;
}



#template3_top h3 {
	font-size: 60px;
}

a.btn-links {
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	float: left;
	margin-top: 15px;
	font-style: italic;
	border-radius: 5px;
	font-style: unset;
}

a.btn-links:hover {
	background: #000;
	color: #fff;
}





/* Annoucement Popup */
.pop-announcements {
	float: right;
	width: 100%;
}

.pop-announcements h5 {
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

/* .pop-announcements .img-empty img {
		  width: 200px;
		  margin-bottom: 20px;
		  float: unset;
	  } */

.pop-announcements .modal-content {
	float: left;
	width: 100%;
}

.pop-announcements .modal-body {
	float: left;
	width: 100%;
	text-align: center;
}

.pop-announcements button.close {
	opacity: 1;
	outline: 0;
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 15px;
}

/* .pop-announcements a { */
/* cursor: pointer; */
/* float: right; */
/* } */

#AnnouncementModal p {
	float: left;
	width: 100%;
}

a.sidelinks {
	float: right;
}

/* Top */
.grey {
	background: #f1f1f1;
}

#template3_top .wrapper {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	left: 0;
}

#template3_top .caption {
	width: 50%;
	text-align: center;
	margin: 0 auto;
}

#template3_top a.left.carousel-control {
	background: none;
}

#template3_top a.right.carousel-control {
	background: none;
}

#template3_top h3 {
	font-size: 60px;
}

#template3_top a.btn-links {
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	float: left;
	margin-top: 15px;
	font-style: italic;
	border-radius: 5px;
	font-style: unset;
}

#template3_top a.btn-links:hover {
	background: #000;
	color: #fff;
}

/* About Ministry */

#template3_about .details {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	position: absolute;
	bottom: 3%;
	width: 70%;
}

#template3_about .container {
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 10%;
	padding-right: 10%;
}

#template3_about h3.item_title {
	font-size: 80px;
	letter-spacing: 10px;
	margin: 0;
}

#template3_about h3.item_title span {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ccc;
}


/* Events */
#template3_events .title {
	font-family: 'Abel', sans-serif;
}

#template3_events .fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	//line-height: 1;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	z-index: 1;
}

#template3_events .carousel {
	width: 100%;
	overflow: hidden;
}

#template3_events .carousel-inner {
	width: 100%;
}

#template3_events .carousel-inner>#template3_events .item.next,
#template3_events .carousel-inner>#template3_events .item.active.right {
	left: 0;
	-webkit-transform: translate3d(33%, 0, 0);
	transform: translate3d(33%, 0, 0);
}

#template3_events .carousel-inner>#template3_events .item.prev,
#template3_events .carousel-inner>#template3_events .item.active.left {
	left: 0;
	-webkit-transform: translate3d(-33%, 0, 0);
	transform: translate3d(-33%, 0, 0);
}

.event-container {
	float: left;
}

#template3_events .item.active {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}

#template3_events .item.active .event-container {
	display: none;
}

#template3_events .item .event-container .details {
	display: none;
}

#template3_events .item.active .event-container:first-child {
	width: 66.666667%;
	float: left;
	display: flex;
	align-items: center;
	text-align: center;
}

#template3_events .item.active .event-container:first-child .details {
	display: block;
}

#template3_events .item.active .event-container:nth-child(2) {
	display: block;
	width: 33.3333%;
	float: left;
}

#template3_events .item.active .event-container:nth-child(2) .poster {
	width: 100%;
	float: left;
}

#template3_events .item .event-container .details,
#template3_events .item .event-container .poster {
	width: 50%;
	float: left;
}

#template3_events .poster {
	padding: 10px;
}

#template3_events .controller {
	position: absolute;
	left: 0;
	bottom: 15%;
	width: 33.333%;
}

#template3_events .carousel-control {
	position: unset !important;
}

#template3_events .carousel-control .glyphicon-chevron-right,
#template3_events .carousel-control .icon-next {
	right: 45%;
}

#template3_events .carousel-control .glyphicon-chevron-left,
#template3_events .carousel-control .icon-prev {
	left: 45%;
}

#template3_events .glyphicon-chevron-right:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
}

#template3_events .glyphicon-chevron-left:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
}

#template3_events {
	position: relative;
}


.evideo {
	position: absolute;
	top: 0;
	text-shadow: 1px 1px 1px #999;
}

a.eplay {
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	display: flex;
	align-items: center;
	float: left;
}

#template3_events .eplay i {
	border: 3px solid #fff;
	width: 90px;
	height: 90px;
	text-align: center;
	display: grid;
	align-items: center;
	vertical-align: middle;
	float: left;
}

a.eplay:hover i.fa-play:before {
	font-size: 25px;
}

.fa-play:before {
	content: "\f04b";
	font-size: 40px;
}

span.edesc {
	margin-left: 20px;
}

#template3_events h3.item_title {
	font-size: 80px;
	letter-spacing: 10px;
	margin: 0;
	color: #fff;
}

#template3_events h3.item_title span {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ccc;
}

#template3_events img {
	width: 100%;

}

#template3_events_img {


	height: 200px;
	object-fit: cover;
}

.ecarousel .title {
	font-size: 20px;
	color: #000;
	margin: 20px 0 15px;
	float: left;
	width: 100%;
}

.emeta {
	font-size: 15px;
	float: left;
}

.emeta-left {
	margin-right: 3px;
}

.emeta-right {
	margin-right: 20px;
}

#template3_events .eimg {
	position: relative;
}

#template3_events .eimg a {
	position: absolute;
	display: grid;
	align-items: center;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	z-index: 1;
}

#template3_events .eimg a i::before {
	border: 2px solid #fff;
	padding: 15px;
}

#template3_events .eimg a i {
	transition: opacity .5s;
	/* Animation */
	opacity: 0;
}

#template3_events .eimg a:hover i {
	opacity: 1;
}

#template3_events .owl-dots {
	margin-top: 30px;
}

#template3_events .ecarousel {
	margin-top: -5%;
}

#template3_events .owl-nav {
	display: none;
}

button.owl-dot {
	height: 3px;
	width: 33.333%;
	background: #ccc !important;
	outline: 0;
	transition: all 0.3s ease;
}

#template3_events h3.event-title::after {
	content: '';
	height: 5px;
	background: #22171f;
	width: 25px;
	display: block;
	margin: 10px auto !important;
}

h4.e-title {
	font-weight: bold;
}

p.e-details {
	line-height: 180%;
	margin-top: 10px !important;
	float: left;
	width: 100%;
	font-weight: 600;
}


#template3_events .carousel-control .glyphicon-chevron-left,
#template3_events .carousel-control .glyphicon-chevron-right,
#template3_events .carousel-control .icon-next,
#template3_events .carousel-control .icon-prev {
	float: left;
}

#template3_events .container {
	width: 100%;
	padding: 0 10%;
}

/* Quick Links */
#template3_quick .owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	display: unset !important;
}

#template3_quick {
	background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/quick-bg.jpg) top center no-repeat;
	background-size: cover;
}

#template3_quick h3.item_title {
	font-size: 80px;
	letter-spacing: 10px;
	margin: 0;
	color: #fff;
}

#template3_quick h3.item_title span {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ccc;
}

#template3_quick .item_text {
	color: #fff;
}

#template3_quick .owl-dots {
	display: none;
}

#template3_quick .ql-tab {
	float: left;
}

#template3_quick .qlinks {
	float: left;
	width: 100%;
}

#template3_quick .qlinks a {
	display: flex;
	align-items: center;
	text-decoration: none;
}

#template3_quick .qlinks img {
	width: 70px !important;
	margin: 0 auto;
}

#template3_quick .qlinks button.owl-next span {
	border-color: #fff !important;
	background: #fff;
	width: 30px !important;
	height: 30px !important;
	font-size: 35px !important;
	top: 20% !important;
}

#template3_quick .qlinks button.owl-prev span {
	border-color: #fff !important;
	background: #fff;
	width: 30px !important;
	height: 30px !important;
	font-size: 35px !important;
	top: 20% !important;
}


#template3_quick .qcolumn {
	float: left;
	margin-left: 20px;
	color: #fff;
	font-size: 30px;
}

#template3_quick .qcolumn p {
	font-size: 25px;
	line-height: 100%;
	margin: 0;
}

#template3_quick .qcolumn i {
	font-size: 13px;
}

#template3_quick .qlinks a:hover i {
	margin-left: 10px;
	transition: 0.2s;
}

#template3_quick .qlinks a:hover img {
	transform: scale(0.8);
	transition: 0.2s;
}

#template3_quick .lnew .owl-nav {
	display: block !important;
}

#template3_quick .lnew button.owl-next span {
	position: absolute;
	right: -24px;
	border: 1px solid #000;
	padding: 10px;
	line-height: 0;
	border-radius: 50%;
}

#template3_quick .lnew button.owl-prev span {
	position: absolute;
	left: -24px;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 0;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template3_quick .lnew button.owl-next span:hover,
#template3_quick .lnew button.owl-prev span:hover {
	opacity: 1;
}

#template3_quick .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	background: #7f7f7f;
	color: #fff;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
}

#template3_quick .nav-tabs {
	border-bottom: unset;
}

/* Mission Vision */


#template3-mission-vision .details {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	position: absolute;
	bottom: 3%;
	width: 70%;
}

#template3-mission-vision .container {
	width: 100%;
	padding: 0 10%;
}

#template3-mission-vision .container {
	display: flex;
	align-items: center;
}

#template3-mission-vision h3.item_title {
	font-size: 80px;
	letter-spacing: 10px;
	font-weight: 500;
	margin: 0;
}

#template3-mission-vision h3.item_title span {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ccc;
}

#template3-mission-vision a.btn-links {
	margin-top: 60px;
}

/* Latest News */


#template3-latest-news h3.item_title {
	font-size: 80px;
	letter-spacing: 10px;
	margin: 0;
}

#template3-latest-news .nav-tabs>li {
	float: left;
	margin-bottom: 6px;
}

#template3-latest-news .nav-tabs>li>a {
	margin-right: 11px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 6px 6px 6px 6px;
	background-color: grey;
	color: white;
}

#template3-latest-news h3.item_title span {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ccc;
}

#template3-latest-news .lnew {
	float: left;
}

#template3-latest-news .owl-dots {
	display: none;
}

#template3-latest-news .container .ecarousel {
	float: left;
	padding-left: 0;
	padding-right: 0;
	padding: 0;
	margin: 0;
}

#template3-latest-news .ecarousel .title {
	font-size: 35px;
	line-height: 100%;
	color: #444343;
	letter-spacing: 5px;
	height: 100px;
}


.lnew .owl-nav {
	display: block !important;
}


#template3_quick .lnew button.owl-next span:hover,
#template3_quick .lnew button.owl-prev span:hover {
	opacity: 1;
}

#template3-latest-news .ql-tab {
	float: right;
	border-bottom: unset;
}

#template3_quick .container {
	width: 100%;
	padding: 0 10%;
}

#template3_quick .nav-tabs>li {
	float: left;
	margin-bottom: -1px;
}

/* Latest News */


#template3-latest-news h3.item_title {
	font-size: 80px;
	letter-spacing: 10px;
	margin: 0;
}

#template3-latest-news h3.item_title span {
	width: 100%;
	float: left;
	font-size: 50px;
	color: #ccc;
}

#template3-latest-news .lnew {
	float: left;
}

#template3-latest-news .owl-dots {
	display: none;
}

#template3-latest-news .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	height: 300px;
	object-fit: cover;
}

#template3-latest-news .ecarousel .title {
	font-size: 32px;
	line-height: 100%;
	color: #444343;
	letter-spacing: 8px;
	height: 100px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template3-latest-news .lnew .owl-nav {
	display: block !important;
}

#template3-latest-news .lnew button.owl-next span {
	position: absolute;
	right: -50px;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 0;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template3-latest-news .lnew button.owl-prev span {
	position: absolute;
	left: -50px;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 0;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template3-latest-news .lnew button.owl-next span:hover,
#template3-latest-news .lnew button.owl-prev span:hover {
	opacity: 1;
}

#template3-latest-news .container {
	width: 100%;
	padding: 0 10%;
}

#template3-latest-news .eimg {
	position: relative;
}

#template3-latest-news .eimg a {
	position: absolute;
	display: grid;
	align-items: center;
	height: 100%;
	width: 100%;
	text-align: center;
	color: #fff;
	text-decoration: none;
	z-index: 1;
}

#template3-latest-news .eimg a i::before {
	border: 2px solid #fff;
	padding: 15px;
}

#template3-latest-news .eimg a i {
	transition: opacity .5s;
	/* Animation */
	opacity: 0;
}

#template3-latest-news .eimg a:hover i {
	opacity: 1;
}

#template3-latest-news .line-divide {
	width: 100%;
	float: left;
	padding: 25px 0;
}

#template3-latest-news .fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	//line-height: 1;
	line-height: 2;
	-webkit-font-smoothing: antialiased;
	z-index: 1;
}

/* FOOTER */
footer {
	/* padding: 20px 0;
		  width: 100%;
		  float: left;
		  background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/footer.jpg) top center no-repeat;
		  background-size: cover;
		  color: #fff;
		  text-shadow: 1px 1px 1px #000; */
}

#template3_footer footer {
	padding: 20px 0;
	width: 100%;
	float: left;
	/*  background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/footer.jpg) top center no-repeat; */
	background-size: cover;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template3_footer .row {
	float: left;
	width: 100%;
	margin: 0;
}

#template3_footer footer .container {
	width: 82%;
	/* new added */
	line-height: 180%;
}

#template3_footer footer .links a {
	text-decoration: none;
	color: #777;
}

#template3_footer footer .social i {
	font-size: 25px;
	padding: 5px;
}

#template3_footer p.cp {
	font-size: 11px;
	line-height: 150%;
}

#template3_footer footer h6 {
	font-weight: bold;
	margin-top: 20px;
	font-size: 13px;
}

#template3_footer .finfo {
	margin-top: 15px;
	line-height: 140%;
}

#template3_footer .links .finfo {
	font-weight: 600;
	font-size: 14px;
}

#template3_footer .links img {
	width: 50px;
	margin: 9px;
}

#template3_footer .gamma img {
	width: 50px;
	margin: 1px;
}

#template3_footer .fdivide {
	width: 50%;
	float: left;
	margin-top: 10px;
}

#template3_footer footer .small-left-right {
	padding: 0 10px;
}

#template3_footer .fdivide a {
	width: 100%;
	float: left;
	font-size: 12px;
}

#template3_footer .sub-newsletter label {
	width: 100%;
	margin-top: 10px;
}

#template3_footer .sub-newsletter input {
	width: 100%;
	padding: 5px;
	color: #000;
}

#template3_footer .sub-newsletter input[type="submit"] {
	width: 100px !important;
	font-size: 11px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin: 15px 0 15px;
	background: unset;
	color: #fff;
}

#template3_footer footer .b-links a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	margin-right: 25px;
}

#template3_footer .visitor {
	font-weight: bold;
	font-size: 12px;
	float: right;
}

#template3_footer .social {
	text-align: right;
}

#template3_footer .social a {
	padding: 10px;
	color: #000;
}

#template3_footer .container.f-btm {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 30px;
}

#template3_footer .carousel-showothers .carousel-control {
	width: 4%;
	background-image: none;
}

#template3_footer .carousel-showothers .carousel-control.left {
	margin-left: 0;
	left: -5%;
}

#template3_footer .carousel-showothers .carousel-control.right {
	margin-right: 0;
	right: -5%;
}

#template3_footer .carousel-showothers .cloneditem-1,
.carousel-showothers .cloneditem-2,
.carousel-showothers .cloneditem-3 {
	display: none;
}

#template3_footer .carousel .item .col-xs-12 {
	padding: 0;
}

#template3_footer .footer-logo-row {
	display: flex;
	margin-left: -10px;
}


/******** Font Type **********/
#template3_about .item_title {
	font-family: 'Abel', sans-serif;
}



.line-divide {
	width: 100%;
	float: left;
	padding: 25px 0;
}

.line-divide::before {
	content: '';
	float: left;
	height: 2px;
	width: 60px;
}

@media (max-width: 1400px) {
	/* .container {
		width: 100%;
	} */

	.qcolumn {
		font-size: 25px;
	}

	#template3-latest-news .ecarousel .title {
		font-size: 25px;
	}

	#template3-latest-news .ecarousel .title {
		height: 50px;

	}
}

@media (max-width: 1280px) {
	.wide {
		padding: 0;
	}

	.qlinks img {
		width: 45px;
		float: left;
	}

	#template3_about h3.item_title span {
		font-size: 40px;
	}

	#template3_about h3.item_title {
		font-size: 60px;
	}

	#template3_events h3.item_title span {
		font-size: 40px;
	}

	#template3_events h3.item_title {
		font-size: 60px;
	}

	#quick h3.item_title span {
		font-size: 40px;
	}

	#quick h3.item_title {
		font-size: 60px;
	}

	#template3-mission-vision h3.item_title span {
		font-size: 40px;
	}

	#template3-mission-vision h3.item_title {
		font-size: 60px;
	}

	#template3-latest-news h3.item_title span {
		font-size: 19pt;
	}

	#template3-latest-news h3.item_title {
		font-size: 60px;
	}


	/* 	
	.carousel-showothers .carousel-control.left {
		left: -5%;
	}

	.carousel-showothers .carousel-control.right {
		right: -5%;
	}
	
	.quicks a.qlinks img {
		height: 45px !important;
	}
	
	.gallery label {
		color: #b2b2b2;
		font-size: 11px;
		margin-right: 10px;
		min-width: 70px;
	}
	
	.gallery .sselect select {
		margin-right: 20px;
	}
	
	.gallery .sselect:after {
		right: 30px;
		top: 13px;
	} */
}



@media (max-width: 991px) {
	#template3_about .container {
		display: block;
	}

	#template3-mission-vision .container {
		display: block;

	}

	#template3_about h3.item_title {
		margin-top: 25px;
	}

	#template3_header .secondary-header button.navbar-toggler {
		/* top: 110px; */
		border: 2px solid #c8c8c8e3;
		box-shadow: 2px 2px 0px #989898;
		color: #fff;
		background: #ffffff;
		text-shadow: 1px 1px 1px #000;
	}

	#template3_header button.closenav.navbar-toggler {
		top: 0;
	}

	#template3_header button.navbar-toggler {
		display: block;
		position: absolute;
		right: 0;
		/* top: 55px; */
		/*margin-top: 15px;*/
		margin-right: 20px;
		background: none;
		border: 1px solid #000;
		padding: 5px;
		width: 35px;
		border-radius: 5px;
		color: #000;
	}

	#template3_header #navbarNavDropdown {
		position: fixed;
		width: 85%;
		left: 0;
		opacity: 0;
	}

	#template3_header .collapse.in.navbar-collapse {
		opacity: 1 !important;
	}

	#template3_header .collapse.in.navbar-collapse {
		display: block !important;
		position: relative;
		z-index: 999;
		padding: 10% 0;
		background: #ffffffe8;
		width: 85%;
		left: 0;
		height: 100vh !important;
		text-align: center;
	}

	/* #template3_header #navbarNavDropdown {
		top:56px;
	} */

	#template3_header .main-nav ul {
		padding: 10px 40px !important;
	}

	#template3_header .navbar-nav {
		float: left;
	}

	#template3_header .main-nav li {
		width: 100%;
		float: left;
	}

	#template3_header .navbar-nav li {
		padding-top: 15px;
		text-align: left;
	}

	#template3_header .main-nav li {
		display: block !important;
	}

	#template3_header .main-nav a {
		color: #000;
		font-size: 15px;
		text-shadow: unset;
	}

	#template3-header-wrapper .secondary-header {
		float: left;
		/*position: absolute !important;*/
		top: 11%;
		width: 100%;
		z-index: 1;
		left: 0;
	}

	#template3-header-wrapper .main-nav li.sub-3.active .drop-3 {
		display: block !important;
	}

	#template3-header-wrapper .main-nav li.dropdown-submenu ul .drop2 {
		display: none !important;
	}

	#template3-header-wrapper li.sub-2:hover .drop-2 {
		display: block !important;
	}

	#template3-header-wrapper li.sub-3:hover .drop-3 {
		display: block !important;
	}

	#template3_header form.is-search-form {
		width: 100%;
		margin: 0;
	}

	#template3_header .is-search-form input.is-search-input {
		width: 100% !important;
	}

	#template3_header .is-search-form button.is-search-submit {
		position: absolute;
	}


}

@media (min-width: 768px) {
	#template3_header .navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
	}

	#template3-header-wrapper .secondary-header {
		float: left;
		/*position: absolute !important;
	    top: 110px;*/
		width: 100%;
		z-index: 1;
		left: 0;
	}

	#template3_header .navbar-collapse {
		width: auto;
		border-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#template3_header .navbar-nav {
		float: left;
		margin: 0;
	}

	#template3_header .login-button {
		float: right !important;
		margin: 0px 3px 0px 15px;
	}

	#template3_header .forms-content {
		/*width:unset;*/
		margin-top: 3px;
	}

	#template3_header .switch {
		margin: 6px 0 0;
	}

	#template3_header select#lang {

		/* margin-top: 3px !important; */
		margin-left: unset !important;
		/* margin-right: 15px; */
	}
}

@media (min-width: 615px) {
	#template3-header-wrapper .secondary-header {
		float: left;
		/* position: absolute !important;
	    top: 110px; */
		width: 100%;
		z-index: 1;
		left: 0;
	}

	#template3_header .switch {
		margin: 4px 0 0;
	}

	#template3_header .login-button {
		float: left !important;
		margin: 0px 3px 0px 15px;
	}

	#template3_header select#lang {
		/* margin-top: 3px !important; */
		margin-left: unset !important;
	}
}

/* Custom Color(General Use) End*/

/* Template 3 CSS */
/* Template 3 CSS End */

/******** Template 3 End ********/

/******** Template 4 Start ********/

/* Custom Color(General Use) */

/* Yellow */
.template4_yellow .secondary-header.sticky {
	background: #f9d017;
}

.template4_yellow .line-divide::before {
	background: #f9d017;
}

.template4_yellow .main-nav a.active,
.template4_yellow .main-nav a:hover {
	color: #f9d017;
}

.template4_yellow .dropdown-toggle i {
	background: #f9d017;
}

.template4_yellow a.btn-links {
	border: 2px solid #f9d017;
	color: #f9d017;
}

.template4_yellow button.btn-links {
	background: #f9d017;
	color: #000;
}

.template4_yellow button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template4_yellow footer .links a:hover {
	color: #f9d017;
}

.template4_yellow .social a:hover {
	color: #f9d017;
}

.template4_yellow h3.subtitle:after {
	background: #f9d017;
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template4_yellow a.toplink {
	background: #f9d017;
}

.template4_yellow #template4_latest .indicator-number ol.carousel-indicators li.active {
	background: #f9d017;
	border-color: #f9d017;
}

.template4_yellow .sselect:after {
	color: #f9d017;
}

.template4_yellow a.readmore {
	color: #f9d017;
}

.template4_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template4_yellow #feedback input[type="submit"]:hover {
	background: #000;
	color: #fff;
}

.template4_yellow .eimg a i::before {
	background: #f9d017;
}

.template4_yellow .eimg a:hover {
	background: #2979cf7d;
}

.template4_yellow button.owl-dot.active {
	background: #f9d017 !important;
}

.template4_yellow button#myBtn {
	background: #f9d017;
}

.template4_yellow .news-links a.page-link.active {
	background: #f9d017 !important;
	color: #000 !important;
}

.template4_yellow a.page-link:hover {
	background: #f9d017 !important;
	color: #000;
}

.template4_yellow a.btn-links {
	background: #f9d017;
	color: #000;
}

.template4_yellow .poll input.btn-links {
	border: 2px solid #f9d017;
}

.template4_yellow #sidemenu {
	background: #f9d017;
}

.template4_yellow .sidemenuhover {
	background: #f9d017;
}

.template4_yellow #sidemenu.opened {
	background: #f9d017;
}

.template4_yellow .online-video a:hover i {
	color: #f9d017;
}

.template4_yellow .top-social a {
	color: #f9d017;
}

.template4_yellow h3.stitle {
	color: #f9d017;
}

.template4_yellow h5.ssubtitle span.sright {
	color: #f9d017;
}

.template4_yellow h5.ssubtitle::before {
	color: #f9d017;
}

.template4_yellow .title-block h2.title {
	background-color: #f9d017;
}

.template4_yellow a.with-line {
	color: #f9d017;
}

.template4_yellow .with-line::after {
	background-color: #f9d017;
}

.template4_yellow h3.heading-title {
	color: #f9d017;
}

.template4_yellow #template4_events a.toplink:hover {
	background: #f9d017;
	box-shadow: inset 100px 0 0 0 #f9d017;
}

.template4_yellow #template4_highlights a.toplink:hover {
	background: #f9d017;
	box-shadow: inset 100px 0 0 0 #f9d017;
}

.template4_yellow #template4_latest a.toplink:hover {
	background: #f9d017;
	box-shadow: inset 100px 0 0 0 #f9d017;
}

.template4_yellow .ecard:hover .e-small-desc {
	background: #f9d017;
	transition: 0.5s;
	color: #000;
}

.template4_yellow .quote-icon {
	background-color: #f9d017;
}

.template4_yellow .luser::before {
	background-color: #f9d017;
}

.template4_yellow .slider-holder::before {
	background-color: #f9d017;
}

.template4_yellow .ribbon {
	background-color: #f9d017;
}

.template4_yellow .icategory a {
	color: #f9d017;
}

.template4_yellow #template4_contact_map a.toplink {
	border: 1px solid #f9d017;
}

.template4_yellow .f-links a:hover {
	color: #f9d017;
}

.template4_yellow .page_title h2:after {
	background: #f9d017;
}

.template4_yellow .n-cat {
	color: #f9d017;
}

.template4_yellow .sforms .is-search-form span.glyphicon.glyphicon-search {
	background: #f9d017;
	color: #000;
}

.template4_yellow span.post-count {
	color: #f9d017;
}

.template4_yellow #feedback .form-group label {
	color: #f9d017;
}

.template4_yellow #feedback input[type="submit"]:hover,
.template4_yellow #feedback input[type="reset"]:hover {
	background: #f9d017;
	color: #000;
}

.template4_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template4_yellow #template4_quick .ql-tab li.active a {
	background: #f9d017;
	color: #000;
}

.template4_yellow #template4_quick .ql-tab li:hover a {
	background: #f9d017;
	color: #000;
}

.template4_yellow #template4_contact_map {
	background: #f9d017;
	color: #000;
}

.template4_yellow #template4_contact_map h5 {
	color: #fff !important;
}

.template4_yellow #template4_contact_map h5.ssubtitle::before {
	color: #fff;
}

.template4_yellow span.slideout {
	background: #f9d017;
	color: #000;
}

.template4_yellow #template4_header .login-button a {
	color: #bdac13;
}

.template4_yellow #template4_header .login-button button {
	border-color: #f9d017;
}

/* Yellow End */

/* Blue */
.template4_blue .secondary-header.sticky {
	background: #0361c6;
}

.template4_blue .line-divide::before {
	background: #0361c6;
}

.template4_blue .main-nav a.active,
.template4_blue .main-nav a:hover {
	color: #0361c6;
}

.template4_blue .dropdown-toggle i {
	background: #0361c6;
}

.template4_blue a.btn-links {
	border: 2px solid #0361c6;
	color: #0361c6;
}

.template4_blue button.btn-links {
	background: #0361c6;
	color: #fff;
}

.template4_blue button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template4_blue footer .links a:hover {
	color: #0361c6;
}

.template4_blue .social a:hover {
	color: #0361c6;
}

.template4_blue h3.subtitle:after {
	background: #0361c6;
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template4_blue a.toplink {
	background: #0361c6;
}

.template4_blue #template4_latest .indicator-number ol.carousel-indicators li.active {
	background: #0361c6;
	border-color: #0361c6;
}

.template4_blue .sselect:after {
	color: #0361c6;
}

.template4_blue a.readmore {
	color: #0361c6;
}

.template4_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template4_blue #feedback input[type="submit"]:hover {
	background: #000;
	color: #fff;
}

.template4_blue .eimg a i::before {
	background: #0361c6;
}

.template4_blue .eimg a:hover {
	background: #2979cf7d;
}

.template4_blue button.owl-dot.active {
	background: #0361c6 !important;
}

.template4_blue button#myBtn {
	background: #0361c6;
}

.template4_blue .news-links a.page-link.active {
	background: #0361c6 !important;
	color: #fff !important;
}

.template4_blue a.page-link:hover {
	background: #0361c6 !important;
	color: #fff;
}

.template4_blue a.btn-links {
	background: #0361c6;
	color: #fff;
}

.template4_blue .poll input.btn-links {
	border: 2px solid #0361c6;
}

.template4_blue #sidemenu {
	background: #0361c6;
}

.template4_blue .sidemenuhover {
	background: #0361c6;
}

.template4_blue #sidemenu.opened {
	background: #0361c6;
}

.template4_blue .online-video a:hover i {
	color: #0361c6;
}

.template4_blue .top-social a {
	color: #0361c6;
}

.template4_blue h3.stitle {
	color: #0361c6;
}

.template4_blue h5.ssubtitle span.sright {
	color: #0361c6;
}

.template4_blue h5.ssubtitle::before {
	color: #0361c6;
}

.template4_blue .title-block h2.title {
	background-color: #0361c6;
}

.template4_blue a.with-line {
	color: #0361c6;
}

.template4_blue .with-line::after {
	background-color: #0361c6;
}

.template4_blue h3.heading-title {
	color: #0361c6;
}

.template4_blue #template4_events a.toplink:hover {
	background: #0361c6;
	box-shadow: inset 100px 0 0 0 #0361c6;
}

.template4_blue #template4_highlights a.toplink:hover {
	background: #0361c6;
	box-shadow: inset 100px 0 0 0 #0361c6;
	color: #fff;
}

.template4_blue #template4_latest a.toplink:hover {
	background: #0361c6;
	box-shadow: inset 100px 0 0 0 #0361c6;
	color: #fff;
}

.template4_blue .ecard:hover .e-small-desc {
	background: #0361c6;
	transition: 0.5s;
	color: #fff;
}

.template4_blue .quote-icon {
	background-color: #0361c6;
}

.template4_blue .luser::before {
	background-color: #0361c6;
}

.template4_blue .slider-holder::before {
	background-color: #0361c6;
}

.template4_blue .ribbon {
	background-color: #0361c6;
}

.template4_blue .icategory a {
	color: #0361c6;
}

.template4_blue #template4_contact_map a.toplink {
	border: 1px solid #0361c6;
}

.template4_blue .f-links a:hover {
	color: #0361c6;
}

.template4_blue .page_title h2:after {
	background: #0361c6;
}

.template4_blue .n-cat {
	color: #0361c6;
}

.template4_blue .sforms .is-search-form span.glyphicon.glyphicon-search {
	background: #0361c6;
	color: #fff;
}

.template4_blue span.post-count {
	color: #0361c6;
}

.template4_blue #feedback .form-group label {
	color: #0361c6;
}

.template4_blue #feedback input[type="submit"]:hover,
.template4_blue #feedback input[type="reset"]:hover {
	background: #0361c6;
	color: #fff;
}

.template4_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template4_blue #template4_quick .ql-tab li.active a {
	background: #0361c6;
	color: #fff;
}

.template4_blue #template4_quick .ql-tab li:hover a {
	background: #0361c6;
	color: #fff;
}

.template4_blue #template4_contact_map {
	background: #0361c6;
	color: #fff;
}

.template4_blue #template4_contact_map h5 {
	color: #fff !important;
}

.template4_blue #template4_contact_map h5.ssubtitle::before {
	color: #fff;
}

.template4_blue span.slideout {
	background: #0361c6;
	color: #fff;
}

.template4_blue #template4_header .login-button a {
	color: #0361c6;
}

.template4_blue #template4_header .login-button button {
	border-color: #0361c6;
}

/* Blue End */

/* Green */
.template4_green .secondary-header.sticky {
	background: #42ab4f;
}

.template4_green .line-divide::before {
	background: #42ab4f;
}

.template4_green .main-nav a.active,
.template4_green .main-nav a:hover {
	color: #42ab4f;
}

.template4_green .dropdown-toggle i {
	background: #42ab4f;
}

.template4_green a.btn-links {
	border: 2px solid #42ab4f;
	color: #42ab4f;
}

.template4_green button.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template4_green button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template4_green footer .links a:hover {
	color: #42ab4f;
}

.template4_green .social a:hover {
	color: #42ab4f;
}

.template4_green h3.subtitle:after {
	background: #42ab4f;
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template4_green a.toplink {
	background: #42ab4f;
}

.template4_green #template4_latest .indicator-number ol.carousel-indicators li.active {
	background: #42ab4f;
	border-color: #42ab4f;
}

.template4_green .sselect:after {
	color: #42ab4f;
}

.template4_green a.readmore {
	color: #42ab4f;
}

.template4_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template4_green #feedback input[type="submit"]:hover {
	background: #000;
	color: #fff;
}

.template4_green .eimg a i::before {
	background: #42ab4f;
}

.template4_green .eimg a:hover {
	background: #2979cf7d;
}

.template4_green button.owl-dot.active {
	background: #42ab4f !important;
}

.template4_green button#myBtn {
	background: #42ab4f;
}

.template4_green .news-links a.page-link.active {
	background: #42ab4f !important;
	color: #fff !important;
}

.template4_green a.page-link:hover {
	background: #42ab4f !important;
	color: #fff;
}

.template4_green a.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template4_green .poll input.btn-links {
	border: 2px solid #42ab4f;
}

.template4_green #sidemenu {
	background: #42ab4f;
}

.template4_green .sidemenuhover {
	background: #42ab4f;
}

.template4_green #sidemenu.opened {
	background: #42ab4f;
}

.template4_green .online-video a:hover i {
	color: #42ab4f;
}

.template4_green .top-social a {
	color: #42ab4f;
}

.template4_green h3.stitle {
	color: #42ab4f;
}

.template4_green h5.ssubtitle span.sright {
	color: #42ab4f;
}

.template4_green h5.ssubtitle::before {
	color: #42ab4f;
}

.template4_green .title-block h2.title {
	background-color: #42ab4f;
}

.template4_green a.with-line {
	color: #42ab4f;
}

.template4_green .with-line::after {
	background-color: #42ab4f;
}

.template4_green h3.heading-title {
	color: #42ab4f;
}

.template4_green #template4_events a.toplink:hover {
	background: #42ab4f;
	box-shadow: inset 100px 0 0 0 #42ab4f;
}

.template4_green #template4_highlights a.toplink:hover {
	background: #42ab4f;
	box-shadow: inset 100px 0 0 0 #42ab4f;
	color: #fff;
}

.template4_green #template4_latest a.toplink:hover {
	background: #42ab4f;
	box-shadow: inset 100px 0 0 0 #42ab4f;
	color: #fff;
}

.template4_green .ecard:hover .e-small-desc {
	background: #42ab4f;
	transition: 0.5s;
	color: #fff;
}

.template4_green .quote-icon {
	background-color: #42ab4f;
}

.template4_green .luser::before {
	background-color: #42ab4f;
}

.template4_green .slider-holder::before {
	background-color: #42ab4f;
}

.template4_green .ribbon {
	background-color: #42ab4f;
}

.template4_green .icategory a {
	color: #42ab4f;
}

.template4_green #template4_contact_map a.toplink {
	border: 1px solid #42ab4f;
}

.template4_green .f-links a:hover {
	color: #42ab4f;
}

.template4_green .page_title h2:after {
	background: #42ab4f;
}

.template4_green .n-cat {
	color: #42ab4f;
}

.template4_green .sforms .is-search-form span.glyphicon.glyphicon-search {
	background: #42ab4f;
	color: #fff;
}

.template4_green span.post-count {
	color: #42ab4f;
}

.template4_green #feedback .form-group label {
	color: #42ab4f;
}

.template4_green #feedback input[type="submit"]:hover,
.template4_green #feedback input[type="reset"]:hover {
	background: #42ab4f;
	color: #fff;
}

.template4_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template4_green #template4_quick .ql-tab li.active a {
	background: #42ab4f;
	color: #fff;
}

.template4_green #template4_quick .ql-tab li:hover a {
	background: #42ab4f;
	color: #fff;
}

.template4_green #template4_contact_map {
	background: #42ab4f;
	color: #fff;
}

.template4_green #template4_contact_map h5 {
	color: #fff !important;
}

.template4_green #template4_contact_map h5.ssubtitle::before {
	color: #fff;
}

.template4_green span.slideout {
	background: #42ab4f;
	color: #fff;
}

.template4_green #template4_header .login-button a {
	color: #42ab4f;
}

.template4_green #template4_header .login-button button {
	border-color: #42ab4f;
}

/* Green End */

/* Red */
.template4_red .secondary-header.sticky {
	background: #cc1126;
}

.template4_red .line-divide::before {
	background: #cc1126;
}

.template4_red .main-nav a.active,
.template4_red .main-nav a:hover {
	color: #cc1126;
}

.template4_red .dropdown-toggle i {
	background: #cc1126;
}

.template4_red a.btn-links {
	border: 2px solid #cc1126;
	color: #cc1126;
}

.template4_red button.btn-links {
	background: #cc1126;
	color: #fff;
}

.template4_red button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template4_red footer .links a:hover {
	color: #cc1126;
}

.template4_red .social a:hover {
	color: #cc1126;
}

.template4_red h3.subtitle:after {
	background: #cc1126;
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template4_red a.toplink {
	background: #cc1126;
}

.template4_red #template4_latest .indicator-number ol.carousel-indicators li.active {
	background: #cc1126;
	border-color: #cc1126;
}

.template4_red .sselect:after {
	color: #cc1126;
}

.template4_red a.readmore {
	color: #cc1126;
}

.template4_red #feedback input[type="submit"] {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template4_red #feedback input[type="submit"]:hover {
	background: #000;
	color: #fff;
}

.template4_red .eimg a i::before {
	background: #cc1126;
}

.template4_red .eimg a:hover {
	background: #2979cf7d;
}

.template4_red button.owl-dot.active {
	background: #cc1126 !important;
}

.template4_red button#myBtn {
	background: #cc1126;
}

.template4_red .news-links a.page-link.active {
	background: #cc1126 !important;
	color: #fff !important;
}

.template4_red a.page-link:hover {
	background: #cc1126 !important;
	color: #fff;
}

.template4_red a.btn-links {
	background: #cc1126;
	color: #fff;
}

.template4_red .poll input.btn-links {
	border: 2px solid #cc1126;
}

.template4_red #sidemenu {
	background: #cc1126;
}

.template4_red .sidemenuhover {
	background: #cc1126;
}

.template4_red #sidemenu.opened {
	background: #cc1126;
}

.template4_red .online-video a:hover i {
	color: #cc1126;
}

.template4_red .top-social a {
	color: #cc1126;
}

.template4_red h3.stitle {
	color: #cc1126;
}

.template4_red h5.ssubtitle span.sright {
	color: #cc1126;
}

.template4_red h5.ssubtitle::before {
	color: #cc1126;
}

.template4_red .title-block h2.title {
	background-color: #cc1126;
}

.template4_red a.with-line {
	color: #cc1126;
}

.template4_red .with-line::after {
	background-color: #cc1126;
}

.template4_red h3.heading-title {
	color: #cc1126;
}

.template4_red #template4_events a.toplink:hover {
	background: #cc1126;
	box-shadow: inset 100px 0 0 0 #cc1126;
}

.template4_red #template4_highlights a.toplink:hover {
	background: #cc1126;
	box-shadow: inset 100px 0 0 0 #cc1126;
	color: #fff;
}

.template4_red #template4_latest a.toplink:hover {
	background: #cc1126;
	box-shadow: inset 100px 0 0 0 #cc1126;
	color: #fff;
}

.template4_red .ecard:hover .e-small-desc {
	background: #cc1126;
	transition: 0.5s;
	color: #fff;
}

.template4_red .quote-icon {
	background-color: #cc1126;
}

.template4_red .luser::before {
	background-color: #cc1126;
}

.template4_red .slider-holder::before {
	background-color: #cc1126;
}

.template4_red .ribbon {
	background-color: #cc1126;
}

.template4_red .icategory a {
	color: #cc1126;
}

.template4_red #template4_contact_map a.toplink {
	border: 1px solid #cc1126;
}

.template4_red .f-links a:hover {
	color: #cc1126;
}

.template4_red .page_title h2:after {
	background: #cc1126;
}

.template4_red .n-cat {
	color: #cc1126;
}

.template4_red .sforms .is-search-form span.glyphicon.glyphicon-search {
	background: #cc1126;
	color: #fff;
}

.template4_red span.post-count {
	color: #cc1126;
}

.template4_red #feedback .form-group label {
	color: #cc1126;
}

.template4_red #feedback input[type="submit"]:hover,
.template4_red #feedback input[type="reset"]:hover {
	background: #cc1126;
	color: #fff;
}

.template4_red #template4_quick .ql-tab li.active a {
	background: #cc1126;
	color: #fff;
}

.template4_red #template4_quick .ql-tab li:hover a {
	background: #cc1126;
	color: #fff;
}

.template4_red #template4_contact_map {
	background: #cc1126;
	color: #fff;
}

.template4_red #template4_contact_map h5 {
	color: #fff !important;
}

.template4_red #template4_contact_map h5.ssubtitle::before {
	color: #fff;
}

.template4_red span.slideout {
	background: #cc1126;
	color: #fff;
}

.template4_red #template4_header .login-button a {
	color: #cc1126;
}

.template4_red #template4_header .login-button button {
	border-color: #cc1126;
}

/* Red End */
/* Custom Color(General Use) End*/

/* Template 4 CSS */
/* About */
#template4_about {
	text-align: center;
}

#template4_about.bg {
	/* background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://miricouncil.gov.my/web/web/img/bgbg.jpg) center no-repeat; */
	background-size: cover;
}

#template4_about h2.ctitle {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px;
	font-weight: bold;
}

#template4_about a.with-line {
	font-size: 16px;
	font-weight: bold;
}

#template4_about a.with-line:hover {
	color: #333;
}

#template4_about .with-line::after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin-left: 12px;
}

#template4_about .with-line:hover::after {
	width: 20px;
}

#template4_about .section-about {
	float: left;
	width: 100%;
}

#template4_about .title-block h2.title {
	color: #FEFEFE;
	text-align: center;
	padding: 60px 15px;
	font-size: 40px;
	margin-bottom: 0;
	font-weight: bolder;
}

#template4_about .title-block {
	margin-bottom: -100px;
	z-index: 1;
	position: relative;
}

#template4_about .second-layer {
	display: flex;
	align-items: center;
}

#template4_about .text-holder span {
	display: inline-block;
	color: #F7F7F7;
	font-size: 100px;
	line-height: 100px;
	font-weight: 700;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#template4_about .content-logo .swkcrest {
	width: 70px;
	position: absolute;
	left: 25px;
	top: -40px;
}

#template4_about .crest-content .content-logo {
	position: relative;
	padding: 7% 5%;
	background-color: #EFF2F5;
	margin: 350px auto -70px;
	text-align: left;
	width: 650px;
}

#template4_about .crest-content.col-md-9 {
	/* background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/cbg.jpg) no-repeat;
		background-attachment: fixed;
		background-size: cover; */
	margin-bottom: 70px;
}

#template4_about .content-logo p {
	font-size: 16px;
	color: #82868a;
	line-height: 30px;
	margin-bottom: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* About End*/

/* Announcment */
#template4_latest a.toplink {
	margin: 0;
	background: unset;
	border: 1px solid #000;
	color: #333;
	position: absolute;
	top: 10px;
}

#template4_latest .container {
	width: calc(100% - 230px);
	overflow: hidden;
}

#template4_latest {
	position: relative;
}

#template4_latest .etitle {
	margin: 0;
	line-height: 30px;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#template4_latest h5.ssubtitle {
	font-weight: bolder;
	font-size: 40px;
	line-height: 50px;
	color: #333;
	margin: 0;
}

#template4_latest .item h5.ssubtitle {
	position: absolute;
	top: -75px;
	left: 103px;
	font-size: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template4_latest .carousel-inner {
	overflow: unset;
}

#template4_latest .slider-holder::before {
	content: "";
	display: block;
	height: 100%;
	width: 87px;
	/* background-color: #0D73FC; */
	position: absolute;
	top: 0;
	left: 0;
}

#template4_latest .quote-icon {
	position: relative;
	height: 78px;
	width: 70px;
	/* background-color: #0D73FC; */
	position: relative;
	color: #fff;
	text-align: center;
	float: left;
	margin-right: 20px;
}

#template4_latest .quote-icon span {
	font-size: 90px;
	line-height: 0px;
	position: absolute;
	bottom: -7px;
	right: 16px;
}

#template4_latest h5.ssubtitle::before {
	content: '.';
}

#LatestCarousel {
	float: left;
	margin-top: 20px;
	width: 100%;
	/* 3.12.2020 */
}

#template4_latest .extra.indicator-number {
	height: 0;
	top: -50px;
	right: 30px;
	left: unset;
	width: fit-content;
	float: right;
	padding: 0;
}

#template4_latest .extra .carousel-indicators li {
	background: #C7C7C7;
	border: 1px dotted #ff0101;
	padding: 5px;
}

#template4_latest .indicator-number {
	position: absolute;
	width: 100%;
	z-index: 1;
	padding-left: 10%;
	height: 120px;
	bottom: 0;
	display: flex;
}

#template4_latest .indicator-number ol.carousel-indicators {
	width: fit-content;
	margin: unset;
	position: initial;
	float: left;
	display: flex;
	align-items: center;
	vertical-align: middle;
}

#template4_latest .indicator-number ol.carousel-indicators li {
	margin: 0 10px;
}

#template4_latest .indicator-number ol.carousel-indicators li.active {
	padding: 8px;
}

#template4_latest p.ldesc+p {
	font-size: 20px;
	line-height: 35px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template4_latest .luser {
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	margin-top: 15px;
	float: left;
}

#template4_latest .luser::before {
	content: "";
	display: inline-block;
	height: 1px;
	width: 39px;
	/* background-color: #0D73FC; */
	vertical-align: middle;
	margin-right: 20px;
}

/* Announcement End */

#template4_highlights a.toplink {
	margin: 0;
	background: unset;
	border: 1px solid #000;
	color: #333;
}

#template4_highlights {
	text-align: center;
}

#template4_highlights .owl-dots {
	display: none;
}

#template4_highlights .owl-item {
	padding: 10px 0;
}

#template4_highlights button.owl-next {
	position: absolute;
	top: 50%;
	right: -30px;
	outline: 0;
}

#template4_highlights button.owl-prev {
	position: absolute;
	top: 50%;
	left: -30px;
	outline: 0;
}

#template4_highlights .container {
	position: relative;
}

#template4_highlights a.see-all {
	right: 0;
}

#template4_highlights .ecarousel {
	margin-top: -5%;
}

#template4_highlights .content-holder {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	background-color: #FFF;
	-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
	padding: 31px 30px 31px 30px;
	-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin: -7px 0 0 15px;
	max-width: 220px;
	;
	text-align: left;
}

#template4_highlights .ribbon {
	position: absolute;
	right: 0px;
	top: -25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* background-color: #0D73FC; */
	padding: 20px 12px 2px 20px;
	right: 20px;
}

#template4_highlights .ribbon p {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	width: 100%;
}

#template4_highlights .ribbon .day {
	font-size: 15px;
}

#template4_highlights h4.ititle a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template4_highlights .icategory a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template4_highlights .itext-holder {
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template4_highlights .itext-holder p {
	line-height: 200%;
	color: #82868a;
}

#template4_highlights h5.ssubtitle {
	margin-bottom: 2rem;
}

#template4_highlights .eimg {
	overflow: hidden;
}

#template4_highlights .eimg img {
	transition: 0.5s;
}

#template4_highlights .eimg:hover img {
	transform: scale(1.3);
}

#template4_highlights h5.ssubtitle {
	font-weight: bolder;
	font-size: 40px;
	line-height: 50px;
	color: #333;
	margin: 0;
}

#template4_highlights h5.ssubtitle::before {
	content: '.';
}

a.toplink {
	font-size: 16px;
	color: #fff;
	padding: 15px 40px;
	float: left;
	margin-top: 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
	box-shadow: inset 0 0 0 0 #333;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	z-index: 10;
}

a.toplink:hover {
	background: #333;
	color: #fff;
	box-shadow: inset 100px 0 0 0 #333;
}

#template4_highlights .ebtn .toplink {
	float: right;
}

a.see-all {
	position: absolute;
	width: 160px;
	text-align: center;
	right: 160px;
	top: 5%;
}

#template4_highlights .with-line:hover::after {
	width: 20px;
}

#template4_highlights .lnew .owl-nav {
	display: block !important;
}

#template4_highlights .lnew button.owl-next span {
	position: absolute;
	right: 0;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 10px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template4_highlights .lnew button.owl-prev span {
	position: absolute;
	left: 0;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 10px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template4_highlights .etitle {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	text-transform: uppercase;
}

.heading.primary-heading {
	max-width: 600px;
	margin: 0 auto;
}

/* Brands */
#template4_brands .bimg {
	padding: 10px;
	opacity: 0.5;
}

#template4_brands .bimg:hover {
	opacity: 1;
}

#template4_brands .bimg img {
	max-height: 70px;
	width: auto !important;
	margin: 0 auto;
}

#template4_brands .owl-stage {
	display: flex;
	align-items: center;
}

#template4_brands .owl-dots {
	;
	text-align: center;
	margin-top: 30px;
}

#template4_brands button.owl-dot {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	margin: 10px;
}

#template4_brands button.owl-dot.active {
	width: 20px;
	height: 20px;
}

#template4_brands .owl-carousel .owl-nav button.owl-next,
#template4_brands .owl-carousel .owl-nav button.owl-prev {
	display: none !important;
}

/* Brands End */

/* Vision & Mission */
#template4_vision_mission p {
	font-size: 16px;
	color: #82868a;
	line-height: 30px;
	margin-bottom: 20px;
}

/* #template4_vision_mission {
		background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/mv-bg.jpg) no-repeat left center;
		background-size: cover;
	} */

#template4_vision_mission h2.ctitle {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px;
	font-weight: bold;
}

#template4_vision_mission a.with-line {
	font-size: 16px;
	font-weight: bold;
}

#template4_vision_mission .with-line::after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	margin-left: 12px;
}

#template4_vision_mission .with-line:hover::after {
	width: 20px;
}

a.see-all {
	position: absolute;
	width: 160px;
	text-align: center;
	right: 160px;
	top: 5%;
}

#template4_highlights .container {
	position: relative;
}

#template4_highlights a.see-all {
	right: 0;
}

/* Vision & Mission End */

/* Announcements Banner */
#template4_announcements_banner .top-page {
	position: absolute;
	top: 0;
	height: 100%;
	display: grid;
	width: 100%;
	left: 0;
	align-items: center;
}

#template4_announcements_banner .page_title {
	position: relative;
}

#template4_announcements_banner .page_title h2 {
	font-weight: bold !important;
	font-size: 40px !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template4_announcements_banner .page_title h2:after {
	content: '';
	width: 50px;
	height: 5px;
	float: left;
	position: absolute;
	left: 0;
	bottom: -15px;
}

/* Announcements Banner End */

/* About Banner */
#template4_about_banner .top-page {
	position: absolute;
	top: 0;
	height: 100%;
	display: grid;
	width: 100%;
	left: 0;
	align-items: center;
}

#template4_about_banner .page_title {
	position: relative;
}

#template4_about_banner .page_title h2 {
	font-weight: bold !important;
	font-size: 40px !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template4_about_banner .page_title h2:after {
	content: '';
	width: 50px;
	height: 5px;
	float: left;
	position: absolute;
	left: 0;
	bottom: -15px;
}

/* About Banner End */

/* Contact */
#template4_contact .top-page {
	position: absolute;
	top: 0;
	height: 100%;
	display: grid;
	width: 100%;
	left: 0;
	align-items: center;
}

#template4_contact .page_title {
	position: relative;
}

#template4_contact .page_title h2 {
	font-weight: bold !important;
	font-size: 40px !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template4_contact .page_title h2:after {
	content: '';
	width: 50px;
	height: 5px;
	float: left;
	position: absolute;
	left: 0;
	bottom: -15px;
}

/* #template4_contact #feedback .form-label {
		font-size: 12px;
		margin: 0;
		display: block;
		opacity: 1;
		-webkit-transition: .333s ease top, .333s ease opacity;
		transition: .333s ease top, .333s ease opacity;
	}
	#template4_contact #feedback .form-control {
		border-radius: 0;
		border-color: #ccc;
		border-width: 0 0 2px 0;
		border-style: none none solid none;
		box-shadow: none;
	}

	#template4_contact #feedback .form-control:focus {
		box-shadow: none;
	}
	#template4_contact #feedback .js-hide-label {
		opacity: 0; 	
	}

	#template4_contact #feedback .btn-start-order {
		background: 0 0 #ffffff;
		border: 1px solid #2f323a;
		border-radius: 3px;
		color: #2f323a;
		font-family: "Raleway", sans-serif;
		font-size: 16px;
		line-height: inherit;
		margin: 30px 0;
		padding: 10px 50px;
		text-transform: uppercase;
		transition: all 0.25s ease 0s;
	}

	#template4_contact #feedback textarea {
		width: 100%;
		outline: unset;
		padding: 10px;
		height: 150px;
		margin-bottom: 10px;
	}

	#template4_contact #feedback{
		font-family: 'Heebo', sans-serif;
	} */

/* Contact End */

/* Footer */
#template4_footer {
	padding: 20px 0;
	width: 100%;
	float: left;
	background: #25272A;
	background-size: cover;
	font-family: 'Heebo', sans-serif;
}

#template4_footer p {
	line-height: 120%;
}

#template4_footer p.desc {
	color: #82868A;
	font-size: 16px;
	line-height: 30px;
}

#template4_footer .container {
	line-height: 180%;
	color: #fff;
}

#template4_footer form input {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #3C3D40;
	margin-bottom: 18px;
	padding: 3px 45px 14px 0;
	outline: none;
	color: #FFF;
	background-size: 24px 30px;
	font-size: 16px;
}

#template4_footer .links a {
	text-decoration: none;
	color: #777;
}

#template4_footer .social i {
	font-size: 25px;
	padding: 5px;
}

#template4_footer p.cp {
	font-size: 11px;
	line-height: 150%;
	color: #fff;
}

#template4_footer h6 {
	font-weight: bold;
	margin-top: 20px;
	font-size: 13px;
}

#template4_footer .finfo {
	margin-top: 15px;
	line-height: 140%;
}

#template4_footer .footer-logo-row {
	display: flex;
	margin-left: -10px;
}

#template4_footer .links .finfo {
	font-weight: 600;
}

#template4_footer .links img {
	width: 50px;
	margin: 10px;
}

#template4_footer .gamma img {
	width: 50px;
	margin: 1px;
}

#template4_footer .small-left-right {
	padding: 0 10px;
	font-size: 12px;
}

#template4_footer .sub-newsletter label {
	width: 100%;
	margin-top: 10px;
}

#template4_footer .sub-newsletter input {
	width: 100%;
	padding: 5px;
	color: #000;
	background: #fff;
	margin-bottom: 0;
}

#template4_footer .sub-newsletter input[type="submit"] {
	width: 100px !important;
	font-size: 11px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin: 15px 0 15px;
	background: unset;
	color: #fff;
}

#template4_footer .b-links a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	margin-right: 25px;
}

#template4_footer .visitor {
	font-weight: bold;
	font-size: 12px;
	float: right;
}

#template4_footer .social {
	text-align: right;
}

#template4_footer .social a {
	padding: 10px;
	color: #000;
}

#template4_footer .container.f-btm {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

/* Footer */

/* Header */
/* .mm-menu ul.mm-dropdown-menu {
		display: none;
	}

	.mm-menu.open ul.mm-dropdown-menu {
		display: block;
	}

	li.mm-menu.open {
		position: relative;
	}

	ul.mm-dropdown-menu {
		position: absolute;
		text-align: left;
		background: #fff;
		top: 40px;
		width: max-content !important;
		z-index: 9;
		padding: 10px 0 !important;
		line-height: 2;
	} */

#template4_header {
	font-family: 'Heebo', sans-serif;
	font-size: 12px;
}

#template4_header .login-button {
	float: left;
	margin: 0px 3px 0px 15px;
}

#template4_header .login-button a {
	/* color: green; */
	text-decoration: none;
}

#template4_header .login-button button {
	padding: 3px 7px;
	/* background-color: rgba(250, 42, 27, 0.5); */
	border-radius: 5px;
	/* border-color: green; */
}

#template4_header .secondary-header .row {
	display: flex;
	align-items: center;
}

#template4_header .popup-search {
	text-align: right;
}

#template4_header .popup-search a {
	font-size: 15px;
}

#template4_header .mainmenu {
	width: 100%;
	float: left;
}

#template4_header .navbar-collapse.collapse {
	margin-top: 15px;
}

#template4_header .main-nav li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
	list-style: none;
}


#template4_header .main-nav .dropdown-menu>li>a {
	white-space: inherit !important;
	text-shadow: none;
}

#template4_header .main-nav a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 20px;
	/* color: #333; */
}

#template4_header .main-nav {
	margin: 20px;
}

#template4_header .main-nav ul {
	width: 100%;
	padding: 0;
}

#template4_header .dropdown-toggle i {
	color: #fff;
	font-size: 15px;
	width: 15px;
	text-align: center;
	border-radius: 50%;
}

#template4_header #navbarNav {
	padding: 0;
}

#template4_header #search {
	display: none;
}

#template4_header #search.open {
	position: fixed;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999999;
	left: 0;
	display: flex;
	align-items: center;
}

#template4_header form#searchform,
#template4_header form#searchform input {
	width: 100%;
	padding: 20px;
	font-size: 20px;
	color: #fff;
	background: unset;
	outline: none;
	text-align: center;
	border: 0;
}

#template4_header #search span.close {
	color: #fff;
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 1;
}

#template4_header ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: white;
	opacity: 1;
	/* Firefox */
}

#template4_header :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: white;
}

#template4_header ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: white;
}

#template4_header header {
	float: left;
	width: 100%;
}

#template4_header .topheader {
	float: right;
	padding: 10px 0;
}

#template4_header .lang-switch {
	float: left;
}

#template4_header #header-wrapper {
	float: right;
	width: 100%;
}

#template4_header header .register-box {
	display: block;
	border-radius: 5px;
	float: left;
	background: #deb668;
}

#template4_header .register-box a {
	color: #333;
	text-decoration: none;
	padding: 0 7px;
}

#template4_header form.is-search-form {
	float: left;
	margin: 0 15px;
}

#template4_header .is-search-form input.is-search-input {
	border: 0;
	background: #e1e1e1;
	width: 300px;
	line-height: 100%;
	padding: 7px 30px 7px 10px;
	border-radius: 10px;
}

#template4_header .is-search-form input.is-search-input:focus {
	outline: 0;
}

#template4_header .is-search-form button.is-search-submit {
	background: none;
	border: 0;
	outline: 0;
	margin-left: -37px;
}

#template4_header .is-search-form span.glyphicon.glyphicon-search {
	padding: 5px;
	font-size: 15px;
	border: 0;
	outline: 0;
	top: 3px;
}

#template4_header span.swkid {
	background: #676767;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	color: #e8e3e9;
	display: inline-block;
}

#template4_header .swkid img {
	width: 20px;
	margin-right: 5px;
}

#template4_header select#lang {
	padding: 5px 5px;
	background: #e9e8e9;
	border: 0;
	border-radius: 10px;
	outline: 0;
	margin: 0 10px;
	float: left;
	font-weight: bold;
}

#template4_header .forms-content {
	float: left;
}

#template4_header img.logo {
	max-width: 200px !important;
	width: auto;
	padding: 15px 0;
}

/* Header End */

/* Quick Link */
#template4_quick .qlinks {
	float: left;
	width: 100%;
}

#template4_quick .qlinks a {
	text-decoration: none;
}

#template4_quick h5.ssubtitle::before {
	content: '.';
}

#template4_quick h5.ssubtitle {
	font-weight: bolder;
	font-size: 40px;
	line-height: 50px;
	color: #333;
	margin: 0;
	text-align: center;
}

#template4_quick .qlinks img {
	width: 70px !important;
	margin: 0 auto !important;
	float: unset !important;
}

#template4_quick .qlinks p {
	font-size: 20px;
	text-align: center;
}

#template4_quick .qlinks a:hover img {
	transform: scale(0.8);
	transition: 0.2s;
}

#template4_quick .qlinks .owl-dots {
	display: none;
}

#template4_quick .qcolumn {
	float: left;
	width: 100%;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
}

#template4_quick .qlinks .owl-dots {
	display: none;
}

#template4_quick .lnew button.owl-next span:hover,
#template4_quick .lnew button.owl-prev span:hover {
	opacity: 1;
}

#template4_quick .lnew button.owl-next span {
	position: absolute;
	right: 0;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 10px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template4_quick .lnew button.owl-prev span {
	position: absolute;
	left: 0;
	top: 30%;
	border: 1px solid #000;
	padding: 10px;
	font-size: 50px;
	line-height: 10px;
	width: 35px;
	height: 35px;
	opacity: 0.5;
}

#template4_quick .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	background: #7f7f7f;
	color: #fff;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
}

#template4_quick .ql-tab {
	border: 0;
	width: fit-content;
	margin: 15px auto 0;
}

/* Quick Link End */

/* Top */
.grey {
	background: #f1f1f1;
}

.indicator-number {
	position: absolute;
	width: 100%;
	z-index: 1;
	padding-left: 10%;
	height: 120px;
	bottom: 0;
	display: flex;
}

.indicator-number ol.carousel-indicators {
	width: fit-content;
	margin: unset;
	position: initial;
	float: left;
	display: flex;
	align-items: center;
	vertical-align: middle;
}

.indicator-number ol.carousel-indicators li {
	margin: 0 10px;
}

.indicator-number ol.carousel-indicators li.active {
	padding: 8px;
}

.num {
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
}

#template4_top .num::before {
	content: '';
	width: 100px;
	float: left;
	height: 1px;
	background: #fff;
	margin: 0 20px;
}

#template4_top {
	position: relative;
}

#template4_top .wrapper {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	left: 0;
}

#template4_top .caption {
	margin: 0 auto;
	width: 100%;
	padding: 0 10%;
}

a.left.carousel-control {
	background: none;
}

a.right.carousel-control {
	background: none;
}

#template4_top h2 {
	font-size: 50px;
	margin: 0;
	font-weight: bolder;
}

#template4_top h2 span {
	font-weight: 300;
}

#template4_top h3 {
	font-size: 18px;
}

a.toplink {
	font-size: 16px;
	color: #fff;
	padding: 15px 40px;
	float: left;
	margin-top: 30px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-weight: bold;
	box-shadow: inset 0 0 0 0 #333;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

a.toplink:hover {
	background: #333;
	color: #fff;
	box-shadow: inset 100px 0 0 0 #333;
}

.template4_top_video {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #333;
	width: 50%;
	display: flex;
	align-items: center;
	z-index: 9;
	height: 120px;
}

.top-social a {
	padding: 0 10px;
}

.top-social {
	text-align: right;
	font-size: 18px;
	padding: 20px;
}

.top-social a:hover {
	color: #fff;
}

.online-video a {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	/* z-index: 99999; */
}

.online-video i {
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 50px;
	color: #fff;
}

.online-video img {
	height: 120px;
	width: 100%;
	object-fit: cover;
}

#template4_myVideo {
	z-index: 11111;
}

#template4_myVideo button.close {
	color: #fff !important;
	opacity: 1;
	font-size: 40px;
	font-weight: normal !important;
	outline: 0;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

#template4_myVideo.modal.fade.in {
	display: flex !important;
	align-items: center;
	vertical-align: middle;
}

#template4_myVideo .modal-content {
	border-radius: unset;
	background: unset;
	box-shadow: unset;
	text-align: center;
	border: 0;
}

#template4_myVideo .modal-body {
	padding: 0;
}

#template4_myVideo .modal-dialog {
	width: 80%;
}

.template4_top_video .video-title {
	text-align: right;
	font-size: 18px;
	padding: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.template4_top_video .video-desc {
	margin: 0;
	font-size: 13px;
	padding: 0 25px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.modal-open .modal {
	background: #0000006b;
}

/* Top End */

/* Events */
#template4_events .desc p {
	font-size: 16px;
	line-height: 30px;
	color: #82868a;
}

#template4_events h5.ssubtitle {
	font-weight: bolder;
	font-size: 40px;
	line-height: 50px;
	color: #333;
	margin: 0;
}

#template4_events h5.ssubtitle::before {
	content: '.';
}

#template4_events h3.heading-title {
	font-size: 160px;
	line-height: 155px;
	letter-spacing: -2.5px;
	font-weight: bolder;
	text-align: center;
}

#template4_events .subheading {
	color: #333333;
	font-size: 18px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
}

#template4_events .etitle {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	text-transform: uppercase;
}

#template4_events a.toplink {
	margin: 0;
	background: unset;
	border: 1px solid #000;
	color: #333;
}

#template4_events a.toplink:hover {
	color: #fff;
}

.ebtn .toplink {
	float: right;
}

.event-container {
	float: left;
	width: 100%;
}

.ecard {
	width: 33.333%;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.e-small-desc {
	position: absolute;
	bottom: 0;
	background: #fff;
}

.ecard img {
	transition: 0.5s;
	width: 100%;
	height: 250px;
	max-height: 100%;
}

.ecard:hover img {
	transform: scale(1.3);
}

.e-small-desc {
	position: absolute;
	bottom: 0;
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 20px;
	right: 0;
	width: 75%;
	color: #333;
}

.ecard:hover .e-small-desc {
	background: #f44;
	transition: 0.5s;
	color: #fff;
}

#template4_events .carousel {
	width: 100%;
	overflow: hidden;
}

#template4_events .carousel-inner {
	width: 100%;
}

#template4_events .carousel-inner>#template4_events .item.next,
#template4_events .carousel-inner>#template4_events .item.active.right {
	left: 0;
	-webkit-transform: translate3d(33%, 0, 0);
	transform: translate3d(33%, 0, 0);
}

#template4_events .carousel-inner>#template4_events .item.prev,
#template4_events .carousel-inner>#template4_events .item.active.left {
	left: 0;
	-webkit-transform: translate3d(-33%, 0, 0);
	transform: translate3d(-33%, 0, 0);
}

/* Events End */

/* Contact Map */
#template4_contact_map .np {
	padding: 0 !important;
	background: #fff;
	width: 100%;
}

#template4_contact_map h5.ssubtitle::before {
	content: '.';
}

#template4_contact_map h5.ssubtitle {
	font-size: 30px !important;
	font-weight: bolder;
}

#template4_contact_map .contact--form {
	display: flex;
	align-items: center;
}

#template4_contact_map .thebg {
	padding-left: 5%;
}

#template4_contact_map .contactinfo {
	width: 100%;
	float: left;
	margin: 10px 0;
	font-size: 13px;
}

#template4_contact_map .contactinfo i {
	font-size: 25px;
	float: left;
	width: 50px;
	text-align: center;
	margin-right: 5px;
}

.contactinfo p {
	float: left;
	line-height: 200%;
}

#template4_contact_map .container {
	width: 100%;
}

#template4_contact_map .form-group {
	margin-bottom: 15px;
	margin-top: 15px;
}

#template4_contact_map a.trigger {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	float: right;
	margin-top: 15px;
}

#template4_contact_map input[type="text"] {
	font-size: 15px;
	padding: 15px 10px;
	border: unset;
	border-bottom: 1px solid #333;
	width: 100%;
	outline: 0;
}

#template4_contact_map .ebtn {
	float: left;
}

#template4_contact_map a.toplink {
	background: unset;
	color: #333;
}

#template4_contact_map a.toplink:hover {
	color: #fff;
	background: #000;
}

/* Contact Map End */

/* Gallery */
#template4_gallery {
	font-family: 'Heebo', sans-serif;
	font-size: 12px;
}

#template4_gallery a.btn-links {
	font-size: 12px;
}

#template4_gallery a.btn-links:hover {
	background: #000;
	color: #fff;
}

#template4_gallery .top-page {
	position: absolute;
	top: 0;
	height: 100%;
	display: grid;
	width: 100%;
	left: 0;
	align-items: center;
}

#template4_gallery .page_title {
	position: relative;
}

#template4_gallery .page_title h2 {
	font-weight: bold !important;
	font-size: 40px !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template4_gallery .page_title h2:after {
	content: '';
	width: 50px;
	height: 5px;
	float: left;
	position: absolute;
	left: 0;
	bottom: -15px;
}

/* Gallery End */

/* News */
#template4_news {
	font-family: 'Heebo', sans-serif;
}

#template4_news button.btn-links {
	font-size: 12px;
}

#template4_news .top-page {
	position: absolute;
	top: 0;
	height: 100%;
	display: grid;
	width: 100%;
	left: 0;
	align-items: center;
}

#template4_news .page_title {
	position: relative;
}

#template4_news .page_title h2 {
	font-weight: bold !important;
	font-size: 40px !important;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}

#template4_news .page_title h2:after {
	content: '';
	width: 50px;
	height: 5px;
	float: left;
	position: absolute;
	left: 0;
	bottom: -15px;
}

/* #page-container {
		float: left;
		width: 100%;
	}
	
	#highlights a {
		text-decoration: none;
		opacity: 1;
	}
	
	h4.post-title {
		margin: 25px 0 15px;
		text-align: left;
		color: #000;
		font-weight: bold;
		height: 40px;
	}
	
	.post-date {
		color: #8b8b8e;
		font-size: 12px;
		text-align: left;
		padding: 10px 0 10px;
	}
	
	#highlights a i:before {
		font-size: 13px;
		color: #ababad;
		border: 1px solid #ababad;
		padding: 10px;
		border-radius: 50%;
	}
	
	#highlights .carousel-control:hover i:before {
		background: #ababad;
		color: #fff;
	}
	
	h3.subtitle {
		font-weight: bold;
	}
	
	h3.subtitle:after {
		content: '';
		height: 5px;
		width: 100%;
		display: block;
		margin: 15px 0 0;
	}

	#news form.is-search-form {
		width: 100%;
	}
	
	#news input.is-search-input {
		background: #fafbf8;
		border: 0;
		width: 95%;
		outline: 0;
		padding: 10px 5px;
	}
	
	#news-search form.is-search-form {
		width: 100%;
		margin: 30px 0 0;
	}
	
	#news-search label {
		color: #b2b2b2;
		font-size: 11px;
		margin-right: 15px;
		min-width: 70px;
	}
	
	#news-search .is-search-form span.glyphicon.glyphicon-search {
		padding: 5px;
		font-size: 15px;
		border: 0;
		outline: 0;
		top: 3px;
	}
	
	.sselect {
		position: relative;
		width: max-content;
		float: left;
		margin-right: 50px;
	}
	
	.sselect select {
		padding: 10px 30px 10px 15px;
		font-weight: bold;
		margin-right: 50px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	.sselect:after {
		content: "\e252";
		font-family: "Glyphicons Halflings";
		right: 60px;
		top: 10px;
		position: absolute;
		pointer-events: none;
	}
	
	.ssearch {
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	
	.ssearch input {
		border: 1px solid #000 !important;
		border-radius: 0 !important;
		padding: 10px 30px 10px 10px !important;
		background: #fff !important;
		width: 90% !important;
	}
	
	.news-results {
		float: left;
		width: 100%;
		padding: 25px 0;
		border: 1px solid #ccc;
		border-left: 0;
		border-right: 0;
	}
	
	.news-results p {
		margin: 0;
	}
	
	.news-results h5 {
		margin: 0;
		font-weight: bold;
	}
	
	#news-search button.is-search-submit {
		margin-left: -37px;
	}
	
	a.readmore {
		font-weight: bold;
		text-decoration: none;
		font-size: 14px;
		width: 110px;
	}
	
	a.readmore:hover {
		color: #000;
	}
	
	a.readmore:after {
		content: "\e080";
		font-family: "Glyphicons Halflings";
		font-size: 10px;
		right: 0;
		top: 3px;
		position: absolute;
	}
	
	.news-links nav {
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}
	
	.news-links a.page-link.active {
		background: #000 !important;
		color: #fff !important;
	}
	
	.news-links a.page-link {
		background: unset !important;
		border: 0 !important;
		margin: 10px !important;
	} */
/* News End */

/* Template 4 CSS End */

/******** Template 4 End ********/

/******** Template 5 Start ********/

/* Custom Color(General Use) */
/* Yellow */
.template5_yellow #template5_top .wrapper {
	background: #f9d01799;
	/* 25.11.2020 */
}

.template5_yellow .main-nav a.active,
.template5_yellow .main-nav a:hover {
	color: #f9d017;
}

.template5_yellow .divider:before {
	background: #f9d017;
}

.template5_yellow .dropdown-toggle i {
	background: #f9d017;
}

.template5_yellow a.btn-links {
	background: #f9d017;
	color: #000;
}

.template5_yellow button.btn-links {
	background: #f9d017;
	color: #000;
}

.template5_yellow button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template5_yellow footer .links a:hover {
	color: #f9d017;
}

.template5_yellow footer .b-links a:hover {
	color: #f9d017;
}

.social a:hover {
	color: #f9d017;
}

.template5_yellow #template5_about h4 {
	color: #f9d017;
}

.template5_yellow #template5_quick .qlinks h4:hover {
	color: #f9d017;
}

.template5_yellow #template5_vision_mission h4.liner {
	color: #f9d017;
}

.template5_yellow h4.liner:before {
	color: #f9d017;
}

/* take note */
.template5_yellow #template5_abt_swk h4.liner:before {
	color: #f9d017;
}

.template5_yellow #template5_announcement h4.liner:before {
	background: #000;
}

/* end here */

.template5_yellow #template5_about h4.liner:before {
	background: #000;
}

.template5_yellow #template5_vision_mission h4.liner:before {
	background: #f9d017;
}

.template5_yellow #template5_highlights h4.liner:before {
	background: #f9d017;
}

.template5_yellow #template5_about .big-border {
	color: #f9d017;
}

.template5_yellow #template5_abt_swk .col-md-8.sdetails.medium-top-bottom {
	background: #f9d017;
}

.template5_yellow #PCarousel {
	background: #f9d017;
}

.template5_yellow #ACarousel {
	background: #f9d017;
}

.template5_yellow h3.subtitle:after {
	background: #f9d017;
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template5_yellow .sselect:after {
	color: #f9d017;
}

.template5_yellow a.readmore {
	color: #f9d017;
}

.template5_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template5_yellow #feedback input[type="submit"]:hover,
.template5_yellow #feedback input[type="reset"]:hover,
.template5_yellow #feedback input[type=reset]:hover {
	background: #f9d017;
	color: #fff;
}

.template5_yellow #template5_quick .ql-tab li.active a {
	color: #555;
	background: #f9d017;
}

.template5_yellow #template5_quick .ql-tab li:hover a {
	background: #f9d017;
}

.template5_yellow .sub-newsletter input[type="submit"] {
	background: #f9d017;
}

.template5_yellow span.slideout {
	background: #fdcb08;
	color: #000;
}

.template5_yellow #feedback .form-group label {
	color: #f9d017;
}

.template5_yellow button#myBtn {
	background: #f9d017;
}

.template5_yellow .poll input.btn-links {
	border: 2px solid #f9d017;
}

.template5_yellow #sidemenu {
	background: #f9d017;
}

.template5_yellow .sidemenuhover {
	background: #f9d017;
}

.template5_yellow #sidemenu.opened {
	background: #f9d017;
}

.template5_yellow .qlinks:hover h4 {
	color: #f9d017;
}

.template5_yellow #template5_highlights a:hover h3 {
	color: #f9d017;
}

.template5_yellow #template5_vision_mission a.btn-links:hover {
	background: #f9d017;
	color: #000;
}

/* take note */
.template5_yellow #template5_top #myCarousel a.left.carousel-control:hover,
.template5_yellow #template5_announcement #ACarousel a.left.carousel-control:hover,
.template5_yellow #template5_highlights #SCarousel a.left.carousel-control:hover {
	background: #f9d017;
	color: #000;
}

.template5_yellow #template5_top #myCarousel a.right.carousel-control:hover,
.template5_yellow #template5_announcement #ACarousel a.right.carousel-control:hover,
.template5_yellow #template5_highlights #SCarousel a.right.carousel-control:hover {
	background: #f9d017;
	color: #000;
}

/* end here */

.template5_yellow a.page-link:hover {
	background: #f9d017;
	color: #000;
}

.template5_yellow #template5_header .login-button a {
	color: #bdac13;
}

.template5_yellow #template5_header .login-button button {
	border-color: #f9d017;
}

/* Yellow End */

/* Blue */
.template5_blue #template5_top .wrapper {
	background: #0361c699;
	/* 25.11.2020 */
	color: #fff;
}

.template5_blue a.btn-links {
	color: #fff;
}

.template5_blue .divider:before {
	background: #0361c6;
}

.template5_blue .main-nav a.active,
.template5_blue .main-nav a:hover {
	color: #0361c6;
}

.template5_blue .dropdown-toggle i {
	background: #0361c6;
}

.template5_blue a.btn-links {
	background: #0361c6;
	color: #fff;
}

.template5_blue button.btn-links {
	background: #0361c6;
	color: #fff;
}

.template5_blue button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template5_blue footer .links a:hover {
	color: #0361c6;
}

.template5_blue footer .b-links a:hover {
	color: #0361c6;
}

.template5_blue .social a:hover {
	color: #0361c6;
}

.template5_blue #template5_about h4 {
	color: #0361c6;
}

.template5_blue #template5_quick .qlinks h4:hover {
	color: #0361c6;
}

.template5_blue #template5_vision_mission h4.liner {
	color: #0361c6;
}

.template5_blue h4.liner:before {
	color: #0361c6;
	background: #fff;
}

/* take note */
.template5_blue #template5_abt_swk h4.liner:before {
	color: #0361c6;
	background: #fff;
}

.template5_blue #template5_announcement h4.liner:before {
	background: #fff;
}

/* end here */

.template5_blue #template5_about h4.liner:before {
	background: #000;
}

.template5_blue #template5_vision_mission h4.liner:before {
	background: #0361c6;
}

.template5_blue #template5_highlights h4.liner:before {
	background: #0361c6;
}

.template5_blue #template5_about .big-border {
	color: #0361c6;
}

.template5_blue #template5_abt_swk .col-md-8.sdetails.medium-top-bottom {
	background: #0361c6;
}

.template5_blue #PCarousel {
	background: #0361c6;
}

.template5_blue #ACarousel {
	background: #0361c6;
}

.template5_blue h3.subtitle:after {
	background: #0361c6;
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template5_blue .sselect:after {
	color: #0361c6;
}

.template5_blue a.readmore {
	color: #0361c6;
}

.template5_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template5_blue #feedback input[type="submit"]:hover,
.template5_blue #feedback input[type="reset"]:hover,
.template5_blue #feedback input[type=reset]:hover {
	background: #0361c6;
	color: #fff;
}

.template5_blue #template5_quick .ql-tab li.active a {
	background: #0361c6;
	color: #fff;
}

.template5_blue #template5_quick .ql-tab li:hover a {
	background: #0361c6;
}

.template5_blue .sub-newsletter input[type="submit"] {
	background: #0361c6;
	color: #fff;
}

.template5_blue span.slideout {
	background: #0361c6;
	color: #fff;
}

.template5_blue #feedback .form-group label {
	color: #0361c6;
}

.template5_blue button#myBtn {
	background: #0361c6;
}

.template5_blue .poll input.btn-links {
	border: 2px solid #0361c6;
}

.template5_blue #sidemenu {
	background: #0361c6;
}

.template5_blue .sidemenuhover {
	background: #0361c6;
}

.template5_blue #sidemenu.opened {
	background: #0361c6;
}

.template5_blue .qlinks:hover h4 {
	color: #0361c6;
}

.template5_blue #template5_highlights a:hover h3 {
	color: #0361c6;
}

.template5_blue #template5_vision_mission a.btn-links:hover {
	background: #0361c6;
}

/* take note */
.template5_blue #template5_top #myCarousel a.left.carousel-control:hover,
.template5_blue #template5_announcement #ACarousel a.left.carousel-control:hover,
.template5_blue #template5_highlights #SCarousel a.left.carousel-control:hover {
	background: #0361c6;
}

.template5_blue #template5_top #myCarousel a.right.carousel-control:hover,
.template5_blue #template5_announcement #ACarousel a.right.carousel-control:hover,
.template5_blue #template5_highlights #SCarousel a.right.carousel-control:hover {
	background: #0361c6;
}

/* end here */

.template5_blue a.page-link:hover {
	background: #0361c6 !important;
}

.template5_blue #template5_header .login-button a {
	color: #0361c6;
}

.template5_blue #template5_header .login-button button {
	border-color: #0361c6;
}

/* Blue End */

/* Green */
.template5_green #template5_top .wrapper {
	background: #42ab4f99;
	/* 25.11.2020 */
	color: #fff;
}

.template5_green a.btn-links {
	color: #fff;
}

.template5_green .divider:before {
	background: #42ab4f;
}

.template5_green .main-nav a.active,
.template5_green .main-nav a:hover {
	color: #42ab4f;
}

.template5_green .dropdown-toggle i {
	background: #42ab4f;
}

.template5_green a.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template5_green button.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template5_green button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template5_green footer .links a:hover {
	color: #42ab4f;
}

.template5_green footer .b-links a:hover {
	color: #42ab4f;
}

.template5_green .social a:hover {
	/***/
	color: #42ab4f;
}

.template5_green #template5_about h4 {
	color: #42ab4f;
}

.template5_green #template5_quick .qlinks h4:hover {
	color: #42ab4f;
}

.template5_green #template5_vision_mission h4.liner {
	color: #42ab4f;
}

.template5_green h4.liner:before {
	color: #42ab4f;
	background: #fff;
}

/* take note */
.template5_green #template5_abt_swk h4.liner:before {
	color: #42ab4f;
	background: #fff;
}

.template5_green #template5_announcement h4.liner:before {
	background: #fff;
}

/* end here */

.template5_green #template5_about h4.liner:before {
	background: #000;
}

.template5_green #template5_vision_mission h4.liner:before {
	background: #42ab4f;
}

.template5_green #template5_highlights h4.liner:before {
	background: #42ab4f;
}

.template5_green #template5_about .big-border {
	color: #42ab4f;
}

.template5_green #template5_abt_swk .col-md-8.sdetails.medium-top-bottom {
	background: #42ab4f;
}

.template5_green #PCarousel {
	background: #42ab4f;
}

.template5_green #ACarousel {
	background: #42ab4f;
}

.template5_green h3.subtitle:after {
	background: #42ab4f;
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template5_green .sselect:after {
	color: #42ab4f;
}

.template5_green a.readmore {
	color: #42ab4f;
}

.template5_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template5_green #feedback input[type="submit"]:hover,
.template5_green #feedback input[type="reset"]:hover,
.template5_green #feedback input[type=reset]:hover {
	background: #42ab4f;
	color: #fff;
}

.template5_green #template5_quick .ql-tab li.active a {
	background: #42ab4f;
	color: #fff;
}

.template5_green #template5_quick .ql-tab li:hover a {
	background: #42ab4f;
}

.template5_green .sub-newsletter input[type="submit"] {
	background: #42ab4f;
	color: #fff;
}

.template5_green span.slideout {
	background: #42ab4f;
	color: #fff;
}

.template5_green #feedback .form-group label {
	color: #42ab4f;
}

.template5_green button#myBtn {
	background: #42ab4f;
}

.template5_green .poll input.btn-links {
	border: 2px solid #42ab4f;
}

.template5_green #sidemenu {
	background: #42ab4f;
}

.template5_green .sidemenuhover {
	background: #42ab4f;
}

.template5_green #sidemenu.opened {
	background: #42ab4f;
}

.template5_green .qlinks:hover h4 {
	color: #42ab4f;
}

.template5_green #template5_highlights a:hover h3 {
	color: #42ab4f;
}

.template5_green #template5_vision_mission a.btn-links:hover {
	background: #42ab4f;
}

/* take note */
.template5_green #template5_top #myCarousel a.left.carousel-control:hover,
.template5_green #template5_announcement #ACarousel a.left.carousel-control:hover,
.template5_green #template5_highlights #SCarousel a.left.carousel-control:hover {
	background: #42ab4f;
}

.template5_green #template5_top #myCarousel a.right.carousel-control:hover,
.template5_green #template5_announcement #ACarousel a.right.carousel-control:hover,
.template5_green #template5_highlights #SCarousel a.right.carousel-control:hover {
	background: #42ab4f;
}

/* end here */

.template5_green a.page-link:hover {
	background: #42ab4f !important;
}

.template5_green #template5_header .login-button a {
	color: #42ab4f;
}

.template5_green #template5_header .login-button button {
	border-color: #42ab4f;
}

/* Green End */

/* Red */
.template5_red #template5_top .wrapper {
	background: #cc112699;
	/* 25.11.2020 */
	color: #fff;
}

.template5_red a.btn-links {
	color: #fff;
}

.template5_red .divider:before {
	background: #cc1126;
}

.template5_red .main-nav a.active,
.template5_red .main-nav a:hover {
	color: #cc1126;
}

.template5_red .dropdown-toggle i {
	background: #cc1126;
}

.template5_red a.btn-links {
	background: #cc1126;
	color: #fff;
}

.template5_red button.btn-links {
	background: #cc1126;
	color: #fff;
}

.template5_red button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template5_red footer .links a:hover {
	color: #cc1126;
}

.template5_red footer .b-links a:hover {
	color: #cc1126;
}

.template5_red .social a:hover {
	/***/
	color: #cc1126;
}

.template5_red #template5_about h4 {
	color: #cc1126;
}

.template5_red #template5_quick .qlinks h4:hover {
	color: #cc1126;
}

.template5_red #template5_vision_mission h4.liner {
	color: #cc1126;
}

.template5_red h4.liner:before {
	color: #cc1126;
	background: #fff;
}

/* take note */
.template5_red #template5_abt_swk h4.liner:before {
	color: #cc1126;
	background: #fff;
}

.template5_red #template5_announcement h4.liner:before {
	background: #fff;
}

/* end here */

.template5_red #template5_about h4.liner:before {
	background: #000;
}

.template5_red #template5_vision_mission h4.liner:before {
	background: #cc1126;
}

.template5_red #template5_highlights h4.liner:before {
	background: #cc1126;
}

.template5_red #template5_about .big-border {
	color: #cc1126;
}

.template5_red #template5_abt_swk .col-md-8.sdetails.medium-top-bottom {
	background: #cc1126;
}

.template5_red #PCarousel {
	background: #cc1126;
}

.template5_red #ACarousel {
	background: #cc1126;
}

.template5_red h3.subtitle:after {
	background: #cc1126;
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template5_red .sselect:after {
	color: #cc1126;
}

.template5_red a.readmore {
	color: #cc1126;
}

.template5_red #feedback input[type="submit"] {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template5_red #feedback input[type="submit"]:hover,
.template5_green #feedback input[type="reset"]:hover,
.template5_red #feedback input[type=reset]:hover {
	background: #cc1126 !important;
	color: #fff;
}

.template5_red #template5_quick .ql-tab li.active a {
	background: #cc1126;
	color: #fff;
}

.template5_red #template5_quick .ql-tab li:hover a {
	background: #cc1126;
}

.template5_red .sub-newsletter input[type="submit"] {
	background: #cc1126;
	color: #fff;
}

.template5_red span.slideout {
	background: #cc1126;
	color: #fff;
}

.template5_red #feedback .form-group label {
	color: #cc1126;
}

.template5_red button#myBtn {
	background: #cc1126;
}

.template5_red .poll input.btn-links {
	border: 2px solid #cc1126;
}

.template5_red #sidemenu {
	background: #cc1126;
}

.template5_red .sidemenuhover {
	background: #cc1126;
}

.template5_red #sidemenu.opened {
	background: #cc1126;
}

.template5_red .qlinks:hover h4 {
	color: #cc1126;
}

.template5_red #template5_highlights a:hover h3 {
	color: #cc1126;
}

.template5_red #template5_vision_mission a.btn-links:hover {
	background: #cc1126;
}

/* take note */
.template5_red #template5_top #myCarousel a.left.carousel-control:hover,
.template5_red #template5_announcement #ACarousel a.left.carousel-control:hover,
.template5_red #template5_highlights #SCarousel a.left.carousel-control:hover {
	background: #cc1126;
}

.template5_red #template5_top #myCarousel a.right.carousel-control:hover,
.template5_red #template5_announcement #ACarousel a.right.carousel-control:hover,
.template5_red #template5_highlights #SCarousel a.right.carousel-control:hover {
	background: #cc1126;
}

/* end here */

.template5_red a.page-link:hover {
	background: #cc1126 !important;
}

.template5_red #template5_header .login-button a {
	color: #cc1126;
}

.template5_red #template5_header .login-button button {
	border-color: #cc1126;
}

/* Red End */
/* Custom Color(General Use) End*/

/* Template 5 CSS */
@import url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://fonts.googleapis.com/css2?family=Hind:wght@400;700&family=Playfair+Display:wght@500;700;900&display=swap');

/* Header */
#template5_header {
	font-family: 'Hind', sans-serif;
	font-size: 18px;
}

#template5_header .login-button {
	float: left;
	margin: 0px 3px 0px 15px;
}

#template5_header .login-button a {
	/* color: black; */
	text-decoration: none;
	font-size: 12px;
}

#template5_header select#lang {
	margin-top: 2px;
}

#template5_header .login-button button {
	padding: 3px 7px;
	/* background-color: #e3fcea; */
	border-radius: 5px;
	/* border-color: darkgreen; */
}

#template5_header header {
	float: left;
	width: 100%;
}

#template5_header .top-header {
	width: 100%;
	float: left;
	padding: 5px 0;
}

#template5_header .top-header .container,
#template5_header .secondary-header .container {
	width: 100%;
	padding: 0 60px;
}

#template5_header.top-header .container:after {
	content: '';
	border-bottom: 1px solid #d8d8d8;
	width: 100%;
	padding-top: 5px;
}

#template5_header header .register-box {
	display: block;
	border-radius: 5px;
	float: left;
	background: #deb668;
	font-size: 11px;
}

#template5_header .top-header .container:after {
	content: '';
	border-bottom: 1px solid #d8d8d8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(216, 216, 216);
	width: 100%;
	padding-top: 5px;
}

#template5_header #header-wrapper {
	float: right;
}

#template5_header .main-nav a {
	text-transform: uppercase;
	padding: 0px 20px;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
}

#template5_header .secondary-header .container {
	display: flex;
	align-items: center;
}

#template5_header .navbar-nav li a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
}

#template5_header ul.mm-dropdown-menu li a {
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 15px;
	font-family: 'Hind', sans-serif !important;
}

#template5_header ul.mm-dropdown-menu {
	position: absolute;
	text-align: left;
	background: #fff;
	top: 40px;
	right: -30px;
	width: max-content !important;
	z-index: 9;
	padding: 10px 0 !important;
	line-height: 2;
}

#template5_header .dropdown-menu li a {
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	/* color: #333; */
	font-size: 15px;
}

#template5_header .dropdown-menu {
	/* top: 0;
		left: 100%;
		width: 160px; */
}

/* Header End */

/* Footer */
#template5_footer {
	font-family: 'Hind', sans-serif;
	font-size: 15px;
}

/* #template5_footer footer {
		padding: 20px 0;
		width: 100%;
		float: left;
		background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/footer-bg.jpg) no-repeat;
		background-size: cover;
	} */

#template5_footer footer .container {
	display: flex;
	align-items: center;
	line-height: 180%;
}

#template5_footer footer .links a {
	text-decoration: none;
	color: #fff;
}

#template5_footer footer .social i {
	font-size: 25px;
	padding: 5px;
	color: #fff;
}

#template5_footer .social a {
	padding: 20px;
	color: #000;
}

#template5_footer .menu-list {
	font-weight: bold;
	line-height: 150%;
	color: #fff;
}

#template5_footer p.cp {
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
}

#template5_footer footer h6 {
	margin-top: 20px;
	font-size: 13px;
	color: #fff;
	font-weight: normal;
}

#template5_footer .finfo {
	margin-top: 15px;
	line-height: 140%;
	color: #fff;
}

#template5_footer .links .finfo {
	font-weight: normal;
}

#template5_footer .links img {
	width: 50px;
	margin: 10px;
}

#template5_footer .gamma img {
	width: 50px;
	margin: 1px;
}

#template5_footer .fdivide {
	width: 50%;
	float: left;
	margin-top: 10px;
}

#template5_footer footer .small-left-right {
	padding: 0 10px;
}

#template5_footer .fdivide a {
	width: 100%;
	float: left;
	font-size: 12px;
}

#template5_footer .sub-newsletter label {
	width: 100%;
	margin-top: 10px;
	color: #fff;
}

#template5_footer.sub-newsletter input {
	width: 100%;
	padding: 5px;
}

#template5_footer footer .b-links a {
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	margin-right: 25px;
}

#template5_footer .visitor {
	font-size: 13px;
	float: right;
	color: #fff;
}

#template5_footer .social {
	text-align: right;
}

#template5_footer .social a {
	padding: 10px;
	color: #000;
}

#template5_footer .container.f-btm {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

#template5_footer button#myBtn {
	border-radius: 0;
}

#template5_footer .footer-logo-row {
	display: flex;
	margin-left: -10px;
}

/* Footer End */

/* Top */
#template5_top {
	padding: 0 30px;
}

.grey {
	background: #f3f3f3;
	/*text-align: right;*/
	z-index: 1;
}

#template5_top .wrapper {
	padding: 10px 35px;
}

#template5_top a.left.carousel-control {
	background: none;
}

#template5_top a.right.carousel-control {
	background: none;
}

#template5_top h2 {
	font-weight: 600;
	margin: 0;
}

#template5_top h3 {
	font-size: 50px;
	font-weight: bold;
	font-family: Playfair Display;
	line-height: 130%;
}

#template5_top a.btn-links {
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
}

#template5_top a.btn-links i {
	font-size: 25px;
	margin-left: 15px;
}

#template5_top a.btn-links:hover {
	background: #000;
	color: #fff;
}

#template5_top #myCarousel .item .container {
	height: 100%;
	position: absolute;
	top: 0;
	margin: 0 auto !important;
	width: 80%;
	display: flex;
	align-items: center;
	padding: 0 10%;
}

#template5_top #myCarousel a.left.carousel-control {
	background: #000;
	opacity: 1;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	position: absolute;
	bottom: 30px;
	top: unset;
	right: 170px;
	left: unset;
}

#template5_top #myCarousel a.right.carousel-control {
	background: #000;
	opacity: 1;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	position: absolute;
	bottom: 30px;
	top: unset;
	right: 120px;
	left: unset;
}

#template5_top #myCarousel {
	height: 100%;
}

#template5_top #myCarousel .carousel-inner {
	height: inherit;
}

#template5_top .pd-l-r {
	padding: 0 60px;
}

#template5_top .fwidth {
	width: 100%;
	position: relative;
}

#template5_top .big-border {
	border: 10px solid;
	display: flex;
	align-items: center;
}

#template5_top h4.liner {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #000;
}

#template5_top h4.liner:before {
	content: '';
	background: #000;
	width: 40px;
	height: 2px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}

/* Top End */

/* About Ministry */
#template5_about {
	font-family: 'Open Sans', sans-serif;
	/* display: flex;
		align-items: center; */
}

#template5_about .col-md-7 {
	padding-left: 0;
}

#template5_about .details {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	position: absolute;
	bottom: 3%;
	width: 70%;
}

#template5_about h3 {
	font-family: "Playfair Display", serif;
	font-size: 3.053em;
	font-weight: 700;
	font-style: normal;
	line-height: 1.21em;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
	margin-top: 1.98em;
	margin-bottom: 1.01em;
	color: #000;
}

#template5_about.pd-l-r {
	padding: 0 60px;
}

#template5_about .fwidth {
	width: 100%;
	position: relative;
}

#template5_about .big-border {
	border: 10px solid;
	display: flex;
	align-items: center;
}

#template5_about h4.liner {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
}

#template5_about h4.liner:before {
	content: '';
	background: #000;
	width: 40px;
	height: 2px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}

#template5_about .smallbox {
	padding: 3% 6%;
}

#template5_about .desc {
	font-size: 18px;
	color: #9d9ca4;
	padding: 3% 5% !important;
	float: left;
}

#template5_about .grey-cover {
	height: 200px;
	position: relative;
	right: -5%;
	background: #f3f3f3;
}

/* About Ministry End */

/* Quick Link */
#template5_quick {
	display: flex;
	align-items: center;
	font-family: 'Hind', sans-serif;
}

#template5_quick .pd-l-r {
	padding: 0 60px;
}

#template5_quick .col-md-7 {
	padding-left: 0;
}

#template5_quick .details {
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

#template5_quick h2 {
	font-family: "Playfair Display", serif !important;
	font-size: 3.053em;
	margin-top: 1.48em;
	text-align: left;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
}

#template5_quick h3.item_title {
	font-weight: bold;
	margin-bottom: 25px;
}

#template5_quick p {
	width: 100%;
	color: #000;
	float: left;
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 10px;
	font-size: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template5_quick .details a .a-title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

#template5_quick .details a .a-date {
	color: #fff;
	font-style: italic;
}

#template5_quick .details .a-links {
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	text-decoration: none;
}

#template5_quick .details a:last-child {
	border-bottom: 0 !important;
}

#template5_quick button.btn-links {
	font-size: 13px;
	font-weight: 600;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
	outline: 0;
	border: 0;
}

#template5_quick .read-links a:last-child {
	border-bottom: 0;
}

#template5_quick .divider:before {
	content: '';
	height: 3px;
	width: 50px;
	float: left;
}

#template5_quick .divider {
	float: left;
	width: 100%;
	padding: 15px 0;
}

#template5_quick .qlinks img {
	width: 30%;
	float: left;
}

#template5_quick .qlinks h4 {
	float: left;
	color: #000;
	font-weight: bold;
	width: 70%;
	padding-left: 10px;
	background: #fff;
}

#template5_quick a.qlinks span {
	color: #000;
	font-weight: 600;
	font-size: 15px;
}

#template5_quick a.qlinks {
	width: 25%;
	float: left;
	text-align: left;
	padding: 15px;
	margin: 0;
}

#template5_quick a.left.carousel-control {
	width: unset !important;
	left: -25px;
}

#template5_quick a.right.carousel-control {
	width: unset !important;
	right: -25px;
}

#template5_quick .glyphicon-chevron-left:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
	opacity: 0.5;
}

#template5_quick .glyphicon-chevron-right:before {
	font-size: 15px;
	background: #000;
	border-radius: 50%;
	padding: 5px 7px;
	opacity: 0.5;
}

#template5_quick .ql-tab {
	width: 100%;
	margin: 15px auto;
}

#template5_quick .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	background: #7f7f7f;
	color: #fff;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
}

#template5_quick .ql-tab {
	border: 0;
	margin: 15px auto;
}

/* Quick Link End*/

/* About Sarawak */
#template5_abt_swk {
	width: 100%;
	right: auto;
	position: relative;
	box-sizing: border-box;
	/* height:580px; */
	font-family: 'Hind', sans-serif;
}

#template5_abt_swk img {
	z-index: 999;
	width: 100%;
	margin-top: 60px;
	left: 30%;
	height: 380px;
	position: absolute;
	object-fit: contain;
}

#template5_abt_swk .col-md-8 sdetails medium-top-bottom h4 {
	color: #fff;
	font-family: "Playfair Display", serif;
}

#template5_abt_swk h4.liner {
	color: #fff;
	position: absolute;
	top: 15%;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
}

#template5_abt_swk h4.liner:before {
	content: '';
	background: #000;
	width: 40px;
	height: 2px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}

#template5_abt_swk h2 {
	color: #fff;
	font-family: "Playfair Display", serif;
	position: absolute;
	top: 25%;
}

#template5_abt_swk p {
	font-size: 17px;
	font-weight: normal;
	position: absolute;
	top: 40%;
	width: 55%;
	line-height: 150%;
	color: white;
}

#template5_abt_swk .sdetails {
	overflow: hidden;
	text-overflow: ellipsis;
}

#template5_abt_swk .col-md-8.sdetails.medium-top-bottom {
	padding-left: 200px;
	padding-right: 300px;
	height: 570px;
}

#template5_abt_swk a.btn-links {
	color: #fff;
	position: absolute;
	top: 80%;
}

#template5_abt_swk .col-md-4.cm-img {
	/* text-align: right; */
	width: 100%;
}

#template5_abt_swk .col-md-4.grey {
	height: 570px;
}

#template5_abt_swk a.btn-links:hover {
	background: #000;
	color: #fff;
}

#template5_abt_swk a.btn-links i {
	font-size: 25px;
	margin-left: 15px;
}

#template5_abt_swk a.btn-links {
	font-size: 13px !important;
	font-weight: bold !important;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
}

/* About Sarawak End */

/* Vision Mission */
#template5_vision_mission {
	/* margin-top:100px;	 */
	margin-bottom: 20%;
	height: 500px;
	position: relative;
	font-family: 'Hind', sans-serif;
}

#template5_vision_mission h4.liner {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	/*color:#fff;*/
}

#template5_vision_mission h4.liner:before {
	content: '';
	background: #000;
	width: 40px;
	height: 2px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}

#template5_vision_mission h2 {
	font-size: 3.053em;
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
}

#template5_vision_mission a.btn-links i {
	font-size: 25px;
	margin-left: 15px;
}

#template5_vision_mission a.btn-links {
	color: #fff;
	background-color: #000;
	position: absolute;
	/* bottom: -20%; */
	left: 80px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
}

#template5_vision_mission p {
	color: #9d9ca4;
	font-size: 17px;
	font-weight: bold;
	line-height: 150%;
}

#template5_vision_mission .col-md-12.sdetails.medium-top-bottom.white {
	background: #f3f3f3;
	position: absolute;
	right: 20%;
	width: 45%;
	top: 35%;
	height: 100%;
}

#template5_vision_mission .container {
	width: 65%;
	margin-bottom: 38px;
	position: absolute;
	top: -25%;
	left: 130px;
}

#template5_vision_mission .vision-background {
	position: absolute;
	padding: 10px 10px;
	width: 70%;
	text-align: justify;
	left: 140px;
}

#template5_vision_mission img {
	width: 100%;
	margin-top: 60px;
	height: 500px;
	object-fit: contain;
}

#template5_vision_mission .col-md-4.pst-img.white {
	text-align: left;
	left: 10%;
	z-index: 1;
}

#template5_vision_mission .col-md-8.sdetails.medium-top-bottom.white {
	padding-left: 250px;
	padding-right: 200px;
}


#template5_vision_mission #mvv img {
	width: 100%;
}

#template5_vision_mission #mvv h6 {
	position: absolute;
	bottom: 5%;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-size: 20px;
	left: 10%;
	font-weight: bold;
	opacity: 0;
}

#template5_vision_mission #mvv a:hover h6 {
	opacity: 1;
}

/* Vision Mission End */

/* Announcement */
#template5_announcement {
	padding-top: 8rem;
}

/* #template5_announcement #ACarousel-background {
		background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/announcement.jpg);
		background-size: contain;
		padding: 10rem 5rem;
	} */

#template5_announcement a.btn-links i {
	font-size: 25px;
	margin-left: 15px;
}

#template5_announcement a.btn-links {
	font-size: 13px;
	font-weight: bold;
	text-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 5px;
	float: left;
	margin-top: 15px;
	margin-bottom: 20px;
	color: #000;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
}

#template5_announcement a.btn-links:hover {
	background: #000;
}

#template5_announcement h4.liner {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #fff;
}

#template5_announcement h4.liner:before {
	content: '';
	width: 40px;
	height: 2px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}

#template5_announcement a.btn-links {
	position: absolute;
	right: 0;
	top: 15px;
	color: #fff;
}

#template5_announcement p {
	font-size: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template5_announcement h3 {
	padding-bottom: 10px;
	font-size: 18px;
}

#template5_announcement h4 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template5_announcement #ACarousel {
	font-family: "Playfair Display", serif;
	color: #fff;
	padding: 5% 0;
}

#template5_announcement #ACarousel a.left.carousel-control {
	background: #000;
	opacity: 1;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	position: absolute;
	bottom: 15%;
	top: unset;
	right: 70px;
	left: unset;
}

#template5_announcement #ACarousel a.right.carousel-control {
	background: #000;
	opacity: 1;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	position: absolute;
	bottom: 15%;
	top: unset;
	right: 20px;
	left: unset;
}

#template5_announcement #ACarousel .profile_icon img {
	border-radius: 50%;
	width: 60px;
	height: 60px;
}

/* Announcement End */

/* Highlights */
#template5_highlights {
	position: relative;
}

#template5_highlights .wrapper.col-md-12 {
	padding-bottom: 50px;
}


#template5_highlights h4.liner {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}

#template5_highlights h4.liner:before {
	content: '';
	width: 40px;
	height: 2px;
	float: left;
	margin-right: 30px;
	margin-top: 5px;
}

#template5_highlights h3 {
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0px;
	color: #000;
}

#template5_highlights .desc {
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.2em;
	text-decoration: none;
	text-transform: none;
	letter-spacing: -0.4px;
	color: #000;
}

#template5_highlights .span {
	color: #9d9ba3
}

#template5_highlights #SCarousel {
	display: block;
}

#template5_highlights #SCarousel a.left.carousel-control {
	background: #000;
	opacity: 1;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	position: absolute;
	bottom: 30px;
	top: 50px;
	right: 170px;
	left: unset;
}

#template5_highlights #SCarousel a.right.carousel-control {
	background: #000;
	opacity: 1;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	position: absolute;
	bottom: 30px;
	top: 50px;
	right: 120px;
	left: unset;
}

/* Hightlights End */

/* Template 5 CSS End */

/******** Template 5 End ********/

/******** Template 6 Start ********/

/* Custom Color(General Use) */

/* Yellow */
.template6_yellow #template6_header header .dropdown-menu>.active>a {
	color: #fcb10b;
}

.template6_yellow .mainmenu button.navbar-toggler {
	background: #fcb10b;
}

.template6_yellow #header-wrapper {
	background: #b7830f;
}

.template6_yellow .secondary-header {
	background: #fece08;
}

.template6_yellow select#lang {
	background: #fece08;
	color: #000;
}

.template6_yellow .mainmenu button.navbar-toggler:hover {
	color: #f9d017;
}

.template6_yellow .navbar-nav>li>a:hover {
	color: #f9d017;
}

.template6_yellow .dropdown-menu>li>a:hover {
	color: #f9d017;
}

.template6_yellow .sidemenuhover {
	background: #f9d017;
}

.template6_yellow span.slideout {
	background: #f9d017;
	color: #000;
}

.template6_yellow #template6_top .textinfo a:hover {
	color: #f9d017;
	border-color: #fff;
}

.template6_yellow #template6_quick .link-box:hover {
	background: #f9d017;
	border-color: #f9d017;
	cursor: pointer;
}

.template6_yellow #template6_quick .link-box:hover h5,
.template6_yellow #template6_quick .link-box:hover .link-desc,
.template6_yellow #template6_quick .link-box:hover p,
.template6_yellow #template6_quick .link-box:hover a {
	color: #000;
}

.template6_yellow #template6_quick a.lm:hover,
.template6_yellow #template6_latest_news a.lm:hover {
	background: #f9d017;
}

.template6_yellow #template6_latest_news .owl-item:hover h4.ititle a {
	color: #f9d017;
}

.template6_yellow #template6_latest_news .ql-tab li.active a,
.template6_yellow #template6_quick .ql-tab li.active a {
	background: #f9d017;
	color: #000;
}

.template6_yellow #template6_latest_news .ql-tab li:hover a,
.template6_yellow #template6_quick .ql-tab li:hover a {
	background: #f9d017;
	color: #000;
}

.template6_yellow button#myBtn {
	color: #000;
	background: #f9d017;
}

.template6_yellow #template6_footer .sub-newsletter input[type="submit"]:hover {
	border: 1px solid #f9d017;
	background: #f9d017;
}

.template6_yellow h3.subtitle:after {
	background: #f9d017;
	background: linear-gradient(90deg, #f9d017 5%, #000 0);
}

.template6_yellow button.btn-links {
	background: #f9d017;
	color: #000;
}

.template6_yellow button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template6_yellow .sselect:after {
	color: #f9d017;
}

.template6_yellow a.readmore {
	color: #f9d017;
}

.template6_yellow a.page-link.active {
	background: #f9d017 !important;
	color: #000 !important;
}

.template6_yellow a.page-link:hover {
	background: #f9d017 !important;
	color: #000 !important;
}

.template6_yellow .poll input.btn-links {
	border: 2px solid #f9d017;
}

.template6_yellow a.btn-links {
	background: #f9d017;
	color: #000;
}

.template6_yellow #feedback .form-group label {
	color: #f9d017;
}

.template6_yellow #feedback input[type="submit"] {
	border: 1px solid #f9d017;
	color: #f9d017;
}

.template6_yellow #feedback .form-group label {
	color: #f9d017;
}

.template6_yellow #feedback input[type="submit"]:hover,
.template6_yellow #feedback input[type="reset"]:hover {
	background: #f9d017;
	color: #000;
}

.template6_yellow #template6_header .login-button a {
	color: #bdac13;
}

.template6_yellow #template6_header .login-button button {
	border-color: #f9d017;
}

/* Yellow End */

/* Blue */
.template6_blue #template6_header header .dropdown-menu>.active>a {
	color: #225b99;
}

.template6_blue .mainmenu button.navbar-toggler {
	background: #225b99;
}

.template6_blue #header-wrapper {
	background: #004d8e;
}

.template6_blue .secondary-header {
	background: #0a2d51;
}

.template6_blue select#lang {
	background: #0a2d51;
}

.template6_blue .navbar-nav>li>a:hover {
	color: #0361c6;
}

.template6_blue .dropdown-menu>li>a:hover {
	color: #0361c6;
}

.template6_blue .sidemenuhover {
	background: #0361c6;
}

.template6_blue span.slideout {
	background: #0361c6;
	color: #fff;
}

.template6_blue #template6_top .textinfo a:hover {
	font-weight: bold;
	border-color: #fff;
}

.template6_blue #template6_quick .link-box:hover {
	background: #0361c6;
	border-color: #0361c6;
	cursor: pointer;
}

.template6_blue #template6_quick .link-box:hover h5,
.template6_blue #template6_quick .link-box:hover .link-desc,
.template6_blue #template6_quick .link-box:hover p,
.template6_blue #template6_quick .link-box:hover a {
	color: #fff;
}

.template6_blue #template6_quick a.lm:hover,
.template6_blue #template6_latest_news a.lm:hover {
	background: #0361c6;
}

.template6_blue #template6_latest_news .owl-item:hover h4.ititle a {
	color: #0361c6;
}

.template6_blue #template6_latest_news .ql-tab li.active a,
.template6_blue #template6_quick .ql-tab li.active a {
	background: #0361c6;
	color: #fff;
}

.template6_blue #template6_latest_news .ql-tab li:hover a,
.template6_blue #template6_quick .ql-tab li:hover a {
	background: #0361c6;
	color: #fff;
}

.template6_blue button#myBtn {
	color: #fff;
	background: #0361c6;
}

.template6_blue #template6_footer .sub-newsletter input[type="submit"]:hover {
	border: 1px solid #0361c6;
	background: #0361c6;
}

.template6_blue h3.subtitle:after {
	background: #0361c6;
	background: linear-gradient(90deg, #0361c6 5%, #000 0);
}

.template6_blue button.btn-links {
	background: #0361c6;
	color: #fff;
}

.template6_blue button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template6_blue .sselect:after {
	color: #0361c6;
}

.template6_blue a.readmore {
	color: #0361c6;
}

.template6_blue a.page-link.active {
	background: #0361c6 !important;
	color: #fff !important;
}

.template6_blue a.page-link:hover {
	background: #0361c6 !important;
	color: #fff !important;
}

.template6_blue .poll input.btn-links {
	border: 2px solid #0361c6;
}

.template6_blue a.btn-links {
	background: #0361c6;
	color: #fff;
}

.template6_blue #feedback .form-group label {
	color: #0361c6;
}

.template6_blue #feedback input[type="submit"] {
	border: 1px solid #0361c6;
	color: #0361c6;
}

.template6_blue #feedback .form-group label {
	color: #0361c6;
}

.template6_blue #feedback input[type="submit"]:hover,
.template6_blue #feedback input[type="reset"]:hover {
	background: #0361c6;
	color: #fff;
}

.template6_blue #template6_header .login-button a {
	color: #0361c6;
}

.template6_blue #template6_header .login-button button {
	border-color: #0361c6;
}

/* Blue End */

/* Green */
.template6_green #template6_header header .dropdown-menu>.active>a {
	color: #315b53;
}

.template6_green .mainmenu button.navbar-toggler {
	background: #315b53;
}

.template6_green #header-wrapper {
	background: #2b7a77;
}

.template6_green .secondary-header {
	background: #3aafa9;
}

.template6_green select#lang {
	background: #3aafa9;
}

.template6_green .mainmenu button.navbar-toggler:hover {
	color: #42ab4f;
}

.template6_green .navbar-nav>li>a:hover {
	color: #42ab4f;
}

.template6_green .dropdown-menu>li>a:hover {
	color: #42ab4f;
}

.template6_green .sidemenuhover {
	background: #42ab4f;
}

.template6_green span.slideout {
	background: #42ab4f;
	color: #fff;
}

.template6_green #template6_top .textinfo a:hover {
	color: #42ab4f;
	border-color: #fff;
}

.template6_green #template6_quick .link-box:hover {
	background: #42ab4f;
	border-color: #42ab4f;
	cursor: pointer;
}

.template6_green #template6_quick .link-box:hover h5,
.template6_green #template6_quick .link-box:hover .link-desc,
.template6_green #template6_quick .link-box:hover p,
.template6_green #template6_quick .link-box:hover a {
	color: #fff;
}

.template6_green #template6_quick a.lm:hover,
.template6_green #template6_latest_news a.lm:hover {
	background: #42ab4f;
}

.template6_green #template6_latest_news .owl-item:hover h4.ititle a {
	color: #42ab4f;
}

.template6_green #template6_latest_news .ql-tab li.active a,
.template6_green #template6_quick .ql-tab li.active a {
	background: #42ab4f;
	color: #fff;
}

.template6_green #template6_latest_news .ql-tab li:hover a,
.template6_green #template6_quick .ql-tab li:hover a {
	background: #42ab4f;
	color: #fff;
}

.template6_green button#myBtn {
	color: #fff;
	background: #42ab4f;
}

.template6_green #template6_footer .sub-newsletter input[type="submit"]:hover {
	border: 1px solid #42ab4f;
	background: #42ab4f;
}

.template6_green h3.subtitle:after {
	background: #42ab4f;
	background: linear-gradient(90deg, #42ab4f 5%, #000 0);
}

.template6_green button.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template6_green button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template6_green .sselect:after {
	color: #42ab4f;
}

.template6_green a.readmore {
	color: #42ab4f;
}

.template6_green a.page-link.active {
	background: #42ab4f !important;
	color: #fff !important;
}

.template6_green a.page-link:hover {
	background: #42ab4f !important;
	color: #fff !important;
}

.template6_green .poll input.btn-links {
	border: 2px solid #42ab4f;
}

.template6_green a.btn-links {
	background: #42ab4f;
	color: #fff;
}

.template6_green #feedback .form-group label {
	color: #42ab4f;
}

.template6_green #feedback input[type="submit"] {
	border: 1px solid #42ab4f;
	color: #42ab4f;
}

.template6_green #feedback .form-group label {
	color: #42ab4f;
}

.template6_green #feedback input[type="submit"]:hover,
.template6_green #feedback input[type="reset"]:hover {
	background: #42ab4f;
	color: #fff;
}

.template6_green #template6_header .login-button a {
	color: #42ab4f;
}

.template6_green #template6_header .login-button button {
	border-color: #42ab4f;
}

/* Green End */

/* Red */
.template6_red #template6_header header .dropdown-menu>.active>a {
	color: #cc1126;
}

.template6_red .mainmenu button.navbar-toggler {
	background: #cc1126;
}

.template6_red #header-wrapper {
	background: #cc1127;
}

.template6_red .secondary-header {
	background: #9b1226;
}

.template6_red select#lang {
	background: #9b1226;
}

.template6_red .navbar-nav>li>a:hover {
	color: #cc1126;
}

.template6_red .dropdown-menu>li>a:hover {
	color: #cc1126;
}

.template6_red .sidemenuhover {
	background: #cc1126;
}

.template6_red span.slideout {
	background: #cc1126;
	color: #fff;
}

.template6_red #template6_top .textinfo a:hover {
	color: #cc1126;
	border-color: #fff;
}

.template6_red #template6_quick .link-box:hover {
	background: #cc1126;
	border-color: #cc1126;
	cursor: pointer;
}

.template6_red #template6_quick .link-box:hover h5,
.template6_red #template6_quick .link-box:hover .link-desc,
.template6_red #template6_quick .link-box:hover p,
.template6_red #template6_quick .link-box:hover a {
	color: #fff;
}

.template6_red #template6_quick a.lm:hover,
.template6_red #template6_latest_news a.lm:hover {
	background: #cc1126;
}

.template6_red #template6_latest_news .owl-item:hover h4.ititle a {
	color: #cc1126;
}

.template6_red #template6_latest_news .ql-tab li.active a,
.template6_red #template6_quick .ql-tab li.active a {
	background: #cc1126;
	color: #fff;
}

.template6_red #template6_latest_news .ql-tab li:hover a,
.template6_red #template6_quick .ql-tab li:hover a {
	background: #cc1126;
	color: #fff;
}

.template6_red button#myBtn {
	color: #fff;
	background: #cc1126;
}

.template6_red #template6_footer .sub-newsletter input[type="submit"]:hover {
	border: 1px solid #cc1126;
	background: #cc1126;
}

.template6_red h3.subtitle:after {
	background: #cc1126;
	background: linear-gradient(90deg, #cc1126 5%, #000 0);
}

.template6_red button.btn-links {
	background: #cc1126;
	color: #fff;
}

.template6_red button.btn-links:hover {
	background: #000;
	color: #fff;
}

.template6_red .sselect:after {
	color: #cc1126;
}

.template6_red a.readmore {
	color: #cc1126;
}

.template6_red a.page-link.active {
	background: #cc1126 !important;
	color: #fff !important;
}

.template6_red a.page-link:hover {
	background: #cc1126 !important;
	color: #fff !important;
}

.template6_red .poll input.btn-links {
	border: 2px solid #cc1126;
}

.template6_red a.btn-links {
	background: #cc1126;
	color: #fff;
}

.template6_red #feedback .form-group label {
	color: #cc1126;
}

.template6_red #feedback input[type="submit"] {
	border: 1px solid #cc1126;
	color: #cc1126;
}

.template6_red #feedback .form-group label {
	color: #cc1126;
}

.template6_red #feedback input[type="submit"]:hover,
.template6_red #feedback input[type="reset"]:hover {
	background: #cc1126;
	color: #fff;
}

.template6_red #template6_header .login-button a {
	color: #cc1126;
}

.template6_red #template6_header .login-button button {
	border-color: #cc1126;
}

/* Red End */

/* Custom Color(General Use) End*/

/* Template 6 CSS */
@import url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

/* Footer */
#template6_footer {
	/* font-family: 'Open Sans', sans-serif;
		  font-size: 13px; */
}

#template6_footer footer {
	padding: 20px 0;
	width: 100%;
	float: left;
	background: #25272A;
	background-size: cover;
}

#template6_footer .footer-logo-row {
	display: flex;
	margin-left: -10px;
}

#template6_footer .f-logo img {
	width: 220px;
	margin-bottom: 15px;
}

#template6_footer footer p {
	line-height: 120%;
}

#template6_footer footer p.desc {
	color: #82868A;
	font-size: 16px;
	line-height: 30px;
}

#template6_footer footer .container {
	line-height: 180%;
	color: #fff;
	max-width: 1000px;
}

#template6_footer h4.ftitle {
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 20px;
}

#template6_footer ul.f-links {
	text-align: right;
	float: right;
}

#template6_footer .f-links li {
	width: 100%;
	list-style: none;
	float: left;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
}

#template6_footer .f-links a {
	color: #82868A;
	text-decoration: none;
}

#template6_footer footer input {
	width: 100%;
	background: none;
	border: none;
	border-bottom: 1px solid #3C3D40;
	margin-bottom: 18px;
	padding: 3px 45px 14px 0;
	outline: none;
	color: #FFF;
	background-size: 24px 30px;
	font-size: 16px;
}

#template6_footer footer .ebtn .toplink {
	float: right;
	width: 100%;
	text-align: center;
}

#template6_footer footer .links a {
	text-decoration: none;
	color: #777;
}

#template6_footer footer .social i {
	font-size: 25px;
	padding: 5px;
}

#template6_footer p.cp {
	font-size: 11px;
	line-height: 150%;
	color: #fff;
}

#template6_footer footer h6 {
	font-weight: bold;
	margin-top: 20px;
	font-size: 13px;
}

#template6_footer .finfo {
	margin-top: 15px;
	line-height: 140%;
	font-size: 13px;
}

#template6_footer .links .finfo {
	font-weight: 600;
}

#template6_footer .links img {
	width: 50px;
	margin: 10px;
}

#template6_footer .gamma img {
	width: 50px;
	margin: 1px;
}

#template6_footer .fdivide {
	width: 50%;
	float: left;
	margin-top: 10px;
}

#template6_footer footer .small-left-right {
	padding: 0 10px;
}

#template6_footer .fdivide a {
	width: 100%;
	float: left;
	font-size: 12px;
}

#template6_footer .sub-newsletter label {
	width: 100%;
	margin-top: 10px;
}

#template6_footer .sub-newsletter input {
	width: 100%;
	padding: 5px;
	color: #000;
	background: #fff;
	margin-bottom: 0;
}

#template6_footer .sub-newsletter input[type="submit"] {
	width: 100px !important;
	font-size: 11px;
	border: 1px solid #fff;
	border-radius: 5px;
	margin: 15px 0 15px;
	background: unset;
	color: #fff;
}

#template6_footer footer .b-links a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	margin-right: 25px;
}

#template6_footer .visitor {
	font-weight: bold;
	font-size: 12px;
	float: right;
}

#template6_footer .social {
	text-align: right;
}

#template6_footer .social a {
	padding: 10px;
	color: #000;
}

#template6_footer .container.f-btm {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

#template6_footer button#myBtn {
	border-radius: 0;

}

/* Footer End */

/* Top */
#template6_top .grey {
	background: #f1f1f1;
}

#template6_top .container {
	max-width: 1000px;
}

/* .indicator-number {
		  position: absolute;
		  width: 100%;
		  z-index: 1;
		  padding-left: 10%;
		  height: 120px;
		  bottom: 0;
		  display: flex;
	  }
	  
	  .indicator-number ol.carousel-indicators {
		  width: fit-content;
		  margin: unset;
		  position: initial;
		  float: left;
		  display: flex;
		  align-items: center;
		  vertical-align: middle;
	  }
	  
	  .indicator-number ol.carousel-indicators li {
		  margin: 0 10px;
	  }
	  
	  .indicator-number ol.carousel-indicators li.active {
		  padding: 8px;
	  }
	  
	  .num {
		  color: #fff;
		  font-weight: bold;
		  display: flex;
		  align-items: center;
	  }
	  
	  .num::before {
		  content: '';
		  width: 100px;
		  float: left;
		  height: 1px;
		  background: #fff;
		  margin: 0 20px;
	  } */

#template6_top {
	position: relative;
}

#template6_top .wrapper {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	width: 100%;
	left: 0;
}

#template6_top .caption {
	margin: 0 auto;
	width: 100%;
	padding: 0 10%;
}

/* a.left.carousel-control {
		  background: none;
	  }
	  
	  a.right.carousel-control {
		  background: none;
	  } */

#template6_top h2 {
	font-size: 35px;
	font-weight: bolder;
	margin-bottom: 25px;
}

#template6_top h2 span {
	font-weight: 300;
}

#template6_top h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0;
	line-height: 25px
}

/* .homebg {
		  background: url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/template6/homebg.jpg) no-repeat left top;
		  background-size: cover;
	  } */

#template6_top .textinfo {
	color: #fff;
	float: left;
	padding: 20px 0;
}

#template6_top .textinfo a::after {
	content: '>';
	position: absolute;
	left: 280px;
}

#template6_top .textinfo p {
	font-size: 12px;
	padding: 0;
	width: 300px;
}

#template6_top .textinfo a {
	color: #fff;
	border-bottom: 1px solid;
	width: 290px !important;
	float: left;
	padding: 15px 0;
	text-decoration: none;
}

#template6_top .textinfo li:last-child a {
	border: 0;
}

#template6_top .textinfo ul {
	color: #fff;
	border-bottom: 1px solid;
	width: 290px !important;
	float: left;
	padding: 0;
}

#template6_top .textinfo li {
	list-style: none;
}

/* Top End */

/* Quick Link */
#template6_quick {
	/* background: #f2f2f2 url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/template6/quick-link.jpg) top center no-repeat; */
}

#template6_quick .container {
	position: relative;
	max-width: 1000px;
}

#template6_quick h4.sec-title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
	float: left;
	width: 100%;
	text-shadow: 3px 2px 2px #000000;
}

#template6_quick .link-box {
	width: 33.333%;
	float: left;
	background: #fff;
	border: 1px solid #eee;
	padding: 15px;
}

#template6_quick .link-box h5 {
	color: #0a2d51;
	text-align: left;
	font-weight: bold;
}

#template6_quick .link-box h5:after {
	content: '>';
	float: right;
}

#template6_quick .link-box .link-desc {
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template6_quick .link-box a {
	width: 100%;
	float: left;
	color: #555;
	text-decoration: none;
}

#template6_quick .sec-quick {
	padding-left: 0;
	padding-right: 0;
	display: flex;
	align-items: center;
}

#template6_quick .sec-quick h4 {
	font-weight: bold;
	line-height: 150%;
}

#template6_quick a.lm {
	background: #004d8e;
	color: #fff;
	padding: 5px 20px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 10px;
	float: left;
	border-radius: 5px;
	text-decoration: none;
}

#template6_quick a.lm:hover {
	margin-top: 5px;
	margin-bottom: 5px;
	box-shadow: 0px 5px 20px 3px #b0b0b0;
	transition: 0.3s;
}

#template6_quick .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	background: #7f7f7f;
	color: #fff;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
	border: 0 !important;
}

#template6_quick .ql-tab {
	border: 0;
	/* position: absolute; */
	right: 0;
	margin: 0;
}

#template6_quick .ql-contents {
	/* float: left; */
	width: 100%;
	margin-top: 15px;
}

/* Quick Link End */

/* Latest News */
#template6_latest_news {
	/* background: #f2f2f2 url(https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/template6/ln-bg.jpg) top center no-repeat;
		  width: 100%; */
}

#template6_latest_news .ql-tab a {
	font-weight: bold;
	font-size: 14px;
	padding: 7px 30px !important;
	background: #7f7f7f;
	color: #fff;
	margin-right: 10px !important;
	border-radius: 5px !important;
	margin-bottom: 15px;
	border: 0 !important;
	z-index: 999;
}

#template6_latest_news .container {
	max-width: 1000px;
	position: relative;
}

#template6_latest_news .ql-tab {
	border: 0;
	position: absolute;
	right: 0;
	/* z-index: 9999; */
}

#template6_latest_news .ql-contents {
	/* float: left; */
	width: 100%;
	margin-top: 15px;
}

#template6_latest_news a.lm {
	text-transform: uppercase;
	font-weight: 600;
	float: left;
	text-decoration: none;
}

#template6_latest_news a.lm:hover {
	margin-bottom: 5px;
	box-shadow: 0px 5px 20px 3px #b0b0b0;
	transition: 0.3s;
}

#template6_latest_news .owl-nav {
	display: block;
	font-size: 50px;
	color: #fff;
}

#template6_latest_news h4.sec-title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 25px;
	float: left;
	width: 100%;
	text-shadow: 1px 1px 1px #000;
}

#template6_latest_news .owl-stage-outer {
	width: 100%;
}

#template6_latest_news .owl-stage-inner {
	width: 100%;
	border: 1px solid black;
}

#template6_latest_news .owl-dots {
	display: none;
}

#template6_latest_news .content-holder {
	position: relative;
	z-index: 2;
	width: 100%;
	background-color: #FFF;
	text-align: left;
	padding: 15px;
	max-width: 90%;
	margin: 0 auto;
	margin-top: -30px;
}

#template6_latest_news h4.ititle a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	font-size: 20px;
	line-height: 150%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template6_latest_news .itext-holder {
	/* padding: 10px 0; */
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template6_latest_news p.pr {
	font-size: 10px;
}

#template6_latest_news .icategory a {
	text-decoration: none;
	color: #555;
	font-size: 11px;
	font-style: italic;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#template6_latest_news .itext-holder p {
	color: #000;
	line-height: 150%;
}

#template6_latest_news .transparent-bg.show-all {
	background: unset;
	margin: 0;
	border: 1px solid #fff !important;
}

#template6_latest_news .transparent-bg.show-all:hover {
	margin-top: 0;
	border-color: #fff0 !important;
}

#template6_latest_news .ecarousel {
	float: left;
	width: 100%;
	padding-top: 2em;
}

#template6_latest_news button.owl-prev,
button.owl-next {
	outline: 0;
}

#template6_latest_news button.owl-prev span {
	height: 35px !important;
	width: 35px;
	position: absolute;
	top: 45%;
	border: 1px solid #fff;
	opacity: 0.8;
	left: -50px;
	line-height: 20px;
}

#template6_latest_news button.owl-next span {
	height: 35px !important;
	width: 35px;
	position: absolute;
	top: 45%;
	border: 1px solid #fff;
	opacity: 0.8;
	right: -50px;
	line-height: 20px;
}

#template6_latest_news button.owl-prev span:hover,
#template6_latest_news button.owl-next span:hover {
	opacity: 1;
}

/* Latest News End */

/* Banners */
.template6_banner .container {
	max-width: 1000px;
}

.template6_banner h2 {
	font-size: 30px;
	font-weight: 500 !important;
	line-height: 1.1;
}

/* Banners End */

/* Header */
#template6_header header {
	float: left;
	width: 100%;
}

#template6_header .login-button {
	float: left;
	margin: 0px 3px 0px 15px;
}

#template6_header .login-button a {
	/* color: black; */
	text-decoration: none;
}

#template6_header .login-button button {
	padding: 3px 7px;
	/* background-color: #e3fcea; */
	border-radius: 5px;
	/* border-color: darkgreen; */
}

#template6_header button.navbar-toggler {
	display: block;
	/* position: unset; */
}

#template6_header header .topheader {
	float: right;
	padding: 10px;
	font-size: 12px;
}

#template6_header header .lang-switch {
	float: left;
}

#template6_header header #header-wrapper {
	float: right;
	width: 100%;
	/* background: #004d8e; */
	padding: 0;
}

#template6_header header .register-box {
	display: block;
	border-radius: 5px;
	float: left;
	background: #deb668;
}

#template6_header header .register-box a {
	color: #333;
	text-decoration: none;
	padding: 0 7px;
}

#template6_header header form.is-search-form {
	float: left;
	margin: 0 15px;
}

#template6_header header .is-search-form input.is-search-input {
	border: 0;
	background: #e1e1e1;
	width: 300px;
	line-height: 100%;
	padding: 7px 30px 7px 10px;
	border-radius: 10px;
}

#template6_header header .is-search-form input.is-search-input:focus {
	outline: 0;
}

#template6_header header .is-search-form button.is-search-submit {
	background: none;
	border: 0;
	outline: 0;
	margin-left: -37px;
}

#template6_header header .is-search-form span.glyphicon.glyphicon-search {
	padding: 5px;
	font-size: 15px;
	border: 0;
	outline: 0;
	top: 3px;
}

*/ #template6_header header span.swkid {
	background: #676767;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	color: #e8e3e9;
	display: inline-block;
}

#template6_header header .swkid img {
	width: 20px;
	margin-right: 5px;
}

#template6_header header select#lang {
	padding: 5px 5px;
	/* background: #063d63; */
	border: 0;
	border-radius: 10px;
	outline: 0;
	margin: 0 10px;
	float: left;
	font-weight: bold;
	color: #fff;
}

#template6_header header .forms-content {
	float: left;
}

/* Switch */
#template6_header .switch {
	position: relative;
	width: 90px;
	height: 25px;
	margin: 3px 0 0;
}

#template6_header .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

#template6_header .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #063d63;
	-webkit-transition: .4s;
	transition: .4s;
}

#template6_header .slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#template6_header header input:checked+.slider {
	background: #676767;
}

#template6_header header input:checked+.slider:after {
	content: 'Dark Mode';
	margin-left: 10px;
	color: #fff;
}

#template6_header header .slider:after {
	content: 'Light Mode';
	font-size: 10px;
	margin-left: 28px;
	top: 4px;
	position: relative;
	color: #fff;
}

#template6_header header input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

#template6_header header input:checked+.slider:before {
	-webkit-transform: translateX(62px);
	-ms-transform: translateX(62px);
	transform: translateX(62px);
}

#template6_header .secondary-header {
	float: left;
	width: 100%;
	/* background: #000; */
}

#template6_header .secondary-header .row {
	display: flex;
	align-items: center;
}

#template6_header img.logo {
	padding: 5px 0;
	height: 100px;
	/* 3.12.2020 */
	width: auto;
}

#template6_header img.dark.logo {
	margin: auto;
}

#template6_header img.logo {
	padding: 5px 0;
	height: 100px;
	/* 3.12.2020 */
	width: auto;
}

#template6_header .main-logo {
	text-align: center !important;
}

#template6_header .mainmenu {
	padding: 0;
}

/* 11.11.2020 Start */
#template6_header header ul.dropdown-menu,
#template6_header header ul.dropdown-menu ul.dropdown-menu {
	padding-left: 10px !important;
	/* background-color: red; */
	z-index: 1;
}

/* 11.11.2020 End */


#template6_header header .mainmenu button.navbar-toggler {
	height: 100px;
	/* 3.12.2020 */
	/* background: #225b99; */
	color: #fff;
	padding: 10px 20px;
	font-size: 20px;
	outline: 0;
	border: 0;
	z-index: 999;
	/* 16.12.2020 */
}

#template6_header header .mainmenu .text {
	font-size: 13px;
	font-weight: normal;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
}

#template6_header header .mainmenu .navbar-toggler-icon {
	float: left;
}

#template6_header header .main-nav {
	font-weight: bold;
	float: left;
	min-height: unset;
}

#template6_header header .main-nav a {
	text-transform: uppercase;
	/* color: #333; */
	padding: 15px 20px;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}

#template6_header header .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
	background-color: #fff;
}

#template6_header header .popup-search {
	text-align: right;
}

#template6_header header .popup-search a {
	color: #fff;
	font-size: 20px;
}

#template6_header header li.nav-item.dropdown.open ul .nav-item {
	display: none;
}

#template6_header header li.dropdown-submenu {
	position: relative;
}

#template6_header header .sticky {
	position: fixed;
	top: 0;
	transition: 0.5s;
	z-index: 999;
}

#template6_header .closenav {
	height: auto !important;
	font-size: 15px !important;
	position: absolute;
	right: 0;
	margin-top: 0 !important;
}

/* Menu Navigation Overflow */
#template6_header .main-nav li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	width: 100%;
	text-align: start;
}

#template6_header .main-nav a {
	font-size: 12px;
}


#template6_header header .main-nav ul {
	top: 0;
}

#template6_header header li.dropdown-submenu:hover .dropdown-menu {
	display: none;
}

#template6_header header .dropdown-menu>.active>a {
	background-color: #fff;
	/* color: #000; */
}

#template6_header header .dropdown-submenu.active .caret {
	top: 13px;
}

#template6_header header .dropdown-menu {
	position: unset;
	border: 0;
	box-shadow: none;
}

#template6_header header .dropdown-menu:hover {
	background: unset;
	text-align: left;
}

#template6_header header .dropdown-menu a {
	text-align: left;
	padding: 8px 20px;
}

#template6_header header ul.dropdown-menu li {
	padding: 2px 0;
}

#template6_header header .dropdown-toggle i {
	color: #fff;
	font-size: 15px;
	width: 15px;
	text-align: center;
	border-radius: 50%;
}

#template6_header #navbarNav {
	padding: 0;
}

#template6_header #search {
	display: none;
}

#template6_header #search.open {
	position: fixed;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999999;
	left: 0;
	display: flex;
	align-items: center;
}

#template6_header form#searchform,
form#searchform input {
	width: 100%;
	padding: 20px;
	font-size: 20px;
	/* color: #fff; */
	background: unset;
	outline: none;
	text-align: center;
	border: 0;
}

#template6_header #search span.close {
	color: #fff;
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 1;
}

#template6_header header .collapse.navbar-collapse.justify-content-end {
	display: none !important;
	background: #fff;
	position: fixed;
	width: 250px;
	left: 0;
	z-index: 1;
	height: 100vh !important;
}

#template6_header header .collapse.navbar-collapse.justify-content-end.sticky {
	top: 0;
}

#template6_header header #navbarNavDropdown {
	opacity: 0;
	z-index: 999999;
}

#template6_header header .navbar-collapse.justify-content-end.collapse.in {
	display: block !important;
	opacity: 1 !important;
}

/* #template6_header .submenu .caret {
		border-bottom: unset;
		border-top: unset;
		border-left: unset;
		position: absolute;
		right: unset;
		top: unset;
	   } */

#template6_header .main-nav li.sub-2.active .drop-2 {
	display: block !important;
}

#template6_header .main-nav li.sub-3.active .drop-3 {
	display: block !important;
}

#template6_header .main-nav li.sub-4.active .drop-4 {
	display: block !important;
}

/* Header End */

/* Template 6 CSS End */

/******** Template 6 End ********/

/*********************************  Responsive *****************************************/



@media (max-width: 1440px) {

	/* General Use */

	.navbar-nav li:nth-child(5) ul.dropdown-menu ul.dropdown-menu {
		left: -100% !important;
	}

	.navbar-nav li:nth-child(6) ul.dropdown-menu ul.dropdown-menu {
		left: -100% !important;
	}

	.navbar-nav li:nth-child(7) ul.dropdown-menu ul.dropdown-menu {
		left: -100% !important;
	}

	.navbar-nav li:nth-child(8) ul.dropdown-menu ul.dropdown-menu {
		left: -100% !important;
	}

	.navbar-nav li:nth-child(9) ul.dropdown-menu ul.dropdown-menu {
		left: -100% !important;
	}

	.navbar-nav li:nth-child(10) ul.dropdown-menu ul.dropdown-menu {
		left: -100% !important;
	}

	.mm-menu .nav-item.dropdown .dropdown-submenu:hover .dropdown-menu {
		/* left: -100% !important; */
	}

	ul.mm-dropdown-menu .nav-item.dropdown:hover .dropdown-menu {
		/* margin-left: -100% !important; */
	}

	/* General Use End*/

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	/* Template 4 End*/

	/* Template 5 */
	/* Template 5 End*/

	/* Template 6 */
	/* Template 6 End*/

}


@media (max-width: 1400px) {

	/* General Use */
	.container {
		width: 100%;
	}

	#quicks {
		padding-right: 50px;
		padding-left: 50px;
	}

	/* General Use End*/

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	#template_4_page_container {
		width: 100%;
	}

	#template4_latest .container {
		width: calc(100% - 230px) !important;
	}

	/* Template 4 End*/

	/* Template 5 */
	#template5_about .big-border {
		width: 90%
	}

	/* Template 5 End*/

	/* Template 6 */
	#template6_footer .container {
		width: 100%;
	}

	/* Template 6 End*/
}

@media (max-width: 1280px) {

	/* General Use */
	.wide {
		padding: 0;
	}

	#events .carousel-control {
		position: absolute !important;
	}

	.custom_section_left {
		display: none;
	}

	.carousel-showothers .carousel-control.left {
		left: -5%;
	}

	.carousel-showothers .carousel-control.right {
		right: -5%;
	}

	.quicks a.qlinks img {
		height: 45px !important;
	}

	.gallery label {
		color: #b2b2b2;
		font-size: 11px;
		margin-right: 10px;
		min-width: 70px;
	}

	.gallery .sselect select {
		margin-right: 20px;
	}

	.gallery .sselect:after {
		right: 30px;
		top: 13px;
	}

	/* General Use End */

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	#template4_about h3.item_title span {
		font-size: 40px;
	}

	#template4_about h3.item_title {
		font-size: 60px;
	}

	#template4_vision_mission h3.item_title span {
		font-size: 40px;
	}

	#template4_vision_mission h3.item_title {
		font-size: 60px;
	}

	/* Template 4 End*/

	/* Template 5 */
	/* Template 5 End*/

	/* Template 6 */

	/* Latest News */
	#template6_latest_news .ql-contents {
		padding: 0 5%;
	}

	/* Latest News End */

	/* Template 6 End*/
}


@media (max-width: 1199px) {
	/* General Use */
	/* General Use End*/

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	/* Template 4 End*/

	/* Template 5 */
	#template5_vision_mission .vision-background {
		left: 105px;
	}

	/* Template 5 End*/

	/* Template 6 */
	/* Top */
	#template6_top .container {
		width: 970px;
	}

	/* Top End */

	/* Quick Link */
	#template6_quick .container {
		width: auto;
	}

	/* Quick Link End */

	/* Latest News */

	/* Latest News End */

	/* Banners */
	.template6_banner .container {
		width: 970px;
	}

	/* Banners End */
	/* Template 6 End*/
}

@media (max-width: 991px) {

	/* General Use */
	.mm-menu .dropdown-toggle i {
		display: none !important;
	}

	#navbarNavDropdown {
		position: fixed;
		left: 0;
		top: 0;
		opacity: 0;
	}

	#navbarNavDropdown.collapse.in {
		opacity: 1;
		z-index: 1000;
	}

	.main-nav a {
		font-weight: bold;
	}

	/* 11.11.2020 Start */

	.main-nav li.dropdown-submenu ul {
		display: none;
	}

	/* .main-nav li.dropdown-submenu.active ul {
		display: block !important;
	} */

	.main-nav li.sub-2 ul.drop-1 li a {
		font-weight: normal;
		font-size: 15px;
	}

	.main-nav li.sub-2 ul.drop-1 {
		margin-top: -1em;
		margin-bottom: 1em;
	}

	.main-nav li.sub-2 ul.drop-2 li a {
		font-weight: normal;
		font-size: 15px;
	}

	.main-nav li.sub-2 ul.drop-2 {
		margin-top: -1em;
		margin-bottom: 1em;
	}

	.main-nav li.sub-2 ul.drop-3 li a {
		font-weight: normal;
		font-size: 15px;
	}

	.main-nav li.sub-2 ul.drop-3 {
		margin-top: -1em;
		margin-bottom: 1em;
	}

	.main-nav li.sub-2.active .drop-2 {
		display: block !important;
	}

	.main-nav li.sub-3.active .drop-3 {
		display: block !important;
	}

	.main-nav li.sub-4.active .drop-4 {
		display: block !important;
	}

	a.submenu {
		background: unset !important;
		color: initial !important;
	}


	li.dropdown-submenu .caret {
		position: unset !important;
		margin-left: 5px;
	}

	/* 11.11.2020 End */

	#navbarNavDropdown li.nav-item {
		display: block !important;
		padding: 10px 0;
		margin-bottom: 10px;
	}

	li.nav-item.dropdown.open ul {
		position: unset;
		background: unset;
		box-shadow: unset;
		border: 0;
	}

	/* li.dropdown-submenu .dropdown-menu {
		  display: block;
	  } */

	li.dropdown-submenu .dropdown-menu a {
		font-size: 13px;
	}

	span.swkid {
		font-size: 12px;
	}

	header .register-box {
		font-size: 12px;
	}

	button.navbar-toggler {
		display: block;
		position: absolute;
		right: 30px;
		top: 5px;
		background: none;
		padding: 5px;
		width: 35px;
		border-radius: 5px;
	}

	/* 29.9.2020 */
	h4.post-title {
		height: unset;
	}

	/* 29.9.2020 End */

	.mainmenu {
		width: 100%;
		float: left;
	}

	.popup-search {
		position: absolute;
		right: 20px;
	}

	.main-nav a {
		color: #000;
		font-size: 15px;
		text-shadow: unset;
	}

	.dropdown-submenu .dropdown-menu {
		left: 0;
		position: inherit;
		border: unset;
		box-shadow: unset;
	}

	select#lang {
		font-size: 12px;
	}

	input:checked+.slider:after {
		font-size: 11px;
	}

	.slider:after {
		font-size: 11px;
	}

	.menu a {
		float: left;
		width: 100%;
		text-align: center;
		text-shadow: 1px 1px 1px #fff;
		font-size: 20px;
	}

	#navbarNav {
		padding: 10% 0;
		z-index: 1;
		background: #ffffffe8;
		width: 85%;
		left: 0;
		height: 100vh !important;
	}

	.collapse.navbar-collapse {
		display: none !important;
	}

	.collapse.in.navbar-collapse {
		display: block !important;
		position: relative;
		z-index: 18;
		padding: 10% 0;
		background: #ffffffe8;
		width: 85%;
		left: 0;
		height: 100vh !important;
		text-align: center;
	}

	#nav {
		display: none;
	}

	.collapse.in.navbar-collapse #nav {
		display: block;
	}

	.main-nav {
		width: 100%;
	}

	.main-nav li {
		width: 100%;
		float: left;
	}

	.main-nav a {
		padding: 10px !important;
	}

	ul.dropdown-menu {
		text-align: center;
	}

	.top-header {
		z-index: 999;
		position: relative;
	}

	.secondary-header .col-md-9 {
		width: 100%;
		position: relative;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		padding: 0;
	}

	footer .container {
		display: block;
		text-align: center;
		padding-bottom: 0;
	}

	footer .desc {
		margin: 15px 0;
		width: 100%;
		float: left;
	}

	footer .links {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.sub-newsletter input {
		text-align: center;
		font-size: initial;
	}

	ul.f-links {
		text-align: center;
		float: right;
		width: 100%;
		padding: 0;
	}

	.f-links li {
		text-align: center;
	}

	.fmenu {
		float: left;
		width: 100%;
	}

	.fmenu .col-md-12 {
		max-width: 300px;
		margin: 0 auto;
		text-align: center;
	}

	.fmenu .ebtn {
		max-width: 300px;
		margin: 0 auto;
		text-align: center;
	}

	.form.js-contact-form.contact--form {
		margin: 0 auto !important;
	}

	.second-layer {
		display: block !important;
	}

	.text-holder {
		display: none !important;
	}

	.crest-content .content-logo {
		max-width: 650px !important;
		width: 100% !important;
		margin: 170px auto 0 !important;
	}

	h3.heading-title {
		font-size: 100px !important;
	}

	#template4_about .container {
		display: block !important;
	}

	.right-list .content {
		position: unset;
		width: 100%;
		float: left;
	}

	.right-list {
		height: initial;
	}

	.sforms .is-search-form span.glyphicon.glyphicon-search {
		padding: 13px;
		font-size: 13px;
		top: -7px;
		right: 9px;
	}

	#template2_quick .ql-contents {
		height: 220px;
		overflow: hidden;
	}

	#template2_top .container .col-md-6 {
		padding: 0 !important;
		width: 100% !important;
	}

	#template4_about h3.item_title {
		margin-top: 25px;
	}

	#news-search form.is-search-form .col-md-12 {
		margin-bottom: 30px;
		float: left;
		width: 100%;
	}

	button.owl-dot {
		display: none;
	}

	.qlinks a {
		width: 50%;
		float: left;
		margin-top: 30px;
	}

	.sselect {
		margin-right: -25px;
	}

	.ssearch {
		float: left;
		width: 100%;
		margin-top: 25px;
	}

	#news-content .card {
		padding: 0 0 10%;
	}

	#tabcontainer .tab button {
		display: block;
		text-align: center;
	}

	#tabcontainer .tab button.active i {
		width: 100%;
	}

	span.tmenu {
		width: 100%;
		float: left;
	}

	.contents {
		display: block;
	}

	img.cropimg {
		height: auto;
		margin-bottom: 15px;
	}

	h3.item_title {
		margin: 10px 0 0;
	}

	.img-cover {
		margin: 0 auto;
	}

	p.esub {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

	.carousel-showothers .carousel-inner .cloneditem-1 {
		display: none;
	}

	#quick .container {
		background: unset;
	}

	.img-box .box {
		width: 50%;
	}

	#news input.is-search-input {
		width: 90%;
	}

	.quicks a.qlinks {
		width: 31.333333%;
	}

	.quicks a.qlinks.cloneditem-3 {
		display: none !important;
	}

	.gallery .ssearch {
		width: 100%;
		margin-top: 15px;
	}

	#feedback label {
		width: 110px;
	}

	#feedback .col-md-6.right {
		padding: 0;
	}

	#feedback .col-md-6.left {
		padding: 0;
	}

	#feedback .col-md-12 label {
		max-width: initial;
		width: 95px;
	}

	#feedback .col-md-12 {
		padding: 0;
	}

	#feedback textarea {
		width: 89%;
	}

	#feedback input {
		width: -webkit-fill-available;
	}

	#feedback .agree {
		float: left;
		width: 100%;
		margin: 15px 0;
	}

	#feedback .agree label {
		width: fit-content;
		margin: 3px 0 0;
	}

	#feedback form {
		padding: 0 5%;
	}

	.ssubmit.col-md-12 {
		float: left;
	}

	#feedback input[type="submit"] {
		margin: 15px 0;
	}

	.all-logos.quicks a.uqlinks {
		width: 100%;
	}

	/* General Use End*/

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	#template2_header a.submenu {
		background: unset !important;
		color: unset !important;
		/* box-shadow: unset !important; */
	}

	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	/* Header */
	#template4_header .navbar-collapse.collapse {
		margin-top: 0;
	}

	#template4_header .dropdown-menu a {
		font-weight: normal !important;
		color: #7b7a7a !important;
	}

	#template4_header ul.dropdown-menu {
		padding: 0 !important;
	}

	#template4_header .main-nav a {
		font-weight: bold;
	}

	.darkmode #template4_header a.submenu {
		color: #fff !important;
	}

	/* Header End */

	/* Top */
	#template4_top h3 {
		font-size: 35px;
	}

	#template4_top h2 {
		font-size: 45px;
	}

	/* Top End */

	/* Mission Vison */
	#template4_vision_mission .container {
		display: block;
	}

	#template4_vision_mission a.btn-links {
		margin-top: 25px;
	}

	#template4_vision_mission h3.item_title {
		margin-top: 25px;
	}

	/* Mission Vision End */

	/* Events */
	#template4_events {
		display: block;
	}

	#template4_events .col-md-6:first-child {
		padding: 5% 0 10%;
	}

	/* Events End */

	/* Latest */
	#template4_latest a.toplink.see-all {
		position: unset;
		float: right;
		margin-top: 10px;
	}

	#template4_latest .extra.indicator-number {
		top: unset;
		right: 350px;
		bottom: -50px;
	}

	/* Latest End */

	/* Footer */
	#template4_footer .container {
		text-align: center;
	}

	#template4_footer .container.f-btm {
		width: 100%;
	}

	#template4_footer .small-left-right {
		padding: 0 10px;
		font-size: 12px;
		float: none;
	}

	#template4_footer .footer-logo-row {
		justify-content: center;
		margin-left: 0;
	}

	/* End */

	/* Template 4 End*/

	/* Template 5 */
	#template5_header .big-border {
		width: 90%
	}

	#template5_header .top-header .container,
	.secondary-header .container {
		padding: 0 30px;
	}

	#template5_header #header-wrapper {
		width: 100%;
	}

	/* #template5_header .is-search-form input.is-search-input {
		width: 200px;
	 } */

	#template5_header button.closenav.navbar-toggler {
		top: 0;
	}

	#template5_header li.nav-hide.dropdown.d-none {
		display: none;
	}

	.darkmode #template5_header a.submenu {
		color: #fff !important;
	}

	#template5_header button.navbar-toggler {
		display: block;
		position: absolute;
		right: 35px;
		/* top: 80px; */
		background: none;
		border: 1px solid #555;
		padding: 5px;
		width: 35px;
		border-radius: 5px;
		z-index: 9;
	}

	#template5_header .collapse.in.navbar-collapse {
		display: block !important;
		position: fixed;
		z-index: 18;
		padding: 10% 0;
		background: #ffffff;
		width: 100%;
		top: 0;
		left: 0;
		height: 100vh !important;
		text-align: left;
		opacity: 1 !important;
	}

	#template5_header #navbarNavDropdown li.nav-item {
		margin-bottom: 0px !important;
	}

	#template5_header ul.dropdown-menu {
		text-align: left;
	}

	#template5_header #navbarNavDropdown {
		position: fixed;
		width: 85%;
		left: 0;
		opacity: 0;
		z-index: 99999;
		/* 30.9.2020 */
	}

	/* #template5_header .is-search-form input.is-search-input {
		width: 100%;
	 } */

	#template5_header .switch {
		margin-left: 5px;
	}

	#template5_header .main-nav ul {
		padding: 5px 40px !important;
	}

	#template5_header .slider:after {
		margin-left: 22px;
	}

	#template5_header input:checked+.slider:after {
		margin-left: 10px;
	}

	#template5_footer footer .container {
		display: block;
		text-align: left;
	}

	#template5_footer .container.f-btm {
		display: block;
	}

	#template5_footer .container.f-btm .b-links a {
		text-align: left;
	}

	#template5_quick {
		display: block;
	}

	#template5_quick .col-md-7 {
		padding: 0;
	}

	#template5_quick a.qlinks {
		width: 100%;
	}

	#template5_abt_swk img {
		height: 360px;
		width: 347px;
		margin-top: 100px;
		object-fit: cover;
	}

	#template5_abt_swk .col-md-4.grey {
		position: unset;
		float: left;
		width: 100%;
		background: #42ab4f;
	}

	#template5_abt_swk .col-md-8.sdetails.medium-top-bottom {
		height: 100%;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
		float: left;
		width: 100%;
	}

	#template5_abt_swk img {
		height: auto;
		margin-top: 40px;
		width: 100%;
		max-width: 300px;
		position: unset;
	}

	#template5_abt_swk h4.liner {
		padding: 0;
		position: unset;
		width: 100%;
		float: left;
		text-align: center;
	}

	#template5_abt_swk h4.liner:before {
		float: unset;
		margin-right: 0;
	}

	#template5_abt_swk .col-md-4 {
		width: 100%;
		height: initial !important;
		float: unset;
		text-align: center;
	}

	#template5_abt_swk h2 {
		position: unset;
		padding: 0;
		text-align: center;
	}

	#template5_abt_swk p {
		width: 100%;
		padding: 5%;
		position: unset;
	}

	#template5_abt_swk a.btn-links {
		position: unset;
		margin: 0 auto;
		float: unset;
		width: 140px;
		text-align: center;
		padding: 10px 15px;
	}

	#template5_about .col-md-5 {
		float: left;
	}

	#template5_vision_mission {
		height: unset;
		margin-top: 50px;
	}

	#template5_vision_mission .vision-background {
		left: 105px;
	}

	#template5_vision_mission .col-md-4.pst-img.white {
		float: left;
		width: 15%;
	}

	#template5_vision_mission .container {
		top: -22%;
		width: auto;
		/* 30.9.2020 */
		left: 105px;
	}

	#template5_vision_mission .col-md-4.pst-img.white {
		left: 0;
	}

	#template5_vision_mission img {
		height: 375px;
		width: 290px;
	}

	#template5_vision_mission .col-md-12.sdetails.medium-top-bottom.white {
		width: 60%;
		right: 6%;
		height: 100%;
		top: 30%;
	}

	#template5_vision_mission a.btn-links {
		width: 200px;
		left: 22%;
	}

	/* Template 5 End*/

	/* Template 6 */
	/* Footer */
	#template6_footer .container {
		width: 750px;
	}

	#template6_footer .footer-logo-row {
		justify-content: center;
		margin-left: 0;
	}

	/* Footer */

	/* Top */
	#template6_top .container {
		width: unset;
	}

	#template6_top .col-md-8 {
		float: left;
		width: 100%;
		padding-bottom: 20px;
	}

	#template6_top h2 {
		font-size: 35px;
	}

	#template6_top h3 {
		line-height: 120%;
	}

	/* Top End */

	/* Quick Link */
	#template6_quick .link-box {
		width: 50%;
		height: 150px;
	}

	#template6_quick .ql-contents {
		padding: 0 5%;
	}

	#template6_quick .sec-quick {
		display: block;
	}

	#template6_quick .sec-quick .col-md-4 {
		margin-bottom: 20px;
		float: left;
		width: 100%;
	}

	#template6_quick .sec-quick .col-md-8 {
		float: left;
		width: 100%;
	}

	#template6_quick .link-box .link-desc {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* Quick Link End */

	/* Latest News */
	#template6_latest_news .ql-contents {
		padding: 0 10%;
	}

	#template6_latest_news .ql-tab {
		position: unset;
		float: right;
	}

	#template6_latest_news .ql-tab a {
		font-size: 11px;
		padding: 7px 20px !important;
	}

	/* Latest News End */

	/* Banners */
	.template6_banner .container {
		width: 750px;
	}

	/* Banners End*/

	/* Header */
	#template6_header header {
		padding: 0;
	}

	.darkmode #template6_header a.submenu {
		color: #fff !important;
	}

	#template6_header #navbarNavDropdown {
		position: fixed;
		left: 0;
		top: auto;
	}

	#template6_header header .dropdown-menu {
		position: unset !important;
		width: 100%;
	}

	#template6_header header .dropdown-menu ul {
		padding: 0;
	}

	#template6_header #navbarNavDropdown.collapse.in {
		opacity: 0;
	}

	#template6_header #navbarNav {
		width: 250px !important;
	}

	#template6_header .main-nav a {
		font-weight: normal;
	}

	#template6_header .navbar-nav {
		margin: 0;
	}

	#template6_header .main-nav ul {
		position: absolute;
		padding: 10px 15px;
	}

	#template6_header header .collapse.in.navbar-collapse {
		/* position: fixed; */
		width: 250px !important;
		/* text-align: left; */
		background: #fff;
		text-align: left;
	}

	#template6_header button.navbar-toggler {
		border-radius: 0;
		width: auto;
		position: unset;
		top: 0 !important;
	}

	#template6_header header .closenav {
		position: absolute;
		right: 0;
	}

	#template6_header header .mainmenu {
		width: 25%;
	}

	#template6_header header .main-logo {
		width: 50%;
	}

	#template6_header header .popup-search {
		position: absolute;
		right: 20px;
	}

	#template6_header header .sticky {
		top: 0 !important;
	}

	/* Header End */
	/* Template 6 End*/
}

@media (max-width: 800px) {

	/* General Use */
	.container.f-btm {
		display: block;
	}

	.social {
		float: left;
		margin-top: 10px;
	}

	/* General Use End */

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	/* Template 4 End*/

	/* Template 5 */
	/* Template 5 End*/

	/* Template 6 */
	/* Template 6 End*/


}


@media (max-width: 768px) {

	/* General Use */
	.large-top {
		padding-top: 3em;
	}

	.large-bottom {
		padding-bottom: 3em;
	}

	.large-top-bottom {
		padding-top: 3em;
		padding-bottom: 3em;
	}

	.large-left-right {
		padding-left: 50px;
		padding-right: 50px;
	}

	.medium-top {
		padding-top: 2em;
	}

	.medium-bottom {
		padding-bottom: 2em;
	}

	.medium-top-bottom {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.medium-left-right {
		padding-left: 25px;
		padding-right: 25px;
	}

	.small-top {
		padding-top: 1em;
	}

	.small-bottom {
		padding-bottom: 1em;
	}

	.small-top-bottom {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.small-left {
		padding-left: 15px;
	}

	.small-right {
		padding-right: 15px;
	}

	.small-left-right {
		padding-left: 15px;
		padding-right: 15px;
	}

	.all-medium {
		padding: 25px;
	}

	.all-small {
		padding: 1em;
	}

	.sm-left-right {
		margin-left: 15x;
		margin-right: 15px;
	}

	.sm-top-bottom {
		margin-top: 1em !important;
		margin-bottom: 1em !important;
	}

	.sidenav.openme {
		width: 100% !important;
	}

	#header-wrapper {
		width: 100%;
	}

	#myCarousel img {
		/* height: 250px; */
		object-fit: cover;
	}

	/* button.navbar-toggler {
		  margin-top: 125px;
	  } */

	.forms-content {
		width: 100%;
		margin-top: 10px;
	}

	form.is-search-form {
		width: 100%;
		margin: 0;
	}

	.is-search-form input.is-search-input {
		width: 100%;
	}

	.is-search-form button.is-search-submit {
		position: absolute;
	}

	.switch {
		width: 55px;
		position: absolute;
		margin-left: 15px;
	}

	img.logo {
		max-width: 250px;
	}

	.slider:after {
		content: 'Light';
	}

	input:checked+.slider:after {
		content: 'Dark';
	}

	input:checked+.slider:before {
		-webkit-transform: translateX(33px);
		-ms-transform: translateX(33px);
		transform: translateX(33px);
	}

	.slider:before {
		height: 13px;
		width: 13px;
		bottom: 7px;
	}

	.sidebtn {
		left: 1em;
		top: 5.5em;
	}

	.sidenav .closebtn {
		position: absolute;
		margin-left: 0;
		right: 0;
		left: 0;
		top: 0.1em;
	}

	.etitle {
		font-size: 12px;
		line-height: 100%;
	}

	.container .col-md-12 {
		padding: 0 !important;
	}

	.container .col-md-6 {
		padding: 0 !important;
	}

	#template2_top .container .col-md-6 {
		padding: 0 !important;
		width: 100% !important;
	}


	.title-block h2.title {
		padding: 40px 15px !important;
		font-size: 30px !important;
	}

	a.see-all {
		position: unset !important;
	}

	p.ldesc {
		font-size: 15px !important;
		line-height: 25px !important;
		padding-top: 15px !important;
		/* 17.12.2020 */
	}

	h2.ctitle {
		font-size: 30px !important;
		line-height: 40px !important;
		margin-bottom: 20px !important;
		font-weight: bold !important;
	}

	.luser {
		font-size: 13px !important;
	}

	.ebtn .toplink {
		float: left !important;
	}

	.quote-icon {
		height: 50px !important;
		width: 55px !important;
	}

	.quote-icon span {
		font-size: 80px !important;
	}

	.slider-holder::before {
		content: unset !important;
	}

	.indicator-number {
		height: 1px !important;
		margin-bottom: 5%;
	}

	.extra.indicator-number {
		top: unset !important;
		float: left !important;
		right: unset !important;
		bottom: -185px !important;
	}

	h5.ssubtitle {
		font-size: 28px;
		line-height: 120%;
		/* 17.12.2020 */
	}

	.crest-content.col-md-9 {
		margin-bottom: 0 !;
	}

	.custom_section_right {
		display: none;
	}

	#tabmenu {
		display: none;
	}

	#tabcontainer .tabcontent {
		width: 100%;
		min-height: unset;
		margin-bottom: 15px;
		display: block !important;
	}

	#top h2 {
		font-size: 2.5em;
		line-height: 100%;
	}

	#top h3 {
		font-size: 25px;
		font-weight: bold;
		/* width: 60%; 24.11.2020 */
	}

	#mvv .col-md-4 {
		width: 100%;
		margin: 10px 0;
	}

	#mvv h6 {
		opacity: 1;
	}

	#events .item.active .event-container:nth-child(2) {
		display: none;
	}

	#events .item .event-container:nth-child(2) {
		display: none;
	}

	#events .item.active .event-container:first-child {
		width: 100%;
		display: block;
	}

	#events .item .event-container .details,
	#events .item .event-container .poster {
		width: 100%;
	}

	#events .controller {
		position: absolute;
		left: 0;
		top: 15%;
		bottom: unset;
		width: 100%;
	}

	/* General Use End */

	/* Template 1 */

	#template1_quick h3.item_title {
		font-weight: bold;
	}



	#template1_quick .poster {
		border-radius: unset;
		display: block;
		width: 100%;
		height: unset;
	}

	#template1_quick a.qlinks {
		display: inline-grid;
		/*			height: 200px;*/
	}

	#template1_quick .details {
		position: absolute;

		background-size: cover;
	}

	#template1_quick a.left.carousel-control {
		left: 0;
	}

	#template1_quick a.right.carousel-control {
		right: 0;
	}

	a.qlinks {
		padding: 15px 10px;
	}

	/* 16.12.2020 Start */
	.ql-contents {
		height: 100%;
	}

	#template2_quick .ql-contents {
		height: 220px;
		overflow: hidden;
	}


	#template5_quick .ql-contents {
		height: 100%;
	}

	/* 16.12.2020 Start */

	#highlights h3.item_title {
		margin-bottom: 15px;
		font-size: 25px;
	}

	#highlights button.btn-links {
		margin-top: 15px;
	}

	.sselect {
		margin-bottom: 10px;
	}

	.ssearch {
		width: 100%;
		float: left;
		margin-top: 15px;
	}

	.news-results {
		padding: 15px 0;
	}

	.news-results h5 {
		margin: 5px 0;
		font-weight: bold;
	}


	.item_button a {
		padding: 13px 20px;
		font-size: 12px;
	}

	h3.item_title {
		font-size: 25px;
	}

	cite {
		font-size: 18px;
	}

	#about h3.item_title {
		font-size: 25px;
	}

	h3.event-title {
		font-size: 25px;
	}

	#mv .col-md-6:last-child {
		margin-top: 20px;
	}

	.img-box .box {
		width: 100%;
	}

	.img-box .box .desc {
		opacity: 1;
	}

	#news form.is-search-form:before {
		width: 100%;
		float: left;
	}

	#news input.is-search-input {
		width: 100%;
	}

	.quicks a.qlinks {
		width: 100%;
		display: block !important;
	}

	.quicks a.qlinks.cloneditem-1 {
		display: none !important;
	}

	.quicks a.qlinks.cloneditem-2 {
		display: none !important;
	}

	.quicks .qicons {
		width: 100%;
	}

	.quicks a.qlinks span {
		width: 100%;
		text-align: center;
		font-size: 13px;
		margin-top: 10px;
	}

	.galleries .col-md-4 {
		margin-top: 20px;
		margin-bottom: 30px !important;
		float: left;
	}

	footer .container {
		display: block;
	}

	footer .links {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	footer .b-links a {
		width: 100%;
		float: left;
	}

	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	#template4_header .switch {
		position: relative;
	}

	#template4_header .slider:after {
		content: 'Light';
		margin-left: 22px !important;
	}

	#template4_header input:checked+.slider:after {
		content: 'Dark';
		margin-left: 10px !important;
	}

	#template4_events .ecard {
		width: 100%;
	}

	.template4_quick.access-level-label {
		top: 5.5vh !important;
	}

	#template4_quick .qlinks a {
		width: 100%;
	}

	#template4_about h3.item_title span {
		font-size: 25px;
	}

	#template4_about h3.item_title {
		font-size: 35px;
	}

	#template4_latest .etitle {
		font-size: 28px;
	}

	#template4_latest .container {
		width: 100%;
	}

	#template4_contact_map .contact--form {
		display: block;
	}

	#template4_vision_mission h3.item_title span {
		font-size: 25px;
	}

	#template4_vision_mission h3.item_title {
		font-size: 35px;
	}

	#template4_highlights .container {
		width: 100%;
		float: left;
		margin-top: 15px;
	}

	#template4_highlights h5.ssubtitle {
		margin-bottom: 4rem;
	}

	#template4_highlights a.see-all {
		right: 0;
		float: unset;
	}

	#template4_latest .item h5.ssubtitle {
		top: -50px;
		/* 17.12.2020 */
		left: 95px;
		font-size: 18px;
	}

	#template4_latest .container {
		width: 100% !important;
	}

	#template4_latest a.see-all {
		font-size: 12px;
	}

	#template4_vision_mission .access-level-label {
		top: -25px !important;
	}

	/* Footer */
	#template4_footer .visitor {
		width: 100%;
		margin-top: 15px;
		text-align: center;
		float: right;
	}

	#template4_footer .links {
		padding-top: 15px;
		padding-bottom: 15px;
		float: none;
	}

	#template4_footer .container.f-btm {
		display: block;
	}

	#template4_footer .small-top-bottom {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	/* Footer End */
	/* Top */
	#template4_top .template4_top_video {
		position: unset;
		width: 100%;
	}

	#template4_top h2 {
		font-size: 35px;
	}

	#template4_top h3 {
		font-size: 25px;
		font-weight: bold;
	}

	/* Top End */
	/* Template 4 End*/

	/* Template 5 */
	/* Header */
	#template5_header button.navbar-toggler {
		/* margin-top: 35px; */
	}

	#template5_header select#lang {
		margin-left: 5px;
	}

	/* Header End */

	/* Footer */
	#template5_footer footer .links {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#template5_footer .container.f-btm {
		display: block;
	}

	#template5_footer footer .b-links a {
		width: 100%;
		float: left;
	}

	/* Footer End */

	/* Top */
	#template5_top .wrapper {
		width: 100%;
	}

	#template5_top h3 {
		font-size: 25px;
		font-weight: bold;
		width: 100%;
	}

	#template5_top #myCarousel .item .container {
		width: 100%;
	}

	#template5_top #myCarousel a.left.carousel-control {
		bottom: 40%;
		left: -30px;
	}

	#template5_top #myCarousel a.right.carousel-control {
		bottom: 40%;
		right: -30px;
	}

	/* Top */

	/* About Ministry */
	#template5_about .col-md-6 {
		width: 100%;
	}

	#template5_about .col-md-5 {
		width: 100%;
		position: unset;
	}

	#template5_about .big-border {
		width: 100%;
		display: block;
	}

	#template5_about .grey-cover {
		height: auto;
		background: unset;
	}

	#template5_about h3 {
		margin-bottom: 0;
		margin-top: 0;
	}

	/* About Ministry End */

	/* Vision Mission */
	#template5_vision_mission {
		height: auto;
		margin: unset;
		width: 100%;
		float: left;
		position: unset;
	}

	#template5_vision_mission .col-md-12.sdetails.medium-top-bottom.white {
		width: 100%;
		float: left;
		position: unset;
	}

	#template5_vision_mission .container {
		position: unset;
	}

	#template5_vision_mission .col-md-4.pst-img.white {
		width: 100%;
		text-align: center;
		position: unset;
	}

	#template5_vision_mission a.btn-links {
		width: 200px;
		margin: 27px auto;
		display: flex;
		align-items: center;
		float: unset;
		position: unset;
	}

	#template5_vision_mission .vision-background {
		background: #f7f7f7;
		position: unset;
		padding: 10px 10px;
		width: 100%;
		text-align: justify;
	}

	#template5_vision_mission .access-level-label {
		top: 45px !important;
	}

	/* Vision Mission End */

	/* Highlights */
	#template5_highlights #SCarousel a.left.carousel-control {
		top: 70px;
		left: 0;
	}

	#template5_highlights #SCarousel a.right.carousel-control {
		top: 70px;
		right: 0;
	}

	/* Highlights End */

	/* Quick Link */
	#template5_quick p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* Quick Link End */
	/* Template 5 End*/

	/* Template 6 */
	/* Footer */
	#template6_footer .container {
		width: auto;
	}

	#template6_footer .container.f-btm {
		display: block;
	}

	#template6_footer .social {
		float: unset;
	}

	#template6_footer .visitor {
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}

	/* Footer */

	/* Top */
	#template6_top .textinfo {
		float: unset;
		margin: 0 auto;
		width: fit-content;
	}

	#template6_top .textinfo a {
		position: relative;
	}

	#template6_top .textinfo a::after {
		right: 5px;
	}

	/* Top End */

	/* Quick Link */
	#template6_quick .access-level-label {
		top: 1vh !important;
	}

	#template6_quick h3.item_title {
		font-weight: bold;
	}

	#template6_quick h4.sec-title {
		background: #111036;
		padding: 10px;
	}

	#template6_quick .poster {
		display: none;
	}

	#template6_quick .details {
		position: unset;
		background: url('https://webarchive.pustaka-sarawak.com/wayback/20241018105557/http://10.18.4.76/projects/dynamicweb/engine/trunk/template1_111120/img/template6/img/dun.jpg') no-repeat center;
		background-size: cover;
	}

	#template6_quick a.left.carousel-control {
		left: 0;
	}

	#template6_quick a.right.carousel-control {
		right: 0;
	}

	#template6_quick .ql-tab {
		position: unset;
		margin-bottom: 15px;
	}

	#template6_quick a.qlinks {
		padding: 15px 10px;
	}

	#template6_quick .ql-contents {
		padding: 0 10%;
	}

	/* Quick Link End */

	/* Latest News */
	#template6_latest_news .container {
		width: 100%;
	}

	#template6_latest_news .access-level-label {
		top: 10px !important;
	}

	/* Latest News End */

	/* Banners */
	.template6_banner .container {
		width: auto;
	}

	.template6_banner .page_title h2 {
		font-size: 25px !important;
	}

	/* Banners End */

	/* Header */
	#template6_header .mainmenu .text {
		display: none;
	}

	#template6_header button.navbar-toggler {
		margin-top: 0;
	}

	#template6_header header .main-nav a {
		font-size: 12px;
	}

	/* Header End */
	/* Template 6 End*/

}



@media (max-width: 580px) {

	/* General Use */
	#top h2 {
		font-size: 1.8em;
	}

	#top h3 {
		font-size: 15px;
		width: 100%;
		margin: 10px 0;
	}

	a.btn-links {
		font-size: 11px;
	}

	#news-search label {
		margin-right: 10px;
		min-width: unset;
	}

	.sselect {
		margin-right: -40px;
		margin-bottom: 10px;
	}

	.gallery .sselect select {
		margin-right: 5px;
	}

	.gallery label {
		margin-right: 5px;
	}

	.gallery .sselect select {
		padding: 10px 20px 10px 15px;
	}

	.gallery .sselect:after {
		right: 10px;
	}

	/* General Use End */

	/* Template 1 */
	/* Template 1 End*/

	/* Template 2 */
	/* Template 2 End*/

	/* Template 3 */
	/* Template 3 End*/

	/* Template 4 */
	/* Template 4 End*/

	/* Template 5 */
	/* Template 5 End*/

	/* Template 6 */
	#template6_quick .link-box {
		width: 100%;
		height: initial;
	}

	/* Template 6 End*/


}





/*
     FILE ARCHIVED ON 10:55:57 Oct 18, 2024 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 10:07:30 Nov 8, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
