/*
* Responsive V1.2
* Copyright 2014, denikian.com
* http://www.denikian.com
*/

/* Table of Content
==================================================
	#Homepage Styles
	#Page Styles
	#SlideShow
	#CSSMenu
	#Form
	#Button
	#Icon
	#SocialMedia
	#Font-Face */

/* #Homepage Styles
================================================== */
#header { 
  		background: #00632c;

  		background-repeat: repeat-x;
  		background-attachment: fixed;
height:144px; 
color:#fff; 
font-weight:400;   
}

/*SCROLLER*/
#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 100%;
height: 30px;
border: 0px solid black;
padding: 5px;
color:#000000;
}

#pscroller2 a{
text-decoration: none;
color:#000000;
}

.someclass{ //class to apply to your scroller(s) if desired
}
/*END*/

#logo { background-image:url(https://cybex.id/assets/images/logo.png); width:94px; height:97px; margin-top:22px; }
.title { padding-left:20px; margin-top:42px; background:url(../images/I.png) no-repeat right ; height:79px;  }
.title2 { padding-left:30px; margin-top:30px; text-transform:uppercase; font-size:13pt;  }
.title3 { display:none;}
.linkAtas {padding-left:132px;  margin-top:60px; text-align:right; }
.linkAtas ul{}
.linkAtas li{ display:inline-block; margin-left:10px;}
.linkAtas li a:hover{ opacity:0.4; 	-moz-transition:all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out;}
.cyb { font-size:25pt;}

.linkAtas2 {text-align:right; width:100%; margin-top:-32px; }
.linkAtas2 ul{}
.linkAtas2 li{ display:inline-block; margin-left:10px;}
.linkAtas2 li a:hover{ opacity:0.4; -moz-transition:all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out;}


