/******************************** CUSTOM ***********************************/
html, body {
    font-family: 'LatoWeb';
}
.no-pad {
    padding: 0px !important;
}
a, a:hover {
    text-decoration: none;
    outline: none;
}
li {
    list-style: none;
}
.black-top {
    height: 35px;
    background: #000000;
}
.help-line p img {
    float: left;
}
.help-line p {
    color: #ffffff;
    float: left;
    padding: 0px;
    margin: 8px 0px 7px;
}
.social-header {
    float: right;
    padding: 7px 25px 0px;
}
.social-header a {
    color: #ffffff;
    padding: 0px 3px;
}

/******************************** NAV BAR ***************************/

.navbar {
    margin: 0px;
}
.navbar-default {
    background-color: #ffffff;
    border: none;
    height: 76px;
}
.navbar-brand>img {
    width: 30%;
    padding: 12px 0px 0px;
}
.navbar-brand {
    padding: 8px 0px;
    float: none;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
}
.navbar-default .navbar-nav>li>a {
    padding: 28px 25px;
    color: #000000;
}
.navbar-default .navbar-nav>li>a.active {
    background: #c7d94e;
    color: #ffffff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background: #c7d94e;
    color: #ffffff;
}

/******************************** Carousel ***************************/

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: 100%;
}
.carousel-control.left, .carousel-control.right {
    background: none;
}
.glyphicon-chevron-left {
    background: url('../images/left-arr.png') no-repeat;
}
.glyphicon-chevron-right {
    background: url('../images/right-arr.png') no-repeat;
}
.carousel-control {
    width: 6%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    height: 35px;
}

/******************************** Below Carousel ***************************/

.below-carousel {
    height: 58px;
    background: #ffffff;
}
.below-carousel p {
    color: #000000;
    font-size: 17px;
    font-weight: bold;
    padding: 18px 0px 0px;
}
/******************************** Service Area ***************************/
#service-area {
    background: #bdce30;
}
.service-container {
    color: #ffffff;
    text-align: center;
    border-right: 1px solid #037f3c;
}
h4.service-title {
    font-weight: bold;
    margin: 20px 0px;
    color: #000000;
}
.service-container p {
    padding: 0px 10px;
    width: 85%;
    margin: 0 auto;
    color: #000000;
}
.service-container a {
    background: #acbc23;
    color: #ffffff;
    padding: 6px 0px;
    border: 1px solid #a1b027;
    width: 80%;
    display: block;
    margin: 25px auto 20px;
}
.slick-prev, .slick-next {
    z-index: 999999999999;
}
.slick-prev:before {
    background: url('../images/slider-left.png') no-repeat;
    background-size: 19px;
    z-index: 999;
}
.slick-next:before {
    background: url('../images/slider-right.png') no-repeat;
    background-size: 19px;
    z-index: 999;
}
.slick-dots {
    display: none !important;
}

/******************************** Index About US ***************************/

.about-area {
    margin-bottom: 30px;
	
}
.abt-bg{background: #bdce30; padding-bottom: 30px;}
h2.about-title {
    color: #fff;
    text-align: center;
    margin: 40px 0px 10px;
    font-size: 29px;
}
p.about-content {
    line-height: 24px;
    word-spacing: 4px;
    margin: 10px 0px;
    color: #000000;
    font-size: 16px;
}
a.readmore {
    background: #4db57d;
    border: 1px solid #037f3c;
    color: #ffffff;
    padding: 8px 15px;
}

/************************************ Products ******************************/
#our-products {
    background: #fff;
    margin-top: 50px;
    padding-bottom: 50px;
}
h2.prod-title {
    color: #037f3c;
    text-align: center;
    margin: 40px 0px 10px;
}
.prod-content {
    margin-top: 50px;
}
.prod-content p {
    font-size: 16px;
    margin-bottom: 20px;
    color: #000000;
}
a.readmore-prod {
    background: #6c8d08;
    border: 1px solid #9cad3c;
    color: #ffffff;
    padding: 8px 15px;
}

/************************************ Recycle ******************************/
.recycle-bg{background: #bdce30; padding-bottom: 30px;}
#recycle {
    margin-top: 20px;
    background: url('../images/infographics.png') no-repeat;
    background-position: 50% 90px;
    background-size: 16%;
}
h2.recycle-title {
    color: #fff;
    text-align: center;
    margin: 40px 0px 10px;
}
.recycle-content {
    margin-top: 50px;
}
.recycle-content p {
    font-size: 16px;
    margin-bottom: 30px;
    color: #000000;
}
a.gotop {
    color: #6c6969;
    margin-top: 30px;
    display: block;
}

/************************************ Footer ******************************/

footer {
    height: 5px;
    background: #f2f2f2;
    border-top: 1px solid #cdcccc;
}
p.copyright {
    color: #6c6969;
    margin: 40px 0px 0px;
}
ul.footer-links {
    padding: 0px;
    display: inline;
}
ul.footer-links li {
    display: inline-block;
}
ul.footer-links li a {
    color: #6c6969;
    padding: 40px 15px 0px;
    display: block;
}
a.mapping {
    color: #6c6969;
    display: block;
    margin-top: -20px;
}



/********************************************************************************/
/*********************************** About US ***********************************/
/********************************************************************************/

img.banner-img {
    width: 100%;
}
h2.aboutpage-title {
    text-align: center;
}
.aboutpage-content p {
    font-size: 17px;
    line-height: 25px;
    word-spacing: 6px;
    padding: 10px 40px 5px;
    text-indent: 40px;
}
/********************************************************************************/
/*********************************** Contact US *********************************/
/********************************************************************************/

#contact-section {
    border-top: 1px solid #cccccc;
    background: rgb(231, 231, 231);
}
h2.contact {
    text-align: center;
}
.inner-title {
    font-size:16px;
}
.red-star {
    color:#F00;
}

/********************************************************************************/
/*********************************** Category & Enquiry us *********************************/
/********************************************************************************/
#cat-bg{background-color:#eeeeee;
    padding-top: 20px;
    padding-bottom: 50px;
}
.category h2{color:#333; font-size:16px; text-align:center;}
.category p{font-size:13px; text-align:justify; color:#666; padding-bottom: 15px;}
.category a {color: rgb(151, 168, 9); }
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
	padding-top: 20px;
}
.border-bottom{border-bottom: 1px solid rgb(102, 102, 102); min-height: 275px !important;}
.border-left{border-left: 1px solid rgb(102, 102, 102);}

.form-heading{color:#bdce30; font-size:22px; text-align:center; margin-top:60px;}
.form-submit{color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
width: 100% !important;}