body::-webkit-scrollbar {
	width: 8px;
}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
	background-color: #400090;
	outline: 1px solid slategrey;
	transition: background-color 1s;
}
body::-webkit-scrollbar-thumb:hover {
	background-color: #ff6652;
	outline: 1px solid slategrey;
	transition: background-color 1s;
}
a[readmore='title'] {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}
a[i_said='equiv'] {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}
a[tombol="kiri"] {
	left: 0 !important;
}

/* 404 CSS */
#scrollableElement > svg {
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
}
.message-box {
	height: 200px;
	width: 380px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: 50px;
	color: #FFF;
	font-family: Roboto;
	font-weight: 300;
}
.message-box h1 {
	font-size: 60px;
	line-height: 46px;
	margin-bottom: 40px;
}
.buttons-con .action-link-wrap {
	margin-top: 40px;
}
.buttons-con .action-link-wrap a {
	background: #68c950;
	padding: 8px 25px;
	border-radius: 4px;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	transition: all 0.3s linear;
	cursor: pointer;
	text-decoration: none;
	margin-right: 10px
}
.buttons-con .action-link-wrap a:hover {
	background: #5A5C6C;
	color: #fff;
}

#Polygon-1 , #Polygon-2 , #Polygon-3 , #Polygon-4 , #Polygon-4, #Polygon-5 {
	animation: float 1s infinite ease-in-out alternate;
}
#Polygon-2 {
	animation-delay: .2s; 
}
#Polygon-3 {
	animation-delay: .4s; 
}
#Polygon-4 {
	animation-delay: .6s; 
}
#Polygon-5 {
	animation-delay: .8s; 
}

@keyframes float {
	100% {
		transform: translateY(20px);
	}
}
@media (max-width: 450px) {
	/*svg {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -250px;
		margin-left: -190px;
	}*/
	.message-box {
		top: 50%;
		left: 50%;
		margin-top: -100px;
		margin-left: -190px;
		text-align: center;
	}
}
/* ============================== */

.top-nav {
	width: 100%;
	background-color: #2d1152;
	font-size: 10pt;
	padding: 5px 20px 5px 20px;
	color: #fefefe;
	z-index: 100;
}
.top-nav a > menus[type='active'] {
	color: #fff;
}
.top-nav a > menus {
	padding-right: 30px;
}
.top-nav a {
	text-decoration: none;
	color: #fefefe;
}

.pslider-responsive{
	padding-top: 80px;
}

