.article-content {
    padding-bottom: 40px;
}

.off-canvas-toggle {
    color: #ffffff
}

.navbar-default p {
    background: #F5A700;
}

.navbar-default p::before {
    background: #F5A700;
}

.text-light {
    color: #ffffff
}

.title_holder2 h3 span::before {
    display: none;
}

.t3-mainnav .t3-navbar {
    width: -moz-available;
    width: -webkit-fill-available;
}

.sejarah-p {
    padding: 5px 15px;
}

.welcome_banner a {
    color: #6a6a6a;
    border: 2px solid #6a6a6a;
}

.bottom_header ul li {
    background: #F5A700;
}

.price_box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.k2Pagination ul li.active a {
    background: #f5a700;
}


body {
    color: #4f4f4f;
}

navhelper {
    background: none;
}

.pricing_table .price_box .rate-pimpinan {
    background: url(../../../templates/jb_gardener/images/bg.png) no-repeat center center;
    background-size: auto;
    background-size: cover;
    display: inline-grid;
}

.parallax::before {
    background: rgba(1, 25, 81, 0.41);
}

.buy_on_themeforest {
    background-color: #eda20b;
}

.parallax {
    padding-bottom: 0px;
}

.choosing_gardener .choosing_reason .icon_holder {
    background: #f5a700;
    ;
}

.news .single_blog_post .img_holder .overlay {
    background: rgb(245, 167, 0, 0.5);
}

.single_news {
    /*background-color: white;*/
    box-shadow: 5px 8px 8px 0 rgba(0, 0, 0, 0.2);
    padding: 3rem;
    border-radius: 8px;

background-image: linear-gradient( 174.2deg,  rgba(255,244,228,1) 7.1%, rgba(240,246,238,1) 67.4% );


}

.portfolio-page .img_holder .hover_overlay {
    background: rgba(245, 167, 0, 0.85);
}

.featherlight .featherlight-content {
    width: 70vw;
}

.responsive .paginationfytslide a img,
.paginationfytslide a:visited img {
    width: 300px;
}

.brochures {
    margin-top: 0px;
}

.share_item {
    display: none;
}

#style-switcher {
    display: none;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    vertical-align: middle;
}

.datagrid table tbody td {
    vertical-align: middle;
}

.img_holder {
    position: relative;
    display: grid;
}

.img_holder .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(106, 175, 8, 0.8);
    padding: 17px;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
}

.img_holder .overlay .icon_position_table {
    border: 1px dashed rgba(255, 255, 255, 0.5);
    display: -webkit-flex;
    display: flex;
    height: 100%;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.img_holder .overlay .icon_position_table .icon_container {
    width: 70px;
    height: 70px;
    padding: 5px;
    background: #fff;
    display: table;
    text-align: center;
}

.img_holder .overlay {
    background: rgb(245, 167, 0);
}

.img_holder .overlay .icon_position_table .icon_container a {
    border: 1px dashed #cfcfcf;
    display: table-cell;
    vertical-align: middle;
    color: #6aaf08;
    font-size: 18px;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-height: 180px;
}

.key_benefits_panel .panel-heading.active-panel:before {
    background: #f5a700;
}

.key_benefits_panel .panel-heading {
    border-bottom: 1px dashed #c1c1c1;
}

.key_benefits_panel {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 0px solid #dddddd !important;
    border-bottom: 1px dashed #737373d1 !important;
}

.key_benefits_panel {
    margin-top: 15px;
}

div.itemBody p {
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: 10px;
}

.pagination>ul>li {
    display: inline;
}

.pagination>ul>li>a,
.pagination>ul>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #272727;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

.pagination>ul>li>a:hover,
.pagination>ul>li>a:focus {
    z-index: 2;
    color: #010101;
    background-color: #f0ad4e;
    border-color: #dddddd;
}

.pricing_table .price_box h6 {
    font-size: 18px;
    margin-top: 19px;
    margin-bottom: 6px;
}

.pricing_table .price_box {
    max-height: 720px;
}

.label-container {
    position: fixed;
    bottom: 48px;
    left: 105px;
    display: table;
    visibility: hidden;
    z-index: 9999;
}

.label-text {
    color: #FFF;
    background: rgba(51, 51, 51, 0.5);
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 3px;
}

.label-arrow {
    display: table-cell;
    vertical-align: middle;
    color: #333;
    opacity: 0.5;
}

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 40px;
    background-color: #EDA10D;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999;
}

