/*New css */
.active_page ol.arrows {
    margin: 0;
    padding: 0;
    float: right;
}
.active_page ol.arrows li {
    display: inline-block;
    margin: 0px 15px 0px 0px;
    line-height: 16px;
    padding: 0 15px 0 0px;
    position: relative;
}
.active_page ol.arrows li::before,
.active_page ol.arrows li::after {
    border-right: 3px solid;
    border-color: rgb(69, 113, 3);
    content: '';
    display: block;
    height: 40%;
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;    
    transform: skewX(45deg);   
}
.active_page ol.arrows li::after {
    bottom: 2px;
    top: auto;
    transform: skewX(-45deg);
}

.active_page ol.arrows li:last-of-type::before, 
.active_page ol.arrows li:last-of-type::after { 
    display: none; 
}

.active_page ol.arrows li a { 
   font-size: 16px;  
   text-decoration: none;
}
.active_page ol.arrows li a:hover{
    color: #457103;
}
.active_page ol.arrows li:last-child {
    margin: 0;
    padding: 0;
}
.carousel-indicators {
    bottom: 0px;
}

.carousel-inner .item .effect-hover {
    position: absolute;
    z-index: 1000;
    bottom: 0px;
    top: 0;
    width: 100%;
    text-align: left;
    background: linear-gradient(to bottom, transparent -100%, #000000 130%);
}
.carousel-inner .item .effect-hover h3 {
    color: #fff;
    padding: 130px 15px 10px;
    position: relative;
    font-size: 42px;
    margin-bottom: 33px;
    line-height: 75px;
    text-align: left;
    width: 86%;
    margin: 0 auto;
}
.carousel-inner .item .effect-hover p {
    color: #fff;
    padding: 15px 15px;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    width: 86%;
    margin: 0 auto;
}
.carousel-inner .item .effect-hover a {
    color: #fff;
    background: #238121;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    width: 86%;
}
.carousel-inner .item .effect-hover a:hover{
    background: #278e25;
} 
.img_inline.text-center.center-block.our-feat {
    box-shadow: 0 3px 6px -5px #000;
    padding-bottom: 10px;
    transition: all 0.3s ease-in-out 0s;
}
.circle-box:hover .img_inline.text-center.center-block.our-feat{
    box-shadow: 0 4px 10px -4px #000;
}

.circle-box:hover .img-circle{
    border: 5px solid #3c6302;
    border-radius: 100px;
}
.circle-box:hover .row_content h4{
    color:#3c6302;   
}