/*
#217511 merah marun
#dd4b39 
#DC4735 merah muda
#D73925
#217511 merah tua
#CCCCCC
#F9FAFC



    border-top: 1px #e5e5e5 solid;
*/

/* Global styles
================================================== */

a{
	color: #217511;
}

a.read-more:hover{
	color: #217511;
}


/* Typography
================================================== */


ul.circle li:before{
	color: #217511;
}

ul.check-list li i{
	color: #217511;
}

blockquote {
	border-left: 5px solid #217511;
}

/* Common styles
================================================== */

.heading:hover .title-icon{
	color: #217511;
}

h2.entry-title a:hover{
	color: #217511;
}



/* Carousel controller */

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	color: #217511;
}

/* Input form */

.form-control:focus{
	border: 1px solid #217511 !important;
}

/* Flex Slider */


.ts-flex-slider .flex-direction-nav a {
    color: #217511;
    text-shadow: 1px 1px 5px rgba(255,255,255,0.5);
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.ts-flex-slider .flex-direction-nav a:hover {
	background: #217511;
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
    color: white;
}

/* Pagination */

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	background: #217511;
}

/* Header area
================================================== */

.ts-mainnav {
    border: 0;
    background: #fff;
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    /*box-shadow: 0 5px 8px -1px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #222;*/
}

/*-- Logo --*/


/*-- Main navigation --*/

ul.navbar-nav > li {
    /*border-right: 1px solid rgba(0, 0, 0, 0.2);*/
    padding: 0 20px;
}


ul.navbar-nav > li:hover > a, 
ul.navbar-nav > li.active > a{
	color: #217511;
	position: relative;
}

ul.navbar-nav > li:hover > a:before, 
ul.navbar-nav > li.active > a:before{
	/*border-color: #217511 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  	position: absolute;
  	content: " ";*/
  	width: auto;
  	height: auto;
  	bottom: -15px;
  	margin-left: -12px;
  	left: 50%;
  	border-width: 8px;
  	border-style: solid;
  	z-index: 9999;
}

ul.navbar-nav > li:hover > a:after, 
ul.navbar-nav > li.active > a:after{
	position: absolute;
  	content: '';
  	background: #217511;
  	left: -3px;
  	bottom: 0;
  	width: 100%;
  	height: 8px;
}

.navbar-toggle{
	background: #217511;
}

.dropdown-menu > ul > li.active > a{
	color: #217511;
}

.dropdown-menu > ul > li>a:hover, 
.dropdown-menu > ul > li>a:focus{
	color: #217511;
}


/* Header area - 2
================================================== */

/*-- Header bgnone fixed --*/

.header-bgnone{
	background: #217511;
}


/* Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
    background-color: #217511;
}

#main-slide .carousel-control i:hover{
	background: #217511;
}


/* Image Block
================================================== */

.image-block-content .feature-icon{
	background: #217511;
}



/* Portfolio
================================================== */




/* Feature box
================================================== */
.feature-icon{
	color: #217511;
}

.feature-center-icon{
	color: #217511;
}


/* About us
================================================== */

/* Featured Tab */

.featured-tab .nav-tabs>li.active>a{
	background: #217511;
}

.featured-tab .nav-tabs>li.active>a:after{
	border-left-color: #217511;
}

.featured-tab .nav-tabs>li>a:hover{
	background: #217511;
	color: #fff;
}
.featured-tab .nav-tabs>li>a:hover:after{
	border-left-color: #217511;
}

/* Pricing table
================================================== */

.plan.featured .plan-price{
	background: #217511;
}
.plan.featured .plan-price:after{
	border-top-color: #217511;
}

/* Testimonial
================================================== */

.testimonial-slide .testimonial-text:before{
	color: #217511;
}

.testimonial-slide .testimonial-text:after{
	color: #217511;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span{
	background: #217511;
}

/* Recent Post
================================================== */

.post-img-overlay a:hover{
	background: #217511;
}


/* Footer
================================================== */



/* Blog Item page
================================================== */

.post-meta a:hover{
	color: #217511;
}

.author-url span a:hover{
	color: #217511;
}

.comments-counter a:hover{
	color: #217511;
}

.comments-list .comment-reply:hover{
	color: #217511;
}

/*-- Blog sidebar --*/

.widget-tab .nav-tabs>li.active>a{
	background: #217511;
}

.widget-tab h4.entry-title a:hover{
	color: #217511;
}

.widget-tags ul > li a:hover{
	background: #217511;
}

/* Landing page
================================================== */

.landing-header.header-bgnone ul.navbar-nav > li:hover > a, 
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
	color: #217511;
}

.features-content .features-icon{
	color: #217511;
}

.landing_facts{
	background: #217511;
}

.landing-tab .nav-tabs>li.active{
	border-right: 5px solid #217511;
}

.landing-tab .nav-tabs>li.active>a i{
	color: #217511;
}

.landing-tab .nav-tabs>li>a:hover{
	color: #217511 !important;
}

.landing-tab .tab-pane i.big{
	color: #217511;
}

.app-gallery.owl-theme .owl-controls .owl-page.active span{
	background: #217511;
}

.landing_page_clients{
	background: #217511;
}

/* Misc */

.post-title a:hover{
	color: #217511;
}

.portfolio-static-desc a:hover{
	color: #217511;
}

.footer ul li a:hover{
	color: #217511;
}

.call-to-action{
	background: #217511;
}

.blog-date{
	background: #217511;
}

.widget-categories ul.category-list  li a:hover{
	color: #217511;
}

.about-message ul li a:hover{
	color: #217511;
}