html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;vertical-align:baseline;font-size:100%;outline:none;border:0;line-height:1.6;} 

/* ATTRIBUTES */
h1 {font-size:20px;font-weight:400;}
h2 {font-size:18px;font-weight:400;}
a {text-decoration:none;} 
a:hover {text-decoration:none;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#E16E00!important;}
.bgsosmed {padding:0;text-align:right;}
*, *::before, *::after {box-sizing:border-box;}
::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-track {background:#F2F2F2;}
::-webkit-scrollbar-thumb {background:#DDDDDD;}
::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
@media screen and (max-width:990px)
{
	h1 {font-size:20px;font-weight:400;}
	h2 {font-size:18px;font-weight:400;}
	a {text-decoration:none;} 
	a:hover {text-decoration:none;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	.active {color:#E16E00!important;}
	.bgsosmed {padding:0;text-align:right;}
	*, *::before, *::after {box-sizing:border-box;}
	::-webkit-scrollbar {width:5px;height:0;}
	::-webkit-scrollbar-track {background:#F2F2F2;}
	::-webkit-scrollbar-thumb {background:#DDDDDD;}
	::-webkit-scrollbar-thumb:hover {background:#CCCCCC;}
}
/* ==================================================================================================== */

/* ALL MORE BUTTON */
#bgmore {width:100%;margin:0 auto;padding:0;}
#bomore {width:1004px;margin:25px auto 0;padding:25px 0 0;text-align:center;border-top:1px solid #ddd;}
#bomore a {padding:10px 30px;color:#fff;background:#00568B;border-radius:3px;}
#bomore a:hover {color:#fff;background:#E16E00;}
@media screen and (max-width:990px)
{
	#bgmore {width:100%;margin:0 auto;padding:0;}
	#bomore {width:90%;margin:0 auto;padding:25px 0 0;text-align:center;border-top:1px solid #ddd;}
	#bomore a {padding:10px 30px;color:#fff;background:#00568B;border-radius:3px;}
	#bomore a:hover {color:#fff;background:#E16E00;}
}
/* ==================================================================================================== */

/* BACKGROUND ========================================================================================================================================= DONE! ===========*/
#bg {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
#bgreg {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#000;background:#f2f2f2;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bg {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
	#bgreg {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#000;background:#f2f2f2;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* TOPONE ========================================================================================================================================= DONE! ===========*/
#bgtopone {width:100%;margin:0 auto;padding:5px 0;background:#444;border-bottom:4px solid #E16E00;}
#botopone {width:1004px;margin:0 auto;padding:0;}
#toponeleft {width:50%;height:auto;float:left;}
#bglangbar {margin:0 auto;padding:0;}
#bolangbar img {width:25px;height:25px;border-radius:3px;vertical-align:middle;}

#toponerite {width:50%;height:auto;float:left;text-align:right;}
#toponerite a {color:#fff;}
#bgsearchbar {width:400px;float:right;}
#bosearchbar {width:80%;padding:0;margin:0 auto;float:right;} 
#searchbar {width:100%;margin:0 auto;padding:0;float:left;}
.searchbarbutton[type=text] {width:80%;box-sizing:border-box;border:1px solid #ddd;border-radius:3px;background:white;background-image:url('../images/icon_cari_small.png');background-position:0;background-repeat:no-repeat;padding:5px 10px 5px 30px;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;font-family:'Roboto', sans-serif;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;line-height:1.6;}
.searchbarbutton[type=text]:focus {width:100%;border:1px solid #0076BE;border-radius:3px;outline:none;}
@media screen and (max-width:990px)
{
	#bgtopone {width:100%;margin:0 auto;padding:10px 0 8px;background:rgb(0,78,129);background:linear-gradient(270deg, rgba(0,78,129,1) 0%, rgba(0,78,129,1) 35%, rgba(0,93,154,1) 100%);}
	#botopone {width:90%;margin:0 auto;padding:0;}
	#toponeleft {width:100%;height:auto;float:left;}
	#bglangbar {margin:0 auto;padding:0;}
	#bolangbar {margin:0 auto 5px;padding:0;display:table;}
	#bolangbar img {width:25px;height:25px;margin:0 2px;border-radius:3px;}

	#toponerite {width:100%;height:auto;float:left;text-align:center;}
	#toponerite a {color:#fff;}
	#bgsearchbar {width:100%;float:right;}
	#bosearchbar {width:100%;padding:0;margin:0 auto;float:right;} 
	#searchbar {width:100%;margin:0 auto;padding:0;float:left;}
	.searchbarbutton[type=text] {width:100%;box-sizing:border-box;border:1px solid #003F68;border-radius:3px;background:white;background-image:url('../images/icon_cari_small.png');background-position:0;background-repeat:no-repeat;padding:5px 10px 5px 30px;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;font-family:'Roboto', sans-serif;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.searchbarbutton[type=text]:focus {width:100%;border:1px solid #bbb;border-radius:3px;}
}
/* ==================================================================================================== */

/* TOPTWO */
#bgtoptwo {width:100%;margin:0 auto;padding:10px 0;}
#botoptwo {width:1004px;margin:0 auto;padding:0;}

#toptwoleft {width:30%;float:left;margin:0 auto;padding:0;}
#bglogo {width:100%;margin:0 auto;padding:0;}
#bologo {width:auto;height:auto;margin:0 auto;padding:0;}

#toptworite {width:70%;float:left;margin:0 auto;padding:0;}
#bgbar {margin:0 auto;padding:0;}
#bobar {margin:0 auto;padding:0;}
#bar {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;text-align:right;color:#E16E00;}
#bar a {color:#E16E00;}
#bar a:hover {color:#00568B;}
#barrow {margin:0 auto;padding:0;}
#barrow img {width:15px;height:15px;vertical-align:middle;}
@media screen and (max-width:990px)
{
	#bgtoptwo {width:100%;margin:0 auto 2%;padding:10px 0 0;}
	#botoptwo {width:90%;height:auto;margin:0 auto;padding:0;}

	#toptwoleft {width:45%;float:left;margin:0 auto;padding:0;}
	#bglogo {width:100%;margin:0 auto;padding:0;}
	#bologo img {width:100%;height:auto;}

	#toptworite {width:55%;float:left;margin:0 auto;padding:0;}
	#bgbar {margin:0 auto;padding:0;}
	#bobar {margin:0 auto;padding:0;}
	#bar {margin:0 auto;padding:0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;line-height:1.6;text-align:right;color:#E16E00;}
	#bar a {color:#E16E00;}
	#bar a:hover {color:#00568B;}
	#barrow {margin:0 auto 5px;padding:0;}
	#barrow img {width:20px;height:20px;vertical-align:middle;}
}
/* ==================================================================================================== */


/* MENU ========================================================================================================================================= DONE! ===========*/
#bgmenu {width:100%;margin:0 auto;padding:0;background:#00568B;}
#bomenu {width:1004px;margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	#bgmenu {width:100%;margin:0 auto;padding:0;background:#00568B;}
	#bomenu {width:100%;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */

/* MENU ========================================================================================================================================= DONE! ===========*/
#bgmenub {width:100%;margin:0 auto;padding:5px 0;background:#F5FBFF;}
#bomenub {width:1004px;margin:0 auto;padding:0;}
.menubbox {width:auto;float:left;margin:0 auto;padding:0 10px;text-transform:uppercase;color:#00568B;font-weight:700;}
.menubbox:hover {color:#000;}
@media screen and (max-width:990px)
{
	#bgmenub {width:100%;margin:0 auto;padding:5px 0;background:#F5FBFF;overflow-x:scroll;overflow-y:hidden;}
	#bomenub {width:800px;margin:0 auto;padding:0;}
	.menubbox {width:auto;float:left;margin:0 auto;padding:0 10px;text-transform:uppercase;color:#00568B;font-weight:700;}
	.menubbox:hover {color:#000;}
}
/* ==================================================================================================== */

/* RUNNING TEXT ========================================================================================================================================= DONE! ===========*/
#bgruntext {width:100%;margin:10px auto;padding:0;}
#boruntext {width:1004px;margin:0 auto;padding:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
#boruntextleft {width:134px;float:left;margin:0 auto;padding:2px 0;text-align:center;background:#00568B;color:#fff;}
.boruntextlefttit {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
#boruntextrite {width:870px;float:left;margin:0 auto;padding:2px 0;text-align:left;background:#f9f9f9;}
.boruntextritebox {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;display:flex;}
#runtextbox {margin:0 auto;padding:0 10px 0 0;color:#444;}
#runtextbox a {color:#00568B;}
#runtextbox a:hover {color:#E16E00;}
@media screen and (max-width:990px)
{
	#bgruntext {width:100%;margin:10px auto;padding:0;}
	#boruntext {width:90%;margin:0 auto;padding:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
	#boruntextleft {width:100%;float:left;margin:0 auto;padding:5px;text-align:center;background:#00568B;color:#fff;}
	.boruntextlefttit {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
	#boruntextrite {width:100%;float:left;margin:0 auto;padding:5px;text-align:left;background:#f9f9f9;}
	.boruntextritebox {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;display:flex;}
	#runtextbox {margin:0 auto;padding:0 10px 0 0;color:#444;}
	#runtextbox a {color:#00568B;}
	#runtextbox a:hover {color:#E16E00;}
}
/* ==================================================================================================== */
			

/* TOPLINE ========================================================================================================================================= DONE! ===========*/
#bgtopline {width:100%;margin:0 auto;padding:0;}
#botopline {width:1004px;margin:0 auto;padding:0;}

#botoplineleft {width:670px;float:left;margin:0 10px 0 0;padding:0;}
.botoplineleftimg {width:670px;height:447px;overflow:hidden;margin:0 auto;padding:0;position:relative;}
.botoplineleftimg img {width:670px;height:447px;}
#botoplineleftbox {width:100%;margin:0 auto;padding:5%;position:absolute;z-index:99999;bottom:0;background:rgba(0,0,0,0.5);}
.botoplineleftboxcat {margin:0 auto 10px;padding:0;}
.botoplineleftboxcat a {margin:0 auto;padding:5px 20px;background:#E16E00;color:#fff;}
.botoplineleftboxtit {margin:0 auto;padding:0;}
.botoplineleftboxtit a {margin:0 auto;padding:0;font-weight:700;font-size:25px;color:#fff;text-shadow:1px 1px rgba(0,0,0,0.5);}

#botoplinerite {width:324px;float:left;}
.botoplineriteimg {width:auto;height:218px;overflow:hidden;margin:0 auto 11px;padding:0;position:relative;}
.botoplineriteimg img {width:auto;height:218px;}
#botoplineritebox {width:100%;margin:0 auto;padding:5% 4%;position:absolute;z-index:99999;bottom:0;background:rgba(0,0,0,0.5);}
.botoplineriteboxcat {margin:0 auto 10px;padding:0;}
.botoplineriteboxcat a {margin:0 auto;padding:5px 20px;background:#E16E00;color:#fff;}
.botoplineriteboxtit {margin:0 auto;padding:0;}
.botoplineriteboxtit a {margin:0 auto;padding:0;font-weight:700;font-size:14px;color:#fff;text-shadow:1px 1px rgba(0,0,0,0.5);}
@media screen and (max-width:990px)
{
	#bgtopline {width:100%;margin:0 auto;padding:0;}
	#botopline {width:100%;margin:0 auto;padding:0;}

	#botoplineleft {width:100%;float:none;margin:0 10px 0 0;padding:0;}
	.botoplineleftimg {width:100%;height:447px;overflow:hidden;margin:0 auto;padding:0;position:relative;}
	.botoplineleftimg img {width:100%;height:447px;}
	#botoplineleftbox {width:100%;margin:0 auto;padding:5%;position:absolute;z-index:99999;bottom:0;background:rgba(0,0,0,0.5);}
	.botoplineleftboxcat {margin:0 auto 10px;padding:0;}
	.botoplineleftboxcat a {margin:0 auto;padding:5px 20px;background:#E16E00;color:#fff;}
	.botoplineleftboxtit {margin:0 auto;padding:0;}
	.botoplineleftboxtit a {margin:0 auto;padding:0;font-weight:700;font-size:25px;color:#fff;text-shadow:1px 1px rgba(0,0,0,0.5);}

	#botoplinerite {width:90%;float:none;margin:0 auto;padding:5% 0;}
	.botoplineriteimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;position:relative;}
	.botoplineriteimg img {width:100%;height:auto;}
	#botoplineritebox {width:100%;margin:0 auto;padding:5% 4%;position:absolute;z-index:99999;bottom:0;background:rgba(0,0,0,0.5);}
	.botoplineriteboxcat {margin:0 auto 10px;padding:0;}
	.botoplineriteboxcat a {margin:0 auto;padding:5px 20px;background:#E16E00;color:#fff;}
	.botoplineriteboxtit {margin:0 auto;padding:0;}
	.botoplineriteboxtit a {margin:0 auto;padding:0;font-weight:700;font-size:14px;color:#fff;text-shadow:1px 1px rgba(0,0,0,0.5);}
}
/* ==================================================================================================== */

/* HOMEPAGE ========================================================================================================================================= DONE! ===========*/
#bghomepage {width:100%;margin:0 auto;padding:20px 0;}
#bohomepage {width:1004px;margin:0 auto;padding:0;}
#bohomepageleft {width:650px;float:left;margin:0 10px 0 0;}
#bohomepagerite {width:344px;float:left;}
@media screen and (max-width:990px)
{
	#bghomepage {width:100%;margin:0 auto;padding:20px 0;}
	#bohomepage {width:90%;margin:0 auto;padding:0;}
	#bohomepageleft {width:100%;float:left;margin:0 auto 5%;}
	#bohomepagerite {width:100%;float:left;}
}
/* ==================================================================================================== */

/* BERITA HOMEPAGE ========================================================================================================================================= DONE! ===========*/
#bgbloghighlight {width:100%;margin:0 auto;padding:0;}
#bobloghighlight {width:100%;margin:0 auto;padding:0;}

#hebloghighlight {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#00568B;border-bottom:1px solid #00568B;}
#hebloghighlight span {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#000;}

#bloghighlight {width:100%;margin:0 auto 10px;padding:0;background:#fff;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
#bloghighlightleft {width:180px;float:left;margin:0 auto;padding:0;}
.bloghighlightimg {width:180px;height:120px;overflow:hidden;}
.bloghighlightimg img {width:180px;height:120px;}
#bloghighlightrite {width:450px;float:left;margin:0 auto;padding:10px;}
.bloghighlightcat {margin:0 auto;padding:0;}
.bloghighlightcat a {color:#E16E00;}
.bloghighlightcat a:hover {color:#00568B;}
.bloghighlightdet {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#999;}
.bloghighlighttit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:#00568B;}
.bloghighlighttit a {color:#00568B;}
.bloghighlighttit a:hover {color:#E16E00;}
.bloghighlightdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
@media screen and (max-width:990px)
{
	#bgbloghighlight {width:100%;margin:0 auto;padding:0;}
	#bobloghighlight {width:100%;margin:0 auto;padding:0;}

	#hebloghighlight {margin:0 auto 10px;padding:0;font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;color:#00568B;border-bottom:1px solid #00568B;}
	#hebloghighlight span {font-weight:400;font-size:18px;font-family:'Roboto', sans-serif;color:#000;}

	#bloghighlight {width:100%;margin:0 auto 10px;padding:0;background:#fff;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
	#bloghighlightleft {width:100%;float:left;margin:0 auto;padding:0;}
	.bloghighlightimg {width:100%;height:auto;overflow:hidden;}
	.bloghighlightimg img {width:100%;height:auto;}
	#bloghighlightrite {width:100%;float:left;margin:0 auto;padding:10px;}
	.bloghighlightcat {margin:0 auto;padding:0;}
	.bloghighlightcat a {color:#E16E00;}
	.bloghighlightcat a:hover {color:#00568B;}
	.bloghighlightdet {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#999;}
	.bloghighlighttit {margin:0 auto;padding:0;font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;color:#00568B;}
	.bloghighlighttit a {color:#00568B;}
	.bloghighlighttit a:hover {color:#E16E00;}
	.bloghighlightdes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
}
/* ==================================================================================================== */

/* KURS */
#bgkurs {width:100%;margin:0 auto;padding:0;}
#bokurs {width:100%;margin:0 auto;padding:0;}

#kurstit {margin:0 auto 20px;padding:0;}
#kurstit h2 {font-weight:700;font-size:25px;font-family:'Roboto',sans-serif;color:#00568B;}
#kurstit span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}

#kurscon {margin:0 auto;padding:0;}
.kursboxkiri {width:344px;margin:0 auto 10px;padding:10px;float:left;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);border-radius:0 0 3px 3px;border-top:4px solid #E16E00;}
.kursboxtit {margin:0 auto 10px;padding:0;}
.kursboxtit h3 {font-weight:700;font-size:14px;font-family:'Roboto',sans-serif;color:#00568B;}
.kursboxtable {margin:0 auto 15px;padding:0;}
.kursboxtable table thead tr {margin:0 auto;padding:0;background:#00568B;color:#fff;font-size:14px;font-family:'Roboto',sans-serif;}
.kursboxbottom {margin:0 auto 15px;padding:0;font-family:'Roboto',sans-serif;}
.kursbottomsum {margin:0 auto 5px;padding:0;color:#B1B1B1;}
.kursbottomsum a {color:#00568B;}
.kursbottomber {margin:0 auto;padding:0;color:#B1B1B1;font-family:'Roboto',sans-serif;}
.kurboxlink {margin:30px auto 10px;padding:0;text-align:center;}
@media screen and (max-width:990px)
{
	#bgkurs {width:100%;margin:0 auto;padding:0;}
	#bokurs {width:100%;margin:0 auto;padding:0;}

	#kurstit {margin:0 auto 20px;padding:0;}
	#kurstit h2 {font-weight:700;font-size:25px;font-family:'Roboto',sans-serif;color:#00568B;}
	#kurstit span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}

	#kurscon {margin:0 auto;padding:0;}
	.kursboxkiri {width:100%;margin:0 auto 10px;padding:10px;float:left;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);border-radius:0 0 3px 3px;border-top:4px solid #E16E00;}
	.kursboxtit {margin:0 auto 10px;padding:0;}
	.kursboxtit h3 {font-weight:700;font-size:14px;font-family:'Roboto',sans-serif;color:#00568B;}
	.kursboxtable {margin:0 auto 15px;padding:0;}
	.kursboxtable table thead tr {margin:0 auto;padding:0;background:#00568B;color:#fff;font-size:14px;font-family:'Roboto',sans-serif;}
	.kursboxbottom {margin:0 auto 15px;padding:0;font-family:'Roboto',sans-serif;}
	.kursbottomsum {margin:0 auto 5px;padding:0;color:#B1B1B1;}
	.kursbottomsum a {color:#00568B;}
	.kursbottomber {margin:0 auto;padding:0;color:#B1B1B1;font-family:'Roboto',sans-serif;}
	.kurboxlink {margin:30px auto 10px;padding:0;text-align:center;}
}
/* ==================================================================================================== */

/* KURS PAGE */
#bgratepage {width:100%;margin:0 auto;padding:20px 0;}
#boratepage {width:1004px;margin:0 auto;padding:0;}
#boratepageleft {width:304px;float:left;margin:0 10px 0 0;}
#ratefilterbox {margin:0 auto;padding:20px;box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);border-radius:0 0 3px 3px;border-top:4px solid #E16E00;}
.ratefilterboxtit {margin:0 auto 10px;padding:0;font-weight:700;font-size:14px;font-family:'Roboto',sans-serif;color:#00568B;}
.ratefilterboxcon {margin:0 auto 10px;padding:0;}
.ratefilterboxcon input {width:100%;margin:0 auto 10px;padding:10px;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#222;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;}
.ratefilterboxcon input:focus {border:1px solid #253544;color:#253544;outline:none;}
.ratefilterboxbtn {}

#boratepagerite {width:690px;float:left;}
#ratepagebox {margin:0 auto;padding:0;}
.ratepageboxtit {margin:0 auto 10px;padding:0;font-weight:700;font-size:14px;font-family:'Roboto',sans-serif;color:#00568B;}
.ratepageboxtable {margin:0 auto;padding:0;}
@media screen and (max-width:990px)
{
	
}
/* ==================================================================================================== */

/* HEADER */
#bgheadpage {width:100%;margin:0 auto;padding:0;background:rgba(0,0,0,0.2);}
#boheadpage {width:100%;margin:0 auto;padding:0;}
.headpageimg {width:100%;height:auto;overflow:hidden;}
.headpageimg img {width:100%;height:auto;position:relative;z-index:-999;}
@media screen and (max-width:990px)
{
	#bgheadpage {width:100%;margin:0 auto;padding:0;background:#005a94;}
	#boheadpage {width:100%;margin:0 auto;padding:0;}
	.headpageimg {width:100%;height:auto;overflow:hidden;}
	.headpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);opacity:0.2;}
}
/* ==================================================================================================== */

/* BREADCRUMBS */
#bgbreadcrumb {width:100%;margin:0 auto;padding:0;}
#bobreadcrumb {width:990px;margin:0 auto;padding:5px 0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;line-height:1.6;border-bottom:1px solid #ddd;}
#bobreadcrumb a {color:#E16E00;}
#bobreadcrumb a:hover {color:#00568B;}

#bgbreadcrumbreg {width:100%;margin:0 auto;padding:0;}
#bobreadcrumbreg {width:98%;margin:0 auto;padding:5px 0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;line-height:1.6;border-bottom:1px solid #ddd;}
#bobreadcrumbreg a {color:#E16E00;}
#bobreadcrumbreg a:hover {color:#00568B;}
@media screen and (max-width:990px)
{
	#bgbreadcrumb {width:100%;margin:0 auto;padding:0;}
	#bobreadcrumb {width:90%;margin:0 auto;padding:5px 0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;line-height:1.6;border-bottom:1px solid #ddd;}
	#bobreadcrumb a {color:#E16E00;}
	#bobreadcrumb a:hover {color:#00568B;}

	#bgbreadcrumbreg {width:100%;margin:0 auto;padding:0;}
	#bobreadcrumbreg {width:90%;margin:0 auto;padding:5px 0;font-weight:400;font-size:13px;font-family:'Roboto', sans-serif;line-height:1.6;border-bottom:1px solid #ddd;}
	#bobreadcrumbreg a {color:#E16E00;}
	#bobreadcrumbreg a:hover {color:#00568B;}
}
/* ==================================================================================================== */

/* BOTTOM */
#bgbottom {width:100%;margin:0;padding:50px 0;background:url('../images/bgsandstone.jpg');}
#bobottom {width:1004px;margin:0 auto;padding:0;}
#hebottom {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;color:#fff;text-align:center;margin-bottom:20px;}

#bottom01 {width:34%;float:left;margin:0 1% 0 0;padding:0;}
#bottom02 {width:16%;float:left;margin:0 1% 0 0;padding:0;}
#bottom03 {width:32%;float:left;margin:0 1% 0 0;padding:0;}
#bottom04 {width:14%;float:left;margin:0 1% 0 0;padding:0;}
.bottomtit {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
.bottomdes {font-size:14px;margin:0;padding:0;color:#fff;}
.bottomdes ul li {list-style:disc;margin-bottom:5px;margin-left:18px;}
.bottomdes ul li a {color:#fff;}
.bottomdes ul li a:hover {color:#E16E00;}
.bottomdes a {color:#fff;}
.bottomdes a:hover {color:#E16E00;}
.bottommor {margin:20px auto 0;padding:0;}
.bottommor a {margin:0 auto;padding:5px 20px;border:1px solid #fff;color:#fff;font-size:13px;}
.bottommor a:hover {background:#fff;color:#00568B;}
@media screen and (max-width:990px)
{
	#bgbottom {width:100%;margin:0;padding:5% 0;background:#AA1F24 url('../images/bgsandstone.jpg');}
	#bobottom {width:90%;margin:0 auto;padding:0;}
	#hebottom {font-weight:700;font-size:15px;font-family:'Roboto', sans-serif;line-height:1.6;color:#fff;text-align:center;margin-bottom:20px;}

	#bottom01 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #00436A;}
	#bottom02 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #00436A;}
	#bottom03 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #00436A;}
	#bottom04 {width:100%;float:left;margin:0 auto 5%;padding:0 0 5%;border-bottom:1px solid #00436A;}
	.bottomtit {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;margin-bottom:10px;color:#fff;text-transform:uppercase;}
	.bottomdes {font-size:14px;margin:0;padding:0;color:#fff;}
	.bottomdes ul li {list-style:disc;margin-bottom:5px;margin-left:18px;}
	.bottomdes ul li a {color:#fff;}
	.bottomdes ul li a:hover {color:#E16E00;}
	.bottomdes a {color:#fff;}
	.bottomdes a:hover {color:#E16E00;}
	.bottommor {margin:20px auto 0;padding:0;}
	.bottommor a {margin:0 auto;padding:5px 20px;border:1px solid #fff;color:#fff;font-size:13px;}
	.bottommor a:hover {background:#fff;color:#00568B;}
}
/* ==================================================================================================== */

/* FOOTER */
#bgfooter {width:100%;height:auto;margin:0 auto;padding:30px 0;background:#002136;}
#bofooter {width:990px;margin:0 auto;padding:0;color:#fff;}
#footer1 {width:50%;float:left;margin:0 auto;padding:0;text-align:left;}
#footer1 img {width:20px;height:20px;border-radius:3px;vertical-align:middle;}
#footer2 {width:50%;float:left;text-align:right;}
#footer2 span {font-size:13px;color:#005182;}
#footer2 a {color:#005182;text-decoration :none;}
#footer2 a:hover {color:#fff;}
@media screen and (max-width:990px)
{
	#bgfooter {width:100%;height:auto;margin:0 auto;padding:30px 0;background:#002136;}
	#bofooter {width:100%;margin:0 auto;padding:0;color:#fff;}
	#footer1 {width:100%;float:none;margin:0 auto 5px;padding:0;text-align:center;}
	#footer1 img {width:20px;height:20px;border-radius:3px;vertical-align:middle;}
	#footer2 {width:100%;float:left;text-align:center;font-size:13px;}
	#footer2 span {font-size:13px;color:#005182;}
	#footer2 a {color:#005182;text-decoration :none;}
	#footer2 a:hover {color:#fff;}
}
/* ==================================================================================================== */

/* CONTACT */
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#bocontact {width:990px;margin:0 auto;padding:0;}

#contacttop {margin:0 auto;padding:0;text-align:center;}
#contactmid {margin:0;padding:0;}
#contactlef {width:485px;float:left;margin-right:10px;text-align:right;}
#contactrit {width:485px;float:left;margin-left:10px;}

#contactbox {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px solid #ddd;}
#contactboxcon {width:320px;float:left;margin:0 5px 10px;padding:20px 0;border:1px solid #ddd;box-sizing:border-box;}
.contactboxtit {font-size:18px;font-weight:700;margin-bottom:10px;color:#00568B;text-transform:uppercase;}
.contactboxdes {margin:0 auto 20px;padding:0;}
.contactboxdes a {color:#00568B;}
@media screen and (max-width:990px)
{
	#bgcontact {width:100%;margin:0 auto;padding:5% 0;}
	#bocontact {width:90%;margin:0 auto;padding:0;}

	#contacttop {margin:0 auto;padding:0;text-align:center;}
	#contactmid {margin:0;padding:0;}
	#contactlef {width:100%;float:left;margin-right:0;text-align:left;}
	#contactrit {width:100%;float:left;margin-left:0;}

	#contactbox {margin:0 auto 10px;padding:0 0 10px;border-bottom:1px solid #ddd;}
	#contactboxcon {width:100%;float:left;margin:0 auto 10px;padding:20px 0;border:1px solid #ddd;box-sizing:border-box;}
	.contactboxtit {font-size:18px;font-weight:700;margin-bottom:10px;color:#00568B;text-transform:uppercase;}
	.contactboxdes {margin:0 auto 20px;padding:0;}
	.contactboxdes a {color:#00568B;}
}
/* ==================================================================================================== */

/* BACKGROUND CONTENT */
#bgcontent {width:100%;margin:0 auto;padding:50px 0;background:#fff;}
#bocontent {width:990px;margin:0 auto;padding:0;}
#bocontentlef {width:70%;float:left;margin-right:2%;}
#bocontentrit {width:28%;float:left;}
@media screen and (max-width:990px)
{
	#bgcontent {width:100%;margin:0 auto;padding:5% 0;background:#fff;}
	#bocontent {width:90%;margin:0 auto;padding:0;}
	#bocontentlef {width:100%;float:left;margin-right:0;}
	#bocontentrit {width:100%;float:left;}
}
/* ==================================================================================================== */

/* START OF ARTIKEL ================================================================================================================================== */
/* KATEGORI ARTIKEL HOME */
#bgartcathome {width:100%;margin:0 auto;padding:50px 0;}
#boartcathome {width:90%;margin:0 auto;padding:0;}

#artcathometop {margin:0 auto 2%;padding:0;text-align:center;}
.artcathometoptit {margin:0 auto;padding:0;}
.artcathometoptit h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;text-transform:uppercase;}
.artcathometopdes {margin:0 auto;padding:0;}
.artcathometopdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}

#artcathomebot {margin:0 auto;padding:0;}
#artcathome {width:23%;float:left;margin:0 1% 2%;padding:0;box-sizing:border-box;text-align:center;}

#artcathometops {margin:0 auto;padding:0;}
.artcathomeimg {width:100%;height:180px;overflow:hidden;}
.artcathomeimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.artcathomeimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}

#artcathomebots {width:auto;height:120px;margin:0 auto;padding:20px;background:#fff;}
.artcathometit {margin:0 auto 10px;padding:0;}
.artcathometit h2 {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.artcathometit a h2:hover {color:#E16E00;}
.artcathomedes {margin:0 auto;padding:0;}
.artcathomedes p {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}
@media screen and (max-width:990px)
{
	#bgartcathome {width:100%;margin:0 auto;padding:5% 0;background:#f2f2f2;}
	#boartcathome {width:90%;margin:0 auto;padding:0;}

	#artcathometop {margin:0 auto 5%;padding:0;text-align:center;}
	.artcathometoptit {margin:0 auto;padding:0;}
	.artcathometoptit h2 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;text-transform:uppercase;}
	.artcathometopdes {margin:0 auto;padding:0;}
	.artcathometopdes h3 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}

	#artcathomebot {margin:0 auto;padding:0;}
	#artcathome {width:100%;float:left;margin:0 auto 5%;padding:5%;box-sizing:border-box;text-align:center;background:#fff;border-radius:10px;}
	
	#artcathometops {margin:0 auto;padding:0;}
	.artcathomeimg {width:100%;height:auto;overflow:hidden;}
	.artcathomeimg img {width:50%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.artcathomeimg img:hover {width:50%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);}
	#artcathomebots {width:auto;height:auto;margin:0 auto;padding:5%;background:#fff;}
	.artcathometit {margin:0 auto;padding:0;}
	.artcathometit h2 {font-weight:500;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;text-transform:uppercase;}
	.artcathometit a h2:hover {color:#E16E00;}
	.artcathomedes {margin:0 auto;padding:2% 0 5%;}
	.artcathomedes p {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}
}
/* ==================================================================================================== */

/* KATEGORI ARTIKEL PAGE */
#bgartcatpage {width:100%;margin:0 auto;padding:50px 0;}
#boartcatpage {width:990px;margin:0 auto;padding:0;}

#artcatpagetop {margin:0 auto 2%;padding:0;}
.artcatpagetoptit {margin:0 auto;padding:0;}
.artcatpagetoptit h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.artcatpagetopsos {text-align:right;margin:0 auto 10px;padding:0;}
.artcatpagetopdes {margin:0 auto;padding:0;}
.artcatpagetopdes h2 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}

#artcatpagebot {margin:0 auto;padding:0;}

#artcatpage1 {width:100%;margin:0 auto 5%;padding:0;}
#artcatpage2 {width:48%;float:left;margin:0 1% 5%;padding:0;box-sizing:border-box;}
#artcatpage3 {width:310px;float:left;margin:0 10px 5%;padding:0;box-sizing:border-box;}

#artcatpagetops {margin:0 auto;padding:0;}
.artcatpageimg {width:100%;height:auto;overflow:hidden;}
.artcatpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.artcatpageimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
#artcatpagebots {margin:0 auto;padding:0;}
.artcatpagetit {margin:10px auto;padding:0;}
.artcatpagetit h2 {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.artcatpagetit a h2:hover {color:#E16E00;}
.artcatpagedes {margin:0 auto;padding:0;}
.artcatpagedes p {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}
@media screen and (max-width:990px)
{
	#bgartcatpage {width:100%;margin:0 auto;padding:5% 0;}
	#boartcatpage {width:90%;margin:0 auto;padding:0;}

	#artcatpagetop {margin:0 auto 2%;padding:0;}
	.artcatpagetoptit {margin:0 auto;padding:0;}
	.artcatpagetoptit h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.artcatpagetopdes {margin:0 auto;padding:0;}
	.artcatpagetopdes h2 {font-weight:400;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}

	#artcatpagebot {margin:0 auto;padding:0;}

	#artcatpage1 {width:100%;margin:0 auto 5%;padding:0;}
	#artcatpage2 {width:100%;float:left;margin:0 auto 5%;padding:0;box-sizing:border-box;}
	#artcatpage3 {width:100%;float:left;margin:0 auto 5%;padding:0;box-sizing:border-box;}

	#artcatpagetops {margin:0 auto;padding:0;}
	.artcatpageimg {width:100%;height:auto;overflow:hidden;}
	.artcatpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.artcatpageimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
	#artcatpagebots {margin:0 auto;padding:0;}
	.artcatpagetit {margin:10px auto;padding:0;}
	.artcatpagetit h2 {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.artcatpagetit a h2:hover {color:#E16E00;}
	.artcatpagedes {margin:0 auto;padding:0;}
	.artcatpagedes p {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#444;}

}
/* ==================================================================================================== */

/* KATEGORI LIST ARTIKEL */
#bgartcatlist {width:100%;margin:0 auto;padding:0;}
#boartcatlist {width:100%;margin:0 auto;padding:0;}
#artcatlist {width:100%;margin:0 auto;padding:0;}
.artcatlisttit {margin:0 auto;padding:0;}
.artcatlisttit h2 {font-weight:500;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.artcatlisttit a h2 {margin:0 auto 5px;padding:10px 15px;background:#f2f2f2;font-weight:500;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.artcatlisttit a h2:hover {background:#E16E00;color:#fff;}
@media screen and (max-width:990px)
{
	#bgartcatlist {width:100%;margin:5% auto 0;padding:5% 0 0;border-top:1px solid #ddd;}
	#boartcatlist {width:100%;margin:0 auto;padding:0;}
	#artcatlist {width:100%;margin:0 auto;padding:0;}
	.artcatlisttit {margin:0 auto;padding:0;}
	.artcatlisttit h2 {font-weight:500;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.artcatlisttit a h2 {margin:0 auto 5px;padding:10px 15px;background:#f2f2f2;font-weight:500;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.artcatlisttit a h2:hover {background:#E16E00;color:#fff;}
}
/* ==================================================================================================== */

/* SUB ARTIKEL */
#bgartsub {width:100%;margin:0 auto;padding:50px 0;}
#boartsub {width:990px;margin:0 auto;padding:0;}

#artsubbox {margin:0 auto;padding:0;}
#artsub {width:100%;float:left;margin:0 auto 1px;padding:0;}

#artsubtops {margin:0 auto;padding:0;}
.artsubimg {width:100%;height:auto;overflow:hidden;}
.artsubimg img {width:100%;height:auto;}
.artsubimg img:hover {width:100%;height:auto;}
#artsubbots {margin:0 auto;padding:0;}
.artsubtit {margin:0 auto;padding:0;font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
.artsubdes {margin:0 auto;padding:0;}
.artsubdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
.artsubdes a {color:#E16E00;}
.artsubdes a:hover {color:#00568B;}
.artsubdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.artsubdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.artsubdes ul {list-style:square;margin-left:18px;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.artsubdes ol {list-style:decimal;margin-left:18px;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.artsubdes li {padding-left:5px;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.artsubdes img {width:100%!important;height:auto!important;}

/* ACCORDION */
.accordion {background:#eee;color:#005C98;cursor:pointer;padding:10px;width:100%;border:none;text-align:left;outline:none;font-size:15px;transition:0.4s;}
.accordion:hover {color:#E16E00!important;}
.panel {padding:20px;display:none;background-color:#f9f9f9;overflow:hidden;font-size:14px;}
button.accordion.active:after {content:"\2212";}
button.accordion:after {content:'\002B';color:#005C98;font-weight:700;float:right;margin-left:5px;}
@media screen and (max-width:990px)
{
	
}
/* ==================================================================================================== */


/* ARTIKEL DETAILS */
#bgartdetails {width:100%;margin:0 auto;padding:0;}
#boartdetails {width:100%;margin:0 auto;padding:0;}

#artdetailsbox {margin:0 auto;padding:0;}

#artdetailstop {margin:0 auto 10px;padding:0;}
.artdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
.artdetailsimg img {width:100%;height:auto;}

#artdetailsrit {margin:0 auto;padding:0;}
.artdetailstit {margin:0 auto;padding:0;}
.artdetailstit h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.artdetailssos {text-align:right;margin:0 auto 10px;padding:0;}
.artdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.artdetailsdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.artdetailsdes a {color:#E16E00;}
.artdetailsdes a:hover {color:#00568B;}
.artdetailsdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.artdetailsdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.artdetailsdes ul {list-style:square;margin-left:15px;}
.artdetailsdes ol {list-style:decimal;margin-left:15px;}
.artdetailsdes li {padding-left:5px;}
.artdetailsdes img {width:100%!important;height:auto!important;}
.artdetailsdes span {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}

#artdetailsfot {width:100%;margin:0 auto;padding:0;}
#artdetailsfotbox {width:100%;height:auto;margin:0 0 2%;float:left;}
.artdetailsfotnem {text-align:center;font-weight:700;margin-bottom:10px;}
.artdetailsfotimg {width:100%;height:auto;overflow:hidden;}
.artdetailsfotimg img {width:98%;height:auto;border:5px solid #eee;}
@media screen and (max-width:990px)
{
	#bgartdetails {width:100%;margin:0 auto;padding:0;}
	#boartdetails {width:100%;margin:0 auto;padding:0;}

	#artdetailsbox {margin:0 auto;padding:0;}

	#artdetailstop {margin:0 auto 10px;padding:0;}
	.artdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
	.artdetailsimg img {width:100%;height:auto;}

	#artdetailsrit {margin:0 auto;padding:0;}
	.artdetailstit {margin:0 auto;padding:0;}
	.artdetailstit h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.artdetailssos {text-align:right;margin:0 auto 10px;padding:0;}
	.artdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	.artdetailsdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	.artdetailsdes a {color:#E16E00;}
	.artdetailsdes a:hover {color:#00568B;}
	.artdetailsdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.artdetailsdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.artdetailsdes ul {list-style:square;margin-left:15px;}
	.artdetailsdes ol {list-style:decimal;margin-left:15px;}
	.artdetailsdes li {padding-left:5px;}
	.artdetailsdes img {width:100%!important;height:auto!important;}
	.artdetailsdes span {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}

	#artdetailsfot {width:100%;margin:0 auto;padding:0;}
	#artdetailsfotbox {width:100%;height:auto;margin:0 0 2%;float:left;}
	.artdetailsfotnem {text-align:center;font-weight:700;margin-bottom:10px;}
	.artdetailsfotimg {width:100%;height:auto;overflow:hidden;}
	.artdetailsfotimg img {width:98%;height:auto;border:5px solid #eee;}
}
/* ==================================================================================================== */
/* END OF ARTIKEL ================================================================================================================================== */

/* START OF TEAM ================================================================================================================================== */
/* TIM PAGE */
#bgtimpage {width:100%;margin:0 auto;padding:5% 0 0;}
#botimpage {width:99%;margin:0 auto;padding:0;}

#timpagebox {margin:0 auto;padding:0;}
#timpage {width:31%;min-height:260px;float:left;margin:0 1% 2%;}

#timpagetops {margin:0 auto;padding:0;}
.timpageimg {width:90%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
.timpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.timpageimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);}
#timpagebots {margin:0 auto;padding:0;}
.timpagetit {margin:0 auto;padding:0;text-align:center;}
.timpagetit a h2 {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.timpagetit a h2:hover {color:#E16E00;}
.timpagepos {margin:0 auto;padding:0;text-align:center;font-weight:400;font-size:11px;font-family:'Roboto', sans-serif;line-height:1.6;color:#E16E00;}
@media screen and (max-width:990px)
{
	#bgtimpage {width:100%;margin:0 auto;padding:0;}
	#botimpage {width:100%;margin:0 auto;padding:0;}

	#timpagebox {margin:0 auto;padding:0;}
	#timpage {width:100%;float:left;margin:0 auto 5%;}

	#timpagetops {margin:0 auto;padding:0;}
	.timpageimg {width:100%;height:auto;overflow:hidden;}
	.timpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.timpageimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);}
	#timpagebots {margin:0 auto;padding:0;}
	.timpagetit {margin:0 auto;padding:0;text-align:center;}
	.timpagetit a h2 {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.timpagetit a h2:hover {color:#E16E00;}
	.timpagepos {margin:0 auto;padding:0;text-align:center;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;line-height:1.6;color:#E16E00;}
}
/* ==================================================================================================== */

/* TIM DETAILS */
#bgtimdetails {width:100%;margin:0 auto;padding:0;}
#botimdetails {width:100%;margin:0 auto;padding:0;}

#timdetailsbox {margin:0 auto;padding:0;}

#timdetailsleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
.timdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
.timdetailsimg img {width:100%;height:auto;}

#timdetailsrite {width:68%;float:left;margin:0 auto;padding:0;}
.timdetailstit {margin:0 auto;padding:0;}
.timdetailspos {margin:0 auto 2%;padding:0;color:#E16E00;}
.timdetailstit h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.timdetailssos {text-align:right;margin:0 auto 10px;padding:0;}
.timdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.timdetailsdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.timdetailsdes a {color:#E16E00;}
.timdetailsdes a:hover {color:#00568B;}
.timdetailsdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.timdetailsdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.timdetailsdes ul {list-style:square;margin-left:15px;}
.timdetailsdes ol {list-style:decimal;margin-left:15px;}
.timdetailsdes li {padding-left:5px;}
.timdetailsdes img {width:100%!important;height:auto!important;}
.timdetailsdes span {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
@media screen and (max-width:990px)
{
	#bgtimdetails {width:100%;margin:0 auto;padding:0;}
	#botimdetails {width:100%;margin:0 auto;padding:0;}

	#timdetailsbox {margin:0 auto;padding:0;}

	#timdetailsleft {width:100%;float:left;margin:0 auto;padding:0;}
	.timdetailsimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;}
	.timdetailsimg img {width:100%;height:auto;}

	#timdetailsrite {width:100%;float:left;margin:0 auto;padding:0;}
	.timdetailstit {margin:0 auto;padding:0;}
	.timdetailspos {margin:0 auto 2%;padding:0;color:#E16E00;}
	.timdetailstit h1 {font-weight:700;font-size:18px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.timdetailssos {text-align:right;margin:0 auto 10px;padding:0;}
	.timdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	.timdetailsdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	.timdetailsdes a {color:#E16E00;}
	.timdetailsdes a:hover {color:#00568B;}
	.timdetailsdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.timdetailsdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.timdetailsdes ul {list-style:square;margin-left:15px;}
	.timdetailsdes ol {list-style:decimal;margin-left:15px;}
	.timdetailsdes li {padding-left:5px;}
	.timdetailsdes img {width:100%!important;height:auto!important;}
	.timdetailsdes span {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}

}
/* ==================================================================================================== */

/* TIM LIST */
#bgtimlist {width:100%;margin:0 auto;padding:0;}
#botimlist {width:100%;margin:0 auto;padding:0;}

#timlistbox {margin:0 auto;padding:0;}
#timlist {width:96%;float:left;margin:0 auto 2%;padding:2%;background:#f9f9f9;}

#timlistleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
.timlistimg {width:100%;height:auto;overflow:hidden;}
.timlistimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.timlistimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);}
#timlistrite {width:68%;float:left;margin:0 auto;padding:0;}
.timlisttit {margin:0 auto;padding:0;text-align:left;}
.timlisttit a h2 {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
.timlisttit a h2:hover {color:#E16E00;}
.timlistpos {margin:0 auto;padding:0;text-align:left;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;line-height:1.6;color:#E16E00;}
@media screen and (max-width:990px)
{
	#bgtimlist {width:100%;margin:0 auto;padding:0;}
	#botimlist {width:100%;margin:0 auto;padding:0;}

	#timlistbox {margin:0 auto;padding:0;}
	#timlist {width:96%;float:left;margin:0 auto 2%;padding:2%;background:#f9f9f9;}

	#timlistleft {width:30%;float:left;margin:0 2% 0 0;padding:0;}
	.timlistimg {width:100%;height:auto;overflow:hidden;}
	.timlistimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.timlistimg img:hover {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(1);-webkit-filter:grayscale(1);filter:grayscale(1);}
	#timlistrite {width:68%;float:left;margin:0 auto;padding:0;}
	.timlisttit {margin:0 auto;padding:0;text-align:left;}
	.timlisttit a h2 {font-weight:700;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;color:#00568B;}
	.timlisttit a h2:hover {color:#E16E00;}
	.timlistpos {margin:0 auto;padding:0;text-align:left;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;line-height:1.6;color:#E16E00;}
}
/* ==================================================================================================== */
/* END OF TEAM ================================================================================================================================== */

/* PARTNER PAGE */
#bgclientpage {width:100%;margin:0 auto;padding:50px 0;}
#boclientpage {width:100%;margin:0 auto;padding:0;}

#clientpagetop {width:100%;float:left;margin:0 auto 10px;padding:20px 0;border-bottom:2px solid #ddd;box-sizing:border-box;}
#clientpagetoptop {width:100%;margin:0 auto;padding:0;text-align:center;}
.clientpagetopimg {width:20%;height:auto;overflow:hidden;margin:0 auto;}
.clientpagetopimg img {width:100%;height:auto;}
#clientpagetopbot {width:100%;margin:0 auto;padding:0;text-align:center;}
.clientpagetoptit {margin:0 auto;padding:0;text-transform:uppercase;font-weight:700;}
.clientpagetopdes {margin:0 auto 10px;padding:0;}
.clientpagetopmor {margin:0 auto;padding:0;}
.clientpagetopmor a {padding:2px 10px 3px;color:#C00;border:1px solid #C00;}
.clientpagetopmor a:hover {padding:2px 10px 3px;background:#000;color:#fff;border:1px solid #000;}

#clientpage {width:23%;float:left;margin:0 1% 2%;}
.clientpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;text-align:center;}
.clientpageimg img {width:150px;height:150px;border-radius:100px;}
.clientpagetit {margin:0 auto 10px;padding:0;text-transform:uppercase;font-weight:700;}
.clientpagedes {margin:0 auto;padding:0;}
.clientpagemor {margin:0 auto;padding:0;}
.clientpagemor a {padding:2px 10px 3px;color:#C00;border:1px solid #C00;}
.clientpagemor a:hover {padding:2px 10px 3px;background:#000;color:#fff;border:1px solid #000;}
@media screen and (max-width:990px)
{
	#bgclientpage {width:100%;margin:0 auto;padding:50px 0;}
	#boclientpage {width:100%;margin:0 auto;padding:0;}

	#clientpagetop {width:100%;float:left;margin:0 auto 10px;padding:20px 0;border-bottom:2px solid #ddd;box-sizing:border-box;}
	#clientpagetoptop {width:100%;margin:0 auto;padding:0;text-align:center;}
	.clientpagetopimg {width:20%;height:auto;overflow:hidden;margin:0 auto;}
	.clientpagetopimg img {width:100%;height:auto;}
	#clientpagetopbot {width:100%;margin:0 auto;padding:0;text-align:center;}
	.clientpagetoptit {margin:0 auto;padding:0;text-transform:uppercase;font-weight:700;}
	.clientpagetopdes {margin:0 auto 10px;padding:0;}
	.clientpagetopmor {margin:0 auto;padding:0;}
	.clientpagetopmor a {padding:2px 10px 3px;color:#C00;border:1px solid #C00;}
	.clientpagetopmor a:hover {padding:2px 10px 3px;background:#000;color:#fff;border:1px solid #000;}

	#clientpage {width:48%;float:left;margin:0 1% 2%;}
	.clientpageimg {width:100%;height:auto;overflow:hidden;margin:0 auto 10px;padding:0;text-align:center;}
	.clientpageimg img {width:100%;height:auto;border-radius:100px;}
	.clientpagetit {margin:0 auto 10px;padding:0;text-transform:uppercase;font-weight:700;}
	.clientpagedes {margin:0 auto;padding:0;}
	.clientpagemor {margin:0 auto;padding:0;}
	.clientpagemor a {padding:2px 10px 3px;color:#C00;border:1px solid #C00;}
	.clientpagemor a:hover {padding:2px 10px 3px;background:#000;color:#fff;border:1px solid #000;}
}
/* ==================================================================================================== */

/* EMAIL FORM */
#bgemailform {margin:0 auto;padding:0;}
.formcontact {width:100%;padding:3%;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;border:none;background:#f2f2f2;border-radius:3px;color:#666;margin-bottom:5px;box-sizing:border-box;}
.formcontact:focus {background:#eee;color:#595A5C;;outline:none;}
@media screen and (max-width:990px)
{
	#bgemailform {margin:0 auto;padding:0;}
	.formcontact {width:100%;padding:3%;font-weight:400;font-size:15px;font-family:'Roboto', sans-serif;border:none;background:#f2f2f2;border-radius:3px;color:#666;margin-bottom:5px;box-sizing:border-box;}
	.formcontact:focus {background:#eee;color:#595A5C;outline:none;}
}
/* ==================================================================================================== */

/* ERROR PAGE */
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#boerror {width:990px;margin:0 auto;padding:0;}
#error {margin:0 auto;padding:0;text-align:center;}
.errortitle {font-weight:700;font-size:50px;}
.errordesc {margin:0;padding:0;}
@media screen and (max-width:990px)
{
	#bgerror {width:100%;margin:0 auto;padding:5% 0;}
	#boerror {width:90%;margin:0 5%;padding:0;}
	#error {margin:0 auto;padding:0;text-align:center;}
	.errortitle {font-weight:700;font-size:50px;}
	.errordesc {margin:0;padding:0;}
}
/* ==================================================================================================== */
		
/* ================================================== BLOG/BERITA ================================================== */
/* BERITA HOME */
#bgbloghome {width:100%;margin:0 auto;padding:50px 0;background:url('../images/bgbodi.jpg') fixed;}
#bobloghome {width:990px;margin:0 auto;padding:0;}
#hebloghome {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;}
#hebloghome span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
#bloghome {width:320px;margin:0 5px 10px;padding:0;float:left;background:#fff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
#bloghometop {margin:0 auto;padding:0;}
.bloghomeimg {width:320px;height:323px;overflow:hidden;}
.bloghomeimg img {width:485px;height:323px;}
#bloghomemid {width:auto;min-height:210px;margin:0 auto;padding:20px;}
.bloghomecat {margin:0 auto;padding:0;}
.bloghomecat a {color:#E16E00;}
.bloghomecat a:hover {color:#00568B;}
.bloghomedet {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#999;}
.bloghometit {margin:20px auto;padding:0;font-weight:500;font-size:16px;font-family:'Roboto', sans-serif;color:#00568B;}
.bloghometit a {color:#00568B;}
.bloghometit a:hover {color:#E16E00;}
.bloghomedes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
@media screen and (max-width:990px)
{
	#bgbloghome {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgbodi.jpg') fixed;}
	#bobloghome {width:90%;margin:0 5%;padding:0;}
	#hebloghome {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;}
	#hebloghome span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
	#bloghome {width:100%;margin:0 0 5%;padding:0;float:left;background:#fff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
	#bloghometop {margin:0 auto;padding:0;}
	.bloghomeimg {width:100%;height:auto;overflow:hidden;}
	.bloghomeimg img {width:100%;height:auto;}
	#bloghomemid {margin:0 auto;padding:20px;}
	.bloghomedet {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#999;}
	.bloghometit {margin:0 auto 5%;padding:0;font-weight:500;font-size:18px;font-family:'Roboto', sans-serif;color:#00568B;}
	.bloghometit a {color:#00568B;}
	.bloghometit a:hover {color:#E16E00;}
	.bloghomedes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
}
/* ==================================================================================================== */

/* BERITA PAGE */
#bgblogpage {width:100%;margin:0 auto;padding:50px 0;}
#boblogpage {width:990px;margin:0 auto;padding:0;}
#heblogpage {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;}
#heblogpage span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
#blogpage {width:320px;margin:0 5px 10px;padding:0;float:left;background:#fff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
#blogpagetop {margin:0 auto;padding:0;}
.blogpageimg {width:320px;height:323px;overflow:hidden;}
.blogpageimg img {width:485px;height:323px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.blogpageimg img:hover {width:auto;height:100%;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
#blogpagemid {width:auto;min-height:250px;margin:0 auto;padding:20px;}
.blogpagecat {margin:0 auto;padding:0;}
.blogpagecat a {color:#E16E00;}
.blogpagecat a:hover {color:#00568B;}
.blogpagedet {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#999;}
.blogpagetit {margin:20px auto;padding:0;font-weight:500;font-size:16px;font-family:'Roboto', sans-serif;color:#00568B;}
.blogpagetit a {color:#00568B;}
.blogpagetit a:hover {color:#E16E00;}
.blogpagedes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
@media screen and (max-width:990px)
{
	#bgblogpage {width:100%;margin:0 auto;padding:50px 0;}
	#boblogpage {width:90%;margin:0 auto;padding:0;}
	#heblogpage {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;}
	#heblogpage span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
	#blogpage {width:100%;margin:0 auto 5%;padding:0;float:left;background:#fff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
	#blogpagetop {margin:0 auto;padding:0;}
	.blogpageimg {width:100%;height:auto;overflow:hidden;}
	.blogpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
	.blogpageimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
	#blogpagemid {width:auto;min-height:210px;margin:0 auto;padding:20px;}
	.blogpagecat {margin:0 auto;padding:0;}
	.blogpagecat a {color:#E16E00;}
	.blogpagecat a:hover {color:#00568B;}
	.blogpagedet {font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;color:#999;}
	.blogpagetit {margin:20px auto;padding:0;font-weight:500;font-size:16px;font-family:'Roboto', sans-serif;color:#00568B;}
	.blogpagetit a {color:#00568B;}
	.blogpagetit a:hover {color:#E16E00;}
	.blogpagedes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
}
/* ==================================================================================================== */

/* BERITA DETAILS */
#bgblogdetails {width:100%;margin:0 auto;padding:0;}
#boblogdetails {width:100%;margin:0 auto;padding:0;}
#blogdetails {margin:0 auto;padding:0;}
.blogdetailscat {margin:0 auto;padding:0;}
.blogdetailscat a {color:#E16E00;}
.blogdetailscat a:hover {color:#00568B;}
.blogdetailsdet {margin:0 auto;padding:0;color:#999;}
.blogdetailstit {margin:0 auto;padding:0;}
.blogdetailstit h1 {font-size:20px;}
.blogdetailsmed {margin:0;padding:0;text-align:right;}
.blogdetailsimg {width:670px;height:auto;overflow:hidden;margin:20px 0;}
.blogdetailsimg img {width:670px;height:auto;}
.blogdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.blogdetailsdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
.blogdetailsdes a {color:#E16E00;}
.blogdetailsdes a:hover {color:#00568B;}
.blogdetailsdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.blogdetailsdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
.blogdetailsdes ul {list-style:square;margin-left:15px;}
.blogdetailsdes ol {list-style:decimal;margin-left:15px;}
.blogdetailsdes li {padding-left:5px;}
.blogdetailsdes img {width:100%!important;height:auto!important;}
.blogdetailsdes span {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}



#blogdetailsgal {margin:5% auto;padding:0;}
.blogdetailsgalimg {width:100%;height:auto;overflow:hidden;}
.blogdetailsgalimg img {width:100%;height:auto;}
@media screen and (max-width:990px)
{
	#bgblogdetails {width:100%;margin:0 auto;padding:0;}
	#boblogdetails {width:100%;margin:0 auto;padding:0;}
	#blogdetails {margin:0 auto;padding:0;}
	.blogdetailscat {margin:0 auto;padding:0;}
	.blogdetailscat a {color:#E16E00;}
	.blogdetailscat a:hover {color:#00568B;}
	.blogdetailsdet {margin:0 auto;padding:0;color:#999;}
	.blogdetailstit {margin:0 auto;padding:0;}
	.blogdetailstit h1 {font-size:20px;}
	.blogdetailsmed {margin:0;padding:0;text-align:right;}
	.blogdetailsimg {width:100%;height:auto;overflow:hidden;margin:20px 0;}
	.blogdetailsimg img {width:100%;height:auto;}
	.blogdetailsdes {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	.blogdetailsdes p {margin:0 auto 2%;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	.blogdetailsdes a {color:#E16E00;}
	.blogdetailsdes a:hover {color:#00568B;}
	.blogdetailsdes h2 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.blogdetailsdes h3 {font-weight:700;font-size:16px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.blogdetailsdes ul {list-style:square;margin-left:15px;}
	.blogdetailsdes ol {list-style:decimal;margin-left:15px;}
	.blogdetailsdes li {padding-left:5px;}
	.blogdetailsdes img {width:100%!important;height:auto!important;}
	.blogdetailsdes span {margin:0 auto;padding:0;font-weight:400;font-size:14px!important;font-family:'Roboto', sans-serif!important;line-height:1.6;}
	
	#blogdetailsgal {margin:5% auto;padding:0;}
	.blogdetailsgalimg {width:100%;height:auto;overflow:hidden;}
	.blogdetailsgalimg img {width:100%;height:auto;}
}
/* ==================================================================================================== */

/* BERITA LATEST */
#bgbloglatest {width:auto;margin:0 auto;padding:0;}
#bobloglatest {width:auto;margin:0 auto;padding:0;}
#hebloglatest {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;letter-spacing:-1px;}
#hebloglatest span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
#bloglatest {width:auto;margin:0 auto 20px;padding:0 0 20px 0;border-bottom:1px solid #ddd;}
.bloglatestimg {width:100%;height:auto;overflow:hidden;}
.bloglatestimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.bloglatestimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.bloglatestcat {margin:0 auto;padding:0;}
.bloglatestcat a {color:#E16E00;}
.bloglatestcat a:hover {color:#00568B;}
.bloglatestdet {color:#999;}
.bloglatesttit {margin:5px auto;padding:0;font-weight:500;font-size:16px;font-family:'Roboto', sans-serif;color:#00568B;}
.bloglatesttit a {color:#00568B;}
.bloglatesttit a:hover {color:#E16E00;}
.bloglatestdes {margin:0 auto;padding:0;color:#444;}
@media screen and (max-width:990px)
{
	#bgbloglatest {width:auto;margin:0 auto;padding:0;border-left:0;border-bottom:0;border-top:0;}
	#bobloglatest {width:auto;margin:0 auto;}
	#hebloglatest {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;letter-spacing:-1px;}
	#hebloglatest span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
	#bloglatest {width:auto;margin:0 auto 20px;padding:0 0 20px 0;border-bottom:1px solid #ddd;}
	.bloglatestimg {width:100%;height:auto;overflow:hidden;}
	.bloglatestimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
	.bloglatestimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
	.bloglatesttit {font-size:18px;padding:10px 0 0;}
	.bloglatesttit a {color:#00568B;}
	.bloglatesttit a:hover {color:#595A5C;}
	.bloglatestdet {color:#999;}
	.bloglatestdes {padding:5px 0;}
	.bloglatestdes a {color:#00568B;}
	.bloglatestmor {text-align:right;margin-bottom:10px;}
	.bloglatestmor a {background:#ccc;color:#fff;padding:2px 10px 5px;}
	.bloglatestmor a:hover {background:#DA8801;color:#fff;}
}
/* ==================================================================================================== */

/* BERITA POPULAR */
#bgblogpop {width:100%;margin:0 auto;padding:50px 0;background:#f4f4f4;}
#boblogpop {width:990px;margin:0 auto;padding:0;}
#heblogpop {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;letter-spacing:-1px;}
#heblogpop span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
#blogpop {width:485px;margin:5px;padding:0;float:left;background:#fff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
.blogpopimg {width:485px;height:323px;overflow:hidden;}
.blogpopimg img {width:485px;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.blogpopimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
#blogpopbox {padding:10px;}
#blogpopboxlef {width:20%;float:left;margin-right:2%;}
.blogpopdet {font-weight:700;background:#f2f2f2;color:#00568B;padding:50px 10px;text-align:center;}
.blogpopdet span {font-size:25px;}
#blogpopboxrit {width:78%;float:left;}
.blogpoptit {font-size:16px;}
.blogpoptit a {color:#00568B;}
.blogpoptit a:hover {color:#595A5C;}
.blogpopdes {padding:5px 0 10px;}
.blogpopmor {text-align:right;}
.blogpopmor a {background:#00568B;color:#fff;padding:5px 15px;}
.blogpopmor a:hover {background:#333;color:#fff;text-decoration:none;}
@media screen and (max-width:990px)
{
	#bgblogpop {width:100%;margin:0 auto;padding:10% 0;background:#f4f4f4;}
	#boblogpop {width:90%;margin:0 5%;padding:0;}
	#heblogpop {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;letter-spacing:-1px;}
	#heblogpop span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
	#blogpop {width:100%;margin:0 0 5%;padding:0;float:left;background:#fff;-webkit-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 2px 5px 0px rgba(0,0,0,0.1);}
	.blogpopimg {width:100%;height:160px;overflow:hidden;}
	.blogpopimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
	.blogpopimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
	#blogpopbox {padding:5%;}
	#blogpopboxlef {width:30%;float:left;margin-right:5%;}
	.blogpopdet {font-weight:700;background:#f2f2f2;color:#00568B;padding:5px 0;text-align:center;margin-bottom:10px;}
	.blogpopdet span {font-size:25px;}
	#blogpopboxrit {width:65%;float:left;}
	.blogpoptit {font-size:16px;}
	.blogpoptit a {color:#00568B;}
	.blogpoptit a:hover {color:#595A5C;}
	.blogpopdes {padding:5px 0 10px;}
	.blogpopmor {text-align:right;}
	.blogpopmor a {background:#00568B;color:#fff;padding:5px 20px;border-radius:2px;}
	.blogpopmor a:hover {background:#00568B;color:#fff;text-decoration:none;}

}
/* ==================================================================================================== */
/* ================================================== END OF BLOG/BERITA ================================================== */

/* === AUTO BUTTON === */
.autobutton {background-color:#EE1B24;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:14px;padding:10px 30px;text-decoration:none;} 
.autobutton:hover {background-color:#DD1318;color:#fff;}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.autobutton {background-color:#EE1B24;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:14px;padding:10px 30px;text-decoration:none;} 
	.autobutton:hover {background-color:#DD1318;color:#fff;}
	.autobutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* === FULL BUTTON === */
.fullbutton {background:#00568B;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-size:14px;font-family:'Roboto', sans-serif;padding:10px 0;width:100%;text-decoration:none;} 
.fullbutton:hover {background:#004671;color:#fff;}
.fullbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.fullbutton {background:#00568B;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-size:14px;font-family:'Roboto', sans-serif;padding:10px 0;width:100%;text-decoration:none;} 
	.fullbutton:hover {background:#004671;color:#fff;}
	.fullbutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* === MORE BUTTON === */
.morebutton {background-color:#fff;border-radius:3px;border:1px solid #00568B;display:inline-block;cursor:pointer;color:#00568B;font-size:13px;font-family:'Roboto', sans-serif;padding:5px 0;width:100%;text-decoration:none;text-align:center;} 
.morebutton:hover {background-color:#00568B;color:#fff;}
.morebutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.morebutton {background-color:#fff;border-radius:3px;border:1px solid #00568B;display:inline-block;cursor:pointer;color:#00568B;font-size:13px;font-family:'Roboto', sans-serif;padding:5px 0;width:100%;text-decoration:none;text-align:center;} 
	.morebutton:hover {background-color:#00568B;color:#fff;}
	.morebutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* === RATE BUTTON === */
.ratebutton {background-color:#E16E00;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:12px;padding:5px 8px;text-decoration:none;} 
.ratebutton:hover {background-color:#C76200;color:#fff;}
.ratebutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.ratebutton {background-color:#E16E00;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-family:'Roboto', sans-serif;font-size:12px;padding:5px 8px;text-decoration:none;} 
	.ratebutton:hover {background-color:#C76200;color:#fff;}
	.ratebutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */

/* === SEARCH BUTTON === */
.searchbutton {background:#00568B;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-size:14px;font-family:'Roboto', sans-serif;padding:7px 0;width:100%;text-decoration:none;} 
.searchbutton:hover {background:#004671;color:#fff;}
.searchbutton:active {position:relative;top:1px;}
@media screen and (max-width:990px)
{
	.searchbutton {background:#00568B;border-radius:3px;border:none;display:inline-block;cursor:pointer;color:#fff;font-size:14px;font-family:'Roboto', sans-serif;padding:7px 0;width:100%;text-decoration:none;} 
	.searchbutton:hover {background:#004671;color:#fff;}
	.searchbutton:active {position:relative;top:1px;}
}
/* ==================================================================================================== */






















































/* ROWBANNER 
#bgrowbanner {width:100%;margin:0;padding:20px 0;background:#E16E00;}
#borowbanner {width:990px;margin:0 auto;padding:0;}
#rowbannerleft {width:80%;float:left;}
.rowbannerlef {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;line-height:1.6;color:#fff;text-transform:uppercase;}
#rowbannerrite {width:20%;float:left;text-align:right;}
.rowbannerrit {margin:0 auto;padding:0;}
.rowbannerrit a {margin:0 auto;padding:5px 15px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;line-height:1.6;background:#00568B;color:#fff;text-transform:uppercase;border-radius:2px;}
.rowbannerrit a:hover {background:#fff;color:#E16E00;}
@media screen and (max-width:990px)
{
	#bgrowbanner {width:100%;margin:0;padding:20px 0;background:#E16E00;}
	#borowbanner {width:90%;margin:0 auto;padding:0;}
	#rowbannerleft {width:100%;float:left;text-align:center;margin-bottom:2%;}
	.rowbannerlef {font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;line-height:1.6;color:#fff;text-transform:uppercase;}
	#rowbannerrite {width:100%;float:left;text-align:center;}
	.rowbannerrit {margin:0 auto;padding:0;}
	.rowbannerrit a {margin:0 auto;padding:5px 15px;font-weight:700;font-size:20px;font-family:'Roboto', sans-serif;line-height:1.6;background:#00568B;color:#fff;text-transform:uppercase;border-radius:2px;}
	.rowbannerrit a:hover {background:#fff;color:#E16E00;}
}
/* ==================================================================================================== */


/* CLIENT HOME 
#bgmemberhome {width:100%;margin:0 auto;padding:50px 0;}
#bomemberhome {width:990px;margin:0 auto;padding:0;}
#hememberhome {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;letter-spacing:-1px;}
#hememberhome span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
#memberhome {width:188px;height:188px;float:left;margin:0 5px;text-align:center;}
.memberhomeimg {width:150px;height:150px;overflow:hidden;padding:19px;}
.memberhomeimg img {width:150px;height:150px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);border-radius:100px;}
.memberhomeimg img:hover {width:150px;height:150px;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
@media screen and (max-width:990px)
{
	#bgmemberhome {width:100%;margin:0 auto;padding:10% 0;}
	#bomemberhome {width:90%;margin:0 5%;padding:0;}
	#hememberhome {margin:0 auto 20px;padding:0;font-weight:700;font-size:25px;font-family:'Roboto', sans-serif;color:#00568B;letter-spacing:-1px;}
	#hememberhome span {font-weight:400;font-size:25px;font-family:'Roboto', sans-serif;color:#000;}
	#memberhome {width:50%;height:50%;float:left;margin:0;text-align:center;}
	.memberhomeimg {width:100%;height:auto;overflow:hidden;padding:0;}
	.memberhomeimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);border-radius:100%;}
	.memberhomeimg img:hover {width:100%;height:auto;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%)}
}
/* ==================================================================================================== */



/*
#bgregpage {width:100%;margin:0 auto;padding:50px 0;}
#boregpage {width:1004px;margin:0 auto;padding:0;}
#regpage {width:23%;margin:0 1% 5%;padding:5% 0;float:left;text-align:center;display:table;background:#00568B;border-radius:3px;}
#regpage:hover {background:#E16E00;color:#fff;}
#regpagetop {margin:0 auto;padding:0;}
.regpageimg {width:100%;height:auto;overflow:hidden;}
.regpageimg img {width:40%;height:auto;border-radius:100%;}
#regpagemid {margin:0 auto;padding:0;}
.regpagetit {margin:0 auto;padding:0;font-weight:500;font-size:13px;font-family:'Roboto', sans-serif;color:#fff;}
.regpagedes {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;}
.regpagenot {margin:0 auto;padding:0;font-weight:400;font-size:10px;font-family:'Roboto', sans-serif;color:#C7E9FF;}
@media screen and (max-width:990px)
{
	#bgregpagehed {width:100%;margin:0 auto;padding:50px 0;}
	#boregpagehed {width:90%;margin:0 auto;padding:0;}
	#regpagehed {margin:0 auto;padding:0;}
	.regpagetoptit {margin:0 auto 5px;padding:0;}
	.regpagetoptit h1 {font-weight:500;font-size:20px;font-family:'Roboto', sans-serif;color:#00568B;}
	.regpagetopsos {margin:0;padding:0;text-align:right;}
	.regpagetopdes {color:#444;}

	#bgregpage {width:100%;margin:0 auto;padding:50px 0;}
	#boregpage {width:90%;margin:0 auto;padding:0;}
	#regpage {width:100%;margin:0 0 5%;padding:5% 0;float:left;text-align:center;display:table;background:#00568B;border-radius:3px;}
	#regpage:hover {background:#E16E00;color:#fff;}
	#regpagetop {margin:0 auto;padding:0;}
	.regpageimg {width:100%;height:auto;overflow:hidden;}
	.regpageimg img {width:40%;height:auto;border-radius:100%;}
	#regpagemid {margin:0 auto;padding:0;}
	.regpagetit {margin:0 auto;padding:0;font-weight:500;font-size:16px;font-family:'Roboto', sans-serif;color:#fff;}
	.regpagedes {margin:0 auto;padding:0;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;}
	.regpagenot {margin:0 auto;padding:0;font-weight:400;font-size:12px;font-family:'Roboto', sans-serif;color:#C7E9FF;}
}
/* ==================================================================================================== *


#bgcontentreg {width:100%;margin:0 auto;padding:1% 0;}
#bocontentreg {width:98%;margin:0 1%;padding:0;}
#bocontentreglef {width:75%;float:left;margin:0 auto;padding:0;}
#bocontentregrit {width:23%;float:left;margin:0 0 0 2%;padding:0;}
@media screen and (max-width:990px)
{
	#bgcontentreg {width:100%;margin:0 auto;padding:1% 0;}
	#bocontentreg {width:90%;margin:0 auto;padding:0;}
	#bocontentreglef {width:100%;float:left;margin:0 auto;padding:0;}
	#bocontentregrit {width:100%;float:left;margin:0 auto;padding:0;}
}
/* ==================================================================================================== */


/*

#bgrmmenu {text-align:center;}
#bormmenu {text-align:center;}

#bodytop {width:100%;height:auto;position:relative;background:#00568B;}
#bodybot {width:100%;height:auto;position:relative;background:#f2f2f2;}
#bodydes {margin:2% 5%;padding:2%;background:#fff;}
@media screen and (max-width:990px) {
	#bodytop {width:100%;height:auto;position:relative;background:#00568B;}
	#bodybot {width:100%;height:auto;position:relative;background:#f2f2f2;}
	#bodydes {margin:2% 5%;padding:2%;background:#fff;}
}

.topnav {overflow:hidden;background-color:#333;}
.topnav a {float:left;display:block;color:#f2f2f2;text-align:center;padding:0;text-decoration:none;font-size:8px;}
.topnav a:hover {background-color:#E16E00;color:#fff;}
.topnav a.active {background-color:#E16E00;color:#fff;}
.topnav .icon {display:none;}
@media screen and (max-width:990px) {
	.topnav {overflow:hidden;background-color:#333;}
	.topnav a {float:left;display:block;color:#f2f2f2;text-align:center;padding:10px;text-decoration:none;font-size:14px;}
	.topnav a:hover {background-color:none;color:#fff;}
	.topnav a.active {background-color:#E16E00;color:#fff;}
	.topnav a:not(:first-child) {display:none;}
	.topnav a.icon {float:right;display:block;}
	.topnav.responsive {position:relative;}
	.topnav.responsive .icon {position:absolute;right:0;top:0;}
	.topnav.responsive a {float:none;display:block;text-align:left;}
	
}

.container {position:relative;width:auto;padding:15px;}
.image {display:block;width:50px;height:50px;}
.overlay {position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:#E16E00;}
.container:hover .overlay {opacity:1;}
.text {color:white;font-size:10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align:center;}
@media screen and (max-width:990px) {
	.container {position:relative;width:auto;padding:0;}
	.image {display:none;width:20px;height:20px;float:left;}
	.overlay {position:relative;top:0;bottom:0;left:0;right:0;height:auto;width:100%;opacity:1;transition:.5s ease;background-color:transparent;float:left;}
	.container:hover .overlay {opacity:1;}
	.text {color:white;font-size:14px;position:relative;top:0;left:0;-webkit-transform:inherit;-ms-transform:inherit;transform:inherit;text-align:left;}
	.text:hover {background:#E16E00;}
}

/* REG TOP *
#bgregtop {width:100%;margin:0 auto;padding:10px 0 8px;background:rgb(0,78,129);background:linear-gradient(270deg, rgba(0,78,129,1) 0%, rgba(0,78,129,1) 35%, rgba(0,93,154,1) 100%);}
#boregtop {width:98%;margin:0 1%;padding:0;}
#regtopleft {width:50%;height:auto;float:left;}
#bgregtoplogo {width:auto;margin:0 auto;padding:0;}
#boregtoplogo {width:auto;margin:0 auto;padding:0;}
#boregtoplogo a {font-weight:700;font-size:18px;text-transform:uppercase;color:#fff;}


#regtoprite {width:50%;height:auto;float:left;text-align:right;}
#regtoprite a {color:#fff;}
#bgregtopsearchbar {width:400px;float:right;}
#boregtopsearchbar {width:100%;padding:0;margin:0 auto;float:right;} 
#regtopsearchbar {width:100%;margin:0 auto;padding:0;float:left;}
.regtopsearchbarbutton[type=text] {width:100%;box-sizing:border-box;border:1px solid #003F68;border-radius:3px;background:white;background-image:url('../images/icon_cari_small.png');background-position:0;background-repeat:no-repeat;padding:3px 10px 3px 30px;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;font-family:'Roboto', sans-serif;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
.regtopsearchbarbutton[type=text]:focus {width:100%;border:1px solid #bbb;border-radius:3px;}
@media screen and (max-width:990px)
{
	#bgregtop {width:100%;margin:0 auto;padding:10px 0 8px;background:rgb(0,78,129);background:linear-gradient(270deg, rgba(0,78,129,1) 0%, rgba(0,78,129,1) 35%, rgba(0,93,154,1) 100%);}
	#boregtop {width:90%;margin:0 auto;padding:0;}
	#regtopleft {width:100%;height:auto;float:left;text-align:center;}
	#bgregtoplogo {width:auto;margin:0 auto;padding:0;}
	#boregtoplogo {width:auto;margin:0 auto;padding:0;}
	#boregtoplogo a {font-weight:700;font-size:18px;text-transform:uppercase;color:#fff;}

	#regtoprite {width:100%;height:auto;float:left;text-align:center;}
	#regtoprite a {color:#fff;}
	#bgregtopsearchbar {width:100%;float:right;}
	#boregtopsearchbar {width:100%;padding:0;margin:0 auto;float:right;} 
	#regtopsearchbar {width:100%;margin:0 auto;padding:0;float:left;}
	.regtopsearchbarbutton[type=text] {width:100%;box-sizing:border-box;border:1px solid #003F68;border-radius:3px;background:white;background-image:url('../images/icon_cari_small.png');background-position:0;background-repeat:no-repeat;padding:5px 10px 5px 30px;-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out;font-family:'Roboto', sans-serif;font-weight:400;font-size:14px;font-family:'Roboto', sans-serif;line-height:1.6;}
	.regtopsearchbarbutton[type=text]:focus {width:100%;border:1px solid #bbb;border-radius:3px;}
}
/* ==================================================================================================== */