@media screen {
	* {
		box-sizing: border-box;
		outline: none
	}

	html,
	body {
		position: relative;
		display: block;
		padding: 0;
		margin: 0;
		width: 100vw;
		min-height: 100vh;
		font-family: "stevie-sans", sans-serif;
		font-size: 1.2vw;
		overflow-y: auto;
		overflow-x: hidden;
	}
	body {
		/*top: 0!important;*/
	}

	header,
	main,
	footer {
		display: block;
		position: relative;
		width: 100vw;
		background-color: #fff;
	}
	header { z-index: 4 }
	main {
		z-index: 2;
		margin-top: .4vw;
	}
	footer {
		z-index: 1;
		padding-top: 2.02127659574468vw;
	}

	/* Pace */
	.pace .pace-progress {
		top: 0;
		background-color: #D9251C;
		height: .32vw;
		box-shadow: 0 0 2vw .32vw rgba(128,0,0,.48);
		border-radius: 0 1vw 1vw 0;
	}
	loader {
		position: fixed;
		z-index: 3;
		top: initial;
		bottom: -10vw;
		left: -10vw;
		width: 4vw;
		height: 4vw;
		pointer-events: none;
		background: #fff url(../img/loading.gif) center center no-repeat;
		background-size: 110%;
		box-shadow: 0 1vw 4vw 1vw rgba(0,0,0,.32);
		transition: all .512s;
		border-radius: 100%;
	}
	loader.firsttime {
		background-position: center;
		z-index: 666666;
	}
	loader.show {
		left: 4vw;
		bottom: 4vw;
		pointer-events: all;
		background-color: #fff;
	}

	header,
	main,
	footer,
	barba,
	content,
	sidebar {
		display: block;
	}
	row {
		display: table;
		width: 100%;
		clear: both;
		padding: 0 2.5vw;
	}
	row.red {
		display: block;
		background-image: linear-gradient(-180deg, #EFDAD9 0%, #D0C0BF 100%);
		height: 26.8vw;
		margin-top: 2.9vw;
	}
	.left {
		float: left;
	}
	.right {
		float: right;
	}

	a {
		text-decoration: none;
		transition: all .32s;
	}
	.tooltip {
		position: absolute;
		opacity: 0;
	}

	p {
		margin: 1vw 0;
		padding: 0;
	}

	hr {
		margin: 1vw 0;
		padding: 0;
		border: none;
		border-top: 1px solid #ccc;
		clear: both;
	}

	/* Flat Style */
	.flat {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
		clear: both;
	}
	.flat:after {
		content: "";
		display: block;
		clear: both;
	}
	.flat > p,
	.flat > a,
	.flat > span,
	.flat > div,
	.flat > li {
		display: block;
		float: left;
	}

	/* Plain Style */
	.plain {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/* Default Button Syle */
	.button,
	button,
	input[type=submit],
	input[type=reset] {
		font-size: .9rem;
		padding: .32vw 1vw .42vw;
		border: none;
		background-color: #29166F;
		color: #fff;
		cursor: pointer;
	}
	input[type=submit] { background-color: #01923F }
	input[type=reset] { background-color: #F6A623 }

	/* List Style */
	.list {
		display: table;
		width: 100%;
		list-style: none;
		padding: .48vw 0;
		margin: 0;
	}
	.list > p,
	.list > a,
	.list > span,
	.list > div,
	.list > li {
		display: table;
		clear: both;
		width: 100%;
	}
	/* List Common style */
	.list .graph {
		position: relative;
		display: block;
		float: left;
		width: 26%;
		padding-top: 1.2vw;
	}
	.list .graph img {
		display: block;
		width: 100%;
		border-radius: .32vw;
	}
	.list .graph .play {
		position: absolute;
		left: 0;
		right: 0;
		top: .8vw;
		bottom: 0;
		pointer-events: none;
		background-size: 40%;
	}
	.darkblock .list .graph {
		padding-top: .8vw
	}
	.list .text {
		float: right;
		width: 70%;
		padding: 1.12vw 0;
		border-bottom: 1px solid #E1DFDF;
	}

	.darkblock .list .text {
		border-bottom-color: #444;
	}
	.list :last-child .text {
		border-bottom: none;
	}
	.list h3,
	.list h3 a {
		display: block;
		padding: 0;
		margin: 0;
		color: #000;
		font-size: 1rem;
		font-weight: 500;
	}
	.darkblock .list h3,
	.darkblock .list h3 a {
		color: #fff;
	}
	.list h3 a {
		line-height: 1.48vw;
		width: 100%;
		height: 2.96vw;
		overflow: hidden;
		text-overflow: ellipsis;
		letter-spacing: .024vw;
		word-wrap: break-word;
		-webkit-line-clamp: 2;
		transition: all .32s;
	}
	.list .cat,
	.list date {
		color: #D9251C;
		text-transform: uppercase;
		font-size: .7rem;
		font-weight: 500;
		letter-spacing: .048vw;
	}
	.list .cat {
		margin-right: 1vw;
	}
	.darkblock .list .cat {
		color: #fc0;
	}
	.list date {
		color: #4A4A4A;
		text-transform: uppercase;
		font-weight: 400;
	}
	.darkblock .list date {
		color: #ccc;
	}

	/* Card style */
	.list.card {
		padding: 0;
	}
	.list.card li {
		float: left;
		clear: initial;
		width: 13.45vw;
		margin-left: 1.8vw;
		background: #fff;
		overflow: hidden;
		cursor: pointer;
		border-radius: .8vw;
		box-shadow: .2vw .2vw .6vw 0 rgba(0,0,0,0.16);
		transition: all .32s;
	}
	.list.card li:hover {
		transform: translate3d(0,-.24vw,0);
		box-shadow: .2vw .48vw 1.2vw 0 rgba(0,0,0,0.24);
	}
	.list.card .graph,
	.list.card .text {
		position: relative;
		float: none;
		width: 100%;
		padding: 0;
		border-bottom: none;
	}
	.list.card .text {
		padding: .24vw 1vw .8vw;
	}
	.list.card h3,
	.list.card h3 a {
		font-size: .96rem;
		font-weight: 600;
	}
	.list.card h3 {
		margin-top: .16vw;
	}
	.list.card h3 a {
		line-height: 1.4vw;
		height: 4.2vw;
	}
	.list.card .graph {
		vertical-align: middle;
		background-color: #e0e0e0;
		min-height: 10.5vw;
	}
	.list.card .graph img {
		border-radius: .32vw .32vw 0 0;
	}

	/* Button */
	.button {
		display: inline-block;
		background-color: #fff;
		padding: .8vw 2.6vw;
		color: #D9251C;
		font-weight: 700;
		letter-spacing: .024vw;
		text-transform: uppercase;
		border-radius: 666rem;
		box-shadow: .1vw .2vw .3vw .024vw rgba(0,0,0,.24);
		transition: all .24s;
	}
	.button:hover {
		transform: translate3d(0,-.24vw,0);
		box-shadow: .1vw .44vw .8vw .024vw rgba(0,0,0,.32);
	}
	.button.blue,
	.button.green,
	.button.red,
	.button.black,
	.button.orange {
		color: #fff;
	}

	/* Default color */
	.blue { background-color: #29166F }
	.green { background-color: #01923F }
	.red { background-color: #D9251C }
	.black { background-color: #000 }
	.orange { background-color: #F6A623 }
	.gray { background-color: #DFDDE4 }
	.darkgrey { background-color: #222; color: #fff }

	/* Span */
	.sp1	{ width: 2.02127659574468vw }
	.sp2	{ width: 6.06382978723404vw }
	.sp3	{ width: 10.1063829787234vw }
	.sp4	{ width: 14.1489361702128vw }
	.sp5	{ width: 18.1914893617021vw }
	.sp6	{ width: 22.2340425531915vw }
	.sp7	{ width: 26.2765957446809vw }
	.sp8	{ width: 30.3191489361702vw }
	.sp9	{ width: 34.3617021276596vw }
	.sp10	{ width: 38.4042553191489vw }
	.sp11	{ width: 42.4468085106383vw }
	.sp12	{ width: 46.4893617021277vw }
	.sp13	{ width: 50.531914893617vw }
	.sp14	{ width: 54.5744680851064vw }
	.sp15	{ width: 58.6170212765958vw }
	.sp16	{ width: 62.6595744680851vw }
	.sp17	{ width: 66.7021276595745vw }
	.sp18	{ width: 70.7446808510638vw }
	.sp19	{ width: 74.7872340425532vw }
	.sp20	{ width: 78.8297872340426vw }
	.sp21	{ width: 82.8723404255319vw }
	.sp22	{ width: 86.9148936170213vw }
	.sp23	{ width: 90.9574468085106vw }
	.sp24	{ width: 95vw }
	.sp1, .sp2, .sp3, .sp4, .sp5, .sp6, .sp7, .sp8, .sp9, .sp10, .sp11, .sp12, .sp13, .sp14, .sp15, .sp16, .sp17, .sp18, .sp19, .sp20, .sp21, .sp22, .sp23, .sp24 {
		display: block;
		margin-right: 2.02127659574468vw;
		float: left;
	}
	.sp1:last-child, .sp2:last-child, .sp3:last-child, .sp4:last-child, .sp5:last-child, .sp6:last-child, .sp7:last-child, .sp8:last-child, .sp9:last-child, .sp10:last-child, .sp11:last-child, .sp12:last-child, .sp13:last-child, .sp14:last-child, .sp15:last-child, .sp16:last-child, .sp17:last-child, .sp18:last-child, .sp19:last-child, .sp20:last-child, .sp21:last-child, .sp22:last-child, .sp23:last-child, .sp24:last-child { margin-right: 0 }

	/* Block */
	.block {
		position: relative;
		padding: 1.6vw 1.8vw;
		margin-top: 2.02127659574468vw;
		overflow: hidden;
		background-image: linear-gradient(-180deg, #F0F0F0 0%, #FFFFFF 10vw);
		box-shadow: .4vw 1vw 1.6vw .4vw rgba(112,105,87,0.16);
		border-radius: 1.16vw;
	}
	.block.plain {
		background: none;
		box-shadow: none;
		border-radius: 0;
	}
	.block h2 {
		height: 2.2vw;
		margin: 0;
		font-size: 1.3rem;
		font-weight: 600;
		text-transform: capitalize;
	}
	.block .index {
		position: absolute;
		left: initial;
		right: 1.8vw;
		top: 1.6vw;
		font-size: .7rem;
		font-weight: 500;
		letter-spacing: .048vw;
		padding: .32vw 1vw;
	}
	/* Play */
	.block .play {
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 0;
		background: url(../img/play.png) center center no-repeat;
		background-size: 7vw;
	}
	/* Paging */
	.block paging {
		display: block;
		overflow: hidden;
	}
	.block paging.owl-loaded {
		overflow: initial;
	}
	/* On Sidebar */
	sidebar hr {
		height: 0;
		margin: 0;
		padding: 0;
		display: block;
		border: none;
		clear: both;
		width: 100%;
	}
	sidebar .block {
		margin: 2.02127659574468vw 0 0!important;
	}
	sidebar .block.related {
		margin: 0!important;
	}

	.darkblock sidebar {
		padding-top: 1vw;
	}
	/* Filter */
	.filter {
		position: absolute;
		top: 2vw;
		left: initial;
		right: 2vw;
		font-size: .7rem;
	}
	.filter li {
		margin-left: .48vw!important;
		margin-right: initial!important;
		margin-top: initial!important;
		width: initial!important;
		height: initial!important;
	}
	.filter input,
	.filter select {
		font-size: .6rem;
		letter-spacing: .064vw;
		max-width: 12vw;
	}
	.filter input[type=text],
	.filter .select2 {
		height: 1.6vw;
		min-width: 10vw;
		overflow: hidden;
		background-color: #fff;
		border: 1px solid #f5f5f5!important;
		margin: 0;
		border-radius: .32vw;
		box-shadow: 0.1vw 0.2vw 0.3vw 0.024vw rgba(0,0,0,.16);
		transition: all .24s;
	}
	.filter input[type=text] {
		padding: 0 1vw;
	}
	.filter .select2.select2-container--open {
		border-radius: .32vw .32vw 0 0
	}
	.filter input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:   #111;
	}
	.filter input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #111;
	   opacity:  1;
	}
	.filter input::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #111;
	   opacity:  1;
	}
	.filter input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #111;
	}
	.filter input::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #111;
	}
	.filter input[type=text],
	.filter .select2,
	.filter .select2-selection__rendered {
		color: #111!important;
		line-height: 1.4vw!important;
		font-size: .8vw;
		letter-spacing: .024vw!important;
	}
	.filter .select2-selection__rendered {
		line-height: 1.7vw!important;
	}
	.filter .select2-container--detail .select2-selection--single .select2-selection__arrow {
		margin-top: .4vw;
	}
	.filter .select2-container--detail .select2-selection--single .select2-selection__arrow b {
		margin-left: -1vw;
		border-color: #000 transparent transparent transparent;
		transition: all .16s;
	}
	.filter .select2-container--detail.select2-container--open .select2-selection--single .select2-selection__arrow b {
		border-color: transparent transparent #000 transparent;
	}

	/* Dark Block */
	.darkblock {
		position: relative;
		display: table;
		color: #fff;
		width: 100%;
		background-image: linear-gradient(-180deg, #111 0%, #000 20%);
		box-shadow: .4vw 1vw 1.6vw .4vw rgba(0,0,0,0.16);
		border-radius: 1.16vw;
	}
	.darkblock:after {
		content: "";
		position: absolute;
		left: 66%;
		top: 2vw;
		bottom: 2vw;
		border-left: 1px solid #666;
	}

	/* Slider Paging */
	paging .owl-stage-outer {
		overflow: hidden;
	}
	paging .owl-item {
		float: left;
	}
	paging .owl-nav {
		display: none;
	}
	.logo .owl-dots,
	paging .owl-dots {
		position: absolute;
		left: 0;
		right: 0;
		top: initial;
		bottom: .4vw;
		text-align: center;
	}
	.logo .owl-dots {
		bottom: -1vw;
	}
	.logo .owl-dots:before,
	paging .owl-dots:before {
		content: "";
		position: absolute;
		height: 0;
		top: initial;
		bottom: 1.6vw;
		left: 0;
		right: 0;
		border-top: 1px solid #E1DFDF;
	}
	.logo .owl-dots:before {
		border-top: 0;

	}
	.logo .owl-dot,
	paging .owl-dot {
		display: inline-block;
		height: .64vw;
		width: .64vw;
		margin: 0 .48vw;
		background-color: #ccc;
		border-radius: 666rem;
		cursor: pointer;
	}
	.logo .owl-dot.active,
	paging .owl-dot.active {
		background-color: #9B9B9B;
	}

	/* Header Style */
	header {
		height: 10.55vw;
	}
	header,
	header a {
		color: #fff;
	}

	header logo {
		display: block;
		float: left;
		width: 14.2vw;
		height: 10.55vw;
	}
	header logo a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -666rem;
		background: url(../img/logo.png) 0 35.5% no-repeat;
		background-size: 88% auto;
	}
	header nav {
		display: block;
		float: right;
		width: 80.8vw;
	}
	header nav .shadow {
		position: relative;
		z-index: 2;
		border-radius: 0 0 1vw 1vw;
		box-shadow: .2vw .8vw 1.4vw rgba(7,109,51,.24);
	}

	/* Header - Other Menu */
	.othermenu {
		height: 2.15vw;
		font-size: .7rem;
	}
	.othermenu {
		padding-top: .35vw;
	}
	.othermenu li {
		padding-right: 2.1vw;
	}
	.othermenu a {
		display: block;
		letter-spacing: .1vw;
		padding: .18vw 0;
	}
	.othermenu .webmail,
	.othermenu .webmail a {
		/* padding-right: 0; */
		margin-right: 0;
	}
	.othermenu .webmail a {
		background-color: #fff;
		padding: .18vw 1vw;
		color: #29166F;
		font-weight: 700;
		border-radius: .24vw;
	}
	.othermenu .right {
		clear: initial;
	}

	/* Header - Main Menu */
	.mainmenu {
		height: 4.2vw;
		border-radius: 0 0 1vw 1vw;
	}
	.mainmenu a {
		height: 4.2vw;
		letter-spacing: .048vw;
		line-height: 4.2vw;
	}
	.mainmenu .np > a:after {
		/* content: "↪"; */
		display: inline-block;
		margin-left: .48vw;
		font-size: .64rem;
	}
	.mainmenu li {
		padding-right: .8vw;
	}
	.mainmenu > ul > li > a {
		padding-right: 2.5vw;
		background: url(../img/caret.png) right 0 no-repeat;
		background-size: auto 2.8vw;
		font-size: .9rem;
		letter-spacing: .05rem;
	}
	.mainmenu > ul > li.right {
		float: right;
		padding-right: 0;
	}
	/* Main Menu */
	.mainmenu ul ul {
		position: absolute;
		display: block;
		background-color: #01923F;
		width: 20vw;
		list-style: none;
		padding: 0;
		margin: 0 0 0 -1.5vw;
		opacity: 0;
		pointer-events: none;
		border-radius: 0 0 1vw 1vw;
		box-shadow: .2vw .8vw 1.4vw rgba(7,109,51,.24);
		transition: all .32s;
	}
	.mainmenu ul ul li {
		position: relative;
		padding: 0;
		margin: 0;
	}
	.mainmenu ul ul li a,
	.mainmenu ul ul li span {
		display: block;
		padding: .8vw 1.5vw;
		margin: 0;
		line-height: initial;
		height: initial;
		word-wrap: normal;
		cursor: pointer;
		transition: all .32s;
		font-size: 1vw;
		border-bottom: 1px solid rgba(204, 204, 204, 0.3);
	}
	.mainmenu li:last-child > a,
	.mainmenu li:last-child > span {
		border-radius: 0 0 1vw 1vw;
	}
	.mainmenu ul ul ul li:first-child > a,
	.mainmenu ul ul ul li:first-child > span {
		border-radius: 0 1vw 0 0;
	}
	.mainmenu ul ul li a:hover,
	.mainmenu ul ul li span:hover {
		background-color: rgba(0,0,0,.16);
	}
	.mainmenu ul ul li span {
		padding: 1vw 3vw 1vw 1.5vw;
	}
	.mainmenu ul ul li a.have-child:after,
	.mainmenu ul ul li span.have-child:after {
		content: "►";
		position: absolute;
		top: 1.2vw;
		right: 1vw;
		font-size: .5rem;
	}
	.mainmenu ul li:hover > ul {
		opacity: 1;
		pointer-events: auto;
	}
	.mainmenu ul ul ul {
		top: 0;
		left: initial;
		right: -20vw;
		border-radius: 0 1vw 1vw 1vw;
	}
	.mainmenu ul a .tooltip {
		position: absolute;
		z-index: 666;
		opacity: 0;
		background-color: rgba(255,225,0,.9);
		color: #000;
		padding: .2vw 1vw;
		margin: 0 0 0 -5vw;
		line-height: initial;
		height: initial;
		font-size: .7vw;
		font-weight: 600;
		letter-spacing: .048vw;
		pointer-events: none;
		border-radius: .24vw;
		box-shadow: 0 .24vw 1vw .24vw rgba(0,0,0,.24);
		transition: all .16s;
	}
	.mainmenu ul a:hover .tooltip {
		transform: translate3d(0,-.6vw,0);
		opacity: 1;
	}

	.form-search {
		position: relative;
		margin-top: .9vw;
	}
	.menu-search {
		background: url(../img/search.png) right 0% no-repeat;
		background-color: rgba(216,216,216,.4);
		background-size: 3vw;
		width: 17vw;
		padding: .4vw 2vw;
		font-size: .9rem;
		cursor: pointer;
		border-radius: .24vw;
	}
	.form-search .popup-search {
		position: absolute;
		top: 0;
		opacity: 0;
		transition: all .32s;
		pointer-events: none;
	}
	.form-search:hover .popup-search {
		opacity: 1;
		pointer-events: auto;
	}
	.form-search .popup-search ul {
		position: relative;
		opacity: 1;
		background-color: #f37e01;
		padding-top: 1vw;
		margin-top: -1vw;
		overflow: hidden;
		border-radius: 1vw;
		box-shadow: 0.2vw 0.8vw 1.4vw rgba(152, 100, 20, 0.24);
	}
	.form-search .popup-search ul li {
		display: none;
		padding: 0 1.5vw 1vw;
	}
	.form-search:hover .popup-search ul li {
		pointer-events: auto;
	}
	.form-search .popup-search ul li.head {
		padding: 0;
	}
	.form-search .popup-search ul li.head ul {
		padding: 0;
		border-radius: 0;
	}
	.form-search .popup-search ul li.head li {
		width: 33.33%;
	}
	.form-search .popup-search ul li.head a {
		display: block;
		text-align: center;
		padding: .64vw 0;
		border-radius: 0;
	}
	.form-search .popup-search ul li.head li.active a {
		background-color: rgba(0,0,0,.16);
	}
	.form-search .popup-search ul li.head,
	.form-search .popup-search ul li.head li,
	.form-search .popup-search ul li.active {
		display: block;
	}
	.form-search .popup-search ul ul {
		position: relative;
		right: initial;
		left: initial;
		margin: 0;
		background-color: transparent;
		box-shadow: none;
	}
	.form-search .popup-search ul ul li {
		padding: 0;
	}
	.form-search input {
		display: inline-block;
	}
	.form-search input[type=text],
	.form-search input[type=search],
	.form-search input[type=submit] {
		border: none;
		padding: .4vw 3vw .4vw 2vw;
		width: 17vw;
		background-color: rgba(216,216,216,.4)!important;
		font-size: .9rem;
		letter-spacing: .032vw;
		color: #fff!important;
		border-radius: .24vw;
	}
	.form-search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:   #fff;
	}
	.form-search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #fff;
	   opacity:  1;
	}
	.form-search input::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #fff;
	   opacity:  1;
	}
	.form-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #fff;
	}
	.form-search input::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #fff;
	}

	.popup-search ul.tabs li input {
		-webkit-appearance: none;
	}
	
	detail #cse-search-box input[type="submit"],
	.form-search input[type=submit] {
		position: absolute;
		top: 0;
		left: initial;
		right: 1.4vw;
		background: url(../img/search.png) center center no-repeat;
		background-color: transparent!important;
		background-size: 3vw;
		padding: 0;
		text-indent: -666rem;
		width: 3vw;
		height: 3vw;
		border: none;
	}
	#cse-search-box div {
		display: inline-block;
		position: relative;
	}
	detail #cse-search-box div,
	detail #cse-search-box input[type="text"] {
		width: 100%;
	}
	detail #cse-search-box input[type="text"] {
		padding: .3vw 3vw .4vw 2vw;
		font-size: .9rem;
		color: #fff;
		background-color: #666;
		border: none;
		border-radius: .32vw;
	}

	/* Ticker */
	ticker {
		display: block;
		position: relative;
		z-index: 1;
	}
	ticker p {
		display: table;
		float: left;
		width: 10.1vw;
		height: 1.8vw;
		padding: 0;
		margin-top: 1vw;
		font-size: .8rem;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: .05vw;
		line-height: 1.8vw;
		border-radius: .24vw;
	}
	ticker > div {
		float: right;
		width: 70.7vw;
		margin-top: 1vw;
		overflow: hidden;
		height: 1.8vw;
	}
	ticker > span {
		position: absolute;
		width: 70.7vw;
		left: initial;
		right: 0;
		top: 1vw;
		height: 1.8vw;
		background: url(../img/tickercover.png) center center no-repeat;
		background-size: 100%;
		pointer-events: none;
	}
	ticker ul,
	ticker ol {
		display: table;
		white-space: nowrap;
	}
	ticker li {
		padding-left: 2vw;
	}
	ticker a {
		color: #291071;
		font-size: .8rem;
		letter-spacing: .06vw;
		line-height: 1.4vw;
	}
	ticker i {
		display: inline-block;
		width: 1.4vw;
		height: 1.4vw;
		margin-right: .32vw;
		background-color: #291071;
		color: #fff;
		font-size: .7rem;
		font-style: normal;
		text-align: center;
		line-height: 1.4vw;
		border-radius: 666rem;
	}

	/* Main Slider */
	slider,
	slider .item,
	slider .owl-item,
	slider .owl-stage,
	slider .owl-stage-outer {
		display: block;
		position: relative;
		z-index: 1;
		border: 0;
		padding: 0;
		margin: 0;
		height: 32.8vw;
		overflow: hidden;
	}
	slider,
	slider .owl-stage-outer {
		border-radius: 1vw;
		box-shadow: .2vw .8vw 1.4vw .3vw rgba(112,105,87,.16);
	}
	slider.owl-loaded {
		overflow: initial;
		border-radius: initial;
		box-shadow: initial;
	}
	slider .item {
		float: left;
		width: 100%;
		margin: 0;
		padding: 4.9vw 2.6vw 2vw;
		background-position: center;
		background-size: cover;
	}
	slider .owl-item {
		float: left;
	}
	slider .owl-nav {
		display: none;
	}
	slider .owl-dots {
		display: table;
		margin: .64vw auto 0;
	}
	slider .owl-dot {
		float: left;
		height: .48vw;
		width: 4vw;
		margin: 0 .48vw;
		background-color: #ccc;
		border-radius: 666rem;
		cursor: pointer;
	}
	slider .owl-dot.active {
		background-color: #9B9B9B;
	}
	slider date,
	slider h2,
	slider p,
	slider a {
		position: relative;
		z-index: 2;
	}
	slider date {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.2rem;
		letter-spacing: .048vw;
	}
	slider h2 {
		color: #FFF300;
		text-transform: uppercase;
		font-size: 1.9rem;
		letter-spacing: .02vw;
		line-height: 3vw;
		padding: 0 8vw 0 0;
		margin: .8vw 0 0;
	}
	slider p {
		position: absolute;
		color: #fff;
		font-size: .9rem;
		letter-spacing: .024vw;
		line-height: 1.6vw;
		left: 2.6vw;
		right: 18vw;
		top: initial;
		bottom: 2.4vw;
		padding: 0;
		margin: 0;
	}
	slider .button {
		position: absolute;
		right: 2.6vw;
		left: initial;
		bottom: 3.4vw;
		font-weight: 600;
		box-shadow: .3vw .4vw .6vw .2vw rgba(0,0,0,.24);
	}
	slider .link {
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	slider .style1 date,
	slider .style1 h2,
	slider .style1 p {
		color: #000;
	}
	slider .style1 .link {
		background-image: linear-gradient(-180deg, rgba(255,255,255,0.48) 0%, rgba(255,255,255,0.00) 41%, rgba(255,255,255,0.00) 68%, rgba(255,255,255,0.48) 100%);
	}

	slider .style2 date,
	slider .style2 h2,
	slider .style2 p {
		color: #fff;
	}
	slider .style2 .link {
		background-image: linear-gradient(-180deg, rgba(0,0,0,0.23) 22%, rgba(0,0,0,0.26) 34%, rgba(0,0,0,0.19) 54%, rgba(0,0,0,0.29) 70%, rgba(0,0,0,0.56) 94%);
	}

	slider .style3 .link {
		background-image: linear-gradient(-180deg, rgba(0,0,0,0.23) 22%, rgba(0,0,0,0.00) 46%, rgba(0,0,0,0.00) 68%, rgba(0,0,0,0.56) 94%);
	}

	/* News Lain */
	.news {
		margin-top: 0;
	}
	.news .paging {
		height: 28vw;
	}
	.news.related .paging {
		height: 35vw;
	}

	/* Media Lain */
	.media {
		background-image: linear-gradient(-180deg, #DBECE2 0%, #C2DBCC 100%);
		box-shadow: 0 1vw 1.6vw .3vw rgba(112,105,87,0.16);
	}
	.media .paging {
		overflow: hidden;
		height: 19.4vw;
		margin: 0 -1.8vw;
	}
	.media paging .owl-stage-outer {
		overflow: initial;
	}
	.media .list.card {
		margin-top: .8vw;
	}
	.media .owl-dots {
		bottom: .7vw;
	}
	.media .owl-dots:before {
		display: none;
	}
	.media .owl-dot {
		background-color: #fff;
	}
	.media .owl-dot.active {
		background-color: #01923F;
	}

	/* Pertanyaan Umum */
	.pertanyaan {
		margin-top: 3vw;
		height: 22.7vw;
		background-image: linear-gradient(-180deg, #DBECE2 0%, #C2DBCC 100%);
		box-shadow: 0 1vw 1.6vw .3vw rgba(136,106,27,0.24);
	}
	.pertanyaan h2 {
		position: relative;
		z-index: 2;
		color: #fff;
	}
	.pertanyaan paging,
	.pertanyaan .owl-stage-outer,
	.pertanyaan .item {
		position: relative;
		z-index: 1;
		height: 22.7vw;
	}
	.pertanyaan,
	.pertanyaan paging,
	.pertanyaan .owl-stage-outer {
		overflow: hidden;
		border-radius: 1vw;
	}
	.pertanyaan paging {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}
	.pertanyaan .item {
		position: relative;
		width: 100%;
		background-position: right bottom;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.pertanyaan h3,
	.pertanyaan h3 a {
		display: block;
		color: #000;
		font-size: .9rem;
		font-weight: 500;
		letter-spacing: .024vw;
		line-height: 1.6vw;
	}
	.pertanyaan h3 a:hover {
		color: #D9251C;
	}
	.pertanyaan h3 {
		position: absolute;
		top: initial;
		left: 2vw;
		right: 14.4vw;
		bottom: 5.6vw;
		padding: 1.2vw 1.4vw;
		background-color: #fff;
		border-radius: 1.2vw;
	}
	.pertanyaan h3:after {
		content: "";
		display: block;
		position: absolute;
		top: initial;
		left: initial;
		right: -1vw;
		bottom: 2vw;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 1vw 0 1vw 1.8vw;
		border-color: transparent transparent transparent #FFF;
	}
	.pertanyaan .more {
		position: absolute;
		top: initial;
		left: 3.2vw;
		bottom: 2vw;
		font-size: .8rem;
		font-weight: 700;
		padding: .48vw 1.8vw;
	}
	.pertanyaan .owl-dots {
		z-index: 2;
		left: 2vw;
		right: 14.4vw;
		bottom: 5vw;
	}
	.pertanyaan .owl-dots:before {
		display: none;
	}
	.pertanyaan .owl-dot {
		background-color: #fff;
		opacity: .48;
	}
	.pertanyaan .owl-dot.active {
		background-color: #fff;
		opacity: 1;
	}

	/* Youtube - SNI Channel */
	.youtube {
		height: 23vw;
		background-size: cover;
		cursor: pointer;
		transition: all .32s;
	}
	.youtube:hover {
		transform: translate3d(0,-.24vw,0);
		box-shadow: 0.4vw 1.24vw 3.2vw 0.4vw rgba(112,105,87,0.32);
	}
	.youtube .play {
		bottom: 4.8vw;
	}
	.youtube .shadow {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		pointer-events: none;
		background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 62%, rgba(255,255,255,0.90) 86%);
		border-radius: 1.16vw;
	}
	.youtube h3,
	.youtube h3 a {
		color: #000;
		font-size: 1.36rem;
		letter-spacing: .024vw;
	}
	.youtube h3,
	.youtube p {
		position: absolute;
		left: 7.1vw;
		top: initial;
		bottom: 2.6vw;
		margin: 0;
	}
	.youtube h3:before {
		content: "";
		position: absolute;
		top: .4vw;
		left: -5vw;
		width: 3.6vw;
		height: 3.6vw;
		background: url(../img/youtubeicon.png) 0 0 no-repeat;
		background-size: contain;
	}
	.youtube p {
		bottom: 1.3vw;
		font-size: .9rem;
		letter-spacing: .032vw;
		color: #4A4A4A;
	}

	/* Galeri Video */
	.galerivideo {
		position: relative;
		height: 23vw;
		background-size: 160%;
		background-position: center;
		overflow: hidden;
		cursor: pointer;
		transition: all .32s;
	}
	.galerivideo:hover {
		transform: translate3d(0,-.24vw,0);
		box-shadow: 0.4vw 1.24vw 3.2vw 0.4vw rgba(112,105,87,0.32);
	}
	.galerivideo .play {
		bottom: 4.8vw;
	}
	.galerivideo h3 {
		position: absolute;
		z-index: 1;
		left: 0;
		right: 0;
		top: initial;
		bottom: 0;
		display: block;
		margin: 0;
		padding: 1.7vw 2vw 1.3vw;
		background: rgba(255,255,255,0.9);
		border-radius: 0 0 1vw 1vw;
	}
	.galerivideo h3 a {
		display: block;
		color: #000;
		font-weight: 600;
		font-size: 1.1rem;
		line-height: 1.5vw;
		height: 3vw;
	}
	.galerivideo .button {
		position: absolute;
		z-index: 2;
		left: 1.4vw;
		top: initial;
		bottom: 5.2vw;
		font-size: .8rem;
		padding: .32vw 2vw;
	}

	/* Basni */
	.basni {
		margin-top: -1.4vw;
		height: 29.5vw;
		background-image: linear-gradient(-180deg, #3B2793 50%, #322180 100%);
		box-shadow: .4vw 1vw 1.6vw .4vw rgba(33,17,92,0.16);
		border-radius: 1vw;
		background-size: contain;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.basni h3,
	.basni > img,
	.basni .button {
		position: absolute;
		top: 0;
		left: 0;
	}
	.basni > img {
		z-index: 0;
		right: 0;
		width: 100%;
		height: auto;
	}
	.basni h3 {
		color: #fff;
		top: 4vw;
		left: 16vw;
		right: 2vw;
		margin: 0;
	}
	.basni .button {
		left: 16vw;
		top: 8vw;
		padding: .32vw 2vw;
		font-size: .8rem;
	}
	.basni row {
		position: relative;
		z-index: 1;
		margin-top: 15vw;
		padding: 0 1vw;
	}
	.basni .sp3 {
		width: 45%;
	}
	.basni row span,
	.basni row a {
		display: block;
		color: #fff;
	}
	.basni row span {
		font-size: .5rem;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: .064rem;
	}
	.basni row a {
		font-size: 1.18rem;
		font-weight: 600;
		letter-spacing: .032rem;
		margin-bottom: 2vw;
	}
	.basni row a:hover {
		color: #ff0;
	}
	.basni > p {
		border-top: 1px solid #ccc;
		padding: 1vw;
		margin: -1vw 0 0;
		color: #fff;
		font-size: .8rem;
		letter-spacing: .048rem;
	}

	/* Galeri */
	.galerifoto {
		height: 28.8vw;
		margin-top: 1.1vw;
		overflow: hidden;
		background-image: linear-gradient(-180deg, #D41800 0%, #B71700 32vw);
		box-shadow: .4vw 1.0vw 1.6vw .3vw rgba(96,14,11,0.24);
	}
	.galerifoto h2 {
		color: #fff;
	}
	.galerifoto .index {
		color: #FFF;
	}
	.galerifoto li {
		width: 28%;
		margin-right: 8%;
		height: 10vw;
		margin-top: 1.5vw;
		overflow: hidden;
	}
	.galerifoto .filter li {
		overflow: initial;
	}
	.galerifoto li:nth-child(0n) {
		clear: left;
	}
	.galerifoto li:nth-child(3n) {
		margin-right: 0;
		clear: right;
	}
	.galerifoto img,
	.galerihome.galerifoto img {
		border-radius: .24vw;
		width: auto!important;
		max-width: 100%;
	}
	content .galerifoto img,
	galeri .galerifoto img {
		width: 100%!important;
		max-height: initial;
	}
	.galerifoto date {
		color: #f8e81c;
	}
	.galerifoto h3,
	.galerifoto h3 a {
		display: block;
		color: #fff;
		padding: 0;
		margin: 0;
		font-size: .84rem;
		font-weight: 400;
		letter-spacing: .032vw;
		line-height: 1.4vw;
		height: 5.6vw;
		overflow: hidden;
	}
	.galerifoto h3 {
		margin-top: .048vw;
	}
	/* Listing */
	galeri .galerifoto {
		height: initial;
	}
	galeri .galerifoto .filter li {
		color: #fff;
	}
	galeri .galerifoto h3,
	galeri .galerifoto h3 a {
		height: initial;
	}
	galeri .galerifoto h3 {
		margin: .24vw 0 1.2vw;
	}
	galeri .galerifoto .grid-item:before {
		border-color: rgba(255,255,255,.16);
	}
	galeri .galerifoto .paging a,
	galeri .galerifoto .paging strong {
		border-color: #fff;
		color: #000;
	}
	galeri .galerifoto .paging a {
		background-color: #fff;
	}
	galeri .galerifoto .paging strong {
		color: #fff;
	}
	galeri .galerifoto .paging li {
		overflow: initial;
	}
	galeri .galerifoto .paging {
		border-color: rgba(255,255,255,.32);
	}
	/* Terkait */
	.galerifoto.terkait {
		height: initial;
	}
	.galerifoto.terkait li {
		width: 13.66%;
		margin-right: 3.6%;
		height: auto;
	}
	.galerifoto.terkait li:last-child {
		margin-right: 0;
	}

	/* Agenda */
	.agenda {
		height: 28.8vw;
		margin-top: 1.1vw;
		overflow: hidden;
		background-image: linear-gradient(-180deg, #F88A2F 0%, #F88341 32vw);
		box-shadow: .4vw 1.0vw 1.6vw .3vw rgba(28,13,81,0.24);
	}
	.agenda h2 {
		color: #fff;
	}
	.agenda .list {
		padding: 0;
	}
	.agenda .text {
		width: 78%;
		padding: .72vw 0;
		border-color: rgba(255,255,255,.24);
	}
	.agenda .text date {
		color: #FFF881;
	}
	.agenda h3,
	.agenda h3 a {
		color: #FFF;
		font-weight: 600;
	}
	.agenda .graph {
		width: 22%;
	}
	.agenda .graph month,
	.agenda .graph date {
		display: block;
		width: 4.2vw;
		padding: .16vw 0;
		background: #D9251C;
		color: #fff;
		font-size: .7rem;
		font-weight: 600;
		letter-spacing: .032rem;
		text-align: center;
		text-transform: uppercase;
		border-radius: .48vw .48vw 0 0;
		box-shadow: .3vw .4vw .6vw 0 rgba(0,0,0,0.24);
	}
	.agenda .graph date {
		background: #fff;
		color: #000;
		padding: 0;
		font-size: 2rem;
		font-weight: 400;
		line-height: 2.2rem;
		letter-spacing: -.032rem;
		border-radius: 0 0 .48vw .48vw;
	}

	/* Agenda */
	.pengumuman {
		height: 26.8vw;
		overflow: hidden;
		background-image: linear-gradient(-180deg, #01923F 0%, #008639 100%);
		box-shadow: 0 1vw 1.6vw .4vw rgba(0,63,27,0.24);
	}
	.pengumuman .list {
		margin-top: -1vw;
		padding: 0;
	}
	.pengumuman .text {
		width: 82%;
		padding: .54vw 0;
		border-color: rgba(255,255,255,.24);
	}
	.pengumuman .text date {
		color: #FFF881;
	}
	.pengumuman h3,
	.pengumuman h3 a {
		color: #FFF;
		font-size: .96rem;
		font-weight: 600;
	}
	.pengumuman .graph {
		width: 18%;
		margin-top: -.32vw;
	}
	.pengumuman .graph number {
		display: block;
		width: 3.2vw;
		height: 3.2vw;
		background: #fff;
		color: #00933A;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 3.2vw;
		text-align: center;
		text-transform: uppercase;
		border-radius: 666rem;
		box-shadow: .3vw .4vw .6vw 0 rgba(0,0,0,0.24);
	}
	.pengumuman .index {
		display: block;
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		padding-top: .72vw;
		margin-top: .64vw;
		border-top: 1px solid rgba(255,255,255,.32);
	}
	.pengumuman .index .button {
		display: table;
		margin: 0 auto;
		background-color: #F8E81C;
		color: #000;
		padding: .32vw 2vw;
	}

	/* Unduh */
	.unduh {
		margin-top: 0;
		padding: 1.6vw 0;
	}
	.unduh ul {
		margin-top: .32vw;
	}
	.unduh li {
		position: relative;
		width: 31.333333%;
		margin-right: 3%;
	}
	.unduh li:nth-child(3n) {
		margin-right: 0;
	}
	.unduh li:before {
		content: "";
		position: absolute;
		top: .48vw;
		left: 0;
		background-color: #000;
		display: block;
		width: 1.8vw;
		height: 1.8vw;
		background: url(../img/icnpdf.png) 0 0 no-repeat;
		background-size: contain;
	}
	.unduh li a {
		display: block;
		height: 3vw;
		overflow: hidden;
		color: #000;
		padding-right: 6vw;
		margin-left: 2.6vw;
		border-top: 1px solid #ccc;
		line-height: 3vw;
		text-overflow: ellipsis;
		letter-spacing: .024vw;
		white-space: nowrap;
		word-wrap: break-word;
		-webkit-line-clamp: 1;
	}
	.unduh li a.button {
		position: absolute;
		top: .64vw;
		left: initial;
		right: 0;
		height: initial;
		line-height: initial;
		font-size: .7rem;
		letter-spacing: .064rem;
		padding: .32vw 1vw;
		border-radius: .48vw;
	}
	.unduh li:nth-child(1) a,
	.unduh li:nth-child(2) a,
	.unduh li:nth-child(3) a {
		border: none;
	}
	.unduh .index {
		right: 0;
	}

	/* Alamat & Sosial */
	.sosial,
	.alamat {
		margin-top: .48vw;
		margin-bottom: .48vw;
		padding: 1.6vw 0;
	}
	.sosial h2,
	.alamat h2 {
		margin: 0;
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1rem;
		letter-spacing: .024vw;
	}
	.sosial small,
	.alamat small {
		display: block;
		margin-top: -.48vw;
		color: #ccc;
		font-size: .7rem;
		font-weight: 400;
		letter-spacing: .08vw;
		text-transform: uppercase;
	}

	/* Alamat */
	#twitter,
	.alamat address {
		margin-top: 1.3vw;
		padding-top: 1vw;
		border-top: 1px solid #4a4a4a;
		color: #ccc;
		font-size: .94rem;
		font-weight: 400;
		font-style: normal;
		line-height: 1.6vw;
		letter-spacing: .032vw;
	}
	.alamat .map {
		position: relative;
		display: block;
		margin-top: .8vw;
		padding-left: 1.5vw;
		color: #FFF300;
		font-size: .86rem;
		font-weight: 400;
		letter-spacing: .032vw;
	}
	.alamat .map:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1.3vw;
		height: 1.3vw;
		background: url(../img/icn-map.png) 0 0 no-repeat;
		background-size: contain;
	}

	/* Social */
	.sosial h2,
	.sosial small {
		padding-left: 4vw;
	}
	.sosial h2 {
		background: url(../img/icn-twitter.png) 0 center no-repeat;
		background-size: 2vw;
	}
	.sosial .button {
		position: absolute;
		left: 20vw;
		top: 1.6vw;
		padding: .48vw 2.4vw;
		font-weight: 500;
		letter-spacing: .048vw;
	}
	.sosial .flat {
		position: absolute;
		left: initial;
		right: 0;
		top: 1.6rem;
	}
	.sosial .flat li {
		margin-left: 1vw;
	}
	.sosial .flat a {
		display: block;
		width: 2vw;
		height: 2vw;
	}
	#twitter {
		overflow: hidden;
	}
	#twitter a {
		color: #FFF300;
	}
	#twitter ul {
		display: table;
		margin: 0;
		padding: 0;
	}
	#twitter li {
		float: left;
		width: 19.5914893617021vw;
		margin-right: 2.02127659574468vw;
		color: #fff;
		font-weight: 500;
		list-style: none;
		display: block;
	}
	#twitter li strong {
		color: #9B9B9B;
		font-size: .7rem;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: .08rem;
	}
	#twitter .content {
		width: 9999rem;
	}

	/* Copyright */
	row.black {
		color: #fff;
		text-align: right;
	}
	.copy {
		padding: 1vw 0;
		letter-spacing: .032vw;
	}

	/* Translate */
	.othermenu .right p,
	#google_translate_element {
		float: left;
		margin: 0 0 0 1vw;
		padding: 0;
		height: 1vw;
		line-height: 1vw;
		letter-spacing: .048vw;
	}
	.othermenu .right p {
		margin-top: .22vw;
	}
	.othermenu .right p,
	#google_translate_element select {
		font-size: .6rem;
		letter-spacing: .048vw;
		font-weight: 500;
	}
	#google_translate_element select {
		background: none;
		color: #fff;
		border: none;
		font-weight: 400;
		width: 8vw;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	#google_translate_element .goog-te-gadget {
		font-family: inherit;
		font-size: 0px;
	}
	#google_translate_element .goog-te-gadget > span {
		display: none;
	}
	.select2,
	.select2 span,
	.select2-results li,
	.select2-results span {
		position: relative;
		color: #fff;
		font-size: .6rem;
		letter-spacing: .032vw;
	}
	.select2-results span {
		display: block;
		padding: .24vw .48vw .24vw 1.8vw;
	}
	.select2-container .select2-selection--single .select2-selection__rendered span {
		padding-left: 1.8vw;
	}
	.select2 .img-flag,
	.select2-results .img-flag {
		position: absolute;
		top: .24vw;
		left: 0;
		width: 1.2vw;
		height: .8vw;
	}
	.select2 .img-flag {
		top: 0;
	}
	.select2 {
		position: relative;
		margin-top: .3vw;
	}
	.select2-container .select2-selection--single .select2-selection__arrow {
		position: absolute;
		right: 0;
		top: .32vw;
		color: #fff;
		height: initial;
		width: initial;
	}
	.select2-container .select2-selection--single .select2-selection__arrow b {
		border-color: #fff transparent transparent transparent;
		border-style: solid;
		border-width: .4vw .3vw 0 .3vw;
		height: 0;
		left: 50%;
		margin-left: -.3vw;
		margin-top: -.15vw;
		position: absolute;
		top: 50%;
		width: 0;
	}
	.select2-container.select2-container--open .select2-selection--single .select2-selection__arrow b {
		border-color: transparent transparent #fff transparent;
		border-width: 0 .3vw .4vw .3vw;
	}
	.select2-container .select2-selection--single {
		background: none;
		border: none;
		height: initial;
	}
	.select2-container .select2-selection--single .select2-selection__rendered {
		line-height: initial;
		color: #fff;
	}
	.select2-container--open .select2-dropdown--below {
		margin-top: .6vw;
	}
	.select2-dropdown {
		border: none;
		overflow: hidden;
		background-color: #29166F;
		border-radius: 0 0 .48vw .48vw;
		box-shadow: .2vw .8vw 1.4vw rgba(0,0,0,.24);
	}
	.select2-results__option {
		padding: .32vw .64vw;
	}
	.select2-container .select2-results > .select2-results__options {
		max-height: 20vw;
		overflow-y: auto;
	}
	.select2-container .select2-search--dropdown .select2-search__field {
		padding: .32vw .5vw;
		background-color: rgba(255,255,255,.48);
		border: none;
		color: #000;
		border-radius: .24vw;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.select2-container .select2-results__option[aria-selected=true] {
		background-color: rgba(255,255,255,.16);
	}
	/* Detail Theme */
	.select2-container--detail .select2-dropdown {
		border: 1px solid #f5f5f5;
		background-color: #fff;
	}
	.select2-container--detail .select2-results li,
	.select2-container--detail .select2-results span {
		color: #000;
	}
	.select2-container--detail .select2-search--dropdown .select2-search__field {
		background-color: #eee;
	}
	.select2-container--detail .select2-results li:hover {
		background-color: #f5f5f5;
	}
	.select2-container--detail.select2-container--open .select2-dropdown--below {
		margin-top: 0;
	}
	.select2-container--detail .select2-results li,
	.select2-container--detail .select2-results span {
		font-size: .7rem;
	}

	/* Listing */
	lists {
		position: relative;
		font-size: 1vw;
		letter-spacing: .016rem;
		margin-top: 0;
		margin-bottom: 1vw;
	}
	lists .block {
		padding-bottom: .48vw;
	}
	lists .block.index {
		padding-bottom: 2vw;
	}
	lists .block:first-child {
		margin-top: 0;
	}
	lists .list li {
		position: relative;
		display: block;
		width: 48%;
		margin-right: 4%;
		float: left;
		clear: initial!important;
		height: 7.5vw;
	}
	lists .list.wide li {
		width: 100%;
		margin-right: 0;
	}
	lists .list li:nth-child(odd) {
		clear: left!important;
	}
	lists .list li:nth-child(even) {
		margin-right: 0;
		clear: right!important;
	}
	lists .list li:nth-last-child(2) .text {
		border-bottom-width: 0;
	}
	lists .list .graph {
		width: 32%;
	}
	lists .list .text {
		width: 64%;
	}
	lists .list h3 a {
		height: 4.44vw;
		letter-spacing: .048vw;
	}
	lists .list h3 a:hover {
		opacity: .64;
	}
	lists .lists .index {
		display: block;
		position: relative;
		top: initial;
		left: initial;
		right: initial;
		padding-top: .72vw;
		margin-top: .32vw;
		border-top: 1px solid rgba(0, 0, 0, .16);
	}
	lists .lists .index .button {
		display: table;
		margin: 0 auto;
		background-color: #F8E81C;
		color: #000;
		padding: .6vw 3vw;
	}
	/* Index */
	lists .index .list li {
		display: table;
		height: initial;
	}
	lists .index .list img {
		width: 16vw;
		height: auto;
	}
	lists .index .list .graph {
		width: 28%;
	}
	lists .index .list .text {
		width: 70%;
		min-height: 11vw;
	}
	lists .index .list h3 {
		margin-top: .32vw;
	}
	lists .index .list h3 a {
		height: initial;
		font-size: 1.2rem;
		line-height: 110%;
	}
	lists .index .list p {
		margin: .48vw 0;
		line-height: 140%;
	}
	lists .list.wide li:nth-last-child(2) .text {
		border-bottom-width: 1px;
	}
	/* Pengumuman adn Agenda */
	lists .agenda,
	lists .pengumuman {
		background-color: #fff;
		height: initial;
		padding-bottom: 1.6vw
	}
	lists .agenda h2,
	lists .pengumuman h2,
	lists .agenda .filter,
	lists .pengumuman .filter {
		color: #fff;
	}
	lists .pengumuman .list {
		margin-top: 1vw;
	}
	lists .agenda .list .graph,
	lists .pengumuman .list .graph {
		position: absolute;
		left: 0;
		top: 0;
		width: 3.2vw;
	}
	lists .agenda .list .text,
	lists .pengumuman .list .text {
		width: 100%;
		padding-left: 4.6vw;
	}
	lists .agenda .list .text {
		padding-left: 5.8vw;
	}
	lists .agenda .list li,
	lists .pengumuman .list li {
		height: auto;
		margin: .64vw 0;
	}
	lists .agenda .list h3,
	lists .pengumuman .list h3,
	lists .agenda .list h3 a,
	lists .pengumuman .list h3 a {
		font-size: 1.32rem;
		line-height: 110%;
		height: initial;
		margin: .32vw 0 0;
	}
	lists .agenda .list p,
	lists .pengumuman .list p {
		line-height: 140%;
		margin: .16vw 0 1vw;
		color: rgba(255,255,255,.8);
	}
	lists .agenda .list li:nth-last-child(2) .text,
	lists .pengumuman .list li:nth-last-child(2) .text {
		border-bottom-width: 1px;
	}
	lists .pengumuman .paging a {
		background-color: #F8E81C;
		border-color: #F8E81C;
		color: #000;
	}
	lists .pengumuman .paging strong {
		border-color: #F8E81C;
		color: #F8E81C;
	}
	lists .agenda .paging {
		border-color: rgba(255,255,255,.32);
	}
	lists .agenda .paging a {
		background-color: #fff;
		border-color: #fff;
		color: #000;
	}
	lists .agenda .paging strong {
		border-color: #fff;
		color: #fff;
	}

	/* Detail */
	detail {
		position: relative;
		font-size: 1vw;
		letter-spacing: .016rem;
		margin-bottom: 1vw;
	}
	detail p,
	detail td,
	detail th,
	detail li {
		font-size: 1.1em;
		font-weight: 400;
		line-height: 165%;
		transition: all .32s;
	}
	detail p,
	detail li,
	detail table {
		margin: 0 0 1vw;
	}
	detail table {
		width: 100%!important
	}
	detail table,
	detail td {
		border-color: #ccc;
	}
	detail td {
		vertical-align: top;
		padding: .48vw 1vw;
	}
	detail li {
		margin: 0 0 .32vw 0;
	}
	detail h1,
	detail h2,
	download h2,
	detail h3,
	detail h4,
	detail h5 {
		position: relative;
		font-weight: 600!important;
		margin: 3vw 0 1.2vw!important;
		color: #322180!important;
		height: initial!important;
		transition: all .32s;
	}
	detail h1 { font-size: 2.4em!important }
	detail h2 { font-size: 2.1em!important }
	detail h2:before,
	download h2:before {
		content: "";
		position: absolute;
		left: -4vw;
		top: 0;
		display: block;
		height: 2.6vw;
		width: .64vw;
		background-color: #322180;
	}
	detail h3 {
		font-size: 1.8em!important;
		padding-bottom: .48vw!important;
		border-bottom: 1px solid #ccc!important;
	}
	detail h4 {
		font-size: 1.4em!important;
		color: #000!important;
		text-transform: uppercase;
	}
	detail h5 { font-size: 1.2em!important }
	detail ul,
	detail ol {
		margin: 0 0 1vw;
	}
	detail b,
	detail strong {
		font-weight: 600;
	}
	detail a,
	download a {
		position: relative;
		color: #01923F;
		text-decoration: underline;
	}
	detail a:hover,
	download a:hover {
		color: #D9251C;
	}
	detail a[href*=".doc"],
	detail a[href*=".docx"],
	detail a[href*=".xls"],
	detail a[href*=".xlsx"],
	detail a[href*=".ppt"],
	detail a[href*=".pptx"],
	detail a[href*=".jpg"],
	detail a[href*=".jpeg"],
	detail a[href*=".png"],
	detail a[href*=".gif"],
	detail a[href*=".pdf"],
	detail a[href*=".zip"],
	detail a[href*=".rar"],
	detail a[href*=".swf"],
	detail a[href*=".html"],
	detail a[href*=".apk"],
	download a[href*=".doc"],
	download a[href*=".docx"],
	download a[href*=".xls"],
	download a[href*=".xlsx"],
	download a[href*=".ppt"],
	download a[href*=".pptx"],
	download a[href*=".jpg"],
	download a[href*=".jpeg"],
	download a[href*=".png"],
	download a[href*=".gif"],
	download a[href*=".pdf"],
	download a[href*=".zip"],
	download a[href*=".rar"],
	download a[href*=".html"],
	download a[href*=".apk"],
	download a[href*=".swf"] {
		padding-left: 2.2vw;
	}
	detail a[href*=".doc"]:before,
	detail a[href*=".docx"]:before,
	detail a[href*=".xls"]:before,
	detail a[href*=".xlsx"]:before,
	detail a[href*=".ppt"]:before,
	detail a[href*=".pptx"]:before,
	detail a[href*=".jpg"]:before,
	detail a[href*=".jpeg"]:before,
	detail a[href*=".png"]:before,
	detail a[href*=".gif"]:before,
	detail a[href*=".pdf"]:before,
	detail a[href*=".html"]:before,
	detail a[href*=".zip"]:before,
	detail a[href*=".rar"]:before,
	download a[href*=".doc"]:before,
	download a[href*=".docx"]:before,
	download a[href*=".xls"]:before,
	download a[href*=".xlsx"]:before,
	download a[href*=".ppt"]:before,
	download a[href*=".pptx"]:before,
	download a[href*=".jpg"]:before,
	download a[href*=".jpeg"]:before,
	download a[href*=".pdf"]:before,
	download a[href*=".png"]:before,
	download a[href*=".gif"]:before,
	download a[href*=".zip"]:before,
	download a[href*=".rar"]:before,
	download a[href*=".swf"]:before,
	download a[href*=".html"]:before,
	download a[href*=".apk"]:before {
		content: "FILE";
		position: absolute;
		left: 0;
		color: #000;
		font-size: .48rem;
		font-weight: 600;
		letter-spacing: .032vw;
		text-align: center;
		background: #fff;
		border: .01vw solid #999;
		display: inline-block;
		line-height: 100%;
		padding: 0;
		margin-top: -.08vw;
		margin-right: .32vw;
		width: 1.4vw;
		height: 1.8vw;
		line-height: 1.8vw;
	}
	detail a[href*=".doc"]:before,
	download a[href*=".doc"]:before			{ content: "DOC";	color: blue;	border-color: blue; }
	detail a[href*=".docx"]:before,
	download a[href*=".docx"]:before		{ content: "DOCX";	color: blue;	border-color: blue; 	font-size: .38vw }
	detail a[href*=".xls"]:before,
	download a[href*=".xls"]:before			{ content: "XLS";	color: green;	border-color: green; }
	detail a[href*=".xlsx"]:before,
	download a[href*=".xlsx"]:before		{ content: "XLSX";	color: green;	border-color: green; 	font-size: .38vw }
	detail a[href*=".ppt"]:before,
	download a[href*=".ppt"]:before			{ content: "PPT";	color: purple;	border-color: purple; }
	detail a[href*=".pptx"]:before,
	download a[href*=".pptx"]:before		{ content: "PPTX";	color: purple;	border-color: purple; 	font-size: .38vw }
	detail a[href*=".jpg"]:before,
	download a[href*=".jpg"]:before			{ content: "JPG";	color: red;		border-color: red; }
	detail a[href*=".jpeg"]:before,
	download a[href*=".jpeg"]:before		{ content: "JPG";	color: red;		border-color: red; }
	detail a[href*=".png"]:before,
	download a[href*=".png"]:before			{ content: "PNG";	color: green;	border-color: green; }
	detail a[href*=".gif"]:before,
	download a[href*=".gif"]:before			{ content: "GIF";	color: #666;	border-color: #666; }
	detail a[href*=".pdf"]:before,
	download a[href*=".pdf"]:before 		{ content: "PDF";	color: green;	border-color: green; }
	detail a[href*=".zip"]:before,
	download a[href*=".zip"]:before 		{ content: "ZIP";	color: green;	border-color: green; }
	detail a[href*=".rar"]:before,
	download a[href*=".rar"]:before 		{ content: "RAR";	color: green;	border-color: green; }
	detail a[href*=".swf"]:before,
	download a[href*=".swf"]:before 		{ content: "SWF";	color: orange;	border-color: orange; }
	detail a[href*=".html"]:before,
	download a[href*=".html"]:before 		{ content: "HTML";	color: #00F;	border-color: #00F; 	font-size: .38vw }
	detail a[href*=".apk"]:before,
	download a[href*=".apk"]:before 		{ content: "APK";	color: orange;	border-color: orange; }
	detail blockquote {
		position: relative;
		font-size: 1.4em;
		letter-spacing: .016rem;
		font-style: italic;
		color: #333;
		font-weight: 300;
		line-height: 165%;
		margin: 2vw 0;
		padding: 2vw 3vw;
		background-color: #f5f5f5;
	}
	detail blockquote:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		border-left: .32vw solid #D9251C;
	}
	detail img {
		display: block;
		background-color: #fff;
		max-width: 100%;
		min-height: 1vw;
		margin: .48vw 0 1vw;
		box-sizing: content-box;
		box-shadow: .24vw .32vw 1vw .32vw rgba(0,0,0,.08)
	}
	detail img[align=left] {
		margin: .48vw 2vw 1vw 0;
	}
	detail img[align=right] {
		margin: .48vw 0 1vw 2vw;
	}
	detail p[style="text-align: center"] img,
	detail p[style="text-align: center;"] img,
	detail p[style="text-align:center;"] img,
	detail p[style="text-align:center"] img,
	detail img[align=center] {
		margin: .48vw auto 1vw;
	}
	detail hr {
		margin: 3vw 0;
	}
	detail .meta {
		padding-right: 4vw;
		margin-bottom: 2vw;
		padding-bottom: .48vw;
		border-bottom: 1px solid #ccc;
	}
	.darkblock detail .meta {
		border-bottom-color: #666;
	}
	detail .meta h1 {
		font-size: 3em!important;
		letter-spacing: -.016em!important;
		margin-bottom: 1vw!important;
		line-height: 120%;
		color: #333!important;
	}
	.darkblock detail .meta h1 {
		color: #eee!important;
	}
	detail .meta li {
		padding-right: 2vw;
	}
	detail .meta span {
		display: block;
		padding-left: 1.8vw;
		letter-spacing: .048vw;
		color: #666;
		margin: 0;
		background-size: auto .9em;
		background-position: left center;
		background-repeat: no-repeat;
	}
	.darkblock detail .meta span {
		color: #ccc;
	}
	detail .meta .date { background-image: url(../img/date.png) }
	detail .meta .by { background-image: url(../img/by.png) }
	detail .meta .view { background-image: url(../img/view.png) }
	.darkblock detail .meta .date { background-image: url(../img/datew.png) }
	.darkblock detail .meta .by { background-image: url(../img/byw.png) }
	.darkblock detail .meta .view { background-image: url(../img/vieww.png) }
	detail .block {
		padding: 2vw 4vw;
		margin-top: 0;
	}
	detail .breadcrumb {
		position: absolute;
		z-index: 2;
		top: 2.4vw;
		left: 4vw;
	}
	detail .breadcrumb li {
		padding-right: 1vw;
	}
	detail .breadcrumb li:last-child {
		padding-right: 0;
	}
	detail .breadcrumb li:after {
		content: "/";
		margin-left: 1vw;
	}
	detail .breadcrumb li:last-child:after {
		display: none;
	}
	detail .breadcrumb li a {
		text-decoration: none;
		color: #D9251C;
	}
	.darkblock detail .breadcrumb li a {
		color: #fc0;
	}
	detail .fontsize {
		position: absolute;
		z-index: 2;
		top: 2vw;
		left: initial;
		right: 4vw;
	}
	detail .block .fontsize {
		top: 6vw;
	}
	detail .fontsize li {
		display: block;
		margin: 0;
		text-align: center;
		font-size: .7rem;
		font-weight: 600;
		color: #01923F;
		vertical-align: bottom;
	}
	detail .fontsize li.min,
	detail .fontsize li.plus {
		width: 2.4vw;
		height: 2.4vw;
		line-height: 2.4vw;
		font-size: 1.6rem;
		cursor: pointer;
	}
	detail .fontsize li.min {
		font-size: 1.1rem;
	}
	detail .detail iframe {
		height: 30vw;
	}
	/* Detail Galeri */
	detail .gallery {
		display: block;
		line-height: 150%;
	}
	detail .gallery.owl-loaded {
		height: initial;
	}
	detail .gallery .item > div {
		display: block;
		height: 70vh;
		margin-bottom: .64vw;
		background-color: #111;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		border-radius: .64vw;
		box-shadow: none;
	}
	detail .gallery .owl-dots {
		margin: 0 auto 2.4vw;
		padding: .5vw 0 0;
		display: table;
	}
	detail .gallery .owl-dot {
		float: left;
		width: 1vw;
		height: 1vw;
		background-color: #ccc;
		border-radius: 666rem;
		margin: 0 .48vw;
	}
	detail .gallery .owl-dot.active {
		background-color: #9B9B9B;
	}
	detail .gallery .owl-nav {
		position: absolute;
		left: 0;
		right: 0;
		pointer-events: none;
	}
	detail .gallery .owl-prev,
	detail .gallery .owl-next,
	detail .gallery .owl-prev:before,
	detail .gallery .owl-next:before {
		display: block;
		width: 2vw;
		height: 2vw;
		line-height: 2.2vw;
		position: absolute;
		left: 0;
		text-indent: 666rem;
		text-align: left;
		pointer-events: auto;
	}
	detail .gallery .owl-next {
		left: initial;
		right: 0;
	}
	detail .gallery .owl-prev:before,
	detail .gallery .owl-next:before {
		content: "←";
		top: 0;
		font-size: 1.4vw;
		text-indent: 0;
		background-color: #666;
		text-align: center;
		color: #fff;
		border-radius: 666rem;
	}
	detail .gallery .owl-prev.disabled:before,
	detail .gallery .owl-next.disabled:before {
		background-color: #ccc;
	}
	detail .gallery .owl-next:before {
		content: "→";
	}
	/* FAQ */
	detail #faq {
		cursor: pointer;
	}
	detail #faq .hide {
		display: none;
	}
	detail #faq h5 {
		border-top: 1px solid #eee;
		margin: 1.2vw 0!important;
		padding: 1vw 0 1vw 3vw;
		color: #000!important;
		font-weight: 500!important;
	}
	detail #faq li {
		position: relative;
	}
	detail #faq number {
		position: absolute;
		top: 1vw;
		left: 0;
		width: 1.8vw;
		height: 1.8vw;
		color: #000;
		font-weight: 600;
		text-align: center;
		line-height: 1.9vw;
		background-color: #F8E81C;
		border-radius: 666rem;
		box-shadow: 0.1vw 0.2vw 0.3vw 0.024vw rgba(0,0,0,.24);
	}

	/* Galeri Listing */
	galeri {
		display: block;
	}
	galeri h3,
	galeri h3 a {
		color: #000;
		font-weight: 600;
		font-size: .9rem;
		margin: .24vw 0 1.2vw;
		letter-spacing: .016vw;
	}
	galeri date {
		display: block;
		margin: .48vw 0 0;
		font-size: .6rem;
		text-transform: uppercase;
		letter-spacing: .032vw;
	}
	galeri .block:first-child {
		margin-top: 0;
	}
	galeri .grid-sizer,
	galeri .grid-item {
		width: 33.3333%;
	}
	galeri .grid-item:nth-child(3n+1) {
		clear: right;
	}
	galeri .grid-item:nth-child(3n+2) {
		clear: left;
	}
	galeri .grid-item {
		float: left;
		padding: 0 1vw;
	}
	galeri .grid-item:before {
		content: "";
		height: 0;
		width: 100%;
		display: block;
		clear: both;
		border-top: 1px solid rgba(0,0,0,.16);
		margin: 0 0 1vw;
	}
	galeri .grid-item:nth-child(1):before,
	galeri .grid-item:nth-child(2):before,
	galeri .grid-item:nth-child(3):before,
	galeri .grid-item:nth-child(4):before {
		display: none;
	}
	galeri img {
	  display: block;
	  width: 100%;
	  border-radius: .24vw;
	}
	galeri .smaller .grid-sizer,
	galeri .smaller .grid-item {
		width: 25%;
	}
	galeri .smaller .grid-item:nth-child(3n+1),
	galeri .smaller .grid-item:nth-child(3n+2) {
		clear: initial;
	}
	galeri .smaller .grid-item:nth-child(4n+1) {
		clear: right;
	}
	galeri .smaller .grid-item:nth-child(4n+2) {
		clear: left;
	}
	galeri .smaller .grid-item:nth-child(5):before {
		display: none;
	}
	galeri .bigger .grid-sizer,
	galeri .bigger .grid-item {
		width: 50%;
	}
	galeri .bigger .grid-item:nth-child(3n+1),
	galeri .bigger .grid-item:nth-child(3n+2) {
		clear: initial;
	}
	galeri .bigger .grid-item:nth-child(2n+1) {
		clear: right;
	}
	galeri .bigger .grid-item:nth-child(2n+2) {
		clear: left;
	}
	galeri .bigger .grid-item:nth-child(4):before {
		display: block;
	}
	galeri .bigger iframe {
		height: 16vw;
	}
	galeri .biggest .grid-sizer,
	galeri .biggest .grid-item {
		width: 100%;
	}
	galeri .biggest .grid-item:nth-child(3n+1),
	galeri .biggest .grid-item:nth-child(3n+2) {
		clear: initial;
	}
	galeri .biggest .grid-item:nth-child(3):before {
		display: block;
	}
	galeri .biggest iframe {
		height: 32vw;
	}

	/* Masonry */
	.masonry {
		position: relative;
		clear: both;
		margin: 1.6vw -1vw 0;
	}
	.masonry:after {
		content: "";
		display: block;
		height: 0;
		width: 100%;
		clear: both;
	}

	/* Paging */
	detail .gsc-results .gsc-cursor,
	paging .paging,
	detail .paging,
	lists .paging,
	download .paging,
	galeri .paging {
		border-top: 1px solid rgba(0,0,0,.16);
		text-align: center;
		padding: 1vw 0;
		margin: 0 0 -1.2vw;
	}
	detail .gsc-results .gsc-cursor {
		display: block;
		text-align: center;
		margin-bottom: 2vw;
	}
	paging .paging a,
	paging .paging strong,
	detail .paging a,
	detail .paging strong,
	lists .paging a,
	lists .paging strong,
	download .paging a,
	download .paging strong,
	galeri .paging a,
	galeri .paging strong {
		display: inline-block;
		margin: 0 .24vw;
		height: initial;
		width: initial;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page,
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page,
	paging .paging a,
	paging .paging strong,
	detail .paging a,
	detail .paging strong,
	lists .paging a,
	lists .paging strong,
	download .paging a,
	download .paging strong,
	galeri .paging a,
	galeri .paging strong {
		display: inline-block;
		color: #01923F;
		font-weight: 600;
		font-size: .8rem;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: .032vw;
		padding: .16vw .8vw;
		border: 1px solid #01923F;
		border-radius: .32vw;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page,
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page {
		display: inline-block;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page,
	paging .paging a,
	detail .paging a,
	lists .paging a,
	download .paging a,
	galeri .paging a {
		color: #fff;
		background: #01923F;
		box-shadow: 0.1vw 0.2vw 0.3vw 0.024vw rgba(0,0,0,.24);
		transition: all .24s;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
		background-color: transparent;
		box-shadow: none;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
	paging .paging a:hover,
	detail .paging a:hover,
	lists .paging a:hover,
	download .paging a:hover,
	galeri .paging a:hover {
		transform: translate3d(0,-.24vw,0);
		box-shadow: 0.1vw 0.44vw 0.8vw 0.024vw rgba(0,0,0,.32);
	}
	lists .block.index .paging {
		margin-top: 1vw;
	}
	paging .paging {
		border-top: 1px solid #666;
		margin: .32vw 0 0;
	}


	/* Download */
	download {
		display: block;
	}
	download ul.plain li {
		padding:.64vw 0;
		border-bottom: 1px solid #eee;
	}
	download ul.plain li:last-child {
		border-bottom: none;
	}
	download .block {
		margin-top: 0;
	}
	download ul.plain li a {
		display: block;
		color: #000;
		text-decoration: none;
		padding-left: 3vw!important;
		padding-right: 7vw!important;
	}
	download ul.plain li a:after {
		content: "Unduh";
		position: absolute;
		left: initial;
		right: 0;
		top: 0;
		padding: .32vw 1vw;
		background-color: #01923F;
		color: #fff;
		font-size: .7rem;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: .064rem;
		border-radius: .48vw;
		box-shadow: 0.1vw 0.2vw 0.3vw 0.024vw rgba(0,0,0,.24);
		transition: all .24s;
	}

	/* Google Search Result */
	detail .searchresult {
		min-height: 100vh;
		padding: 6vw 3vw 2vw;
	}
	detail .gsc-input input {
		padding: .4vw 1vw;
	}
	detail .gsc-control-cse {
		background-color: transparent;
		font-family: inherit;
	}
	detail .cse .gsc-control-cse,
	detail .gsc-control-cse {
		padding: 0;
	}
	detail .gsc-expansionArea > .gsc-result {
		border-radius: 1vw;
	}
	detail .gsc-expansionArea > .gsc-result:nth-child(odd) {
		background-color: #fafafa;
	}
	detail .gcsc-branding img {
		box-shadow: none;
	}
	detail .gs-result img.gs-image,
	detail .gs-result img.gs-promotion-image {
		border-radius: .32vw;
	}
	detail .gsc-control-cse .gs-spelling,
	detail .gsc-control-cse .gs-result .gs-title,
	detail .gsc-control-cse .gs-result .gs-title *,
	detail .gs-webResult .gs-snippet,
	detail .gs-imageResult .gs-snippet,
	detail .gs-fileFormatType,
	detail .gs-webResult div.gs-visibleUrl,
	detail .gs-imageResult div.gs-visibleUrl {
		font-family: "stevie-sans", sans-serif;
		font-size: 1.2vw;
		line-height: 150%;
	}
	detail .gs-webResult .gs-snippet,
	detail .gs-imageResult .gs-snippet,
	detail .gs-fileFormatType,
	detail .gs-webResult div.gs-visibleUrl,
	detail .gs-imageResult div.gs-visibleUrl {
		font-size: 1vw;
	}
	detail .gs-webResult.gs-result a.gs-title:link,
	detail .gs-webResult.gs-result a.gs-title:link b,
	detail .gs-imageResult a.gs-title:link,
	detail .gs-imageResult a.gs-title:link b {
		color: #29166F;
		font-weight: 500;
	}
	detail .gsc-control-cse .gs-result .gs-title {
		margin-bottom: .32vw;
	}
	detail .gs-webResult.gs-result a.gs-title:link b,
	detail .gs-imageResult a.gs-title:link b {
		color: #29166F;
		font-weight: 700;
	}
	detail .gsc-result .gs-title {
		overflow: initial;
	}
	detail .gs-web-image-box,
	detail .gs-promotion-image-box {
		width: 7vw;
	}
	detail .gs-web-image-box img.gs-image,
	detail .gs-promotion-image-box img.gs-promotion-image {
		max-width: 7vw;
		max-height: 20vw;
	}

	/* Empty State */
	.empty {
		background: url(../img/empty.png) 0 0 repeat;
		margin: 1vw -1.8vw 0 -1.8vw;
		padding: 20vw 0 90vw;
	}
	.empty i {
		display: block;
		margin: 0 auto;
		width: 22vw;
		height: 22vw;
		background: url(../img/basniconfuse.png) center bottom no-repeat;
		background-size: contain;
	}
	.empty center {
		display: table;
		margin: -2vw auto 0;
		background-color: #F8E81C;
		font-weight: 500;
		color: #000!important;
		padding: 0.32vw 1vw;
		border-radius: .32vw;
	}

	/* Contact Us */
	.hubungi label {
		font-weight: 500;
		font-size: .64rem;
		letter-spacing: .048vw;
		text-transform: uppercase;
		margin-bottom: 1vw;
	}
	.hubungi input[type=text],
	.hubungi textarea,
	.hubungi select {
		width: 100%;
		display: block;
		clear: both;
		margin-bottom: 1vw;
		padding: .32vw 1vw;
		background-color: #f5f5f5;
		font-size: .8rem;
		border: 1px solid #ccc;
		border-radius: .32vw;
	}
	.hubungi row {
		position: relative;
		padding: 0;
	}
	.hubungi .pesan {
		margin-right: 304px;
		padding-right: 2.12vw;
	}
	.hubungi .captcha {
		position: absolute;
		top: 0;
		left: initial;
		right: 0;
		width: 304px;
	}
	.hubungi input[type=submit],
	.hubungi input[type=reset] {
		margin-right: 1vw;
	}
	.hubungi .help-block {
		position: relative;
		display: table;
		margin: -.48vw 0 1vw;
		background-color: #f90;
		color: #fff;
		font-size: .7rem;
		letter-spacing: .064vw;
		border-radius: .32vw;
		padding: .24vw .64vw;
		box-shadow: 0 .32vw .64vw .024vw rgba(0,0,0,.08)
	}
	.hubungi .help-block:before {
		content: "";
		display: block;
		position: absolute;
		left: 2vw;
		top: -.32vw;
		width: .64vw;
		height: .64vw;
		transform: rotate(45deg);
		background-color: #f90;
	}
	.hubungi .help-block:after {
		content: "";
		display: block;
		width: 100%;
		float: none;
		clear: both;
	}

	#map-canvas {
		width: 100%;
		height: 34vw;
		border: 1px solid #f5f5f5;
		margin-bottom: 1vw;
	}
	#map-canvas img {
		box-shadow: none;
	}
	#map-info h4 {
		margin-top: 1vw!important;
		font-size: .9rem!important;
	}
	#map-info p {
		font-size: .8rem;
		line-height: 1.48vw;
		margin: .48vw 0;
	}

	.mainmenu  {
		position: relative;
	}
	.mainmenu .menu-mobile {
		display: none;
	}
	.mainmenu ul.right {
		position: absolute;
		top: .2vw;
		right: 2vw;
	}

	.addthis_toolbox.addthis_default_style {
		margin-top: 5vw;
	}
	.addthis_toolbox.addthis_default_style a span {
		position: relative;
		display: block;
		overflow: hidden;
		border-radius: 2vw;
	}

	.g-recaptcha {
		overflow: hidden;
	}

	.logo {
		padding: 2.02127659574468vw 0 0;
		padding-bottom: .7vw;
	}
	.logo ul {
		border-top: 1px solid #eee;
		padding-top: 2.02127659574468vw;
	}
	.logo li {
		width: 12.5%;
	}
	.logo li a {
		display: block;
		text-align: center;
		padding: 0 2vw;
	}
	.logo li img {
		display: inline-block;
		width: 100%;
		height: auto;
	}

	.logo .owl-carousel .owl-item img {
		display: table;
		width: auto;
		text-align: center;
		margin: 0 auto;
	}


	.skiptranslate iframe {
		/*display: none;*/
	}

	/* Struktur */
	.element,
	.group {
		display: table;
	}
	.scroll {
		width: 100%;
	}
	.struktur {
		width: auto;
	}
	.element {
		position: relative;
		display: block;
		width: 9vw;
	}
	.row1.level3 .element {
		width: 12vw;
	}
	.element .padding {
		position: relative;
		z-index: 2;
		display: block;
		padding: 0;
		margin: 1vw .28vw 1vw 1vw;
	}
	.row1.level3 .row2 .element .padding {
		margin-left: 2vw;
	}
	.row0 .element .padding,
	.row1 .element .padding {
		margin: 1vw .64vw;
	}
	.element img {
		position: relative;
		z-index: 1;
		border-radius: 666rem;
		margin: 0 0 1vw;
		width: 5vw;
		height: 5vw;
	}
	.row0 > .element img,
	.row1 > .element img {
		margin-left: auto;
		margin-right: auto;
	}
	.element .padding:before {
		position: absolute;
		display: block;
		content: "";
		z-index: 1;
		left: 0;
		right: 0;
		top: 25%;
		bottom: 25%;
		background-color: #fff;
	}
	.element .padding div {
		position: relative;
		z-index: 2;
		background-color: #fff;
	}
	.headgroup {
		position: relative;
	}
	.row1 > .headgroup:before {
		content: "";
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		right: 49%;
		border-top: .128vw solid red;
	}
	.row1.level1 > .headgroup:before {
		display: none;
	}
	.element:before {
		content: "";
		position: absolute;
		z-index: 0;
		top: 50%;
		left: 0;
		right: 1vw;
		border-top: .128vw solid red;
	}
	.headgroup .row1.col2 > .element:before {
		left: 50%;
	}
	.headgroup .row1.col4 > .element:before {
		right: 50%;
	}
	.headgroup .row1.col0 > .element:before {
		top: 25%;
		right: 50%;
		left: -15vw;
	}
	.headgroup .row1.col0 > .element:after {
		top: 50%;
	}
	.headgroup .row1.col1 {
		width: 0;
		display: block;
	}
	.headgroup .row1.col1 > .element {
		right: -6vw;
	}
	.headgroup .row1.col1 > .element:before {
		left: 50%;
		right: -3.1vw;
		top: 25%;
	}
	.headgroup .row1.col1 > .element:after {
		display: none;
	}
	.row0 > .element:before {
		display: none;
	}
	.row1 > .element:before {
		top: 0;
		right: 0;
	}
	.element:after {
		content: "";
		position: absolute;
		z-index: 0;
		top: -1vw;
		bottom: -1vw;
		left: 0;
		border-left: .128vw solid red;
	}
	.row0 > .element:after {
		left: 50%;
		top: 50%;
		bottom: -31vw!important;
	}
	.row1.level1 .row2 > .element:after {
		left: 50%;
		top: -1vw;
		bottom: 50%;
	}
	.row1.level1 .row2 img {
		margin-left: auto;
		margin-right: auto;
	}
	.headgroup > .group:last-child > .element:after,
	.headgroup > .row1 > .element:last-child:after {
		bottom: 50%;
	}
	.headgroup > .row1:last-child > .element:after {
		bottom: 0;
	}
	.row1 > .element:after {
		top: 0;
		left: 50%;
		bottom: 0;
	}
	.element:after,
	.row1 > .headgroup:before,
	.element:before {
		border-color: #322180;
		opacity: .48;
	}
	.row1.level1 .row2 > .element:before {
		top: -1vw;
		left: 0;
		right: 0;
	}
	.row1.level1 .row2:first-child > .element:before {
		left: 50%;
	}
	.row1.level1 .row2:last-child > .element:before {
		right: 50%;
	}
	.group {
		margin: 0 auto;
		text-align: left;
		padding: 0;
	}
	.group.level1.row1 > .element { margin-top: -2vw; margin-left: -3vw }
	.group.level2.row1 > .element { margin-top: 4vw }
	.group.level3.row1 > .element { margin-top: 27vw }
	.group.row0,
	.group.row1,
	.group.row1.level1 .row2 {
		text-align: center;
		float: left;
	}
	.group.row1.level1 .row2.col0 > .element:after,
	.group.row1.level1 .row2.col0 > .element:before {
		display: none;
	}
	.group.row1.level1 .group.row2.col1 > .element:before {
		left: 50%;
	}
	.group.row1.level1 .headgroup {
		width: 28vw;
		margin-left: -16.6vw;
	}
	.group.row0 > .element,
	.group.row1 > .element {
		display: block;
		float: left;
	}
	.group.row0 > .element .padding,
	.group.row1 > .element .padding {
		height: 12vw;
	}
	.group.row0 > .element {
		margin: 0 auto;
		float: none;
	}
	.group.row1.level1 {
		width: 0;
		display: block;
		float: right;
	}
	.headgroup {
		clear: both;
		display: table;
		margin: 0 auto;
	}
	.sj {
		padding: .24vw 0 0;
		font-size: .6rem;
		font-weight: bold;
		letter-spacing: .048vw;
		text-transform: uppercase;
	}
	.sn {
		padding: 0 0 .24vw;
		font-size: .8rem;
	}
}

