/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/
.product-icons{max-width: 100%}
.product-text-div1{width: 60%; background-color: rgba(0, 0, 0, .3); text-align: center;}
.product-text-div2{width: 60%; background-color: rgba(0, 0, 0, .3);}
.product-machine{margin-left: -80px}
/* Your custom css codes start here: */
iframe {width:80%; height: 600px;}
.white {color:#fff;}
.green {color:#9cc732;}
.black2 {color:#3d3d3d;}
.bg-light-gray1 {background:#f1f1f1;}
.bg-light-gray3 {background:#f3f3f3;}
.bg-black {background:#0d0d0c;}
.bg-product-bg{background-image: url("..//images/product-1.jpeg"); background-repeat: no-repeat; background-size: cover;}
.home-bg2 {background:url(../images/home_bg2.jpg);}
.menuzord-menu a:hover{background:#e4ff00;}
.img-thumbnail {background:none;border:none;}
.center {text-align:center;}
.text-uppercase2 {font-size:45px;}

.menuzord-menu > li > a {background:#3d3d3d;}
.menuzord-menu > li.active > a,.menuzord-menu > li:hover > a{color: #fff;background:#a4cc39;}
.moveup { vertical-align: middle;}

.menuzord-menu > #menu-separator:hover > a {
	background-color: transparent;
}
ul.menuzord-menu > li > a {
		font-size: 14px;
	}
@media only screen and (min-width: 992px){
	#menu-separator a {
		display:block;
		padding-right: 10px;
		padding-left:20px;
		pointer-events: none !important;
		cursor: default;
	}
	ul.menuzord-menu > li > a {
		font-size: 12px;
	}
	.menuzord-menu > li > a {
		padding: 8px 14px;
	}
	#shop-button a {
		height: 35px;
		width: 60px;
		background-color: #91c11c;
		border-radius: 0;
		text-align: center;
	}
}
@media only screen and (min-width: 1200px) {
	#menu-separator a {
		padding-right: 20px;
	}
	ul.menuzord-menu > li > a {
		font-size: 14px;
	}
	.menuzord-menu > li > a {
		padding: 8px 16px;
	}
	#shop-button a {
		width: 80px;
	}
}
/* loop image css*/

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

.showme{
	display: none;
}
.showhim:hover .showme{
	display : block;
}


/* Show hide items when hover on the image*/

#overlayr1, #overlayr2, #overlayr3, #overlayr4 {display:none;}

.entry-header {font-size:20px; font-weight:bold;line-height:20px;}
.food-waste-text2 {font-size:18px;margin-top:-20px;line-height:20px;}
.campaign-details {background:#9cc732;padding-left:10px;padding-right:10px;}
.mb-15 {text-align:justify;}
p.sub-title {line-height:29px;}
.footerbg { background-color: rgba(0, 0, 0, .6);}
.subscribebg {
/*	background:#3b342f;*/
	background:#d8d8d8;
}
.subscribebg h1 {font-size:30px;}
.subscribebg input {
	margin-top:20px; 
	width:350px;
	margin-bottom:10px;
	/*background:#48413c;
	color:#ffffff;*/
	background: #fff;
	color: #000;
	border:none;
	padding:10px;
}
.subscribe-btn2 {background:#408032;color:#ffffff;text-transform:uppercase;}
.subscribe-btn2:link, .subscribe-btn:visited {}
.subscribe-btn2:hover {
    background-color: #9cc732;
    color: white;
}
.subscribe-text {font-size: 19px;}


/*.aboutusbg {background:url(../images/aboutus-bg.jpg)}*/
.aboutusbg {background-color: #447579 ;}

.greenbg {color:#ffffff !important;background:url(../images/greenbg.jpg)}
.greenbg h3 {color:#ffffff !important;}

.accre1 {background:url(../images/accre1.png); width:224px; height:315px;}
.accre2 {background:url(../images/accre2.png); width:221px; height:315px;}
.accre3 {background:url(../images/accre3.png); width:230px; height:315px;}
.accre4 {background:url(../images/accre4.png); width:222px; height:315px;}
.accre5 {background:url(../images/accre5.png); width:228px; height:315px;}
.accremarginright {margin-right:38px;}
.accre-text h1 {font-size:16px;margin-bottom:-10px;color:#9cc732;}
.accre-text {width:168px;height:121px;margin-left:12px;padding-top:100px;line-height:18px;font-size:12px;}
.accre-button {width:202px;height:49px;margin-top:125px;}
.accre-button a:link {background:#38742c;color:#ffffff;}
.accre-button a:hover {background:#9cc732;color:#ffffff;}

.compost-box-wrapper {width:160px;height:160px;}
.compost-box-img {width:160px;height:127px;}
.compost-box-text {width:160px;height:30px;}

.tagline {border-right: 1px solid #9F9F9F;}


/* Extra Small Devices, Phones */
@media only screen and (max-width: 960px) {
	.product-text-div1{width: 100%; background-color: rgba(0, 0, 0, .3); text-align: center;}
.product-text-div2{width: 100%; background-color: rgba(0, 0, 0, .3);}
  .product-machine{margin-left: 0}
}
@media only screen and (max-width: 768px) {
	.product-text-div1{width: 100%; background-color: rgba(0, 0, 0, .3); text-align: center;}
.product-text-div2{width: 100%; background-color: rgba(0, 0, 0, .3);}
  .product-machine{margin-left: 0}
  .text-uppercase2 {font-size:22px;}
  .sub-title2 {font-size:12px;}
  .col-md-6 {margin-right:10px;}
	.home-loop-contents {display: none!important;}
	.loop-center {display: none!important;}
	.loop-item {display: none!important;}
	iframe {width:80%; height: 800px;}
	#menu-separator {display: none;}
	.tagline {border-right: 0px solid #9F9F9F;}
}

@media only screen and (max-width: 480px) {
	.product-text-div1{width: 100%; background-color: rgba(0, 0, 0, .3); text-align: center;}
.product-text-div2{width: 100%; background-color: rgba(0, 0, 0, .3);}
  .product-machine{margin-left: 0}

	iframe {width:80%; height: 600px;}
	#menu-separator {display: none !important;}
	.tagline {border-right: 0px solid #9F9F9F;}
}

/* COUNTER CSS HERE */
.counter-css{
  padding-top:50px;
  padding-bottom: 50px;
}
.section-title .counter-css h2{
  margin-bottom: 0px;
}
.counter-css #counter{
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: #333333;
    font-size: 60px;
}

.bg-theme-colored-grey {
    background-color: #ffffff !important;
}

.logoMarqueeSection {
  padding-top: 50vh;
  padding-bottom: 150vh;
}

#logoMarqueeSection {
	width: 2179px;
	margin: auto;
	overflow: visible;
}

.default-content-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    width: 100%;
    min-height: 100vh;
}

div.marquee>a>img {
  height: 150px;
}

.logoMarqueeSection>div>div {
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

.marquee-wrapper {
  display:  inline-block;
  white-space: nowrap;
	overflow: hidden !important;
	width: 100%;
}

.marquee {
    display:  inline-block;
    white-space: nowrap;
    position: relative;
    transform: translate3d(0%, 0, 0);
    animation-name: marquee;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

}

.marquee .item {float:left;}

.marquee a {
    display:  inline-block !important;
    white-space: nowrap;
    padding-right: 5.4rem;
 		overflow: hidden !important;
}


.marquee-wrapper:hover .marquee {
    animation-play-state: paused !important;
}

@keyframes marquee {
    0% {
        transform: translate3d(0%, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.slider {
    width: 2179px;
    margin: auto;
    overflow: visible;
}
.slider ul {
    display: flex;
    padding: 0;
    animation: cambio 80s infinite linear;
}
.slider li {
    padding:0 10px;
    list-style: none;
}
.slider img {
    max-width: fit-content !important;
    height: auto !important;
}
@keyframes cambio {
    from {margin-left: 0%}
    to {margin-left: -100%}
}