.vok-nav {
	font-size: 10pt;
	font-weight: bolder;
}
.vok-nav .active {
	border-bottom: 4px solid #188fff;
}
.border-yahoo {
	border: 2px solid #400090;
}
.border-yahoo:hover {
	background-color: #400090;
	color: #fff !important;
}
.bg-yahoo {
	animation: 3s ease 0s normal none infinite running Gradient;
	background: rgba(0,0,0,0) linear-gradient(-50deg,#2d1152,#6854b1,#2d1152) repeat scroll 0 0 / 320% 200%;
	border-bottom: 1px solid #fe8917;
}
@-webkit-keyframes Gradient {
	0%{background-position: 0 50%}
	50%{background-position: 100% 50%}
	100%{background-position: 0 50%}
}
@-moz-keyframes Gradient {
	0%{background-position: 0 50%}
	50%{background-position: 100% 50%}
	100%{background-position: 0 50%}
}
@keyframes Gradient {
	0%{background-position: 0 50%}
	50%{background-position: 100% 50%}
	100%{background-position: 0 50%}
}

.thumbnail-s {
	width: 30%!important;
	height: 60px!important;
	float: left;
}

.thumbnail-p {
	font-size: 8pt;
	color: #3343af;
	float: left;
	margin-left: 10px;
	font-weight: bolder;
	margin-right: 10px;
}

h3.delimiter{ display: table; width: 100%;
	white-space: nowrap;margin-bottom: 25px; }
	/* svg background */
	h3.delimiter:before, h3.delimiter:after { content: '';
	width: 50%;

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIxMiIKICAgaGVpZ2h0PSIxMiIKICAgaWQ9InN2ZzIiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0Ij4KICAgIDxsaW5lYXJHcmFkaWVudAogICAgICAgaWQ9ImxpbmVhckdyYWRpZW50Mzc3MSI+CiAgICAgIDxzdG9wCiAgICAgICAgIGlkPSJzdG9wMzc3MyIKICAgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I2MwYzVjZTtzdG9wLW9wYWNpdHk6MSIKICAgICAgICAgb2Zmc2V0PSIwIiAvPgogICAgICA8c3RvcAogICAgICAgICBpZD0ic3RvcDM3ODEiCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiNjMGM1Y2U7c3RvcC1vcGFjaXR5OjEiCiAgICAgICAgIG9mZnNldD0iMC4wNSIgLz4KICAgICAgPHN0b3AKICAgICAgICAgaWQ9InN0b3AzNzc5IgogICAgICAgICBzdHlsZT0ic3RvcC1jb2xvcjojYzBjNWNlO3N0b3Atb3BhY2l0eTowIgogICAgICAgICBvZmZzZXQ9IjAuMDUiIC8+CiAgICAgIDxzdG9wCiAgICAgICAgIGlkPSJzdG9wMzc4MyIKICAgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I2MwYzVjZTtzdG9wLW9wYWNpdHk6MCIKICAgICAgICAgb2Zmc2V0PSIwLjEiIC8+CiAgICAgIDxzdG9wCiAgICAgICAgIGlkPSJzdG9wMzc4NSIKICAgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I2MwYzVjZTtzdG9wLW9wYWNpdHk6MSIKICAgICAgICAgb2Zmc2V0PSIwLjEiIC8+CiAgICAgIDxzdG9wCiAgICAgICAgIGlkPSJzdG9wMzc4NyIKICAgICAgICAgc3R5bGU9InN0b3AtY29sb3I6I2MwYzVjZTtzdG9wLW9wYWNpdHk6MSIKICAgICAgICAgb2Zmc2V0PSIwLjE1MDAwMDAxIiAvPgogICAgICA8c3RvcAogICAgICAgICBpZD0ic3RvcDM3NzUiCiAgICAgICAgIHN0eWxlPSJzdG9wLWNvbG9yOiNmZjkwMjM7c3RvcC1vcGFjaXR5OjAiCiAgICAgICAgIG9mZnNldD0iMSIgLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTA0MC4zNjIyKSIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxwYXRoCiAgICAgICBkPSJtIDAsMTA0MC4zNjIyIDEsMCAtMSwxIHoiCiAgICAgICBpZD0icGF0aDM3OTEiCiAgICAgICBzdHlsZT0iZmlsbDojYzBjNWNlO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gMCwxMDQ0LjM2MjIgMCwxIDUsLTUgLTEsMCB6IgogICAgICAgaWQ9InBhdGgzNzk1IgogICAgICAgc3R5bGU9ImZpbGw6I2MwYzVjZTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZSIgLz4KICAgIDxwYXRoCiAgICAgICBkPSJtIDgsMTA0MC4zNjIyIC04LDggMCwxIDksLTkgeiIKICAgICAgIGlkPSJwYXRoMzc5OSIKICAgICAgIHN0eWxlPSJmaWxsOiNjMGM1Y2U7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgICA8cGF0aAogICAgICAgZD0iTSAxMiwwIDAsMTIgMSwxMiAxMiwxIHoiCiAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDEwNDAuMzYyMikiCiAgICAgICBpZD0icGF0aDM4MzAiCiAgICAgICBzdHlsZT0iZmlsbDojYzBjNWNlO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gNCwxMiAxLDAgNywtNyAwLC0xIHoiCiAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDEwNDAuMzYyMikiCiAgICAgICBpZD0icGF0aDM4MzIiCiAgICAgICBzdHlsZT0iZmlsbDojYzBjNWNlO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgogICAgPHBhdGgKICAgICAgIGQ9Im0gOCwxMiA0LC00IDAsMSAtMywzIHoiCiAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDEwNDAuMzYyMikiCiAgICAgICBpZD0icGF0aDM4MzQiCiAgICAgICBzdHlsZT0iZmlsbDojYzBjNWNlO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgogIDwvZz4KPC9zdmc+Cg==) repeat-x center center;

	display: table-cell;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; 
}
h3.delimiter:before {
	border-right: 10px solid transparent; 
}
h3.delimiter:after {
	border-left: 10px solid transparent; 
}

