* { padding: 0; margin: 0; box-sizing: border-box; }

body { padding: 0; margin: 0; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 600; color: #222; }

img { border: none; max-width: 100%; }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus, a, :visited, :focus, a:focus { outline: none; text-decoration: none; }

p { font-size: 16px; line-height: 26px; margin-bottom: 20px; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: normal; font-size: inherit; margin: 0; }

a, :hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

/* global css start here */



a.button { border: 1px solid #fff; color: #fff; font-size: 15px; font-weight: 300; letter-spacing: 2px; padding: 8px 30px; text-transform: uppercase; padding: 16px 40px 18px; float: left; }

a.button:hover { border: 1px solid #fff; background: #ff9900; text-decoration: none; }

h2.common-heading { letter-spacing: 2px; color: #858585; font-size: 36px; margin-top: 50px; margin-bottom: 6px; font-weight: 400; text-align: center; float: left; width: 100%; text-transform: uppercase; }

/* global css end here */

.navbar-nav { text-align: center; width: 100%; margin-top: 14px; }

.navbar-nav > li { float: none; display: inline-block; }

.navbar, .dropdown-menu { background: none; border: none; }

.navbar { padding: 5px 20px; background: #fff; min-height: 92px; }

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { padding-top: 24px; }

.navbar-brand { padding-top: 0; }

.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { border-bottom: 3px solid transparent; background: none; }

.navbar a, .dropdown-menu>li>a { color: #000; }

.dropdown-menu { -webkit-box-shadow: none; box-shadow: none; }

.navbar-toggle .icon-bar { color: #fff; background: #fff; }

.nav.navbar-nav li a { font-size: 19px; font-weight: normal; padding: 15px 0 7px 0; margin: 0 17px; text-transform: uppercase; }

.nav.navbar-nav li a:hover, .nav.navbar-nav li a:focus { border-bottom: none; color: #038816; }

.nav.navbar-nav li.active a { color: #038816; }

.social-icons li a i { border: none; font-size: 40px; margin-left: 4px; color: #404040; text-align: center; line-height: 31px; }

.social-icons li i:hover { color: #038816; border-bottom: none; }

.social-icons li a { padding: 15px 0 0 0; font-weight: normal; }

.social-icons li a span { text-transform: uppercase; color: #038816; }

.social-icons li a:hover { border-bottom: none; text-decoration: none; }

.social-icons li.phone { margin-top: 4px; margin-right: 14px; }

ul.social-icons { list-style: none; padding-top: 23px; }

ul.social-icons li { float: left; }

.slider-text img { text-align: center; width: auto !important; margin: 0 auto; margin-bottom: 30px; }

.slider-text { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-transform: uppercase; width: 100%; text-align: center; }

.slider-picture { position: relative; }

.slider-text p { font-size: 15px; letter-spacing: 3px; }

.slider-text h2 { font-size: 46px; letter-spacing: 4px; margin-bottom: 38px; letter-spacing: 5px; line-height: 66px; font-weight: 500; }

.slider-text h2 span { color: #038816; }

.slider-text a .Start-btn { z-index: 999; display: inline-block; position: relative; }

.slider-text a { border: 1px solid rgba(255, 255, 255, 0.7); font-size: 15px; color: #fff; position: relative; padding: 10px 46px; }

.slider-text a:hover { text-decoration: none; border: 1px solid #825003; }

.slider-text a span { float: left; width: 0; top: 3px; right: 6px; bottom: 3px; height: 0; border-bottom: 37px solid rgba(255, 153, 0, 0.5); border-right: 77px solid rgba(255, 153, 0, 0.5); border-left: 39px solid transparent; position: absolute; }

.slider-text a:hover span { left: 3px; transition: all 2s ease; height: 0; border-bottom: 37px solid rgba(255, 153, 0, 0.5); border-right: 44px solid transparent; border-left: 78px solid rgba(255, 153, 0, 0.5); }



.sugar-cane-advantage-block { float: left; width: 100%; }

.sugar-cane-advantage-block .col-md-6 { padding: 0; }

.sugar-cane-advantage-block .suger-left-box { padding-left: 50px; padding-bottom: 8px; float: left; width: 100%; padding-right: 10px; }

.sugar-cane-advantage-block .suger-left-box p { font-family: 'Oxygen'; font-size: 15px; font-weight: normal; color: #000; float: left; width: 100%; letter-spacing: 1px; line-height: 22px; margin-bottom: 15px; }

.sugar-cane-advantage-block h2.common-heading { margin-top: 30px; margin-bottom: 40px; text-align: left; text-transform: capitalize; }

.animal-block { float: left; width: 100%; padding-bottom: 50px; background: #f2f2f2; text-align: center; }

.animal-block h2 { margin: 60px 0; font-size: 28px; line-height: 46px; }

.animal-block .animal-icon { margin: 0; padding: 0; display: block; }

.animal-block .animal-icon li { display: inline-block; list-style: none; margin: 0 7px; cursor: pointer; text-align: center; }

.animal-block .animal-icon li.active img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.animal-block .animal-icon li.active a{ background: #038816; border: 4px solid #d0e3d3; }

.animal-block .animal-icon li.active p{ color:#038816;}

.animal-block .animal-icon li a { width: 132px; height: 132px; background: #fff; display: block; border: 4px solid #e4e4e4; -webkit-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; position: relative; }

.animal-block .animal-icon li p { font-size: 20px; text-transform: uppercase; margin-top: 22px; font-weight: normal; letter-spacing: 1px; }

.animal-block .animal-icon li a img { float: left; text-align: center; margin: 0 auto; position: absolute; top: 11px; bottom: 0; left: 0; right: 0; }

.animal-block .animal-icon li a:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.animal-block .animal-icon li a:hover { background: #038816; border: 4px solid #d0e3d3; }

.animal-block .animal-icon li:hover p { color: #038816; }

.bedding-block { float: left; width: 100%; }

.bedding-block p.bold { font-family: 'Oxygen'; font-size: 16px; font-weight: bold; float: left; width: 100%; }

.bedding-block ul { float: left; margin-bottom: 30px; }

.bedding-block ul li { font-family: 'Oxygen'; list-style: none; font-weight: normal; float: left; width: 100%; font-size: 16px; margin-bottom: 5px; }

.bedding-block p.description { font-family: 'Oxygen'; float: left; width: 100%; font-weight: normal; font-size: 16px; margin-bottom: 30px; }

.bedding-block p.description span { font-weight: bold; color: #038816; }

.bedding-block h2.common-heading { margin-bottom: 40px; }

.livestock-bedding { float: left; width: 100%; background: url(../images/Customers-bg.jpg) no-repeat; background-size: 100% 100%; padding-bottom: 50px; }

.livestock-bedding h2 { color: #fff; margin-bottom: 26px; }

.livestock-bedding p.sub-heading { font-family: 'Oxygen'; font-size: 16px; text-align: center; font-weight: normal; margin: 0; color: #fff; }

.livestock-bedding .livestock-bedding-inner { float: left; width: 100%; margin-top: 70px; }

.livestock-bedding .livestock-bedding-inner .box-outer { margin-bottom: 30px; background: rgba(0, 0, 0, 0.3); padding: 20px; border: 4px solid; border-color: rgba(3, 136, 22, 0.2); }

.livestock-bedding .livestock-bedding-inner .box-outer h5 { color: #038816; font-weight: bold; text-transform: uppercase; margin-bottom: 20px; }

.livestock-bedding .livestock-bedding-inner .box-outer p.sub-title { font-family: 'Oxygen'; font-size: 16px; font-weight: normal; margin: 0; color: #fff; }

.livestock-bedding .livestock-bedding-inner .box-outer p.sub-title.biowish{ margin-bottom:10px;}

.livestock-bedding .livestock-bedding-inner .box-outer ul { margin: 20px 0 0 0; width: 100%; }

.livestock-bedding .livestock-bedding-inner .box-outer ul li { font-family: 'Oxygen'; list-style: none; margin-bottom: 5px; position: relative; font-weight: 300; color: #fff; padding-left: 30px; font-size: 15px; }

.livestock-bedding .livestock-bedding-inner .box-outer ul li span { position: absolute; left: 0; }

.livestock-bedding .livestock-bedding-inner .box-outer ul li span i { color: #038816; }

.livestock-bedding .livestock-bedding-inner .box-outer.center { text-align: center; margin-bottom: 10px; }

.Inspired-block { float: left; width: 100%; margin-bottom: 50px; }

.Inspired-block p { font-family: 'Oxygen'; font-size: 16px; font-weight: normal; margin: 0; margin-bottom: 50px; text-transform: inherit; text-align: center; }

.Inspired-block h2 { margin-bottom: 20px; }

.Inspired-block .send-btn .btn { float: left; width: 100%; }

.Inspired-block .form-group .form-control { height: 52px; border: 2px solid #ddd; border-radius: 30px; font-size: 16px; padding: 10px 24px; font-weight: 400; font-family: 'Oswald'; }

.Inspired-block textarea.form-control { margin-bottom: 28px; border: 2px solid #ddd; border-radius: 10px; font-size: 16px; padding: 10px 24px; font-weight: 400; font-family: 'Oswald'; }

.Inspired-block .form-group { margin-bottom: 28px; }

.Inspired-block .btn.btn-primary.form-control { border: none; background: #038816; font-weight: bold; font-size: 24px; text-transform: uppercase; letter-spacing: 2px; }

.Inspired-block .btn.btn-primary.form-control:hover { background: #000; }

.Inspired-block .form-control:focus { border-color: #038816; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(3, 136, 22, 0.2), 0 0 8px rgba(3, 136, 22, 0.2); box-shadow: inset 0 1px 1px rgba(3, 136, 22, 0.2), 0 0 8px rgba(3, 136, 22, 0.2); }

footer { float: left; width: 100%; background: #000; color: #fff; margin-top: 35px; border-bottom: 1px solid #1a1a1a; }

footer h2 { font-size: 22px; margin-top: 20px; color: #8b8989; font-weight: 600; text-transform: uppercase; margin-bottom: 28px; }

footer p { font-size: 14px; font-weight: 300; line-height: 20px; color: #8b8989; font-family: 'Oxygen'; }

footer .footer-inner { float: left; width: 100%; text-align: center; margin: 40px 0; }

footer .footer-inner img { margin-bottom: 20px; }

footer .footer-inner.menu { text-align: left; border-right: 1px solid #1a1a1a; padding: 60px 30px; border-left: 1px solid #1a1a1a; }

footer .footer-inner ul.social-icons li { float: none; }

footer .footer-inner.address { text-align: left; }

footer ul { list-style: none; }

footer ul.footer-menu { list-style: none; float: left; }

footer ul.footer-menu li a { text-decoration: none; color: #8b8989; font-size: 14px; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; display: block; }

footer ul.footer-menu li a:hover { color: #038816; }

footer h2.Follow { margin-bottom: 9px; }

footer ul.contact li a { text-decoration: none; position: relative; color: #8b8989; font-size: 13px; font-weight: 400; display:inline-block;}

footer ul.contact li a i { padding-right: 20px; color: #8b8989; position: absolute; left: 0; top: 3px; font-size: 16px; }

footer ul.contact li a span { padding-left: 30px; display: block; font-size: 14px }
footer ul.contact li a span.abn{ padding-left: 0;}
footer ul.contact li { margin-bottom: 16px; }

footer .social-icons li a i { margin-right: 4px; margin-left: 0; }

.copyright { float: left; width: 100%; background: #000; padding: 12px 0; text-align:center; }

.copyright p a{ color:#fff;}

.copyright p a:hover{ color:#038816; text-decoration:none;}

.copyright p { text-align: center; color: #fff; font-size: 14px; font-weight: 400; letter-spacing: 1px; margin-bottom: 0; display:inline-block; }

.copyright p span { color: #038816; font-weight: bold; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: block; }

.Customers-block .owl-dots { text-align: center; position: absolute; left: 0; right: 0; bottom: -70px; }

.Customers-block .owl-dot { width: 36px; margin-right: 10px; height: 6px; background: #fff; border-radius: 8px; display: inline-block; }

.Customers-block .owl-dot.active { background: rgba(255, 153, 0, 0.5); }

#top-slider.owl-carousel { position: relative; height: 100%; height: 100%; width: 100%; }

#top-slider.owl-carousel .owl-item { background-color: #000; height: 100%; width: 100%; }

.owl-stage-outer, .owl-stage { width: 100%; height: 100%; }

body, html { height: 100%; position: relative; }

.slide-img { background-size: cover !important; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.carousel { height: 100%; position: relative; }

.home-slider { height: 100%; }

.truck-photo{ float:left; width:100%;}
.truck-photo img{ width:100%;}
.form-message { position: relative;  margin-top: -58px;  color: green;   font-size: 23px;
}