/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.reset-padding {
    padding: 0;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
/*header*/
.nav-background { 
    background-color: #00923F;
}
.nav-background-white {
    background-color: #ffffff;
}
.nav-order {
    background-color: unset;
    border-width: 0;
}
header.carousel .carousel-inner {
    margin-top: 50px;
}
.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #ffc600;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:visited {
    color: #fff;
    background-color: #ffffff;
}
.dropdown-menu>li>a {
    color: #ffffff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #00923F;
    color: #ffffff;
}
.page-header-now {
    text-align: center;
    font-family: 'Alegreya Sans SC', sans-serif;
    font-size: 350%;
    color: #117c03;
    margin-top: 20px;
}
.top-less {
    margin-top: 10px;
}
.panel-heading {
    border-bottom: none;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: #1dbc07;
    border-color: #ddd;
    text-align: center;
}
.box-link, .box-link:hover {
    color: white;
    text-decoration: none;
}
.box-social {
    color: white;
    text-decoration: none;
}
.link-set {
    text-align: center;
    background: #00923F; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #00923F , #03c858); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #00923F, #03c858); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #00923F, #03c858); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #00923F , #03c858); /* Standard syntax */
}
.link-set:hover {
    background: #fbd962; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #fbd962 , #fdd750); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fbd962, #fdd750); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fbd962, #fdd750); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fbd962 , #fdd750); /* Standard syntax */
}
.cycle-banner-prev {
    left: 3% !important;
}
.cycle-banner-next {
    right: 3%;
}
.cycle-banner-prev, .cycle-banner-next {
    /* height: 100%; */
    position: absolute;
    top: 40%;
    /* width: 30%; */
    z-index: 800;
    cursor: pointer;
}
.carousel-control {
    background-image: unset !important;
    left: unset;
    width: unset;
}
.call-text {
    margin: 5px;
    font-size: 150%;
    font-weight: bold;
    color: #00923F;
}
.reset-padding {padding: 0;}
.reset-margin {margin: 0;}
.breadcrumb {
    background-color: #fef6da;
    border-radius: 0;
    font-weight: bold;
    margin: 75px auto 0;
}
.content-background {
    background-color: #fef6da;
    color: #00923F;
}
.free-artikel {
    padding: 0 16px 16px;
}
.light-header {
    margin-top: 0;
}
.home-padding {
    padding: 20px 5px;
}
.img-center {margin: 0 auto;}
.footer-padding {
    padding: 10px;
    background-color: #00923F;
    bottom: 0;
    color: white;
}
.socmed {
    color: white;
}
a {
    color: #00923F;
}
a:hover {
    color: #ffc600;
    text-decoration: none;
}

.blogdate {
    color: #90B452;
    font-weight: bold;
}

.portfolio_item {
    background-color: #fef6da;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.google-maps{
    overflow:hidden;
    padding-bottom:100%;
    position:relative;
    height:0;
}
.google-maps iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.kontak-padding {
    padding: 18px 16px 0px 16px;
}
.map-padding {
    padding-right: 20px;
}
/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:visited {
    color: #fff;
    background-color: #00923F;
}
.dropdown-menu {
    background-color: #00923F;
}
.dropdown-menu>li>a {
    color: #ffffff;
}
.dropdown-menu>li>a:hover {
    color: #ffc600;
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

/*navigasi*/
.nav-tabs > li > a{
    color:#00923F !important;
}
.nav-tabs > li > a:hover{
  background-color: #00923F !important;
    color:#fff !important;
}