.subtitle {
	color: #3333ff;
	font-weight: bolder;
	font-size: 10pt;
	float:left;
}

.chart-load-container {
	/*clip-path: inset(5% 30% 75% 5%);*/
	text-align: center;

	width: 100%;
	height: 100%;

	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: shimmer;
	-webkit-animation-timing-function: linear;

	background: #F6F7F8;
	background-image: -webkit-linear-gradient(left, #F6F7F8 0%, #EDEEF1 20%, #F6F7F8 40%, #F6F7F8 100%);
	background-size: 200% 100%;
}

@-webkit-keyframes shimmer {
	0% {
		background-position: 100% 0
	}

	100% {
		background-position: -100% 0
	}
}


.limit-1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 1;
}

.limit-2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1;
}

.limit-3{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1;
}

.limit-4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1;
}

.limit-4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-height: 1;
}

.title {
	float:left;
	width: 100%;
	color: #000;
	font-weight: bolder;
	font-size: 15pt;
	margin-bottom: 10px;
}
.paragraph {
	float:left;
	font-size: 11pt;
	color #000;
}
.date {
	color: #aaa;
	float:left;
	font-size: 10pt;
	margin-left:3%;
	text-align:bottom;
}
.clink:hover {
	filter: brightness(110%);
	transition: filter 0.5s;
}
.blur {
	filter: blur(2px);
}
.tr-8 {
	background-color: rgba(100,100,100,0.1);
}
.linenkok-w {
	border-top: 2px solid #fff;
	border-radius: 50%;
	width: 100%;
	margin-bottom: 10px;
}
.linenbold-b {
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 1px solid #333;
}
.shadow[kata_saya='trbl'] {
	box-shadow: 0px 0px 10px #AAA !important;
}
.leftbar {
	width: 0%;
	height: 100vh;
	background-color: #2d1152;
	position: fixed;
	z-index: 999;
	transition: width 1s;
}
.leftbar:target {
	width:90%;
	transition: width 1s;
}

.custom-bg {
	background: #fff;
}

.m-top-103 {
	margin-top: 100px;
}

#navs{
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	padding-bottom:0;
}

#one tbody tr:nth-of-type(odd){
	background:#f9f9f9;
}

#hover {
	border-bottom: 4px solid transparent;
}

#hover:hover {
	border-bottom-color: #188fff;
}

footer.page-footer {
	bottom: 0;
	color: #fff;
}
.font-small {
	font-size: .9rem;
}
.mdb-color {
	background-color: #2f2552!important;
}

footer.page-footer a {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link {
	color: #000;
}

.navbar-light .navbar-nav .nav-link:hover {
	color: #000;
}

.sub-cat{
	display:none;
}

.caret-up {
	width: 0; 
	height: 0; 
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid;

	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
}


.giveMeEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1;
	max-height: 1*2;
	text-align: justify;
}

.pdark-text{
	color:#020e65;
}

.pdark-text:hover{
	color:#0078ff;
}

/* Dari Sini */
ul {
	padding: 0;
}
ul li {
	list-style: none;
	color: #fff;
}
ul li a {
	color: #272727;
    font-weight: bold;
	text-decoration: none !important;
}
ul .button {
	padding: 5px 0px;
	border-bottom-style: solid;
	border-bottom-color: #a953f5;
	border-bottom-width: 1px;
}
ul .button ul {
	padding: 0px 6%;
	margin-top: 0px;
	background-color: #8800ff;
	transition: margin-top 0.5s;
}
ul .button:hover ul {
	margin-top: 10px;
	transition: margin-top 0.5s;
}
ul .button:hover {
	background-color: #a953f5;
}
ul .button ul li {
	border-bottom: 0;
	font-size: 0pt;
	transition: font-size 0.5s;
}
ul .button:hover ul li {
	border-bottom: 1px solid #a953f5;
	font-size: 11pt;
	padding: 5px 10px;
	transition: font-size 0.5s;
}
ul .button-r {
	padding: 5px 10px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	border-bottom-width: 1px;
	color: #333;
}
ul .button-r ul {
	padding: 0px 6%;
}
ul .button-r:hover {
	background-color: #ddd;
}
ul .button-r ul li {
	border-bottom: 0;
	font-size: 0pt;
	color: #333;
	transition: font-size 0.5s;
}
ul .buttonr-r:hover ul li {
	font-size: 11pt;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	transition: font-size 0.5s;
}

