.homenav {
	width: 100% !important;/*dibuat important agar style menjadi utama untuk dijalankan*/
	position: relative !important;
	z-index: 10; /*untuk membuat style yang bertumpuk*/
/*	background: rgba(0, 0, 255, 0.5) !important;*/
	border-radius: 0 !important;
	background-image: url("../images/menu3.jpg");
	background-size: cover;
}

.navbar-nav {margin-left: 200px;}

.login {list-style-position: right;}

.homenav .navbar-toggler {
	background: white !important;
}

.homenav .collapse li a:hover {
	color:#00FFFF !important;
}


/*.content {
	 col-12 col-sm-6 col-md-4 float-left
	}*/

.content-background{
  	background: url(../images/background4.jpg) !important;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.content h3 i {
	background: #3498db;
	padding: 10px;
	color: white;
}


.content {width:100%; height:100%; margin:auto;}

.container {width:940px; height:100%; margin:auto; overflow:auto; overflow-y:hidden; overflow-x:hidden; }

.container-background {background-color: #fff}

.card-body {
	width: 100% !important;
    position: cover !important;
    background-image: url("../images/menu2.jpg")

    /*width: 940px;*/

}


.socialmedia img {height: 30px; width: 30x;}





* { margin:0px; padding:0px;}

body {background="images/halftone-yellow.png" font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;}


#photo { background:url(/images/purty_wood.png)}
	  
/********************************** END STYLE FOR HEADER ***************************/
#slider { background:url(../images/bg_slider.gif); height:423px;}

#slider_wrapper { width:940px; height:100%;
				   margin:auto;
				   }
/********************************** END STYLE FOR SLIDER ***************************/

#content { background:#fff; min-height:500px;}

#content_wrapper { width:940px; min-height:500px; margin:auto;}

#content_top { height:180px; padding:40px 0px 40px 0px; }

#content_btm { min-height:295px; margin-bottom:20px; } 
#content_btm_left {height:260px; width:600px; float:left; overflow:scroll}
.greetings{
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height:30px;
    padding:0px 0px 20px 10px;
    color: rgb(0, 0, 0);
    letter-spacing: -1px;
	border-bottom:1px solid #CCC;
	margin-bottom:15px; }
	
#content_btm_left img {margin-left:10px; float:left; margin-right:15px;}
#content_btm_left p { font-size:16px;; 
					  line-height:25px;
					  font-style:italic;
					  text-align:justify; 
					  color:#696969;} 
#content_btm_right {  width:300px; height:270px; float:right; border:1px solid #ccc;}
/**********************************************************************************/
/********************************** END STYLE FOR CONTENT ***************************/
/**********************************************************************************/

/**********************************************************************************/
/********************************** CSS FOR NEWS ***********************************/
/**********************************************************************************/
.newsitem {border-style: ridge; min-height:200px; width:100%; padding:20px 20px 20px 20px; overflow:auto;  }
.newsitem img {padding: 10px}
.date {height:60px;  float:left; width:100%; color:#000000; text-align:center; }
.news_title { width:100%; line-height:26px; min-height:40px; float:left; margin-top:15px; margin-left:15px; font-size:25px; font-weight:400; }
.clear { clear:both;}
.news_image { float:left; margin-top:15px; width:100%}
.news_synopsis { float:left; margin-top:15px; margin-left:15px; width:100%; line-height:20px; 
min-height:90px; color:#696969}
.link_detail { float:left; margin-left:15px; color:#60B000; display:block; margin-top:10px;}
.newsitem:hover { background-color:rgba(204,204,204,0.5);}
/**********************************************************************************/
/**********************************************************************************/

/**********************************************************************************/
/********************************** CSS FOR NEWS DETAILS ***********************************/
/**********************************************************************************/
.newsitemd {min-height:200px; width:100%; padding:20px 20px 20px 20px; overflow:auto;  }
.date_detail {height:56px;  float:left; width:100%;  color:#FFF; text-align:center; }
.newsitemd img { margin:0 15px 15px 0;}
.news_desc { float:left; margin-top:15px; margin-left:15px; width:100%; line-height:20px;
text-align:justify; } 
.crt_date { width:100%; font-size:15px; font-style:italic; color:#999; clear:both; padding-left:15px;}
/**********************************************************************************/
/**********************************************************************************/


/**********************************************************************************/
/********************************** CSS FOR PRODUCT *******************************/
/**********************************************************************************/
.product_item {min-height:200px; width:100%; padding:20px 20px 20px 20px; overflow:auto;  }
.product_item img {width: 30%}
.number_icon { height:56px; width:56px; background:url(../images/dropcap1.gif); text-align:center; font-size:43px; float:left; margin-bottom:10px; color:#FFF; }
.product_title {margin-left:10px; line-height:56px; font-size:28px; text-shadow:3px 3px 2px #CCC; font-weight:lighter;}
.product_desc { line-height:20px; min-height:60px; color:#696969; margin-top:10px;}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/


	.effect:hover { background-color:#080808 !important; color:#FFF !important; cursor:pointer;}	
				
	#contact_right { float:right; height:550px; width:250px;}
	
	#contact_right h2 { font-size:38px;
						font-style: normal;
						font-weight: 400;
						line-height: 30px;
			
						margin-bottom: 15px;
						padding: 10px 0px 11px;
						color: #000;
						letter-spacing: -1px;
						border-bottom: 1px solid #E5E5E5;}
						
	#contact_right p { line-height: 22px;
					   font-style: italic;
					   color: #696969;}
	.message { resize:none;}
	
				

/* Style Form Comment News */

.comment_form { padding:10px; height:245px; border-top:1px dotted #CED8DF; background-color:#E5E5E5;}
					.comment_form input[type=text],input[type=email]{ height:25px; width:200px; margin-bottom:15px; border-radius:3px; border:1px solid #CCC; padding:5px; }
					.comment_form textarea { width:350px; margin-bottom:15px; padding:5px;}
					.comment_form input[type=submit] {background-color:#4F9800; color:#FFF; border-radius:3px; border:1px solid white; padding:5px; box-shadow:1px 1px 1px #333333; }
					.comment_form input[type=submit]:hover { background-color:#336001; cursor:pointer; box-shadow:0px 0px 0px #FFF;}
					
					.comment_wrap { padding:20px 10px 10px 20px; border-top:1px dotted #CED8DF; margin-top:25px;}
                 	.comment_list { border-bottom:1px dotted #999999; min-height:20px; padding:10px; overflow:auto; width:740px;}
					.user_photo {float:left; height:70px; width:70px;}
					.user_photo img { width:100%;}
					.box_desc { float:left; min-height:50px; width:600px; margin-left:10px; position:relative; padding-bottom:20px;}
					.box_desc h2 { padding:5px; font-size:15px;}
					.box_desc p {padding:5px; font-size:14px;}
					.box_desc span { position:absolute; bottom:10px; right:20px}

					/*STYLE LOGIN FORM*/

					.member_frm_lgn{
					border-left-width: 3px;
				    border-bottom-width: 3px;
				    border-right-width: 3px;
				    border-top-width: 3px;}
					.member_frm_lgn input[type=text],[type=password] {padding:5px;}
					.welcome {color:#000000 !important; padding:10px;}
					.welcome a {background-color:#fff; color:#000000; text-decoration: none; }
					.welcome a:hover {color:#eed612;}
/*STYLE REGISTER FORM*/

.form_regis { padding-top:30px; padding-bottom:30px; }
.form_regis label{border-bottom:1px solid #333; display:block; width:180px; margin-bottom:10px; margin-top:15px;}
.form_regis input[type=text],[type=email],[type=password],textarea,[type=submit] { padding:5px; }
.regis {padding: 5px;}

/*.aa-testimonials-section .aa-testimonials {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.aa-testimonials-section .aa-testimonials img {
  border-radius: 100%;
  width: 96px;
  height: auto;
}

.aa-testimonials-section .aa-testimonials .aa-testimonials-body {
  background-color: #F5FAFD;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 10px -4px;
}

.aa-testimonials-section .aa-testimonials .h5 {
  color: #111111;
}

@media (max-width: 992px) {
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body p {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body {
    text-align: center;
  }
  .aa-testimonials-section .aa-testimonials .aa-testimonials-body {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}*/
/*batas batik*/
.divider { height:30px; margin:20px auto; width:560px;}