#slide { height:125px; overflow: hidden; clear:both; margin:0; 	}
#newsTicker { height:50px; background-color: #FFFFFF;}
#artikelBaru { min-height:198px; }
#artikelBaruIsi { padding:20px 30px 0 30px;	}
.judulArtikelBaru { font-size:20px; color:#343333; font-weight:bold; }
#kolom { display:block; margin-top:0px;}
kolomArtikelBaru { display:inline-block; width:210px; margin-right: 20px; color:#6d6c6c; font-size:14px; vertical-align:top;}
.height70 {min-height:70px; max-height:70px; overflow: hidden;}
.height100 {min-height:100px; max-height:100px; overflow: hidden;}
.imgBerita { padding:4px; border:1px solid #dbd8d8; background:#FFFFFF; float: left; margin-right:12px;}
.imgBerita:hover { padding:4px; border:1px solid #dbd8d8; background:#FFFFFF; float: left; margin-right:12px;
filter: gray; /* IE6-9 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -moz-transition:all 0.8s ease-out 0s; -webkit-transition: all 0.8s ease-out;
}

#teks { width:145px;}
.arsip {text-align:right; font-size: 12px !important; color: #6D6565; font-weight: normal;}
.arsip a:link, .arsip a:visited {color: #ff0000 !important;}
.selengkapnya { margin-top:20px; font-size:12px; line-height:14px; color:fff !important; }
a.selengkapnya:link, a.selengkapnya:visited { background-color:#b7b7b7 !important;
							/* Safari 4-5, Chrome 1-9 */
  							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ef4114), to(#bb310e));

  							/* Safari 5.1, Chrome 10+ */
  							background: -webkit-linear-gradient(top, #ef4114, #bb310e);

  							/* Firefox 3.6+ */
  							background: -moz-linear-gradient(top, #ef4114, #bb310e);

  							/* IE 10 */
  							background: -ms-linear-gradient(top, #ef4114, #bb310e);

  							/* Opera 11.10+ */
  							background: -o-linear-gradient(top, #ef4114, #bb310e);
							padding:5px; border-radius:4px; display:inline-block; text-decoration:none; color:#fff !important; }
							
a.selengkapnya:hover {background-color:#4a5a09; color:#fff !important;
							/* Safari 4-5, Chrome 1-9 */
  							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a5a09), to(#4a5a09));

  							/* Safari 5.1, Chrome 10+ */
  							background: -webkit-linear-gradient(top, #4a5a09, #4a5a09);

  							/* Firefox 3.6+ */
  							background: -moz-linear-gradient(top, #4a5a09, #4a5a09);

  							/* IE 10 */
  							background: -ms-linear-gradient(top, #4a5a09, #4a5a09);

  							/* Opera 11.10+ */
  							background: -o-linear-gradient(top, #4a5a09, #4a5a09);
}

.raquo { font-size:14px;}

#konten { overflow:hidden; }


#kolom1n { width:400px; background-color:#f5f5f5; }
#kolom2n { width:400px; background-color:#FFFFFF; line-height:20px; color:#5a5959;}
#kolom3n { width:400px; background-color:#f5f5f5; }
#kolom1b { width:800px; background-color:#f5f5f5; }

#kolom1 { width:256px; background-color:#f5f5f5; }
#kolom2 { width:512px; background-color:#FFFFFF; line-height:20px; color:#5a5959;}
#kolom3 { width:256px; background-color:#f5f5f5; }
#kolom4 { width:448x; background-color:#FFFFFF; line-height:20px; color:#5a5959; margin-top:20px; border-top: 1px solid #ff0000; padding-top: 10px;}

#kolom1isi { padding:20px;}
#kolom2isi, #kolom3isi { padding:20px 20px !important; }
.lebarpenuh {width: 100% !important;}
.sub { color:#004720; text-transform:uppercase; font-size:13.5pt; font-weight:bold;  width:100%; display:inline-block; height:20px; padding:10px 0px}
.sub2 { color:#6f8e0e; text-transform:uppercase; font-size:11.5pt; font-weight:bold;  width:360px; display:inline-block; height:20px;}

.imgArticle { margin:10px 0; display:block;}
.imgArticle:hover { opacity:0.7;     filter: gray; /* IE6-9 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */    
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); -moz-transition:all 0.8s ease-out 0s; -webkit-transition: all 0.8s ease-out;}

.titleArticle a:visited { display:block; color:#121212; text-decoration: none !important;}
.titleArticle a:link { display:block; color: #131313 !important; text-decoration: none !important;}
.titleArticle a:hover {color:#eb4013 !important;}

.listPenyuluhan {margin-top:0px; display:block;}

ul.listPenyuluhan  li {width:100%; border-bottom:1px solid #f5f5f5;}
ul.listPenyuluhan {list-style-type:none;}
ul.listPenyuluhan a, a:visited {display: inline-block; padding: 0px 0px 0px 0px;text-decoration: none; color: #131313 !important; background:url(https://cybex.id/assets/images/o.png) no-repeat left top; margin:7px 0;  }

ul.listPenyuluhan a:hover {color:#eb4013 !important; background:url(https://cybex.id/assets/images/o-hover.png) no-repeat left top;}


gerbang1 { display: inline-block; width:204px; margin:0px 20px 0 0; vertical-align:top}
gerbang2 { display: inline-block; width:204px; margin:0px 20px 0 0; vertical-align:top }
teknologi { display: inline-block; width:360px; margin:0px 20px 0 0; vertical-align:top }

.delapan {}



#listKanan {margin:10px 0 20px 0; display:block;}

ul#listKanan  li {border-bottom:1px solid #f5f5f5;}
ul#listKanan {list-style-type:none;}
ul#listKanan a, a:visited {display: inline-block; padding: 0 0 0 20px; text-decoration: none; color: #131313 !important; 
								background:url(images/d.png) no-repeat left top;  width:200px; margin-bottom:10px;width:100% !important;   }

ul#listKanan a:hover {color:#eb4013 !important; background:url(https://cybex.id/assets/images/d-hover.png) no-repeat left top; -moz-transition:all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out; margin-left:5px;}


#listAgenda {margin:10px 0 20px 0; display:block; }

ul#listAgenda  li {width:100% !important; border-bottom:1px solid #f5f5f5;}
ul#listAgenda {list-style-type:none;}
ul#listAgenda a, a:visited {display: inline-block; padding: 0 0 0 20px; text-decoration: none; color:#7d7d7d !important;
								background:url(images/d.png) no-repeat left top;  width:100% !important; margin-bottom:10px;  }

ul#listAgenda a:hover {color:#eb4013 !important; background:url(https://cybex.id/assets/images/d-hover.png) no-repeat left top; -moz-transition:all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out; margin-left:5px}

#topNews {margin:10px 0 20px 0; display:block;}

ul#topNews  li {width:100%; border-bottom:1px solid #f5f5f5;}
ul#topNews {list-style-type:none;}
ul#topNews a, a:visited {display: inline-block; padding: 0 0 0 20px; text-decoration: none; color: #131313 !important; 
								background:url(images/d.png) no-repeat left top;  width:200px; margin-bottom:10px;  }

ul#topNews a:hover {color:#eb4013 !important; background:url(https://cybex.id/assets/images/d-hover.png) no-repeat left top; -moz-transition:all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out; margin-left:5px;}


.tgl { font-weight:bold; color:#333333 !important;}
.tgl a:hover { color:#eb4013 !important}

#linkVideo { }
#linkVideo a,a:visited{ text-decoration:none;display:block; width:100%}
#linkVideo a:hover{ color:#eb4013 !important; }

#time { font-size:12px; color:#818180}


.jarakTinggiBawah { height:30px;}
#batasBawah { background-color:#71910e; height:2px;}

#linkParent { min-height:156px; display:block; clear:both; width:100%;}
#linkChild { text-align:center; }
#linkChild li { display:inline-block;  }
#linkChild li a, a:visited{ display:inline-block; vertical-align:middle; padding:20px;}
#linkChild li a:hover{ background-color:#1c5517; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px  
			-webkit-transition: all .9s ease-in-out;
			-moz-transition: all .9s ease-in-out;
			-ms-transition: all .9s ease-in-out;
			-o-transition: all .9s ease-in-out;
			transition: all .9s ease-in-out;
	-webkit-transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	transform: rotateX(360deg);

}

#footer {
	clear:both;  
	background-color:#ffcd03; 
	min-height:115px; 	
	color:#000; 
	font-size:14px; 
}
#footerChild { padding:35px 0;  }

#socialMedia { margin-top:10px; float:right}

#socialMedia li a, a:visited { float:right; margin-left:10px; }
#socialMedia li a:hover{ opacity:0.3; }


/* #Font-Face
================================================== */



/* #Page Styles
================================================== */



/* #SlideShow
================================================== */
/* NEW EXPERIMENT */
/* Slider Setup */

input {
	display: none;
}

#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }


#overflow {
	width: 100%;
	overflow: hidden;
}

article img {
	width: 100%;
}

#slides .inner {
	width: 500%;
	line-height: 0;
}

#slides article {
	width: 20%;
	float: left;
}

/* Slider Styling */

/* Control Setup */

#controls {
	margin: -20% 0 0 0;
	width: 100%;
	height: 50px;
}

#controls label { 
	display: none;
	width: 50px;
	height: 50px;
	opacity: 0.5;
}

#active {
	margin: 23% 0 0;
	text-align: center;
}

#active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #bbb;
}

#active label:hover {
	background: #ccc;
	border-color: #777 !important;
}

#controls label:hover {
	opacity: 0.8;
}

#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5), 
#slide5:checked ~ #controls label:nth-child(1) {
	background: url('https://cybex.id/assets/images/next.png') no-repeat;
	float: right;
	margin: 56px 20px 0 0;
	display: block;
	cursor:pointer;
}


#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
	background: url('https://cybex.id/assets/images/prev.png') no-repeat;
	float: left;
	margin: 56px 0 0 20px;
	display: block;
	cursor:pointer;
}

#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) {
	background: #333;
	border-color: #333 !important;
}



/* Animation */

#slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info {
	opacity: 1;
	-webkit-transition: all 1s ease-out 0.6s;
	-moz-transition: all 1s ease-out 0.6s;
	-o-transition: all 1s ease-out 0.6s;
	transition: all 1s ease-out 0.6s;
}


/* #CSSMenu
================================================== */
#pilihan { display:none;}

#home {height:50px; width:50px; background-color:#174212 !important; background:url(https://cybex.id/assets/images/home.png) no-repeat center; display:inline-block; float:left;}
#home:hover {background-color:#0d3209 !important;}

#pencarian { float:right; width:24%; display:block; height:60px; padding-top:30px; background-color:#0066FF  }
#pencarian2 { float:right; width:26%; display:inline-block; height:60px; padding-top:50px;  }
#topright { float:right; width:70%; display:inline-block; height:60px; padding-top:10px;  }



.formCari { width:168px; background-color:#aebf6c; border-radius:4px; display: inline-block; padding:6px; border:2px solid #99b02e;
			-moz-box-shadow: inset 1px 4px 5px -2px rgba(0,0,0,0.5); 
			-webkit-box-shadow: inset 1px 4px 5px -2px rgba(0, 0, 0, 0.5); 
			box-shadow: inset 1px 4px 5px -2px rgba(0,0,0,0.5);
			color:#4e5339;
			}
			
.formCari:hover { width:168px; background-color:#aebf6c; border-radius:4px; display: inline-block; padding:6px; border:2px solid #99b02e;
			-moz-box-shadow: inset 1px 4px 5px -2px rgba(0,0,0,0.3); 
			-webkit-box-shadow: inset 1px 4px 5px -2px rgba(0, 0, 0, 0.3); 
			box-shadow: inset 1px 4px 5px -2px rgba(0,0,0,0.3);
			color:#4e5339;
			-webkit-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
			-o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
			}	
			
.formCari2 { width:168px; background-color:#8fb58b; border-radius:8px; display: inline-block; padding:6px; border:3px solid #5f965a;
			color:#4e5339;outline: 0 !important;
			}
			
.formCari2:hover { width:168px; background-color:#8fb58b; border-radius:8px; display: inline-block; padding:6px; border:3px solid #40823a;
			-moz-box-shadow: inset 1px 4px 5px -2px rgba(0,0,0,0.3); 
			-webkit-box-shadow: inset 1px 4px 5px -2px rgba(0, 0, 0, 0.3); 
			box-shadow: inset 1px 4px 5px -2px rgba(0,0,0,0.3);
			color:#4e5339;
			-webkit-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
			-o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
			outline: 0 !important;
			}						

.go { width:34px; height:34px; padding: 0; border: none; background: url(images/go.png) no-repeat left top; cursor:pointer; outline: 0; 
display: inline-block; margin-left:10px; position:absolute;}
.go:active{ width:34px; height:34px; background-image:url(https://cybex.id/assets/images/go2.png); border:none; outline: 0; }

#mainMenu { height:50px; margin-top:0px; color:#fff;	  	
  		background: #004720;

  		background-repeat: repeat-x;
  		display:block; width:100%;
			}

#nav_background { padding-top:10px; width:94%; height:40px; float:left;  display:inline-block; }
nav .primary_nav{ display:inline-block;}
nav .primary_nav li{ float:left;}
nav .primary_nav > li{ margin-right:2px; }
nav .primary_nav > li > a{ display: inline-block; padding: 10px; font-size:15px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

.primary_nav > li > a:hover{color:#ffba00  !important; }
nav .primary_nav > li:hover > a{color:#ffba00  !important;}
nav .primary_nav li.active > a{ color:#fff  !important;}

	#menu, #menu ul { margin: 0px; padding: 0px; list-style: none !important;  }
	#menu ul {width:240px;}
		
	#menu:before, #menu:after { content: ""; display: table;  }
	
	#menu:after { clear: both; }
		
	#menu li { 	float: left; position: relative;  }
	.subTree {background:url(https://cybex.id/assets/images/v.png) no-repeat right; margin-left:12px; }
	.subTree2 {background:url(https://cybex.id/assets/images/v2.png) no-repeat  right;  }
	
	#menu a,a:visited { float: left; color: #fff !important; text-transform: uppercase; text-decoration: none;   }
	#menu a:hover { color:#ffba00 !important; }
	#menu .select { display:block; font-size:16px; padding:10px; font-weight:bold; color:#b8e50b !important; text-decoration:none; text-transform:uppercase; }
	
	#menu li a:hover { color: #ffba00  !important; text-decoration:none; }
	#menu ul li a:active{color: #b8e50b  !important; }
	*html #menu li a:hover {color: #ffba00  !important; }  /* IE6 only */
	
	#menu ul {
		margin: 30px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 34px;
		left: 0;
		z-index: 9999;    
		background: #fff;
		border: 1px solid #cfcfcf;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		color:#000000;
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0; 
	}
	
	#menu ul ul {
		top: 0;
		left: 100%;
		margin: 0 0 0 50px;
		_margin: 0; /*IE6 only*/
		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
	}
	
	#menu ul li:last-child { 
   
	}
	
	
	#menu ul a, a:visited{    
		padding: 10px;
		min-width:220px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
		color:#004720 !important;
		border-bottom: 1px #cfcfcf dotted;
		font-weight:100;
		font-size:14px; 
	}
	
	#menu ul a:hover {
		background-color: #174212 !important;
		width: 80%; text-indent:2px; -moz-transition:all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out; 
	}
	
	#menu ul li:first-child > a {


	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #fff;

	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #fff;
	}
	
	#menu ul li:first-child a {
		border-bottom-color: #ccc; 
	}
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #ccc; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #4a5b0a; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}




/* CSS Tree menu styles */
#jarak { height:20px; display:block;clear:both;}
.topnav {
	width: 100%;
	float:left;
	font-size:14px;
	margin:30px 0;
	/*min-height:380px; */

}

ul.topnav {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.topnav li {}

ul.topnav li a {
	line-height: 10px;
	padding: 10px;
	display: block;
	text-decoration: none;
	background:url(https://cybex.id/assets/images/a.png) no-repeat left center;
		color:#3f3e3e;
}

ul.topnav li a:hover {
	background-color:#e7e7e6;
	color:#eb4013 !important;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
	padding-left: 10px;
	font-weight: normal;
	outline:0;
	background:url(https://cybex.id/assets/images/a_hover.png) no-repeat 0 0 center;
	margin-left:10px;
}

ul.topnav ul li a:hover {
	background-color:#e7e7e6;
	color:#eb4013 !important;
}

ul.topnav ul ul li a {
	color:#3f3e3e !important;
	padding-left: 10px;
	font-size:12px;
	background:url(https://cybex.id/assets/images/a_hover.png) no-repeat 0 0 center;
	margin-left:20px;	
}

ul.topnav ul ul li a:hover {
	background-color:#e7e7e6;
	color:#eb4013 !important;
}

ul.topnav span{
	float:right;
}
		
.putih { color:#FFFFFF !important}
		
/* #Form
================================================== */



/* #Button
================================================== */



/* #Icon
================================================== */



/* #SocialMedia
================================================== */