.bg-close-left {
	width: 0;
	height: 100vh;
	position: fixed;
	z-index: 999;
	background-image: url('https://ui-ex.com/images/vignette-transparent-white-background-2.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(30,30,30,.8);
	left: 0%;
}
.bg-close-right {
	width: 0;
	height: 100vh;
	position: fixed;
	z-index: 999;
	background-image: url('https://ui-ex.com/images/vignette-transparent-white-background-2.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(30,30,30,.8);
	right: 0%;
}
.leftbar {
	width: 0%;
	height: 100vh;
	position: fixed;
	z-index: 999;
	background-color: #fff;
	left: 0;
	visibility: hidden;
}
.leftbar:target {
	width: 60%;
	visibility: visible;
}
.rightbar {
	width: 0%;
	height: 100vh;
	position: fixed;
	z-index: 999;
	background-color: #FFFCFA;
	right: 0;
	visibility: hidden;
}
.rightbar:target {
	width: 60%;
	visibility: visible;
}


.shadow-post{
	box-shadow: 0 0 25px 0 rgba(0,0,0,.13);
	border-radius: 5px;
}

.middle-post{
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 35px;
}

/* FUSION CSS UL NAVBAR-NAV & VOK-NAV */
.container > ul {
	color: #000;
	font-size: 10pt;
	font-weight: bolder;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	-ms-flex-direction: row;
	flex-direction: row;
	margin-top: 0;
}

/* FUSSION CLASS HOVER & NAV-ITEM */
.container > ul li{
	box-sizing: border-box;
	list-style: none;
}

.container > ul li::after{
	content: '';
	display: block;
	width: 0;
	height: 4px;
	transition: width .3s;
}

.container > ul li:hover::after{
	width: 100%;
	border-bottom: 4px solid #188fff;
}

.container > ul li a{
	color: #000;
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
	background-color: transparent;
}

.container > ul li:hover ul {
	display:block;
}

.container ul ul {
	display: none;
	list-style: none;
	position: absolute;
	background-color: #ffffff;
	border: solid 1px;
	border:none;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
	top: 40px;
	border-radius: 4px;
	padding:0;
}

.container ul ul li {
	border:none;
}

.container ul ul li a {
	float:none; 
	display:block; 
	padding-left:30px;
	text-align:left; 
	width:160px;
}

.container ul ul li a:hover {
	color:#fff;
	background: linear-gradient(234deg,#400090 0,#003abc 100%)!important;
	background: linear-gradient(234deg,rgba(64,0,144,.9) 0,rgba(0,58,188,.85) 100%)!important;
	box-shadow: rgb(136, 136, 136) 0px 0px 0px;
}

/* Contact CSS chingsy */
#content {
	position: relative;
	background-color: #FFF;
}


.content-wrap {
	position: relative;
	padding: 80px 0;
}

#content .container {
	position: relative;
}

.postcontent, .sidebar {
	margin-right: 40px;
}

.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}

.postcontent {
	width: 860px;
}

.nobottommargin {
	margin-bottom: 0 !important;
}


.quick-contact-widget form, #template-contactform {
	position: relative;
}

form .col_full, form .col_half, form .col_one_third, form .col_two_third, form .col_three_fourth, form .col_one_fourth, form .col_one_fifth, form .col_two_fifth, form .col_three_fifth, form .col_four_fifth, form .col_one_sixth, form .col_five_sixth {
	margin-bottom: 25px;
}
.postcontent, .sidebar, .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth, .col_one_sixth, .col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}


.col_one_third {
	width: 30.63%;
}

.col_one_third > label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555;
	cursor: pointer;
}

.sm-form-control {
	display: block;
	height: auto;
	width: 100%;
	padding: 8px 14px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}

.postcontent.col_last, .sidebar.col_last {
	float: right;
}

.col_last {
	margin-right: 0 !important;
	clear: right;
}

.sidebar {
	width: 240px;
}