/* Desktop only CSS Overide */
@media screen and (min-width: 475px) {
	.scrollhorizontal.owl-carousel .owl-stage-outer {
		overflow: initial;
		height: auto!important;
	}
	.scrollhorizontal.owl-carousel .owl-stage {
		width: 100vw!important;
	}
	.scrollhorizontal.owl-carousel .owl-item {
		display: table!important;
		width: auto!important;
		margin-right: 2.02127659574468vw;
	}
	.scrollhorizontal.owl-carousel .owl-item:last-child {
		margin-right: 0;
	}
}

/* Mobile CSS Overide */
@media screen and (max-width: 475px) {
	html,
	body {
		font-size: 3.2vw;
	}

	header {
		height: 28vw;
	}
	header logo {
		position: absolute;
		z-index: 2;
		width: 25vw;
		height: 20vw;
	}
	header nav {
		position: relative;
		z-index: 1;
		width: 65vw;
		margin-left: 25vw;
	}
	header nav .shadow {
		border-radius: 0 0 2vw 2vw;
	}

	ticker {
		position: absolute;
		top: 19vw;
		left: -25vw;
		right: 0;
	}
	ticker p {
		width: 22vw;
		letter-spacing: .24vw;
		padding: 1.5vw 0;
		border-radius: 1vw;
	}
	ticker > div,
	ticker > span {
		width: 68vw;
		height: 5vw;
	}
	ticker > span {
		background-size: 100% 100%;
	}
	ticker a {
		font-size: .8rem;
		letter-spacing: .24vw;
	}
	ticker i {
		width: 4vw;
		height: 4vw;
		line-height: 4vw;
		margin-right: 1.5vw;
	}

	.form-search {
		margin-top: 2vw;
	}
	.form-search .popup-search {
		top: 8.5vw;
		left: -12vw;
	}
	.form-search .popup-search ul {
		width: 50vw;
		height: auto;
		margin: -1vw 0 0 -4vw;
		background-color: #01923F;
		border-radius: 0 0 2vw 2vw;
		box-shadow: 1vw 1vw 4vw .4vw rgba(152, 100, 20, 0.24);
	}
	.form-search:hover .popup-search {
		opacity: 0;
	}
	.form-search.show .popup-search {
		opacity: 1;
		pointer-events: auto;
	}
	.form-search .popup-search input[type=search],
	.form-search .popup-search input[type=text] {
		font-size: 1rem;
		padding: 1vw 9vw 1vw 4vw;
		background-size: 9vw;
		width: 47vw;
		border-radius: 1vw;
	}
	.form-search.show ul li:hover > ul {
		opacity: 1!important;
	}
	detail #cse-search-box input[type="submit"],
	.form-search input[type=submit] {
		width: 10vw;
		height: 6vw;
		background-position: 70% 0%;
		background-size: 9vw;
	}
	.form-search .popup-search ul li.head ul {
		margin: 0;
	}
	.form-search .popup-search ul li.head a {
		padding: 2vw 0;
		font-size: 1rem;
	}

	.mainmenu {
		padding: 1vw 5vw;
		border-radius: 0 0 2vw 2vw;
	}
	.mainmenu ul.right {
		right: 5vw;
	}
	.mainmenu .menu-mobile {
		float: left;
		display: block;
		background-color: #f60;
		padding: 1vw 5vw;
		margin: 1vw 0;
		cursor: pointer;
		border-radius: 1vw;
		text-transform: uppercase;
		letter-spacing: .128vw;
	}
	.mainmenu .menu {
		position: absolute;
		left: 2vw;
		top: 10vw;
		width: 60vw;
		max-height: 80vh;
		overflow: auto;
		opacity: 0;
		pointer-events: none;
		padding-top: 1vw;
		background-color: #01923F;
		border-radius: 0 0 2vw 2vw;
		box-shadow: 1vw 2vw 6vw rgba(7,109,51,.24);
		transition: all .128s;
	}
	.mainmenu .menu a,
	.mainmenu .menu ul,
	.mainmenu .menu li,
	.mainmenu .menu span {
		pointer-events: none!important;
	}
	.mainmenu .menu.show a,
	.mainmenu .menu.show ul,
	.mainmenu .menu.show li,
	.mainmenu .menu.show span {
		pointer-events: auto!important;
	}
	.mainmenu .menu.show {
		opacity: 1;
		pointer-events: auto;
	}
	.mainmenu .menu li {
		float: none;
		padding: 3vw 1vw 3vw 5vw;
	}
	.mainmenu > ul > li > a {
		display: block;
		padding-right: 12vw;
		font-size: 1.4rem;
		letter-spacing: .128vw;
		background-size: auto 8vw;
	}
	.mainmenu .menu-search {
		font-size: 1rem;
		width: 32vw;
		padding: 1vw 7vw 1vw 4vw;
		letter-spacing: .256vw;
		background-size: 9vw;
		border-radius: 1vw;
	}
	.mainmenu ul ul {
		margin: 5vw 0 0 -5vw;
		height: 0;
		opacity: 1;
		width: 60vw;
		overflow: hidden;
		border-radius: 2vw;
		box-shadow: 1vw 2vw 6vw rgba(0,0,0,.24);
	}
	.mainmenu ul ul li a,
	.mainmenu ul ul li span {
		font-size: 1.4rem;
	}
	.mainmenu ul li:hover > ul {
		opacity: 0;
		pointer-events: none;
	}
	.mainmenu ul li > ul.show {
		height: auto;
		position: relative;
		opacity: 1;
		background-color: rgba(0,0,0,.32);
		pointer-events: auto;
		border-radius: 0;
		box-shadow: none;
	}
	.mainmenu ul ul li span:after {
		top: 6vw;
		right: 5vw;
		font-size: .6rem;
	}
	.mainmenu .np > a:after {
		font-size: 1rem;
		margin-left: 2vw;
	}
	.mainmenu ul a .tooltip {
		padding: .5vw 3vw;
		font-size: 1rem;
		border-radius: 1vw;
		margin-top: -6vw;
		margin-left: -3vw;
	}
	.mainmenu ul ul li a:hover,
	.mainmenu ul ul li span:hover {
		background-color: transparent;
	}
	.mainmenu ul ul ul {
		right: initial;
	}

	row {
		padding: 0 5vw;
	}

	.pace .pace-progress {
		height: 2vw;
	}

	.block {
		margin: 4vw 0;
		padding: 5vw 4vw;
		border-radius: 3vw;
	}
	.block,
	.block:hover {
		transform: none;
		box-shadow: 0.5vw 1vw 4vw 1vw rgba(112,105,87,0.16);
	}
	.block h2 {
		font-size: 1.8rem;
		height: 10vw;
	}
	.block .index {
		top: 5vw;
		right: 3vw;
		padding: 1.5vw 6vw;
		font-size: 1rem;
		letter-spacing: .24vw;
	}
	.block .play {
		background-size: 20vw;
	}

	.list h3 a {
		font-size: 1.4rem;
		height: 11vw;
		line-height: 5.5vw;
	}
	.list .cat,
	.list date {
		letter-spacing: .24vw;
		font-size: .9rem;
	}
	.list .text {
		padding: 2.5vw 0;
	}
	.list .graph {
		padding-top: 2.5vw;
	}
	.list .graph img {
		border-radius: 1vw;
	}
	.list.card li {
		float: left;
		clear: initial;
		width: 38.5vw;
		margin: 0 2vw 3vw;
		border-radius: 2vw;
	}
	.list.card li,
	.list.card li:hover {
		transform: none;
		box-shadow: 1vw 1vw 4vw 0 rgba(0,0,0,0.16);
	}
	.list.card li:nth-child(odd) {
		clear: left;
	}
	.list.card li:nth-child(even) {
		clear: right;
	}
	.list.card date {
		display: block;
		font-size: .9rem;
		letter-spacing: .24vw;
		line-height: 4vw;
		padding: .5vw 0;
	}
	.list.card h3 a {
		font-size: 1.3rem;
		font-weight: 400;
		line-height: 5vw;
		letter-spacing: .12vw;
		height: 20vw;
	}
	.list.card .text {
		padding: 1vw 3vw 3vw;
	}

	paging .owl-dots {
		bottom: 1.5vw;
	}
	paging .owl-dot {
		width: 1.8vw;
		height: 1.8vw;
		margin: 0 1vw;
	}
	paging .owl-dots:before {
		bottom: 4.2vw;
	}

	.button,
	.button:hover {
		transform: none;
		box-shadow: 1vw 1vw 3vw .24vw rgba(0,0,0,.24);
	}
	.button,
	button,
	input[type=submit],
	input[type=reset] {
		padding: 1vw 4vw;
	}

	.filter {
		position: relative;
		margin-top: -2vw;
		margin-bottom: 7vw;
	}
	.filter li {
		margin-left: 2vw!important;
	}
	.filter input,
	.filter select {
		font-size: .9rem;
		max-width: 33vw;
	}
	.filter input[type=text],
	.filter .select2 {
		width: auto!important;
		margin-bottom: 2vw;
		min-width: 24vw;
		max-width: 28vw;
		border-radius: 1.5vw;
		box-shadow: 1vw 1vw 3vw 0.24vw rgba(0,0,0,.24);
	}
	.filter input[type=text],
	.filter .select2,
	.filter .select2-selection__rendered {
		font-size: .9rem;
		height: 5vw;
		line-height: 5vw!important;
	}
	.select2-container .select2-selection--single .select2-selection__arrow b,
	.filter .select2-container--detail .select2-selection--single .select2-selection__arrow b {
		margin-top: 1vw;
		margin-left: -4vw;
		border-width: 1.5vw 1vw 0 1vw;
	}

	.media,
	.news,
	.youtube,
	.galerivideo,
	.basni,
	.galerifoto,
	.agenda,
	.pengumuman,
	.pertanyaan {
		width: 90vw;
	}

	.news {
		margin-top: 7vw;
	}
	.news .paging {
		height: 82vw;
	}

	.slider {
		width: 90vw;
	}

	slider h2 {
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 2.4rem;
		padding-right: 4vw;
		margin-top: 2vw;
	}
	slider date {
		font-size: 1rem;
		letter-spacing: .32vw;
	}
	slider p {
		left: 5vw;
		right: 5vw;
		bottom: 17vw;
		font-size: 1.2rem;
		line-height: 5vw;
		height: 15vw;
		overflow: hidden;
	}
	slider .button {
		left: 4vw;
		right: initial;
		bottom: 6vw;
		padding: 2vw 5vw;
		font-size: 1.2rem;
	}
	slider .item {
		padding: 8vw 5vw;
	}
	slider,
	slider .item,
	slider .owl-item,
	slider .owl-stage,
	slider .owl-stage-outer {
		height: 100vw;
	}
	slider,
	slider .owl-stage-outer {
		border-radius: 2vw;
	}
	slider .owl-dots {
		margin-top: 2vw;
	}
	slider .owl-dot {
		width: 12vw;
		height: 1.6vw;
		margin: 0 1.5vw;
	}

	.media .paging {
		margin-top: 1vw;
		height: 110vw;
	}
	.media .owl-dots {
		bottom: 1.8vw;
	}

	.pertanyaan,
	.pertanyaan paging,
	.pertanyaan .owl-stage-outer {
		border-radius: 4vw;
	}
	.pertanyaan,
	.pertanyaan paging,
	.pertanyaan .owl-stage-outer,
	.pertanyaan .item {
		overflow: hidden;
		height: 70vw;
	}
	.pertanyaan h3 {
		left: 3vw;
		right: 48vw;
		bottom: 15vw;
		padding: 3vw 4vw;
	}
	.pertanyaan h3:after {
		right: -3vw;
		bottom: 3vw;
		border-width: 2vw 0 2vw 3vw;
	}
	.pertanyaan h3,
	.pertanyaan h3 a {
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
	.pertanyaan .more {
		padding: 2vw 6vw;
		bottom: 4vw;
		left: 4vw;
		letter-spacing: .32vw;
	}
	.pertanyaan .owl-dots {
		bottom: 13vw;
		left: 3vw;
		right: 48vw;
	}

	row.red {
		display: table;
		height: initial;
	}
	row.red .block {
		width: 90vw;
	}

	.youtube,
	.galerivideo,
	.basni {
		height: 72vw;
	}

	.youtube,
	.youtube:hover {
		transform: none;
		box-shadow: 0.5vw 1vw 4vw 1vw rgba(112,105,87,0.32);
	}
	.youtube h3,
	.youtube p {
		left: 16vw;
		bottom: 7.5vw;
	}
	.youtube p {
		font-size: 1rem;
		bottom: 4vw;
	}
	.youtube h3,
	.youtube h3 a {
		font-size: 1.8rem;
	}
	.youtube h3:before {
		top: .4vw;
		left: -12vw;
		width: 10vw;
		height: 10vw;
	}
	.youtube .shadow {
		background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 55%, rgba(255,255,255,0.90) 80%);
		border-radius: 2vw;
	}
	.youtube .play {
		bottom: 13vw;
	}

	.galerivideo h3 {
		padding: 4vw 5vw;
	}
	.galerivideo h3 a {
		font-size: 1.4rem;
		line-height: 5vw;
		height: 10vw;
	}
	.galerivideo .button {
		font-size: 1rem;
		letter-spacing: .24vw;
		bottom: 15.5vw;
		padding: 1.5vw 4vw;
	}
	.galerivideo .play {
		bottom: 13vw;
	}

	.basni {
		position: relative;
		z-index: 0;
		overflow: hidden;
		box-shadow: 0.5vw 1vw 4vw 1vw rgba(33,17,92,0.16);
	}
	.basni row {
		margin-top: 36vw;
		padding: 0 2vw;
	}
	.basni h3 {
		font-size: 1.4rem;
		top: 8vw;
		left: 46vw;
		letter-spacing: .16vw;
	}
	.basni .button {
		font-size: 1rem;
		top: 22vw;
		left: 44vw;
		letter-spacing: .16vw;
		padding: 1vw 4vw;
	}
	.basni > p {
		font-size: .9rem;
		letter-spacing: .32vw;
		margin: .24vw 0 0;
		padding: 2vw;
	}
	.basni row span {
		font-size: .9rem;
		letter-spacing: .32vw;
	}
	.basni row a {
		font-weight: 500;
		font-size: 1.4rem;
		letter-spacing: .16vw;
	}

	.galerifoto {
		height: initial;
		box-shadow: 0.5vw 1vw 4vw 1vw rgba(96,14,11,0.24);
	}
	.galerifoto li {
		width: 31%;
		margin-right: 3.2%;
		height: 40vw;
	}
	.galerifoto img,
	.galerihome.galerifoto img {
		border-radius: 1vw;
	}
	.galerifoto h3 {
		margin-top: 1vw;
	}
	.galerifoto h3,
	.galerifoto h3 a {
		font-size: 1.3rem;
		line-height: 5vw;
		height: 20vw;
	}
	.galerifoto img,
	.galerihome.galerifoto img {
		max-height: 40vw;
	}

	.agenda,
	.pengumuman {
		height: initial;
	}
	.agenda,
	.agenda:hover {
		transform: none;
		box-shadow: 0.5vw 1vw 4vw 1vw rgba(28,13,81,0.24);
	}
	.agenda .graph {
		width: 18%;
	}
	.agenda .text {
		width: 82%;
	}
	.agenda .graph month,
	.agenda .graph date {
		width: 11vw;
		border-radius: 1vw 1vw 0 0;
	}
	.agenda .graph date {
		border-radius: 0 0 1vw 1vw;
	}
	.agenda .list .graph {
		padding-top: 4vw;
	}

	.pengumuman {
		padding-bottom: 0;
	}
	.pengumuman,
	.pengumuman:hover {
		transform: none;
		box-shadow: 0.5vw 1vw 4vw 1vw rgba(0,63,27,0.24);
	}
	.pengumuman .list {
		margin-top: 0;
	}
	.pengumuman .list .graph {
		padding-top: 3.5vw;
	}
	.pengumuman .graph number {
		width: 10vw;
		height: 10vw;
		line-height: 10vw;
	}
	.pengumuman .index {
		top: initial;
		right: 0;
		padding: 4vw 0;
	}
	.pengumuman .index .button {
		padding: 1.5vw 8vw 1vw;
		letter-spacing: .24vw;
		box-shadow: 1vw 2vw 3vw .24vw rgba(0,0,0,.24);
	}

	.unduh,
	.unduh:hover {
		box-shadow: none!important;
	}
	.unduh ul {
		margin-top: 3vw;
	}
	.unduh li {
		width: 100%;
		margin-right: 0;
	}
	.unduh li:before {
		top: 2vw;
		width: 6vw;
		height: 6vw;
	}
	.unduh li a {
		height: 10vw;
		margin-left: 8vw;
		padding-right: 21vw;
		font-size: 1.3rem;
		line-height: 10vw;
		border-top: 1px solid #ccc!important;
	}
	.unduh li:first-child a {
		border-top: none!important;
	}
	.unduh li a.button {
		top: 3vw;
		font-size: 1rem;
		margin-top: -1vw;
		padding: .96vw 3vw;
		border-radius: 1.5vw;
	}

	.scrollhorizontal {
		padding: 0;
	}
	.scrollhorizontal .owl-item {
		padding: 0 5vw;
	}

	footer row {
		padding: 2vw 2vw;
	}
	footer row.gray {
		display: block;
	}
	footer row.gray .block {
		margin: 0;
	}
	footer row.darkgrey .sp8,
	footer row.darkgrey .sp16 {
		display: block;
		width: 97vw;
	}

	.sosial {
		position: relative;
		margin-top: 10vw;
		overflow: initial;
	}
	.sosial h2,
	.sosial small {
		padding-left: 10vw;
	}
	.sosial h2 {
		font-size: 1.4rem;
		background-size: 6vw;
	}
	.sosial .button {
		margin-top: 4.5vw;
		left: 65vw;
	}
	.sosial .flat {
		top: -12vw;
		right: initial;
		left: 0;
	}
	.sosial .flat a {
		width: 9vw;
		height: 9vw;
	}
	.sosial h2,
	.alamat h2 {
		font-size: 2rem;
		font-weight: 500;
		letter-spacing: .24vw;
		height: initial;
		line-height: 110%;
	}
	.sosial small,
	.alamat small {
		font-size: 1rem;
		font-weight: 200;
		letter-spacing: .64vw;
		line-height: 140%;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}

	#twitter,
	.alamat address {
		color: #eee;
		font-size: 1.3rem;
		letter-spacing: .24vw;
		line-height: 140%;
	}
	.alamat .map {
		font-size: 1rem;
		margin: 4vw 0 0;
		padding-left: 3.6vw;
		letter-spacing: .32vw;
	}
	.alamat .map:before {
		width: 3.6vw;
		height: 3.6vw;
	}
	.sosial small,
	.alamat small {
		letter-spacing: .256vw;
	}

	.copy {
		text-align: left;
		padding: 3vw;
		letter-spacing: .32vw;
	}

	.othermenu a {
		font-size: .9rem;
		padding: 1.5vw 0 2vw;
		margin-right: 2vw;
		letter-spacing: .256vw;
	}
	.othermenu .right {
		display: none;
	}
	.othermenu .intranet,
	.othermenu .webmail {
		display: none;
	}

	content > row .sp8,
	content > row .sp16 {
		width: 90vw;
	}

	.news.related .paging {
		height: initial;
	}

	sidebar {
		padding: 2vw 0 4vw;
	}
	sidebar hr {
		height: 4vw;
	}
	sidebar .block {
		clear: both;
		margin: 0!important;
	}

	lists .list li {
		display: table;
		width: 100%;
		float: none;
		clear: both;
	}
	lists .list li:after {
		content: "";
		width: 100%;
		height: 0;
		display: block;
		clear: both;
	}
	lists .list .text {
		min-height: 24vw;
	}
	lists .list h3 a {
		font-size: 1.3rem;
		height: 15vw;
		line-height: 5vw;
	}
	lists .lists .index {
		padding: 3vw 0;
	}
	lists .lists .index .button {
		padding: 1vw 6vw;
	}
	lists .list h3 {
		margin-top: .5vw;
	}
	lists .list li:nth-last-child(2) .text {
		border-bottom-width: 1px;
	}
	/* News Indes Per Category */
	lists .index .list img {
		width: 90%;
	}
	lists .index .list h3,
	lists .index .list h3 a {
		font-size: 1.2rem;
		line-height: 5vw;
		max-height: 15vw;
		overflow: hidden;
	}
	lists .index .list p {
		font-size: 1rem;
		line-height: 4.5vw;
		height: 18vw;
		overflow: hidden;
	}

	lists .agenda .list .text,
	lists .pengumuman .list .text {
		padding-left: 13vw;
	}
	lists .agenda .list h3,
	lists .pengumuman .list h3,
	lists .agenda .list h3 a,
	lists .pengumuman .list h3 a {
		font-size: 1.3rem;
		line-height: 5vw;
		max-height: 15vw;
		opacity: 1!important;
		overflow: hidden;
	}
	lists .agenda .list p,
	lists .pengumuman .list p {
		margin-top: .5vw;
		font-size: 1rem;
		line-height: 4vw;
		max-height: 12vw;
		overflow: hidden;
	}
	galeri .grid-sizer,
	galeri .grid-item {
		width: 50%;
	}
	galeri date {
		margin: 1vw 0;
		font-size: .9rem;
		letter-spacing: .128vw;
	}
	galeri h3,
	galeri h3 a {
		font-size: 1.2rem;
	}
	galeri .grid-item:nth-child(3n+2) {
		clear: initial;
	}
	galeri .grid-item:nth-child(2n+2) {
		clear: left;
	}
	galeri .grid-item:before {
		margin: 1vw 0 3vw;
	}
	galeri .grid-item:nth-child(4):before {
		display: block;
	}

	detail .gsc-results .gsc-cursor,
	paging .paging,
	detail .paging,
	lists .paging,
	download .paging, galeri .paging {
		padding: 3vw 0;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page,
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page,
	paging .paging a,
	paging .paging strong,
	detail .paging a,
	detail .paging strong,
	lists .paging a,
	lists .paging strong,
	download .paging a,
	download .paging strong,
	galeri .paging a,
	galeri .paging strong {
		font-size: 1rem;
		border-radius: 1vw;
		padding: 1vw 2vw;
		margin: 0 1vw 1vw;
	}
	detail .gsc-results .gsc-cursor-box .gsc-cursor-page,
	paging .paging a,
	detail .paging a,
	lists .paging a,
	download .paging a,
	galeri .paging a {
		transform: none!important;
		box-shadow: 1vw 1vw 3vw .24vw rgba(0,0,0,.24)!important;
	}

	detail a[href*=".doc"]:before,
	detail a[href*=".docx"]:before,
	detail a[href*=".xls"]:before,
	detail a[href*=".xlsx"]:before,
	detail a[href*=".ppt"]:before,
	detail a[href*=".pptx"]:before,
	detail a[href*=".jpg"]:before,
	detail a[href*=".jpeg"]:before,
	detail a[href*=".png"]:before,
	detail a[href*=".gif"]:before,
	detail a[href*=".pdf"]:before,
	detail a[href*=".html"]:before,
	detail a[href*=".zip"]:before,
	detail a[href*=".rar"]:before,
	download a[href*=".doc"]:before,
	download a[href*=".docx"]:before,
	download a[href*=".xls"]:before,
	download a[href*=".xlsx"]:before,
	download a[href*=".ppt"]:before,
	download a[href*=".pptx"]:before,
	download a[href*=".jpg"]:before,
	download a[href*=".jpeg"]:before,
	download a[href*=".png"]:before,
	download a[href*=".gif"]:before,
	download a[href*=".pdf"]:before,
	download a[href*=".zip"]:before,
	download a[href*=".rar"]:before,
	download a[href*=".swf"]:before,
	download a[href*=".html"]:before,
	download a[href*=".apk"]:before {
		width: 3.5vw;
		height: 4vw;
		line-height: 4.2vw;
	}
	detail a[href*=".doc"],
	detail a[href*=".doc"],
	detail a[href*=".docx"],
	detail a[href*=".xls"],
	detail a[href*=".xlsx"],
	detail a[href*=".ppt"],
	detail a[href*=".pptx"],
	detail a[href*=".jpg"],
	detail a[href*=".jpeg"],
	detail a[href*=".png"],
	detail a[href*=".gif"],
	detail a[href*=".pdf"],
	detail a[href*=".zip"],
	detail a[href*=".rar"],
	detail a[href*=".swf"],
	detail a[href*=".html"],
	detail a[href*=".apk"],
	download a[href*=".doc"],
	download a[href*=".docx"],
	download a[href*=".xls"],
	download a[href*=".xlsx"],
	download a[href*=".ppt"],
	download a[href*=".pptx"],
	download a[href*=".jpg"],
	download a[href*=".jpeg"],
	download a[href*=".png"],
	download a[href*=".gif"],
	download a[href*=".pdf"],
	download a[href*=".zip"],
	download a[href*=".rar"],
	download a[href*=".html"],
	download a[href*=".apk"],
	download a[href*=".swf"] {
		padding-left: 5vw;
	}
	detail a[href*=".docx"]:before,
	download a[href*=".docx"]:before {
		font-size: 1vw;
	}
	download ul.plain li a {
		font-size: 1.2rem;
		padding: 1.5vw;
		padding-left: 6vw!important;
		padding-right: 20vw!important;
	}
	download ul.plain li a:after {
		top: 1.5vw;
		font-size: .9rem;
		border-radius: 1vw;
		padding: 1vw 3vw;
		box-shadow: 1vw 1vw 3vw .24vw rgba(0,0,0,.24);
	}
	download .block h2 {
		font-size: 1.4rem;
	}
	download .block h2:before {
		height: 5.5vw;
	}

	detail {
		font-size: 3vw;
	}
	detail p,
	detail li,
	detail table {
		margin-bottom: 2vw;
	}
	detail p,
	detail td,
	detail th,
	detail li {
		line-height: 150%;
	}
	detail h2:before,
	download h2:before {
		height: 8vw;
		width: 1vw;
	}
	detail .block {
		padding-top: 5vw;
		padding-bottom: 5vw;
	}
	detail .breadcrumb {
		top: 5vw;
	}
	detail .meta h1 {
		margin: 7vw 0 3vw!important;
		font-size: 2em!important;
	}
	detail .meta li {
		margin-right: 2vw;
	}
	detail .meta span {
		font-size: .9em;
		padding-left: 4vw;
	}
	detail .fontsize li.min,
	detail .fontsize li.plus {
		width: 6vw;
		height: 6vw;
		line-height: 6vw;
	}
	detail .detail iframe {
		height: 60vw;
	}

	.select2-dropdown {
		box-shadow: 0 2vw 3vw 1vw rgba(0,0,0,.16);
		border-radius: 2vw;
	}
	.filter .select2.select2-container--open {
		border-radius: 2vw 2vw 0 0;
	}
	.select2-search--dropdown {
		padding: 1vw 2vw;
	}
	.select2-container .select2-results > .select2-results__options {
		max-height: 50vh;
	}
	.select2-container .select2-search--dropdown .select2-search__field {
		border-radius: 1vw;
	}
	.select2-container--detail .select2-results li,
	.select2-container--detail .select2-results span {
		font-size: .9rem;
		padding: 1vw 2vw;
		border-top: 1px solid #eee;
	}
	.filter .select2-container--detail.select2-container--open .select2-selection--single .select2-selection__arrow b {
		border-width: 0 1vw 1.5vw 1vw;
	}

	.darkblock {
		border-radius: 2vw;
	}
	.darkblock sidebar {
		padding-bottom: 0;
	}
	.darkblock .block {
		padding-bottom: 2vw;
	}
	.darkblock:after {
		display: none;
	}

	.empty {
		padding: 10vh 0 20vh;
	}
	.empty i {
		width: 30vh;
		height: 30vh;
	}
	.empty center {
		font-size: 1rem;
		border-radius: 1vw;
		padding: 1vw 3vw;
	}

	detail #faq number {
		width: 5vw;
		height: 5vw;
		line-height: 5vw;
	}
	detail #faq h2 {
		font-size: 1.6rem!important;
	}
	detail #faq h5 {
		padding-left: 7vw;
	}

	#map-canvas {
		height: 50vh;
	}
	#map-info h4,
	#map-info p {
		font-size: 1rem;
		line-height: 130%;
	}
	#map-info h4 {
		font-size: 1.2rem!important;
	}

	.hubungi label {
		font-size: .8rem;
	}
	.hubungi select,
	.hubungi input[type=text],
	.hubungi textarea {
		font-size: 1rem;
		padding: 1vw 3vw;
		margin-top: 1vw;
		margin-bottom: 3vw;
		border-radius: 1vw;
	}
	.hubungi .sp7,
	.hubungi .pesan {
		margin-right: 0;
		padding-right: 0;
		width: 82vw;
	}
	.hubungi .sp3,
	.hubungi .sp4 {
		width: 40vw;
	}
	.hubungi .captcha {
		position: relative;
		margin-bottom: 4vw;
	}
	.hubungi input[type=submit],
	.hubungi input[type=reset] {
		padding: 1.5vw 6vw;
		letter-spacing: .128vw;
	}
	.hubungi .help-block {
		margin: -1vw 0 3vw;
		font-size: .8rem;
		letter-spacing: .256vw;
		border-radius: 1vw;
		padding: 1vw 3vw;
		box-shadow: .5vw 1vw 1.5vw .024vw rgba(0,0,0,.16)
	}
	.hubungi .help-block:before {
		left: 4vw;
		top: -1vw;
		width: 2vw;
		height: 2vw;
	}

	detail .searchresult {
		padding-top: 14vw;
	}
	detail .gsc-control-cse .gs-spelling,
	detail .gsc-control-cse .gs-result .gs-title {
		display: table;
		width: 100%;
	}
	detail .gs-web-image-box img.gs-image,
	detail .gs-promotion-image-box img.gs-promotion-image {
		max-width: 12vw;
		max-height: 30vw;
	}
	detail .gs-web-image-box,
	detail .gs-promotion-image-box {
		width: 13vw;
	}
	detail .gsc-control-cse .gs-spelling,
	detail .gsc-control-cse .gs-result .gs-title,
	detail .gsc-control-cse .gs-result .gs-title *,
	detail .gs-webResult .gs-snippet,
	detail .gs-imageResult .gs-snippet,
	detail .gs-fileFormatType,
	detail .gs-webResult div.gs-visibleUrl,
	detail .gs-imageResult div.gs-visibleUrl {
		font-size: 1rem;
	}

	.logo li {
		width: 25%;
	}
	.logo ul {
		padding: 0 4vw;
	}
	#twitter li {
		width: 92vw;
	}
	.logo .owl-dot {
		height: 1.64vw;
		width: 1.64vw;
	}
	
}