.my-float {
    font-size: 24px;
    margin-top: 18px;
}

a.float+div.label-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover+div.label-container {
    visibility: visible;
    opacity: 1;
}

.card-sl {
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

.card-image img {
    max-height: 100%;
    max-width: 100%;
    border-radius: 8px 8px 0px 0;
}

.card-action {
    position: relative;
    float: right;
    margin-top: -25px;
    margin-right: 20px;
    z-index: 2;
    color: #E26D5C;
    background: #fff;
    border-radius: 100%;
    padding: 15px;
    font-size: 15px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19);
}

.card-heading {
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    padding: 10px 15px;
}

.card-text {
    padding: 10px 15px;
    background: #fff;
    font-size: 14px;
    color: #636262;
}

.card-button {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    width: 100%;
    background-color: #1F487E;
    color: #fff;
    border-radius: 0 0 8px 8px;
}

.card-button:hover {
    text-decoration: none;
    background-color: #1D3461;
    color: #fff;
}

#back-to-top {
    display: none;
}

.article-aside, .t3-navhelper {
    background: rgba(255, 255, 253, 0.4) !important;
}

.breadcrumb {
    background-color: rgba(255, 255, 253, 0) !important;
}
/* ------- T3 ------------- */
.t3-wrapper {
    /*background-image: url(/images/bg-pattern.svg);*/
    /* background by SVGBackgrounds.com */
    background-color: #E7E7E7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23E7E7E7' width='11' height='11'/%3E%3Crect fill='%23e7e7e6' x='10' width='11' height='11'/%3E%3Crect fill='%23e7e6e5' y='10' width='11' height='11'/%3E%3Crect fill='%23e7e6e4' x='20' width='11' height='11'/%3E%3Crect fill='%23e7e6e3' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23e7e5e2' y='20' width='11' height='11'/%3E%3Crect fill='%23e7e5e1' x='30' width='11' height='11'/%3E%3Crect fill='%23e7e5e0' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23e7e5df' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23e6e4de' y='30' width='11' height='11'/%3E%3Crect fill='%23e6e4dd' x='40' width='11' height='11'/%3E%3Crect fill='%23e6e4dc' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23e6e3db' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%23e6e3da' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%23e6e3d9' y='40' width='11' height='11'/%3E%3Crect fill='%23e6e2d8' x='50' width='11' height='11'/%3E%3Crect fill='%23e6e2d7' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%23e6e2d6' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23e6e1d5' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23e6e1d4' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%23e6e1d3' y='50' width='11' height='11'/%3E%3Crect fill='%23e5e1d2' x='60' width='11' height='11'/%3E%3Crect fill='%23e5e0d1' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23e5e0d0' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23e5e0cf' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23e5dfce' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23e5dfcd' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23e5dfcc' x='70' width='11' height='11'/%3E%3Crect fill='%23e5decb' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%23e5deca' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23e5dec9' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23e5ddc8' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23e4ddc7' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23e4ddc6' x='80' width='11' height='11'/%3E%3Crect fill='%23e4ddc5' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23e4dcc4' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23e4dcc3' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%23e4dcc3' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%23e4dbc2' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23e4dbc1' x='90' width='11' height='11'/%3E%3Crect fill='%23e3dbc0' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23e3dabf' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23e3dabe' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23e3dabd' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%23e3dabc' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%23e3d9bb' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%23e3d9ba' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23e3d9b9' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23e3d8b8' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23e2d8b7' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%23e2d8b6' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%23e2d7b5' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23e2d7b4' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23e2d7b3' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23e2d7b2' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23e2d6b1' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%23e1d6b0' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%23e1d6af' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23e1d5ae' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23E1D5AD' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

/* HEADER */
.t3-header.bottom_header {
    background-color: #F5A700;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%23F5A700' width='11' height='11'/%3E%3Crect fill='%23f5a600' x='10' width='11' height='11'/%3E%3Crect fill='%23f4a500' y='10' width='11' height='11'/%3E%3Crect fill='%23f4a400' x='20' width='11' height='11'/%3E%3Crect fill='%23f4a300' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%23f4a200' y='20' width='11' height='11'/%3E%3Crect fill='%23f3a100' x='30' width='11' height='11'/%3E%3Crect fill='%23f3a000' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%23f39f00' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%23f39d00' y='30' width='11' height='11'/%3E%3Crect fill='%23f29c00' x='40' width='11' height='11'/%3E%3Crect fill='%23f29b00' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%23f29a00' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%23f19900' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%23f19800' y='40' width='11' height='11'/%3E%3Crect fill='%23f19700' x='50' width='11' height='11'/%3E%3Crect fill='%23f09600' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%23f09500' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23f09400' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23ef9300' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%23ef9200' y='50' width='11' height='11'/%3E%3Crect fill='%23ef9100' x='60' width='11' height='11'/%3E%3Crect fill='%23ee9000' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23ee8f00' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23ee8e00' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23ed8d00' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23ed8b00' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%23ed8a00' x='70' width='11' height='11'/%3E%3Crect fill='%23ec8900' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%23ec8800' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%23ec8700' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%23eb8600' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23eb8500' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23eb8400' x='80' width='11' height='11'/%3E%3Crect fill='%23ea8300' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%23ea8200' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%23ea8100' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%23e98000' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%23e97f00' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%23e87e00' x='90' width='11' height='11'/%3E%3Crect fill='%23e87d00' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23e87b00' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23e77a00' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23e77900' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%23e67800' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%23e67700' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%23e67600' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%23e57500' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%23e57400' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%23e47300' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%23e47200' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%23e37100' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23e37000' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23e36f00' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%23e26d00' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%23e26c00' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%23e16b00' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%23e16a00' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23e06900' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23E06800' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
}

.bottom_header {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.bottom_header .address:before, .bottom_header .time_schedule:before, .text-white {
    color: #fafafa !important;
}


/*MAIN MENU*/
.navbar-default .navbar-nav>li>a {
    padding: 10px 25px !important;
}

.navbar-default .navbar-collapse,
.affix-top,
.affix {
    background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
}

/*BERITA*/
.news .single_blog_post .title_container .blog-title {
    line-height: 26px;
    font-size: 20px;
    font-weight: 500;
}

.news .single_blog_post .post_meta>p {
    font-size: 12px;
    line-height: 20px;
    margin: 0px;
}

.news .single_blog_post .blog-meta ul {
    background: #d9d9d9 none repeat scroll 0 0 !important;
}

/* 2024 UPDATE */

.navbar-default .navbar-nav>li>a {
    padding: 10px 14px !important;
}

.bottom_header ul li {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  padding: 3px;
  margin-top: 23px;
  margin-right: 2px;
}

.bottom_header ul li.fb {
  background: #1877F2;
}
.bottom_header ul li.instagram {
  background-image: linear-gradient(to right, #E1306C , #F77737);
}
.bottom_header ul li.youtube {
  background: #FF0000;
}
.bottom_header ul li.twitter {
  background: #1DA1F2;
}

.t3-copyright .social_icon_footer ul li.fb {
  background: #1877F2;
}
.t3-copyright .social_icon_footer ul li.instagram {
  background-image: linear-gradient(to right, #E1306C , #F77737);
}
.t3-copyright .social_icon_footer ul li.youtube {
  background: #FF0000;
}
.t3-copyright .social_icon_footer ul li.twitter {
  background: #1DA1F2;
}

.bottom_header ul li a em {
  padding: 6px 4px 4px 4px;
  width: 30px;
  height: 30px;
  border: 1px dashed rgba(255, 255, 255, 0.5);
  font-size: 15px;
  color: #fff;
}

.welcome_banner h4 {
    font-size: 25px;
    padding-top: 28px;
}

.welcome_banner a{
    margin: 20px 0 0 29px;
}

.welcome_banner .welcome_banner_bg {
  background: url(/templates/jb_gardener/images/8.jpg) no-repeat center;
    background-color: rgba(0, 0, 0, 0);
  background-color: #6aaf08;
  position: relative;
  height: 100px;
  margin-top: 16px;
}

.welcome_banner .simbg {
  background: url(/templates/jb_gardener/images/21.jpg) no-repeat center !important;
}