abbr > strong > .widget {
	position: relative;
	margin-top: 50px;
}

.noborder{
	border: none!important;
}

body:not(.device-touch) .i-rounded, body:not(.device-touch) .i-plain, body:not(.device-touch) .i-circled, body:not(.device-touch) .i-bordered, body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.social-icon.si-small {
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 30px !important;
}

.si-dark {
	background-color: #444;
	color: #FFF !important;
	border-color: transparent;
}

.social-icon {
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
}

.i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}

.col_full {
	width: 100%;
}

.col_full {
	clear: both;
	float: none;
	margin-right: 0px;
}

.hidden {
	display: none !important;
}

.button.button-3d {
	border-radius: 3px;
	border-bottom: 3px solid rgba(0,0,0,0.15);
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}


/* CONTACT CHINGSY RIGHT */

.postcontent.col_last, .sidebar.col_last {
	float: right;
}

.col_last {
	margin-right: 0 !important;
	clear: right;
}

abbr[title], abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #777777;
}

/* CHINGSY NEXT PREV CSS */
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #777777;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed;
}

.btn-link, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #1ABC9C;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #337ab7;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	margin-left: -1px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	color: #FFF !important;
	animation: 3s ease 0s normal none infinite running Gradient;
	background: rgba(0,0,0,0) linear-gradient(-50deg,#2d1152,#6854b1,#2d1152) repeat scroll 0 0 / 320% 200%;
	border-color: #6854b1;
}

.btn-link, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #6854b1;
}

/* FIX CSS */

.fix > .svg-inline--fa.fa-fw {
	width: 42px;
	padding: 10px!important;
	font-size: 31pt!important;
}

/* CUSTOM PLACEHOLDER */
.placeholder-content {
	height: 100%;
	overflow: hidden;
	background: #000;
	position: relative;
	-webkit-animation-duration: 1.7s;
	animation-duration: 1.7s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: placeholderAnimate;
	animation-name: placeholderAnimate;
	background: #f6f7f8;
	background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
	background-size: 1300px;
}

.placeholder-content_item {
	width: 100%;
	height: 20px;
	position: absolute;
	background: #fff;
	z-index: 2;
}

.placeholder-content_item:after,
.placeholder-content_item:before {
	width: inherit;
	height: inherit;
	content: '';
	position: absolute;
}

.placeholder-content_item:nth-child(1) {
	bottom: 0px;
	width: 10px;
	left: 150px;
	height: 150px;
}

.placeholder-content_item:nth-child(2) {
	bottom: 0px;
	width: 10px;
	left: 300px;
	height: 150px;
}

.placeholder-content_item:nth-child(3) {
	bottom: 0px;
	width: 10px;
	right: 300px;
	height: 150px;
}

.placeholder-content_item:nth-child(4) {
	bottom: 0px;
	width: 10px;
	right: 150px;
	height: 150px;
}

.placeholder-content_item:nth-child(5) {
	bottom: 130px;
	right: 0;
	width: 100%;
	height: 20px;
}

@-webkit-keyframes placeholderAnimate {
	0% {
		background-position: -650px 0;
	}

	100% {
		background-position: 650px 0;
	}
}

@keyframes placeholderAnimate {
	0% {
		background-position: -650px 0;
	}

	100% {
		background-position: 650px 0;
	}
}

.img-u{
	height:170px;
}

/* MEDIA CSS */

@media only screen and (min-width: 991px) {
	.button {
		display: inline-block;
		position: relative;
		cursor: pointer;
		outline: none;
		white-space: nowrap;
		margin: 5px;
		padding: 0 22px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background-color: #1ABC9C;
		color: #FFF;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		border: none;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	}
}

@media only screen and (max-width: 991px) {
	.img-u {
		height:250px;
	}

    .leftbar > ul > li > a:hover{
     color: #007bfc!important;   
        
    }

    .leftbar > ul {
        padding: 40px 30px;
        text-align: center;
    }

	.leftbar > ul > li {
		padding: 12px 0px;
		border-bottom-style: solid;
		border-bottom-width: 1px;

	}

	.leftbar > ul > li > ul {
		padding: 0px 6%;
        border-radius: 5px;
		margin-top: 0px;
		background-color: #eee;
		transition: margin-top 0.5s;
	}

	.leftbar > ul > li > ul > li {
		border-bottom: 0;
		font-size: 0pt;
		transition: font-size 0.5s;
	}

	.leftbar > ul > li:hover > ul{
		margin-top: 10px;
		transition: margin-top 0.5s;
	}

	.leftbar > ul > li:hover > ul > li{
		font-size: 11pt;
		padding: 5px 10px;
		transition: font-size 0.5s;
	}

	.leftbar > ul > li:hover{
		/* background-color: #a953f5; */
	}

	.pslider-responsive{
		padding-top: 35px;
	}

	.middle-post {
		padding-left: 0; 
		padding-right: 0; 
		padding-top: 35px;
	}
	.m-shadow-none{
		box-shadow: none;
		padding: 0;
		margin: 0;
	}

	.carousel {
		background: #FAFAFA;
		margin-bottom: 40px;
	}

	.carousel-cell {
		width: 100%;
		height: 200px;
		margin-right: 10px;
		background: #8C8;
		border-radius: 5px;
		counter-increment: carousel-cell;
	}

	/* cell number */
	.carousel-cell:before {
		display: block;
		text-align: center;
		/*content: counter(carousel-cell);*/
		line-height: 200px;
		font-size: 80px;
		color: white;
	}

	.carousel-nav .carousel-cell {
		height: 80px;
		width: 100px;
	}

	.carousel-nav .carousel-cell:before {
		font-size: 50px;
		line-height: 80px;
	}

	.carousel-nav .carousel-cell.is-nav-selected {
		background: #ED2;
	}

	.m-logo-w {
		filter: brightness(0) invert(1);
	}

	.btn-primary {
		color: #2953ad;
		background-color: #ffffff;
		border-color: #ffffff;
	}

	.form-control {
		border: 1px solid #ffffff!important;
		border-bottom-left-radius: .25rem;
		border-top-left-radius: .25rem;
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}

	.custom-bg {
		background: linear-gradient(234deg,#400090 0,#003abc 100%)!important;
		background: linear-gradient(234deg,rgba(64,0,144,.9) 0,rgba(0,58,188,.85) 100%)!important;
		box-shadow: rgb(136, 136, 136) 0px 0px 0px;
	}

	.m-custom-0 {
		margin: 0;
	}

	.p-custom-0 {
		padding: 0;
	}

	.shadow[kata_saya='trbl']{
		box-shadow: none!important;
	}

	.m-top-103 {
		margin-top: 0;
	}

	.openNav {
		position: fixed;
		z-index: 10;
		left: 0;
		top: 0;
		background: #2196F3;
		border: none;
		width: 60px;
		color: #fff;
		height: 60px;
		cursor: pointer;
		transition: 0.2s ease;
		font-size: 22px;
		padding: 0;
	}
	.openNav:hover {
		background: #0c7cd5;
	}

	.sideBar {
		position: fixed;
		z-index: 10;
		bottom: 0;
		left: -350px;
		height: calc(100vh - 60px);
		background: #222;
		padding-top: 15px;
		box-sizing: border-box;
		width: 350px;
		overflow: hidden;
		transition: 0.4s cubic-bezier(0.77, 0, 0.18, 1);
	}
	.sideBar ul {
		padding: 0;
		margin: 0;
	}
	.sideBar ul li {
		list-style: none;
		opacity: 0;
		visibility: hidden;
		transition: 0.4s cubic-bezier(0.77, 0, 0.18, 1);
		transition-delay: .3s;
		box-sizing: border-box;
	}
	.sideBar ul li span {
		font-weight: bold;
		display: block;
		white-space: nowrap;
		padding: 15px;
		box-sizing: border-box;
		text-transform: uppercase;
		color: #fff;
	}
	.sideBar ul li a {
		display: block;
		white-space: nowrap;
		text-decoration: none;
		color: #444;
		text-transform: uppercase;
		padding: 15px;
		box-sizing: border-box;
		color: #fff;
	}
	.sideBar ul li a:hover {
		background: #111;
	}
	.sideBar.navToggle {
		left: 0;
	}
	.sideBar.navToggle li {
		opacity: 1;
		visibility: visible;
		transition-delay: .3s;
	}
}