html,
body { overflow-x: hidden; }
body {font-size: 17px;}

html.overflow-hidden,
html.overflow-hidden body{ overflow:hidden; }

/******* mobile ******/
#page-wrapper{
    overflow:hidden; }
body.mobile-open #mobile-menu {
    -ms-transform: translateX(70%);
    -webkit-transform: translateX(0);
    transform: translateX(0);}
body.mobile-open #page-wrapper {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);}
body.mobile-open #page-wrapper:after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, .2);
    z-index: 10;}

#mobile-menu {
    display: none;
    z-index: 0;
    transition: .3s all ease;
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: none;
    background: #a3cd39;
    padding: 15px 30px 35px;
    position: fixed;
    height: 100%;
    width: 80%;
    z-index: 0;
    overflow-y: auto;
    display: block;
    z-index: 10;}
#mobile-menu nav ul {
    margin: 0 0 25px;
    padding: 0;}
#mobile-menu nav ul li {
    list-style: none;
    position: relative;}
#mobile-menu nav li a {
    text-decoration: none;
    font-size: 18px;
    color: #fff !important;
    line-height: normal;
    display: block;
    position: relative;
    font-weight:bold;
    text-transform: uppercase;
    padding: 15px 30px 4px 13px;
    border-bottom: 1px solid #8bc63f;}
#mobile-menu nav li:hover > a,
#mobile-menu nav li.selected > a,
#mobile-menu li.dropdown > a.open {
    color:#000 !important; }
#mobile-menu nav .dropdown-content{
    display:none; }
#mobile-menu li.dropdown > a > .fa{
    position:absolute;
    top:12px;
    right:5px;
    width:20px;
    text-align:center; }
#mobile-menu li.dropdown > a > .fa:before {
    content: "\f105"; }
#mobile-menu li.dropdown > a.open > .fa:before {
    content: "\f107"; }
#mobile-menu nav ul li ul{
    margin:0; }
#mobile-menu nav ul li ul li a{
    padding-left:30px;
    font-weight:normal;
    font-size:16px;
    text-transform:none; }
#mobile-menu .logo {
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -15px;
    background: #ffda00;
    line-height:0; }
#mobile-menu .logo img{
    max-width:100%; }
#mobile-menu .icon-social-head {
    position: relative;
    margin: 0;
    list-style: none;
    padding-left: 20px;}
#mobile-menu .icon-social-head li {display: inline-block;}
#mobile-menu .icon-social-head li a {
    font-size: 40px;
    color: #000;}
#top .menu-toggle-main ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 20px;}
#top .menu-toggle-main {
    position: relative;
    float: right;
    z-index: 5;
    margin-right: 45px;}
#top input#txt-prod-src.form-control {
    background: none;
    outline: none;
    padding: 18px 0 18px 30px;
    width: 150px;
    height: 40px;}
#top .menu-toggle-main ul li:first-child {
    padding-top: 6px;}

/******** @header ********/
#pageheader{
    min-height:122px; }
#pageheader .header-wrapper {
    position: fixed;
    top:0;
    left:0;
    right:0; 
    z-index:777; }
#pageheader .menu-toggle {
    background: transparent;
    color: #fff;
    border: none;
    outline: none;
    width: 33px;
    height: 26px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    margin: 0;
    padding: 0;}
#pageheader .menu-toggle .icon-bar {
    display: block;
    width: 33px;
    height: 4px;
    background: #fff;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;}
#pageheader .menu-toggle .icon-bar+.icon-bar {
    top: 11px;}
#pageheader .header-wrapper .nav.navbar-nav li a{
    margin: 0 10px;
    padding: 0;
    font-size: 15px;}
ul.nav.navbar-nav.navbar-left {
    margin-left: -10px;}
#pageheader .menu-toggle .icon-bar+.icon-bar+.icon-bar {
    top: 22px;}
#pageheader .header-wrapper .menu li.mobile-hide {
    position: relative;
    top: 7px;}
body.mobile-open #page-wrapper .menu-toggle .icon-bar {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 11px;}
body.mobile-open #page-wrapper .menu-toggle .icon-bar+.icon-bar+.icon-bar {
    opacity: 0;}
body.mobile-open #page-wrapper .menu-toggle .icon-bar+.icon-bar {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);}
#pageheader .header-wrapper span.cart-num {
    background: #4a8044;
    width: 10px;
    height: 10px;
    position: relative;
    padding: 4px 5px;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 17px;
    vertical-align: middle;
    margin-right: 5px;}
#pageheader .header-wrapper .menu li {
    margin-left: 5px;}
#pageheader .header-wrapper .nav.navbar-nav li {
    display: inline-block;
    float: none;
    position:  relative;
    padding: 10px 0px;
    margin: 0 4px;}
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left {
    margin-left:-5px;
    margin-right:-5px;
    padding-top:10px;
    position:absolute;
    left:0;
    min-width:100%;
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
    visibility:hidden;
    opacity:0;
    z-index:-1;}
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li:hover > ul.nav.navbar-nav.navbar-left {
    visibility:visible;
    opacity:1;
    z-index:7;}
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li{
    display:block;
    margin:0;
    padding:0;
    border-top:1px #9e8f36 solid;
    line-height:normal; }
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li:first-child{
    border-top:none; }
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li a{
    margin:0;
    padding:12px 18px;
    background:#f8d708;
    text-transform:none;
    font-size:16px;
    color:#231f20;
    white-space:nowrap;
    text-decoration:none;
    font-weight:normal;}
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li a::before,
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li a::after{
    display:none !important; }
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li:hover > a,
#pageheader .header-wrapper ul.nav.navbar-nav.navbar-left li ul.nav.navbar-nav.navbar-left li.active > a{
    background:#f1b500;}
#page-wrapper #pageheader #top .logo-holder{
    position:relative;
    margin-right:29px;
    text-align:center;}
#page-wrapper #pageheader #top .logo-holder:before{
    content:"";
    display:block;
    position:absolute;
    top:-10px;
    bottom:-10px;
    left:-200%;
    right:-15px;
    background-color: #ffda00;
    z-index:1;}
#page-wrapper #pageheader #top .navbar-brand{
    position:relative;
    padding: 0;
    float:none;}
#page-wrapper #pageheader #top .navbar-brand > img{
    position:relative;
    max-width:100%;}
#page-wrapper #pageheader #top .navbar-brand > *{
    z-index:2;}
#pageheader .header-wrapper .nav.navbar-nav li a:hover:before{
    bottom: 0;
    display: inline-block;
    position: absolute;
    content: "";
    background: #ffda00;
    width: 100%;
    height: 1px;
    right: 0;
    left: 0;}
#page-wrapper .header-wrapper input[type=text]::-webkit-input-placeholder {
    color: #ffffff;}
#page-wrapper .header-wrapper input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;}
#page-wrapper .header-wrapper input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;}
#page-wrapper .header-wrapper input[type=text]:-ms-input-placeholder {
    color: #ffffff;}
#top ul.menu input#btn-prod-src {
    outline: none;}
#top ul.menu input.btn-prod-src {
    color: #ffffff;
    font-size: 17px;
    padding: 19px 0;
    padding-left: 0;
    position:  relative;}
#page-wrapper .header-wrapper .navbar-header {
    position: relative;}
#pageheader .header-wrapper .nav.navbar-nav li.active a:before {
    bottom: 0;
    display: inline-block;
    position: absolute;
    content: "";
    background: #ffda00;
    width: 100%;
    height: 1px;
    right: 0;
    left: 0;}
#pageheader .header-wrapper .nav.navbar-nav li.active a {
    margin: 0 10px;
    padding: 0;}
#pageheader .header-wrapper ul.icon-social-head {
    float: right;
    margin: 0;
    padding: 0;}
#pageheader .header-wrapper ul.icon-social-head li {
    display: inline-block;
    padding: 6px 0;}
#pageheader .header-wrapper ul.icon-social-head li a {
    color: #fff;}
#pageheader .header-wrapper ul.icon-social-head li a i {
    font-size: 20px;}
#pageheader .header-wrapper ul.icon-social-head li a i.fa-youtube-play {
    font-size: 24px;
    position: relative;
    top: 2px;}
#page-wrapper ul.menu a:hover {
    text-decoration: none;}

/******** @footer ********/
#footer{
    background-color:#99C632 !important; }
#page-wrapper .footer-wrapper {
    position: relative;}
#page-wrapper .footer-wrapper .foot-nav {
    margin: 0;
    padding: 0;}
#footer .foot-section-bot,
#footer .foot-section-top {
    position:  relative;}
#footer .foot-section-bot a.foot-title:hover,
#footer .foot-section-bot a.foot-title:active,
#footer .foot-section-bot a.foot-title:focus,
#footer .foot-section-top a.foot-title:hover,
#footer .foot-section-top a.foot-title:active,
#footer .foot-section-top a.foot-title:focus{
    text-decoration:  none;
    cursor: default;}
#footer .foot-subscribe .foot-subscribe-head{
    position:relative;
    min-height:143px;
    padding-top:48px !important;
    padding-left:143px !important;
    margin-bottom:18px !important;}
#footer .foot-subscribe .foot-subscribe-head img{   
    position:absolute;
    bottom:0;
    left:28px; }
#footer .foot-subscribe .foot-subscribe-head h4{
    margin-top:0 !important;
    padding-top:0 !important; }
#copyright ul.foot-nav li{
    display: inline-block;
    margin: 0 10px;
    list-style: none;   }
#footer h5{
    margin:0 0 10px;
    font-size:25px;
    font-weight:bold;
    color:#000; }
#footer .menu-footer-inner .row{
    position:relative;
    z-index:3; }
#footer .statement-footer{
    padding:20px 15px 10px 0; 
    font-size:15px;
    color:#000; }
#footer .statement-footer p{
    margin:0 0 10px; }
#footer .statement-footer a{
    font-size:16px;
    color:inherit; }

/******** @content ********/
#page-wrapper .content-wrapper {
    position: relative;}
#page-wrapper .content-wrapper .hero-slider{
    background:#000;}
#page-wrapper .content-wrapper .hero-slider .banner-bg,
#page-wrapper .content-wrapper .hero-slider .banner-bg-mobile{
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover; 
    transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    
    line-height:0;
    position:relative;
    z-index:1;
    opacity:0;
    visibility:hidden;}
#page-wrapper .content-wrapper .hero-slider .slick-slide.slick-current .banner-bg,
#page-wrapper .content-wrapper .hero-slider .slick-slide.slick-current .banner-bg-mobile{
    opacity:1;
    visibility:visible;}
/*#page-wrapper .content-wrapper .hero-slider .slick-slide.slick-current:nth-child(1) .banner-bg,
#page-wrapper .content-wrapper .hero-slider .slick-slide.slick-current:nth-child(4) .banner-bg{
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);}
#page-wrapper .content-wrapper .hero-slider .slick-slide.slick-current:nth-child(2) .banner-bg,
#page-wrapper .content-wrapper .hero-slider .slick-slide.slick-current:nth-child(5) .banner-bg{
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);}*/
#page-wrapper .content-wrapper .hero-item img {
    width: 100%;
    visibility: hidden;
    opacity:0;
    height: 430px;}
#page-wrapper .content-wrapper .banner-content h3,
#page-wrapper .content-wrapper .banner-content h2{
    font-weight: normal;}
#page-wrapper .content-wrapper .banner-content {
    position: absolute;
    transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    top: 105%;
    -webkit-transform: translateY(105%);
    -ms-transform: translateY(105%);
    transform: translateY(105%);
    opacity: 0;
    left: 0;
    right: 0;
    padding-top:0;
    z-index: 3;}
#page-wrapper .content-wrapper .hero-slider .slick-active .banner-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;}

#page-wrapper .content-wrapper .features-content {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;}
#page-wrapper .content-wrapper .hero-item {
    position: relative;}
#page-wrapper .content-wrapper .inner-page-bg .banner-bg img {
    visibility: hidden;
    width: 100%;
    min-height: 420px;}
#page-wrapper .content-wrapper .inner-page-bg {
    position:relative;
    background-attachment: fixed;}
.system-message-page #page-wrapper .content-wrapper .inner-page-bg{
    display:none; }
#page-wrapper .content-wrapper .inner-page-bg .iframe-holder{
    line-height:0; }
#page-wrapper .content-wrapper .inner-bg-text {
    width: 500px;
    color: #000;}
#page-wrapper .content-wrapper .school-pad{
        padding-top: 20px;}
#page-wrapper .mansory-table {
    position:  relative;}
.mansory-table .col-md-3 {
    padding-right: 0;
    padding-left: 0;}
#page-wrapper .mansory-table .row {
    margin-right: 0;   
    margin-left: 0;}
#page-wrapper .mansory-table img{
    width: 100%;}
#page-wrapper .mansory-table .row .col-md-3 {
    padding-right: 0;
    padding-left: 0;}
#page-wrapper .content-wrapper .school-program {
    position: relative;
    margin-top: 15px;}
#page-wrapper .content-wrapper .school-program img {
    width: 100%;
    visibility: hidden;}
.image-mansory .staff-listing {
    position: relative;}
.image-mansory .staff-listing .tb {
    width: 100%;}
.image-mansory .staff-listing .tb .tr {
    display: table-row;}
.image-mansory .staff-listing .tb .td {
    display: table-cell;}
.image-mansory .staff-listing .tb .td .image.background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;}
.image-mansory .staff-listing .tb .td .image.background img {
    visibility: hidden;
    width: 100%;
    opacity: 0;}
#page-wrapper .content-wrapper .banner-content span.num-before {
    left: 0;}
#page-wrapper .content-wrapper .banner-content h1,
#page-wrapper .content-wrapper .banner-content h2,
#page-wrapper .content-wrapper .banner-content h3 {
    margin-left: 40px;}
#page-wrapper .content-wrapper .banner-content h1{
    margin-top:0;
    font-weight: 900;}
#page-wrapper .content-wrapper .banner-content span.num-after {
    right: 0;}
#page-wrapper .content-wrapper a:focus,
#page-wrapper .content-wrapper a:active,
#page-wrapper .content-wrapper a:hover {
    text-decoration: none;}
#page-wrapper .content-wrapper .home-vid-text h5,
#page-wrapper .content-wrapper .home-vid-text a {
    font-style: italic;}
#page-wrapper .content-wrapper .banner-content h2.inner-ad {
    margin-left: 100px;}
#pagecontent .terms-content .terms-p span{
    position: relative;
    top: 5px;}
#page-wrapper .content-wrapper .school-program .col-md-7,
#page-wrapper .content-wrapper .school-program .col-md-5 {
    padding: 0;}
#page-wrapper .content-wrapper .content-yellow {
    background: #ffda00;}
#page-wrapper .content-wrapper .box-content {
    vertical-align: top;
    position: relative;}
#page-wrapper .content-wrapper .box-content.content-yellow {
    padding: 100px 50px;}
#page-wrapper .content-wrapper .box-content.content-yellow h4 {
    font-size: 30px;}
#page-wrapper .content-wrapper .inside-box-content {
    width: 500px;
    position: relative;}
#page-wrapper .content-wrapper h4 {
    font-weight: 600;}
#page-wrapper .content-wrapper .login-council.inline {
    padding: 40px 0;}
#page-wrapper .content-wrapper .login-council.section-area {
    padding: 40px 0;}
#page-wrapper .content-wrapper .login-council h4 {
    margin-top:30px;
    font-size: 35px;}
#page-wrapper .content-wrapper .login-council.inline h4 {
    margin: 15px 0;}
#page-wrapper .content-wrapper .login-council input[type=text],
#page-wrapper .content-wrapper .login-council input[type=password],
#page-wrapper .content-wrapper .login-council select,
#page-wrapper .content-wrapper .login-council textarea {
    background: #f6f7f7;
    border: 1px #d4d4d4 solid;
    width: 100%;
    height: 65px;
    padding: 5px 20px;
    margin-bottom: 24px;
    font-size: 18px;
    color: #000;
    text-transform: none;}
#page-wrapper .content-wrapper .login-council form *::-moz-placeholder {
    color: #373737;
    opacity: 1;}
#page-wrapper .content-wrapper .login-council form *:-ms-input-placeholder {
    color: #373737;}
#page-wrapper .content-wrapper .login-council form *::-webkit-input-placeholder {
    color: #373737;}
#page-wrapper .content-wrapper .login-council textarea {
    height: 170px;
    padding: 10px 20px;}
#page-wrapper .content-wrapper .login-council input[type=submit],
#page-wrapper .content-wrapper .login-council button {
    width: 100%;
    height: 65px;
    background: #ffd900;
    border: none;
    padding: 0 5px;
    outline: none;
    font-size: 18px;
    color: #373737;
    font-weight: 700;
    text-align: center;}
#page-wrapper .content-wrapper .login-council .btn-link {
    display:block;
    height: 65px;
    background: #ffd900;
    padding: 0 5px;
    outline: none;
    font-size: 18px;
    line-height:65px;
    color: #373737;
    font-weight: 700;
    text-decoration:none;
    text-align: center;}
#page-wrapper .content-wrapper .login-council input[type=submit]:hover,
#page-wrapper .content-wrapper .login-council button:hover,
#page-wrapper .content-wrapper .login-council .btn-link:hover {
    background: #000;
    color:#fff;}
#page-wrapper .content-wrapper .login-council.inline form * {
    margin: 0;}
#page-wrapper .content-wrapper .login-council .head {
    margin: 0 0 20px;}
#page-wrapper .content-wrapper .login-council .head h1 {
    margin: 0;
    font-size: 70px;
    font-weight: bold;
    line-height: 65px;}
#page-wrapper .content-wrapper .login-council .head h3 {
    margin: 0;
    font-size: 30px;
    font-weight: bold;}
#page-wrapper .content-wrapper .login-council .head p {
    margin: 0;
    font-size: 30px;
    font-weight: normal;}
#page-wrapper .content-wrapper .mansory-text h3 {
    text-transform: lowercase;}
#page-wrapper .content-wrapper .image-mansory {
    padding-bottom: 50px;
    position: relative;}
#page-wrapper .content-wrapper input,
#page-wrapper .content-wrapper textarea {
    outline: none;}
#page-wrapper .content-wrapper img.background {
    visibility: hidden;
    min-height: 340px;}
#page-wrapper .content-wrapper .lightgrn {
    color: #a3cd39;}
#page-wrapper .content-wrapper .side-info a {
    color:inherit; }
#page-wrapper .content-wrapper .side-info p {
    font-size: 20px;
    color: #000;}
#page-wrapper .content-wrapper .side-info ul{
    list-style:none;
    margin:0;
    padding:0; }
#page-wrapper .content-wrapper .side-info li {
    display: block;}
#page-wrapper .content-catalogue{
    position: relative;
    padding: 30px 0 0;}
#page-wrapper .content-wrapper .side-info li .fi {
    position: absolute;}
#page-wrapper .content-wrapper .side-info li .fi+span {
    margin-left: 85px;
    color: #000;}
#page-wrapper .content-wrapper .side-info li span {
    font-size: 20px;}
#page-wrapper .content-wrapper .side-info li:last-child {
    padding-bottom: 20px;}
#page-wrapper .content-wrapper .side-info {
    position: relative;}
#page-wrapper .content-wrapper .side-info p.customer-srv {
    padding: 0;
    margin: 0;
    margin-top: 20px;}
#page-wrapper .content-wrapper .side-info .last-num {
    font-size: 30px;}
#page-wrapper .content-wrapper .side-info .last-num strong {
    font-size: 32px;}
#page-wrapper .content-wrapper .inner-bg-text.inner-pos {
    position: absolute;
    /*top: 125px;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;}
#page-wrapper .content-wrapper .inner-bg-text.inner-pos h4 {
    color: #ffd900;
    font-size: 30px;}
#page-wrapper .content-wrapper .inner-bg-text.inner-pos p {
    color: #ffffff;}
#page-wrapper .content-wrapper .catalogue-bg img {
    width: 100%;
    visibility: hidden;}
#page-wrapper .content-wrapper .catalogue-info {
    padding-top: 100px;}
#page-wrapper .content-wrapper p.read-more .btn-primary {
    font-size: 22px;}
#page-wrapper .content-wrapper p.read-more .btn-primary:hover{
    background:#000;
    color:#fff; }
#content .product h2 {
    font-size: 40px;}
#page-wrapper .content-wrapper span.fi.lightgrn {
    font-weight: 500;}
#page-wrapper .content-wrapper .login-council .container.tutorial-border {
    padding: 30px 0 50px;}
#page-wrapper .content-wrapper .supplier-info {
    background: #4b8044;
    padding: 9.5px 0;
    height:53px;
    margin-left: 62px;}
#page-wrapper .content-wrapper .arrow-bg {
    position: absolute;
    background: #a3cd39;
    padding: 9px 15px;
    height:53px;}
#page-wrapper .content-wrapper .supplier-info span {
    font-size: 24px;
    color: #fff;}
#page-wrapper .content-wrapper .border-top {
    border-top: 1px dashed #4a8044;}
#pagebanner {
    padding: 120px 0;
    position: relative;
    font-size: 17px;}
#pagebanner2 {
    padding: 25px 0;
    position: relative;
    background:#fff;
    font-size: 17px;}
#pagebanner:before,
#pagebanner2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 7px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;}
#pagebanner h1 {
    margin: 0 0 10px;
    font-size: 30px;
    line-height: normal;}
#pagebanner.image-background{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; }
#pagebanner.quiz-banner{
    padding:0; }
#pagebanner .caption{
    padding: 120px 0; }
#pagebanner.sunset-orange{
    background-color:#dadbd8; }
#pagebanner.sunset-orange h1{
    color:#fff; }
#pagebanner2.mercury{
    background:#e5e5e5; }
#pagebanner p {
    margin: 0 0 10px;
    font-size: 17px;}
#pagebanner.dunset-orange {
    background: #ff533d;
    color: #000000;}
#pagecontent .content-section {
    padding: 40px 0 10px;}
#pagecontent .content-section .main-content {
    padding-left: 0;
    padding-right: 0;}
#pagecontent .content-section .main-content h3,
#pagecontent .content-section h3.content-head {
    margin: 0 0 15px;
    text-transform: none;}
#pagecontent .content-section .main-content h4 {
    font-size: 25px;}
#pagecontent .council-eco-table img {
    width: 100%;}
#pagecontent .eco-whole {
    padding-right: 0;
    padding-left: 0;}
#pagecontent .council-eco-table .eco-head-title {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;}
#pagecontent .council-eco-table .eco-list ul li:nth-child(odd) {
    background: #e5e5e5;
    border-top-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border: 1px #f9fafb solid;}
#pagecontent .council-eco-table .eco-list ul li:nth-child(even) {
    background: #f9fafb;
    border-top-color: #dfdfe0;
    border-bottom-color: #dfdfe0;
    border: 1px #fff solid;}
#pagecontent .council-eco-table .eco-list ul {
    padding: 0;
    margin: 0;
    list-style: none;}
#pagecontent .council-eco-table .eco-list ul {
    padding: 0;
    margin: 0;
    list-style: none;}
#pagecontent .council-eco-table .eco-list ul li {
    font-size: 17px;
    text-align: center;
    height: 73px;
    max-height: 100%;
    padding-top: 23px;
    line-height: 1.1;}
#pagecontent .council-eco-table .eco-list ul li .note{
    margin: 0;
    font-weight: bold;
    color: #28A479;}
#pagecontent .council-eco-table .eco-list .button-group a:hover {
    background: #7bb73c;}
#pagecontent .working-eco{
       padding: 20px 0;}
#pagecontent .working-eco .row{
    margin-right: 0;
    margin-left: 0;}
#pagecontent .council-eco-table .eco-list {
    position: relative;}
#pagecontent .council-eco-table .eco-list .button-group {
    position: relative;}
#pagecontent .council-eco-table .eco-list .button-group a {
    display: inline-block;
    min-width: 200px;
    padding: 12px;
    border-radius: 10px;
    margin: 0 0 5px;
    background: #84c440;
    border: none;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: normal;}
#pagecontent .working-eco .row {
    margin-right: 0;
    margin-left: 0;}
#pagecontent .council-eco-table .eco-head-title .eco-title {
    margin: 0;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 60px;}
#pagecontent .council-eco-table .eco-head-title a{
    cursor: default;}
#pagecontent .council-eco-table .eco-amount {
    margin: 0;
    min-height: 168px;
    font-size: 90px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 75px;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, .5);
    text-align: center;}
#pagecontent .eco-amount-title{
position: absolute;
    top: 13px;
    text-align: center;
    width: 100%;}
#pagecontent .council-eco-table {
    position: relative;}
#pagecontent .council-eco-table .eco-amount small {
    vertical-align: top;
    font-size: 40px;
    line-height: 44px;}
#pagecontent .terms-content .terms-p{
    display: flex;
    position: relative;}
#pagecontent .terms-content .terms-p p{
    position: relative;
    margin-left: 5px;}
#pagecontent .terms-content {
    position: relative;
    margin: 20px 0;}
#pagecontent .terms-content p {
    margin: 5px 0;}
#pagecontent img {
    max-width: 100%;}
#pagecontent .icon-image {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 0;}
#pagecontent .icon-image.arrow-prev {
    width: 41px;
    height: 48px;
    background-image: url(../img/icon-image/arrow-prev.png);}
#pagecontent .icon-image.arrow-next {
    width: 41px;
    height: 48px;
    background-image: url(../img/icon-image/arrow-next.png);}
#pagecontent .icon-image.download {
    width: 81px;
    height: 101px;
    background-image: url(../img/icon-image/download.png);}
#pagecontent .icon-image.check-white {
    width: 16px;
    height: 15px;
    background-image: url(../img/icon-image/check-white.png);}
#pagecontent .icon-image.close-white{
    width:23px;
    height:23px;
    background-image:url(../img/icon-image/close-white.png); }
#pagecontent .council-slider-section {
    margin: 30px 0 0;
    padding-top: 25px;
    border-top: 1px dashed #4a8044;}
#pagecontent .council-slider-section h3 {
    margin: 0 0 20px;
    text-transform: capitalize;}
#pagecontent .council-slider-about .slick-prev,
#pagecontent .council-slider .slick-prev {
    left: -55px;}
#pagecontent .council-slider-about .slick-next,
#pagecontent .council-slider .slick-next {
    right: -55px;}
#pagecontent .council-slider-about .slick-track,
#pagecontent .council-slider .slick-track {
    letter-spacing: -10px;}
#pagecontent .council-slider-about .item,
#pagecontent .council-slider .item {
    float: none;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;}
#pagecontent .council-slider-about .item img,
#pagecontent .council-slider .item img {
    display: inline-block;}
#pagecontent .sustainability-section {
    background: url(../img/sustainability-bg.jpg) center top no-repeat rgba(0, 82, 0, .20);
    background-blend-mode: multiply;
    min-height: 373px;
    padding: 80px 0;}
#pagecontent .sustainability-section .text-content {
    background-color: rgba(0, 82, 0, .40);
    padding: 20px 0;}
#pagecontent .sustainability-section .text-content .container {
    max-width: 830px;}
#pagecontent .sustainability-section .text-content h3 {
    margin: 0 0 20px;
    font-size: 48.65px;
    color: #ffd900;
    font-weight: bold;
    text-shadow: 0 0 2px #000;}
#pagecontent .sustainability-section .text-content p {
    margin: 0;
    font-size: 17px;
    color: #fff;
    line-height: 22.4px;}
#pagecontent .sustainability-row .item {
    border-top: 5px #dbdbdb solid;}
#page-wrapper .content-wrapper .All-Black .inner-bg-text.inner-pos h4,
#page-wrapper .content-wrapper .All-Black .inner-bg-text.inner-pos p {
    color: #000;}
#page-wrapper .content-wrapper .about-content-text {
    padding: 40px 0;}
#page-wrapper .content-wrapper .about-text h5 {
    color: #84c440;
    font-size: 30px;}
#page-wrapper .content-wrapper .about-text {
    position: relative;
    padding: 25px 0;}
#page-wrapper .content-wrapper .about-text:before {
    content: "";
    display: block;
    background: #a3cd39;
    height: 5px;
    right: 0;
    left: 0;
    position: relative;}
#page-wrapper .content-wrapper .about-text p {
    color: #000;}
#page-wrapper .content-wrapper .border-bottom {
    border-bottom: 1px dashed #4a8044;}
#page-wrapper .content-wrapper .banner-caption {
    position: relative;}
#pagebanner .banner-caption h1 {
    font-weight: 600;}
.slick-slider {
    margin-bottom: 0;}
#page-wrapper .all-pad {
    position: relative;
    padding-top: 10px;}
#page-wrapper .content-wrapper #advantages .row{
    margin:0 -30px; }
#page-wrapper .content-wrapper #advantages .row > div{
    padding:0 30px; }
#page-wrapper .content-wrapper .adv-items .image{
    display:block;
    line-height:0;
    position:relative;}
#page-wrapper .content-wrapper .adv-items .image:before,
#page-wrapper .content-wrapper .adv-items .image:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:2;
    border-style:solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease-out .1s;
    -moz-transition: all ease-out .1s;
    -o-transition: all ease-out .1s;
    transition: all ease-out .1s;}
#page-wrapper .content-wrapper .adv-items .image:before{
    border-width:9px;
    border-color:#F9DD36;}
#page-wrapper .content-wrapper .adv-items .image:after{
    border-width:5px;
    border-color:rgba(163,205,57,.7);
    visibility:hidden;
    opacity:0;
    -webkit-transition: all ease-out .2s;
    -moz-transition: all ease-out .2s;
    -o-transition: all ease-out .2s;
    transition: all ease-out .2s;}
#page-wrapper .content-wrapper .adv-items:hover .image:before{
    border-width:18px;
    border-color:#a3cd39;
    top:-9px;
    bottom:-9px;
    left:-9px;
    right:-9px;}
#page-wrapper .content-wrapper .adv-items:hover .image:after{
    border-width:9px;
    visibility:visible;
    opacity:1;
    top:15px;
    bottom:15px;
    left:15px;
    right:15px;}
#page-wrapper .content-wrapper .adv-items .image img{
    width:100%;}
#page-wrapper .content-wrapper .adv-items h3 {
    font-size: 30px;
    padding-top: 10px;}
#page-wrapper .content-wrapper #home-videos {
    position: relative;
    margin-top: 3em;
    border-top: 1px dashed #4a8044;
    padding: 30px 0;
    margin-left: 0;
    margin-right: 0;}
#page-wrapper .content-wrapper .school-text h1 {
    bottom: 120px;
    position: relative;}
#page-wrapper .content-wrapper .school-text h1+h2 {
    position: relative;
    bottom: 105px;}
#page-wrapper .content-wrapper .banner-content .achor-banner {
    position: absolute;}
#page-wrapper .content-wrapper .box-content.content-yellow .btn-primary {
    padding: 8px 40px;}
#page-wrapper .all-pad .cl h3 {
    padding-top: 20px;}
#page-wrapper .content-wrapper .catalogue-info h4 {
    font-size: 25px;
    color: #84c440;}
#page-wrapper .content-wrapper .catalogue-sec h3 {
    margin-top:30px;
    color: #a3cd39;
    font-weight: 600;
    font-size: 30px;}
#page-wrapper .content-wrapper .catalogue-sec {
    padding-bottom: 40px;}
#page-wrapper .content-wrapper .council-slider.sop {
    padding-bottom: 20px;}
#page-wrapper .content-wrapper .about-pad {
    padding: 0 200px;}
#page-wrapper .content-wrapper .about-bl {
    color: #000;}
#page-wrapper .content-wrapper .about-bot {
    padding-bottom: 30px;}
#page-wrapper .content-wrapper .council-bot {
    padding-bottom: 20px;}
#page-wrapper .content-wrapper .sustainability-row {
    padding-top: 50px;}
.hero-slider .slick-arrow:before,
.hero-slider .slick-arrow:after {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background: #fff;
    position: absolute;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;}
.hero-slider .slick-arrow:before {
    bottom: 15px;}
.hero-slider button.slick-arrow {
    width: 50px;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    color: #fff;
    font-size: 20px;
    height: 30px;}
.hero-slider .slick-prev:hover:before,
.hero-slider .slick-next:hover:after {
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);}
.hero-slider .slick-prev:hover:after,
.hero-slider .slick-next:hover:before {
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);}
.hero-slider .slick-prev:before {
    top: 0;}
.hero-slider .slick-prev:after {
    bottom: 3px;}
.hero-slider .slick-next:before {
    top: 0;}
.hero-slider .slick-next:after {
    bottom: 4px;}
.hero-slider .slick-arrow-holder {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index:7;}
.hero-slider button.slick-next.slick-arrow:before,
.hero-slider button.slick-next.slick-arrow:after {
    left: 50px;}
.hero-slider .num-before,
.hero-slider .num-after {
    display: none;}
i.hero-slider.slick-arrow.show-arrow.next-ar:after,
i.hero-slider.slick-arrow.show-arrow.next-ar:before {
    right: 0;}
.hero-slider .slick-arrow.show-arrow:hover:before,
.hero-slider .slick-arrow.show-arrow:hover:after {
    display: none;}
i.hero-slider.slick-arrow {
    width: 41px;
    height: 30px;
    position: absolute;}
i.hero-slider {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    line-height: 0;}
.slick-arrow-holder .container {
    position: relative;}
.slick-slider .slick-prev {
    position: absolute;}
.slick-slider .slick-next {
    position: absolute;}
#page-wrapper .content-wrapper .tutorial-bg {
    position: relative;}
#page-wrapper .content-wrapper .tutorial-bg h2 {
    position: relative;
    bottom: 80px;}
#page-wrapper .content-wrapper .tutorial-bg img {
    visibility: hidden;
    min-height: 120px;}
#page-wrapper .content-wrapper .why-recycle-items {
    position: relative;}
#home-videos .home-vid-item.vid-banner img {
    position: relative;}
.inner-page-bg {
    background: rgba(0, 0, 0, 0) url('/_media/webapp/page-banners/about-us.jpg') no-repeat center center / cover;}
#page-wrapper .content-wrapper .login-council form{
    position:relative;
    padding: 10px 0 30px;}
#page-wrapper .content-wrapper .login-council.council-login-main form{
    padding: 0;}
#pagecontent .council-eco-table .eco-list ul li:last-child,
#pagecontent .council-eco-table .eco-list ul li:first-child{
    padding-top: 12px;}
#page-wrapper .counter-home {
    position:  relative;}
#page-wrapper .counter-home h2 {
    font-weight:  900;}
#page-wrapper .counter-home p {
    line-height: 1.2;}
#page-wrapper .content-wrapper .recycle-item-text h4 {
    font-size: 23px;}
#page-wrapper .content-wrapper .recycle-item-text p {
    line-height: 1;}.why-recycle-items .recycle-item a .recycle-item-text:hover,
.why-recycle-items .recycle-item .recycle-item-text:hover {
    background-color: rgba(74,128,68,.7);}
    
#page-wrapper .content-wrapper .home-vid-thumb{
    position:relative; }
#page-wrapper .content-wrapper .home-vid-thumb:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.3);
    z-index:1; }
#page-wrapper .content-wrapper .popup-youtube{
    display:block;
    position:relative;
    z-index:2; }
#page-wrapper .content-wrapper .popup-youtube > *{
    position:relative;
    z-index:1; }
#page-wrapper .content-wrapper .popup-youtube > .fa{
    position:absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    z-index:2;
    font-size:50px;
    color:#ff0000; }
/**
 * Simple fade transition,
 */

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;}
.hero-slider {}
#page-wrapper .content-wrapper #home-videos .home-vid-text p{
    line-height: 1.1;}
#footer .foot-subscribe:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:-20px;
    left:0;
    right:0;
    z-index:1;
    background-color: #f8d708;}
#footer .foot-subscribe > *{
    position:relative;
    z-index:2;}
#footer .foot-section-main h4 {
    font-weight:  500;
    font-size: 18px;
    text-transform:  uppercase;
    color: #000;}
#footer .foot-section-main ul li a {
    font-size: 16px;}
#footer .foot-subscribe .btn-default {
    background:  #b56600;
    border:  none;
    outline:  none;
    width:  100%;
    color: #fff;
    font-weight: 900;}
#footer .foot-subscribe .btn-default:hover{
    background:#000;
    color:#fff; }
#footer .foot-subscribe p {
    color: #000;
    font-weight: 600;
    font-size: 15px;}
.navbar-default .navbar-collapse.collapse {
    padding-left:  0;
    padding-right:  0;}
#page-wrapper .hero-slider .slick-prev{
    left: -25px;}
#page-wrapper .hero-slider .slick-next{
    right: -25px;}
.mobile-seach {
    position:  relative;}
.mobile-seach .button-head-login {
    float: right;
    padding: 12px 0 0 0;
    /*width: 30%;*/}
.button-head-login button,
.button-head-login .btn-link {
    background: transparent;
    border: 1px solid #fff;
    padding: 8px 46px;
    white-space:nowrap;
    color: #fff;}
.button-head-login .btn-link{
    display:inline-block;
    text-decoration:none; }
.button-head-login button:hover,
.button-head-login .btn-link:hover {
    border-color:#ffda00; }
.sitemap-footer .foot-nav{
    margin: 0;
    padding: 0;}
.council-slider-about .slick-dots li button,
.council-slider .slick-dots li button {
    border: 1px solid #bdbcbc;
    width: 12px;
    height: 12px;}
.council-slider-about .slick-dots li button:hover,
.council-slider-about .slick-dots li button:focus, 
.council-slider-about .slick-dots li.slick-active button,
.council-slider .slick-dots li button:hover, 
.council-slider .slick-dots li button:focus, 
.council-slider .slick-dots li.slick-active button {
    background: #bdbcbc;}
.council-slider-about ul.slick-dots,
.council-slider ul.slick-dots{
    position: relative;
    bottom: 0;
    padding: 25px 0 5px;}
.button-head-login a.btn-link:hover{border-color: #fff;}
#map-banner {width: 100%;height: 437px;}

.c-sushi{ color:#8dc63f !important; }
.c-cerulean{ color:#00aeef !important; }
.c-school-bus-yellow{ color:#ffda03 !important; }
.f-normal{ font-weight:normal !important; }
.t-none{ text-transform:none !important; }
.t-uppercase{ text-transform:uppercase !important; }
.t-underline{ text-decoration:underline !important; }

.sep-dashed{ border-top:dashed 2px #779f72; margin:50px 0; }

#pagecontent .btn-link{
    display:block;
    background:#ffda00;
    padding:5px 10px;
    font-size:16px;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
    text-decoration:none;
    text-align:center; }
#pagecontent .btn-link:hover,
#pagecontent .btn-link:focus{
    background:#000 !important;
    color:#fff !important; }
#pagecontent .btn-link.btn-sushi{
    background:#85c440;
    color:#fff; }
#pagecontent .btn-link.btn-hit-gray{
    background:#a2adb6;
    color:#fff; }
#pagecontent .btn-link.btn-cerulean{
    background:#00aeef;
    color:#fff; }
#pagecontent .btn-link.btn-school-bus-yellow{
    background:#ffda00;
    color:#000; }
#pagecontent .btn-link.btn-red{
    background:#ff0000;
    color:#fff; }
#pagecontent .btn-link.btn-inline{
    display:inline-block; }
#pagecontent .btn-link.btn-sm{
    padding:15px 20px;
    font-size:18px;
    line-height:normal;
    border-radius:0; }
#pagecontent .btn-link.btn-md{
    padding:10px 40px;
    font-size:22px; }
.mt0{ margin-top:0 !important; }
.mt10{ margin-top:10px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb70{ margin-bottom:60px !important; }

.full-link{
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:5;
    text-indent:-9999px; }

#page-wrapper .content {
    padding: 15px 0 0;}
#page-wrapper .content h2, 
#page-wrapper .content .h2 {
    font-size: 40px;
}

#page-wrapper .custom-form{
    margin:30px 0 40px;}    
#page-wrapper .custom-form label{
    margin:0 0 5px;
    font-weight:600;
    color:#000; }
#page-wrapper .custom-form input[type=text],
#page-wrapper .custom-form input[type=password],
#page-wrapper .custom-form select,
#page-wrapper .custom-form textarea {
    background: #ffffff;
    border: 1px #a5a5a5 solid;
    width: 100%;
    height: 55px;
    padding: 5px 20px;
    margin-bottom: 35px;
    font-size: 22px;
    color: #000;}
#page-wrapper .custom-form form *::-moz-placeholder {
    color: #4c4c4c;
    opacity: 1;}
#page-wrapper .custom-form form *:-ms-input-placeholder {
    color: #4c4c4c;}
#page-wrapper .custom-form form *::-webkit-input-placeholder {
    color: #4c4c4c;}
#page-wrapper .custom-form textarea {
    height: 170px;
    padding: 10px 20px;}
#page-wrapper .custom-form input[type=submit],
#page-wrapper .custom-form button {
    width: 100%;
    height: 50px;
    background: #a3cd39;
    border: none;
    padding: 0 5px;
    outline: none;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform:uppercase;}
#page-wrapper .custom-form input[type=submit].btn-atlantis,
#page-wrapper .custom-form button.btn-atlantis{
    background: #a3cd39 !important;
    color:#fff !important;}
#page-wrapper .custom-form input[type=submit]:hover,
#page-wrapper .custom-form button:hover{
    background: #000 !important;
    color:#fff !important;}

#page-wrapper .custom-form.inline{ margin:10px 0 0; }
#page-wrapper .custom-form.inline .row{ margin:0 -5px; }
#page-wrapper .custom-form.inline .row > div{ padding:0 5px; }
#page-wrapper .custom-form.inline input[type=text],
#page-wrapper .custom-form.inline input[type=password],
#page-wrapper .custom-form.inline select,
#page-wrapper .custom-form.inline textarea,

#page-wrapper .custom-form.md input[type=text],
#page-wrapper .custom-form.md input[type=password],
#page-wrapper .custom-form.md select,
#page-wrapper .custom-form.md textarea  {
    border: 1px #c1c1c1 solid;
    height: 50px;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 18px; }
#page-wrapper .custom-form.inline input[type=submit],
#page-wrapper .custom-form.inline button,
#page-wrapper .custom-form.md input[type=submit],
#page-wrapper .custom-form.md button {
    background:#363636;
    padding: 5px 10px;
    color:#fff;
    font-size: 18px; }
#page-wrapper .custom-form.md input[type=text],
#page-wrapper .custom-form.md input[type=password],
#page-wrapper .custom-form.md select,
#page-wrapper .custom-form.md textarea {
    padding: 5px 15px;
    margin-bottom: 25px; }
#page-wrapper .custom-form.md input[type=submit],
#page-wrapper .custom-form.md button {
    background:#a2adb6;
    border:1px #8a8d90 solid; }
#page-wrapper .custom-form.md .btn-link{
    height:50px;
    line-height:50px;
    padding: 0 15px;
    border:1px #8a8d90 solid; }

.worm-farming-composting .btn-link{
    cursor:pointer; }
.worm-farming-composting .btn-link.active{
    background:#000 !important; }
.quiz-feat-prod .image{ position:relative; margin-bottom:15px; }
.quiz-feat-prod .plus{
    margin:30px 0;
    text-align:center;
    font-size: 90px;
    color:#7f7f7f;
    font-weight: bold;}
.quiz-feat-prod .name{ margin:0 0 5px; font-size:20px; }
.quiz-feat-prod .price{ margin:0 0 20px; font-size:24px; color:#7f7f7f; font-weight:300; }
.quiz-feat-prod .text-note{ margin:0 0 20px; font-size:24px; }

.claim-section{ background:#ffda00; padding:50px 0; }
.claim-section h2{ margin:0 0 25px; color:#363636; }
.claim-step .item{
    background:#fff;
    padding:25px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    -moz-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    height:100%;
    text-align:center;}
.claim-step .item h3{
    margin:0 0 10px;
    font-size:26px;
    text-transform:uppercase;
    color:#005700; }
.claim-step .item p{
    margin:0;
    color:#000; }

.collect-section{ background:#f2f2f2; padding:35px 0; }
.collect-section h2{ margin:0 0 20px; }
.collect-section h3{ margin:10px 0; font-weight:normal; }
.collect-section h3 a{ color:#ff0000; }
.collect-list{ margin:30px 0 0; }
.collect-list .item{
    background:#fff;
    padding:15px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    -moz-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    height:100%;
    text-align:center;}
.collect-list .item h4{
    margin:0;
    text-transform:uppercase; }
.collect-list .item p{ margin:0; }
.collect-list .item a.tel{ color:inherit; }
.collect-list .item a.mailto{  color:#00aeef; }

#pagecontent .video,
#pagecontent .quiz-confirmation .quiz-option .video-answer {
    position: relative;
    padding-bottom: 54%; /* 16:9 */
    padding-top: 25px;
    height: 0; }
#pagecontent .video > iframe,
#pagecontent .quiz-confirmation .quiz-option .video-answer > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
#pagecontent .quiz-confirmation .quiz-option-item.watch-video{
    width:640px; }

.note-reminder{
    padding:15px 0;
    margin:40px 0 30px;
    border-top:2px dashed #6b9766;
    border-bottom:2px dashed #6b9766; }
.note-reminder h2{
    margin:0;
    font-size:33px !important; }
    
.bundle-deal-feature{
    margin:0 0 40px; }
.bundle-deal-feature h2{
    background:#8dc63f;
    margin:30px 0 20px;
    font-size:40px !important;
    color:#fff;
    text-transform:uppercase;
    position:relative;
    border-radius:10px;
    line-height:normal;
    padding:10px 12px; }
.bundle-deal-feature h2 span {
    display: block;
    position: absolute;
    top: 10px;
    left: 100%;
    margin-left:15px;
    white-space: nowrap;
    font-size: 27px;
    color: #000;
    line-height: 25px; }
.bundle-deal-feature h3{
    margin:0 0 15px;
    font-size:35px !important;
    color:#000;
    font-weight:normal; }
.bundle-deal-feature h4{
    margin:0;
    font-size:20px !important;
    color:#000;
    text-transform:uppercase;
    font-weight:bold; }
.bundle-deal-feature ul{
    margin:0 0 20px;
    padding:0 0 0 20px;
    font-size:20px !important;
    color:#000;
    font-weight:bold; }
.video-tutorial-section{
    background:#e5e5e5;
    padding:30px 0 50px; }
.video-tutorial-section h2{
    margin:0 0 30px;
    text-transform:uppercase; }
    
input[type=radio].quiz-radio{
    display: none; }
input[type=radio].quiz-radio + label{ 
    position:relative; 
    cursor:pointer;
    font-size:20px;
    color:#6b6d69;
    text-align:left;
    padding:0 0 0 56px; }
input[type=radio].quiz-radio + label:before {
    content: "";
    display: inline-block;
    width: 37px;
    height: 37px;
    position: absolute;
    left: 0;
    top: -2px;
    background-color: #fff;
    background-position:center center;
    background-repeat:no-repeat;
    border:1px #878787 solid;}
input[type=radio].quiz-radio:checked + label:before {
    background-image:url(../img/icon-image/icon-check-radio.png);}


#pagecontent .quiz-step {
    display:none; }
#pagecontent .quiz-step.block {
    display:block; }
#pagecontent .quiz-step .btn-link{
    cursor:pointer;
    width:230px; }
#pagecontent .quiz-confirmation{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    text-align:center;
    display:none; }
#pagecontent .quiz-confirmation .overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    background-color:rgba(0,0,0,.9); }
#pagecontent .quiz-confirmation .quiz-option{
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    z-index:2;
    overflow:auto;
    overflow-x:hidden; }
#pagecontent .quiz-confirmation .quiz-option-content{
    display:inline-block;
    position:relative;
    z-index:3; }
#pagecontent .quiz-confirmation .quiz-option-content .close-white{
    position:absolute;
    top:-28px;
    right:-28px; }
#pagecontent .quiz-confirmation .quiz-option .tb{ display:table; width:100%; height:100%; }
#pagecontent .quiz-confirmation .quiz-option .tr{ display:table-row; }
#pagecontent .quiz-confirmation .quiz-option .td{ 
    display:table-cell; 
    position:relative; 
    padding:40px; 
    vertical-align:middle; 
    text-align:center; }
#pagecontent .quiz-confirmation .quiz-option .image{
    line-height:0;
    display:inline-block;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin:0 0 20px; }
#pagecontent .quiz-confirmation .quiz-option h1{
    margin:0;
    font-size:55px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:50px;
    color:#ffda00; }
#pagecontent .quiz-confirmation .quiz-option h2{
    margin:0 0 10px;
    font-size:37px;
    font-weight:bold;
    text-transform:uppercase;
    line-height:32px;
    color:#fff; }
#pagecontent .quiz-confirmation .btn-link:hover{
    background-color:#b56600 !important; }
.forgot{
    font-size:20px;
    color:#ff4c4c; }
    
#pagebanner2 .logged{
    margin:20px 0;
    position:relative; }    
#pagebanner2 .logged .btn-link{
    min-width:176px; }  
#pagebanner2 .logged p{
    margin:0 20px 0 0;
    position:absolute;
    top:5px;
    right:100%;
    font-size:20px;
    line-height: 20px;
    text-align:right; 
    white-space:nowrap; }
#pagebanner2 .logged p a{
    color:inherit;
    font-size:16px;
    text-transform:uppercase;
    text-decoration:none; }
    
.resources-list-section {
    background: #e5e5e5;
    text-align:center; }
.resources-list-section .row > div{
    margin:40px 0; }
.resources-list-section .item{
    max-width:230px;
    height:100%;
    margin:auto; }
.resources-list-section .graph-circle-holder{ 
    margin:0 0 15px;
    text-align:center;
    position:relative; }
.resources-list-section .graph-circle-holder .image{ 
    position:absolute;
    bottom:20px;
    left:0;
    right:0;
    z-index:3;
    line-height:95px; }
.resources-list-section .graph-circle{
    width:200px;
    height:200px;
    margin:auto;
    position:relative; }
.resources-list-section .graph-circle > div,
.resources-list-section .graph-circle .ab,
.resources-list-section .graph-circle .cir,
.resources-list-section .graph-circle .perc{
    width:auto !important;
    height:auto !important;
    position:absolute !important;
    top:0 !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important; }
.resources-list-section .graph-circle .ab{
    background-color:#a4aab1 !important; }
.resources-list-section .graph-circle .cir,
.resources-list-section .graph-circle .perc{
    top:20px !important;
    bottom:20px !important;
    left:20px !important;
    right:20px !important; }
.resources-list-section .graph-circle .perc{
    line-height:normal !important; }
.resources-list-section .graph-circle .perc .num{
    display:block;
    margin:1px 0 0;
    font-size:55px;
    line-height:55px;
    color:#000; }
.resources-list-section h4{
    margin:0;
    font-size:18px;
    color:#000;
    font-weight:bold; }
.resources-list-section .req{
    color:#ff0000;
    font-style:normal;
    text-transform:uppercase; }
.resources-list-section p{
    margin:0;
    font-size:18px;
    color:#000;
    font-weight:normal; }
.resources-list-section .disclaimer{
    padding:50px 0; }
    
.tab-menu{
    margin:0 0 20px; }
.tab-menu ul{
    list-style:none;
    margin:0 -18px;
    padding:0;
    letter-spacing:-10px; 
    text-align:left; }
.tab-menu ul li{
    display:inline-block;
    vertical-align:top;
    letter-spacing:0; 
    padding:0 18px;
    width:20%; }
.tab-menu ul li a{
    display:block;
    background:#dbdbdb;
    padding:15px;
    font-size:16px;
    color:#000;
    text-transform:uppercase;
    font-weight:bold;
    text-decoration:none;
    text-align:center; }
.tab-menu ul li.active > a{
    background:#a3cd39;
    color:#fff; }
.tab-content h3{
    margin:0 0 20px;
    font-size:24px;
    text-transform:uppercase;
    color:#000; }
.tab-content{
    border:1px #999999 solid; }
.downloads-item{
    border-top:1px #999999 solid;
    padding:30px 15px 10px; }
.downloads-item:first-child{
    border-top:none; }
.downloads-list > .row > div{
    margin-bottom:20px; }
.downloads-list .item{
    min-height:100px;
    position:relative;
    padding:50px 0 0 95px; }
.downloads-list .item .icon-image{
    position:absolute;
    top:0;
    left:0; }
.downloads-list .item p{
    margin:0;
    color:#000; }
.downloads-list .item h4{
    margin:0;
    text-transform:uppercase;
    color:#000; }
    
.customer-service-list{
    padding:30px; }
.customer-service-list > .row{
    margin-top:-40px; }
.customer-service-list > .row > div{
    margin-top:40px; }
.customer-service-list .item{
    height:100%;
    padding:15px;
    background:#fff;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    -moz-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,.3) 0px 0px 10px;}
.customer-service-list h4{
    margin:0 0 25px;
    padding:5px 0 10px;
    font-size:16px;
    color:#85c440;
    text-transform:uppercase;
    text-align:center;
    border-bottom:2px #d5e9bd solid; }
.customer-service-list p{
    margin:0;
    font-size:16px;
    color:#000;
    font-weight:bold; }
.customer-service-list p span{
    text-transform:uppercase; }
.customer-service-list p a{
    color:inherit; }
.customer-service-list p.title{
    margin:0 0 10px;
    text-transform:uppercase; }
    
.gallery-list{
    padding:30px;
    text-align:center; }
.gallery-list > .row{
    margin-top:-30px; }
.gallery-list > .row > div{
    margin-top:30px; }
.gallery-list .item{
    height:100%;
    position:relative; }
.gallery-list .image{
    line-height:0;
    margin:0 0 10px;
    background:#fff;
    -webkit-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    -moz-box-shadow: rgba(0,0,0,.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,.3) 0px 0px 10px; }
.gallery-list .image img{
    height:170px;
    visibility:hidden;
    opacity:0; }
.gallery-list h4{
    margin:0;
    font-size:16px;
    color:#000;
    text-transform:uppercase; }
.pending-pick-ups-table{
    padding:30px 70px; }
.pending-pick-ups-table table{
    width:100%; }
.pending-pick-ups-table table th,
.pending-pick-ups-table table td{
    padding:20px 10px;
    position:relative;
    vertical-align:middle;
    font-weight:bold;
    color:#000; }
.pending-pick-ups-table table th{
    text-transform:uppercase;
    color:#85c440; }
.pending-pick-ups-table table td{
    border-top:1px #d4d4d4 solid; }
.pending-pick-ups-table table .t-order-number,
.pending-pick-ups-table table .t-status,
.pending-pick-ups-table table .c-order-number,
.pending-pick-ups-table table .c-status{
    padding-left:0;
    padding-right:0;
    text-align:center; }
.pending-pick-ups-table table .t-status,
.pending-pick-ups-table table .c-status{
    width:108px; }
.pending-pick-ups-table a{
    color:inherit; }
#pagecontent .pending-pick-ups-table .btn-link{
    padding:10px 12px; 
    background:#8dc63f;
    color:#fff; }
#pagecontent .pending-pick-ups-table .btn-link.btn-disabled{
    background:#737373; }
#pagecontent .pending-pick-ups-table .btn-link.btn-delete{
    background:#ff0000;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 100%;
    margin-right:10px;
    text-transform:uppercase; }

#pagecontent .image.background{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover; }
.mfp-bottom-bar{
    display:none; }
.mfp-image-holder .mfp-close, 
.mfp-iframe-holder .mfp-close{
    width:23px;
    height:23px;
    background:url(../img/icon-image/close.png) center center no-repeat;
    padding:0;
    top: 15px;
    right:-25px;
    text-indent:-9999px;
    text-align:left;
    line-height:0; }
.mfp-arrow{
    width:46px;
    height:90px;
    margin-top:-45px;
    background-position:center center;
    background-repeat:no-repeat; }
.mfp-arrow:before, 
.mfp-arrow:after{
    display:none; }
.mfp-arrow-left {
    left: 20px;
    background-image:url(../img/icon-image/arrow-prev2.png) !important; }
.mfp-arrow-right {
    right: 20px;
    background-image:url(../img/icon-image/arrow-next2.png) !important; }
.mfp-figure figure{
    padding:40px 0;
    position:relative; }
.mfp-figure figure img.mfp-img{
    border:1px #fff solid;
    padding:0; }
    
.profile-content .tab-menu ul li{
    width:33.3333%; }
.profile-content #your-info{
    padding:25px; }
.profile-content #viewed-info h4{
    margin:0;
    font-size:18px;
    color:#000;
    font-weight:normal !important;
    text-transform:uppercase; }
.profile-content #viewed-info p{
    margin:0 0 20px;
    font-size:18px;
    color:#000; }
.profile-content #viewed-info p a{
    color:inherit; }
    
.profile-content #edit-info .row{ margin:0 -10px; }
.profile-content #edit-info .row > div{ padding:0 10px; }
.profile-content #upload-logo{
    padding:25px; }
.profile-content #upload-logo .current-logo{
    margin:40px 0 20px; }
#change-password{ padding:0 20px; }
    
#pagecontent .composting-wormfarming-option .row{
    letter-spacing:-10px;
    text-align:center; }
#pagecontent .composting-wormfarming-option .row > div{
    letter-spacing:0;
    display:inline-block;
    vertical-align:top;
    float:none; }
#pagecontent .composting-wormfarming-option .item{
    position:relative; }
#pagecontent .composting-wormfarming-option .item .image{
    position:relative;
    z-index:1;
    line-height:0; }
#pagecontent .composting-wormfarming-option .item .caption{
    position:absolute;
    top:68px;
    left:195px;
    right:0;
    z-index:3; }
#pagecontent .composting-wormfarming-option .item .caption h4{
    margin:0 0 10px;
    font-size:27px;
    color:#fff;
    text-shadow:0 0 10px #000;
    text-transform:uppercase;
    font-weight:bold; }
#pagecontent .composting-wormfarming-option .item .caption h4 a{
    color:#ffda00; }
#pagecontent .composting-wormfarming-option .item .caption .btn-link{
    background:none !important;
    border:1px #fff solid;
    padding:5px 25px;
    color:#fff;
    font-weight:bold; }
#pagecontent .composting-wormfarming-option .item .caption .btn-link:hover{
    background:#8dc63f !important;
    border-color:#8dc63f !important; }

#pagecontent .system-error-content{
    margin:40px 80px; }
    
.text-justify{
    text-align:justify !important; }
.color-atlantis{
    color:#a3cd39 !important; }
.color-sushi{
    color:#84C440 !important; }
    
.congratulations {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:9999;
    background-color:rgba(0,0,0,.5); }
    
.question-holder h2{font-size: 30px;}
.resources-list-section .row .dashboard-col{
    width: 20%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}
.resources-list-section .dashboard-col-dis .item{
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 20px 10px;
    -webkit-transform: translate(0, -5%);
    -ms-transform: translate(0, -5%);
    transform: translate(0, -5%);
}
.resources-list-section .dashboard-col-dis .item p{
    color: #7f7f7f;
    margin-left: 8px;
    padding-bottom: 5px;
    font-size: 17px;
}
.resources-list-section .dashboard-col-dis .item h5{
    font-size: 17px;
    font-weight: 600;
}
.resources-list-section .dashboard-col-dis .item .bl{
    position: absolute;
    left: 8px;
}
#page-wrapper .content-wrapper .hero-slider .banner-bg-mobile{
    display: none;
} 
#page-wrapper .content-wrapper .inner-page-bg-mobile{
    position: relative;
    display: none;
}
.main-information p{
    margin: 0 0 10px;
}
.information-bg {
    background:  #efeff0;
}
.info-trx {
    margin-top:  40px;
}

.info-trx .button {
    height:  48px;
    border: none;
    background:  #8dc63f;
    color: #fff;
    width:  100%;
    text-align:  left;
    padding: 0 17px;
}
.information-flex {
    display: flex;
    flex-wrap: wrap;
    flex: 2;
    padding: 0 15px;
}

.information-col {
    position: relative;
    min-width: 50%;
    flex: 1;
}
.content-information.principle-main {
    background-size:  cover;
    background-repeat: no-repeat;
    background-position:  center center;
    padding-top: 20px;
}
.principle-main ul {
    margin: 0 0 8px 0;
    padding:  0;
}

.principle-main ul li {
    display:  block;
    padding: 12px 0;
}
.principle-main ul li .principle-flx {
    position: relative;
    display: block;
}
.principle-main ul li .principle-flx > div{
    display: inline-block;
    vertical-align: top;
}

.principle-main ul li .principle-flx .big-letter {
    min-width: 17%;
}

.principle-main ul li .principle-flx .big-info {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.1;
}

.information-listing ul {
    margin: 28px 0 0 0;
    padding:  0;
    position: relative;
}

.information-listing ul li:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    color: #8dc63f;
    position: absolute;
    left: -21px;
    top: 4px;
}
.information-listing ul li{
    display: block;
    margin-left: 23px;
    padding-bottom: 11px;
     position: relative;
}
.information-cycle {
    margin-top: 20px;
    position:  relative;

}

.information-cycle img {
    width:  100%;
}

.info-trx.extra .button {
    background: #231f20;
    color: #ffffff;
}
.information-product-main {
    position:  relative;
}

.information-product-row.information-product-qt {
    position:  absolute;
    top: 0;
    margin: 0 auto;
    width:  100%;
    z-index: 10;
}

.information-product-row.information-product-qt > div {
    width: 414px;
    float: right;
    position: relative;
}
.content-information.information-product {
    padding: 30px 0;
    background: rgba(247,247,247,1);
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 18%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 89%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(18%, rgba(247,247,247,1)), color-stop(34%, rgba(255,255,255,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(54%, rgba(255,255,255,1)), color-stop(81%, rgba(255,255,255,1)), color-stop(89%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 18%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 89%);
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 18%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 89%);
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 18%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 89%);
    background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 18%, rgba(255,255,255,1) 34%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 54%, rgba(255,255,255,1) 81%, rgba(255,255,255,1) 89%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0 );
}
.img-curve {
    position: relative;
    bottom: 20px;
    text-align: center;
    width: 1170px;
    margin: auto;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.information-faq {
    text-align: center;
}

.information-faq a {
    color: #333;
    font-size:  28px;
    font-size: 45px;
}
.content-information.information-literature {
    background: #f5f6f7;
}
.information-product-main .information-product-img {
    width: 800px;
    position:  relative;
}

.information-product-qt .info-qzw {
    padding: 20px 0;
    margin-left: 50px;
}

.information-product-qt .info-qzw a {
    width: 200px;
    background: #ffda00;
    color: #000;
    padding: 12px 15px;
    font-weight: bold;
    border-radius: 5px;
    height: 54px;
    font-size: 22px;
}

.information-product-qt .information-product-arrow {
    position: relative;
    width: 242px;
    background:  #a3cd39;
    border-radius: 10px;
    padding: 24px 16px 24px 0;
    position: relative;
    -webkit-box-shadow: 8px 9px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 8px 9px 11px 0px rgba(0,0,0,0.75);
    box-shadow: 8px 9px 11px 0px rgba(0,0,0,0.75);
    margin-bottom: 25px;
}

.information-product-qt .information-product-arrow p {
    color:  #fff;
    border-radius:  5px;
    margin-bottom:  0;
    font-size: 17px;
}
.information-product-qt h2{
    font-family: 'LunchBox';
    font-size: 65px;
     line-height: .9;
     margin: 0 0 10px 0;
     text-align: left;
}
.information-product-qt .information-product-arrow:before{
    background-image: url(../img/information-left.png);
    width: 52px;
    height: 108px;
    display: block;
    content: "";
    position: absolute;
    left: -45px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 3px;
}
#page-wrapper .content.main-information .catalogue-bg {
    position:  relative;
    margin-top: -61px;
}
#page-wrapper .content-information.main-information .about-content-text{
    padding: 20px 0 0;
}
.content-information.main-information .info-trx .button {
    font-family: 'LunchBox';
    font-size: 25px;
    height: 48px;
    width: 100%;
    background: #8dc63f;
    border: none;
    color: #fff;
    padding: 9px 10px;
    text-align: left;
}
.information-flex h3{
    font-weight: 900;
    margin: 0 0 10px 0;
}

.principle-main ul li .principle-flx .big-info .big-title {
    font-weight: bold;
}
.information-worm-wrt {
    position:  absolute;
    top: 0;
    background:  #fff;
    border-radius:  10px;
    width:  314px;
    right: 0;
    padding:  20px;
}

.information-worm-wrt h2 {
    margin: 0;
}
.information-worm-wrt p {
    margin: 0;
    font-size: 22px;
    line-height: 1.2;
}
.information-worm-wrt:before{
    background-image: url(../img/worm-quote.png);
    width: 48px;
    height: 51px;
    display: block;
    content: "";
    position: absolute;
    left: -48px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    bottom: -19px;
}
.information-col.img {
    bottom: -28px;
}

.information-flex .information-col > p {
    margin: 0 0 10px;
    font-weight: 900;
}
.information-col.img img {
    position:  relative;
    left: -27px;
}
.main-information.information-listing .info-trx span{
    height: 45px;
    font-size: 31px;
    font-family: 'LunchBox';
    padding: 5px 20px;
    border: none;
    background: #8dc63f;
    color: #fff;
    width: 100%;
    text-align: left;
    display: block;
}

#page-wrapper .content-catalogue.main-information h2,
#page-wrapper .content-information.main-information h2,
#page-wrapper .content.main-information h2{
    margin: 0 0 10px 0;
    font-size: 40px;
}
.content-catalogue.main-information p.information-blue {
    color: #00aeef;
    font-size: 31px;
    font-family: 'LunchBox';
    text-align: left;
}
.content-catalogue.main-information .info-trx{
    margin-top: 0;
}
.content-catalogue.main-information .info-trx.extra{
    padding: 30px 0;
}
.content-catalogue.main-information .info-trx.extra .button{
    font-family: 'LunchBox';
    font-size: 30px;
}
.information-product-qt > div p{
    margin: 0px 30px 20px 50px;
    line-height: 1.3;
}
.information-product-row.information-product-qt > div .info-qzw{
    margin-left: 50px;
    margin-bottom: 30px;
}
.information-product-qt > div .information-product-arrow p {
    margin:  0;
    z-index: 2;
    position: relative;
    font-size: 17px;
}
.information-product-qt h2 span{
    margin-left: 50px;
}
.content-information.information-literature h2{
    margin: 0 0 10px 0;
}
.content-information.information-literature .literature-div h4{
    margin: 0 0 10px 0;
}
.content-information.information-literature .literature-div {
    position:  relative;
}

.content-information.information-literature .literature-div h4 {
    margin:  0 0 10px 0;
}

.content-information.information-literature .literature-div .button {
    background:  #666666;
    outline: none;
    border:  none;
    color: #fff;
    font-size: 20px;
    padding: 13px 40px;
    border-radius:  5px;
}
.content-information.information-literature .literature-div img{
    padding-bottom: 25px;
}
.content.main-information {
    margin-bottom: 20px;
}

.content.main-information .row .text-justify {
    padding-top: 30px;
}
.information-faq a {
    font-family: 'LunchBox';
    font-size: 40px;
}

.information-faq a:hover {
    color: #333;
}

.content-information.information-literature .row {
    padding-top:  20px;
}
.content-catalogue.main-information.information-listing .info-trx .button{
    height: 45px;
    font-size: 25px;
    font-family: 'LunchBox';
    padding: 9px 20px;
}
#page-wrapper .content.main-information .catalogue-bg img{
    visibility: visible;
    width: 100%;
}
.information-cycle .information-cycle-mob{
    display: none;
}
.content-information.information-literature .literature-div .row > div img{
    width: 100%;
}
.content-information.main-information.information-bg{
    padding-top: 20px;
    padding-bottom: 18px;
}
.content-information.main-information .info-trx a {
    font-family: 'LunchBox';
    font-size: 27px;
    height: 48px;
    width: 100%;
    background: #8dc63f;
    border: none;
    color: #fff;
    padding: 9px 10px;
    text-align: left;
    display:  block;
}
.content-catalogue.main-information.information-listing .info-trx a.button{
    height: 45px;
    font-size: 31px;
    font-family: 'LunchBox';
    padding: 5px 20px;
    display: block;
}
.content-information.information-literature .literature-div h4{
    text-align: left;
}
.content-information.information-literature .literature-div p{
    text-align: left;
}
.content-catalogue.main-information .info-trx.extra{
    width: 1170px;
    margin: auto;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.information-product-qt .information-product-arrow.mob {
    display:  none;
}
.quiz-panel{
    position: relative;
}

.quiz-panel h1 {
    font-family: 'LunchBox';
    font-size: 50px;
    margin-bottom: 10px;
}
.quiz-panel.page2 .content-wrapper {
    padding-top: 20px;
}

.quiz-panel h3 {
    margin-top: 0;
}
.quiz-panel .sep-dashed{
    border-top: none;
}
#page-wrapper .quiz-panel .claim-section h2 {
    font-family: 'LunchBox';
    font-size: 40px;
    color: #4a8044;
    font-weight: normal;
}
#page-wrapper .quiz-panel .claim-section .claim-step .row > div:nth-child(1) .item:before{
    background-image: url(../img/quiz-worm01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 235px;
    width: 232px;
    display: block;
    position: absolute;
    left: -23px;
    bottom: -48px;
}
#page-wrapper .quiz-panel .claim-section .claim-step .row > div:nth-child(1) .item:after{
    background-image: url(../img/quiz-arrow01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 235px;
    width: 232px;
    display: block;
    position: absolute;
    right: -13px;
    transform: translateX(50%);
    z-index: 20;
    bottom: -41px;
}
#page-wrapper .quiz-panel .claim-section .claim-step .row > div:nth-child(2) .item:before{
    background-image: url(../img/quiz-worm02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 235px;
    width: 232px;
    display: block;
    position: absolute;
    left: -23px;
    bottom: -48px;
    z-index: 10;
}
#page-wrapper .quiz-panel .claim-section .claim-step .row > div:nth-child(2) .item:after{
    background-image: url(../img/quiz-arrow02.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 235px;
    width: 232px;
    display: block;
    position: absolute;
    transform: translateX(50%);
    z-index: 10;
    right: -15px;
    top: -26px;
}
#page-wrapper .quiz-panel .claim-section .claim-step .row > div:nth-child(3) .item:before{
    background-image: url(../img/quiz-worm03.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    height: 235px;
    width: 232px;
    display: block;
    position: absolute;
    left: -23px;
    bottom: -48px;
}

#page-wrapper .quiz-panel .claim-section .claim-step {
    position:  relative;
}
#page-wrapper .quiz-panel .claim-section .claim-step .item {
    border-top-left-radius: 20px;
    border-bottom-right-radius:  20px;
    position: relative;
    padding-left: 50%;
    text-align: left;
    background: #fff;
    padding-right: 15px;
}

#page-wrapper .quiz-panel .claim-section .claim-step {
    position:  relative;
}
#page-wrapper .quiz-panel .claim-section .claim-step .item h3{
    font-size: 32px;
}
#page-wrapper .quiz-panel .collect-section h2 {
    font-family: 'LunchBox';
    font-size: 40px;
    color: #4a8044;
    font-weight: normal;
}
#page-wrapper .quiz-panel .collect-section .collect-list .item {
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.quiz-panel.page2 .content-wrapper .claim-section {
    background:  transparent;
}

.quiz-panel.page2 .content-wrapper .collect-section {
    background:  transparent;
    padding-top: 60px;
}
.bg-quiz-mid{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 68px;
    position: relative;
}
.content-information.information-literature .literature-div .button a {
    background: #666666;
    outline: none;
    border: none;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
}
.main-faq{
    position: relative;
}
.main-faq .faq-worm {
    background-image: url(../img/faq-img-worm.png);
    content: "";
    width: 100%;
    height: 158px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    top: 17px;
}
.main-faq .faq-worm .worm-quote{
    background-image: url(../img/faq-img-qt.png);
    content: "";
    width: 202px;
    height: 130px;
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    text-align: center;
    padding: 22px 0 0 0;
    float: right;
    line-height: 1.2;
    top: -69px;
    right: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-tablet-faq {
    position:  relative;
}

.main-tablet-faq .accordion-holder .accor-row a.anchor-accor {
    font-size: 31px;
    font-family: 'LunchBox';
    display:  block;
    background:  #999999;
    padding: 10px 10px;
    color: #ffffff;
    line-height: 1;
    position: relative;
    margin-bottom: 15px;
}
#page-wrapper .main-tablet-faq .accordion-holder .accor-row a.anchor-accor:hover{
    background: #4c4c4c;
}
.main-tablet-faq .accordion-holder .accor-row.open a.anchor-accor{
    background: #8dc63f;
}
#page-wrapper .main-tablet-faq .accordion-holder .accor-row.open a.anchor-accor:hover{
    background: #8dc63f;
}
.main-tablet-faq .accordion-holder .accor-row {
    padding-bottom: 0px;
}
.accor-row.open .accor-text{
    display: block;
}
.accor-row .accor-text{
    display: none;
    padding-top: 25px;
}
.accor-row .accor-text .row {
    padding-bottom:  15px;
}

.accor-row .accor-text .row:nth-child(3) {
    padding-bottom:  0;
}
.accor-row .accor-text .row:nth-child(2){
    padding-bottom: 10px;
}
.main-tablet-faq .accordion-holder {
    position:  relative;
    z-index: 20;
    background:  #fff;
}
.main-faq .faq-worm .worm-quote h5 {
    font-weight:  bold;
    font-size: 21px;
    margin: 0;
    color: #373737;
}

.main-faq .faq-worm .worm-quote p {
    color: #373737;
    margin: 0;
}

.main-faq .faq-worm .worm-quote span {
    text-transform:  uppercase;
    color: #373737;
    font-size: 12px;
    font-weight: bold;
}
.main-tablet-faq .accordion-holder .accor-row a.anchor-accor:after {
    background-image: url(../img/faq-arrow.png);
    content: "";
    display: block;
    width: 19px;
    height: 32px;
    position: absolute;
    z-index: 1000;
    background-repeat: no-repeat;
    margin-top: 10px;
    top: 0;
    right: 5px;
}
.main-tablet-faq .accordion-holder .accor-row a.anchor-accor.open:after{
    background-image: url(../img/faq-arrow-active.png);
    width: 31px;
    height: 20px;
    margin-top: 17px;
    position: absolute;
    right: 5px;
}
.accor-row .accor-text h3 {
    color: #4a8044;
    font-family: 'LunchBox';
    font-size: 31px;
    margin: 0 0 20px 0;
}
.accor-row .accor-text a {
    display:  block;
}
.accor-row .accor-text a.popup-info img {
    width:  100%;   
}
#page-wrapper .content.main-tablet-faq {
    padding-bottom:  40px;
}

a.lightbox-quote:focus,
a.popup-info:focus,
a.popup-info{
    outline: none;
}
.main-tablet-faq .accordion-holder p{
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    color: #373737;
}
.lightbox-quote-shw .form-faq-title {
    position:  relative;
    width: 470px;
    margin: auto;
    padding-bottom: 10px;
}

.lightbox-quote-shw {
    width: 800px;
    padding: 10px;
    text-align: left;
    margin: 40px auto;
    position: relative;
    background: #ffda00;
}

.lightbox-quote-shw .form-faq-title h4 {
    font-family: 'LunchBox';
    font-size: 42px;
    color: #000;
    margin: 0;
}

.lightbox-quote-shw form input {
    width: 100%;
    height: 54px;
    background: #ffe54d;
    border: 2px solid #f7c330;
    margin-bottom: 15px;
    padding: 12px 15px;
    color: #000;
    outline: none;
    font-family: 'LunchBox';
    font-size: 27px;
}

.lightbox-quote-shw form textarea {
    width: 100%;
    height: 170px;
    background: #ffe54d;
    border: 2px solid #f7c330;
    margin-bottom: 15px;
    padding: 12px 15px;
    color: #000;
    outline: none;
    font-family: 'LunchBox';
    font-size: 27px;
}

.lightbox-quote-shw .form-faq-title:after {
    background-image: url(../img/faq-img-worm.png);
    content: "";
    width: 100%;
    height: 158px;
    display: block;
    position: absolute;
    top: -28px;
    background-repeat: no-repeat;
    left: 352px;
    background-size: 180px;
}
.lightbox-quote-shw form {
    position:  relative;
    z-index:  2;
    background: #ffda00;
}
.lightbox-quote-shw form input[type="submit"]{
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.lightbox-quote-shw form .button.done {
    background:  #a3cd38;
    outline: none;
    border:  none;
    color: #fff;
    padding: 5px;
    display:  block;
    width:  100%;
    font-family: 'LunchBox';
    font-size: 27px;
}
.main-tablet-faq .accordion-holder .accor-row a.anchor-accor.open {
    background:  #8dc63f;
    margin-bottom: 0;
}

#page-wrapper .main-tablet-faq .accordion-holder .accor-row a.anchor-accor.open:hover {
    background: #8dc63f;
}
a.popup-info i{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    z-index: 2;
    font-size: 60px;
    color: #ff0000;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option{
    position: relative;
    margin-top: -20px;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .image img{
    width: 864px;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .caption h4{
    font-weight: 400;
    font-size: 50px;
    line-height: 1;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .caption{
    top: 27%;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .caption .btn-link{
    font-size: 27px;
    line-height: 32px;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .item{
    position: relative;
    padding-bottom: 50px;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .item:before{
    content: "";
    background-image: url(../img/worm-left01.png);
    width: 260px;
    height: 273px;
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    bottom: -55px;
    left: -27px;
}
#pagecontent .composting-tradeshow .composting-wormfarming-option .item:after {
    content: "";
    background-image: url(../img/worm-right01.png);
    width: 240px;
    height: 297px;
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    bottom: -55px;
    right: -13px;
}
#pagecontent .composting-tradeshow h2{
    font-size: 60px;
    font-weight: 400;
}
.tradeshow-top {
    margin-top:  40px;
}
#page-wrapper .composting-tradeshow.tradeshow-top h2 {
    font-size: 60px;
    font-weight: 400;
}
#page-wrapper .tradeshow-top.vid01 h2 {
    font-size: 60px;
    font-weight: 400;
}
.tradeshow-top.vid01 .video-tutorial {
    margin-top:  -30px;
}
#pagecontent .tradeshow-top.vid01 .video-tutorial a.btn-link {
    padding: 10px 80px;
}
.tradeshow-top.vid01 .video-tutorial p {
    margin-top: -10px;
}
#page-wrapper .tradeshow-top.vid01 h2 {
    font-size: 60px;
    font-weight: 400;
}
#page-wrapper .tradeshow-top h2.f-normal {
    font-size: 40px;
}
#page-wrapper .tradeshow-top.quiz01 .question-holder > h2 {
    font-size:  50px;
    font-weight:  400;
}
#pagecontent .tradeshow-top.quiz01 .quiz-confirmation .quiz-option-content h2.headd {
    font-size: 62px;
    color: #ffda00;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
}

#pagecontent .tradeshow-top.quiz01 .quiz-confirmation .quiz-option-content h2 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
}
.flex-div {
    position: relative;
    display:  flex;
}

.flex-div .flex-div-col {
    flex:  1;
    min-width: 50%;
}
.flex-div .flex-div-col.first-row{
    position: relative;
    -webkit-transform: translateY(25%);
    -ms-transform: translateY(25%);
    transform: translateY(25%);
    top: 0;
}
#page-wrapper .flex-div .flex-div-col h2 {
    font-size:  70px;
    font-weight:  400;
}

#page-wrapper .flex-div .flex-div-col h2 span {
    font-weight:  600;
    font-size: 100px;
}
#page-wrapper.tradeshow-wrapper .header-wrapper .nav.navbar-nav li {
    padding: 15px 0px;
}
.tradeshow-wrapper .right-quiz {
    position: relative;
    float: right;
    right: 7%;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    top: 5px;
}

.tradeshow-wrapper .right-quiz .btn-primary {
    font-family: 'LunchBox';
    font-size: 40px;
    font-weight:  400;
    padding: 11px 15px 4px;
    color: #000 !important;
    background:  #ffda00;
    border: 1px solid #fff;
    border-radius: 10px;
    line-height: 1;
    -webkit-box-shadow: 0px -1px 21px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -1px 21px -5px rgba(0,0,0,0.75);
    box-shadow: 0px -1px 21px -5px rgba(0,0,0,0.75);
}

#page-wrapper .content-wrapper .login-council .contact-us-submit input[type="submit"] {
    height: 78px;
}

.content.content-package {
    position:  relative;
}
.content.content-package-pack02 {
    background:  #dedfe1;
}
.login-council.bg-grey023 {
    background:  #f5f6f7;
    padding: 50px 0;
}

.content.content-work-together {
    background:  #fff;
}

.content.content-work-together ul {
    padding:  0;
    text-align:  center;
    margin-top: 45px;
    margin-bottom: 0;
}

.content.content-work-together ul li {
    display:  inline-block;
}
.content.content-happy-composting {
    background:  #373737;
}

.content.content-happy-composting p {
    color: #fff;
}

.content.content-happy-composting h2 {
    color: #ffda00;
}
#page-wrapper .content-wrapper .council-wrapper .login-council.inline input[type=text] {
    background: #fff;
}
#page-wrapper .content-wrapper .council-wrapper .login-council.inline{
    background: #f5f6f7;
    padding: 45px 0;
}
#page-wrapper .content-wrapper .council-wrapper .login-council.inline h4{
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size: 25px;
    margin: 19px 0;
    font-weight: 400;
}
#page-wrapper .content-wrapper .council-wrapper .login-council form{
    padding: 0;
}
#page-wrapper .content-wrapper .council-wrapper{
    position: relative;
}
#page-wrapper .content-wrapper .council-wrapper .main-information h1 {
    font-size: 46px;
    color: #a3cd39;
    margin: 0 0 10px 0;
}
.information-council-img {
    top: 60px;
    position: absolute;
}
.content.content-package .content-package-title {
    float: left;
    margin-top: 25px;
}

.content.content-package .worm023 {
    float:  right;
}
.content.content-package .content-package-title h5 {
    font-size: 30px;
    color: #000;
    margin: 0 0 10px 0;
}

#page-wrapper .content.content-package .content-package-title h2 {
    font-size: 67px;
    color: #a3cd39;
    margin: 0 0 10px 0;
}

.content.content-package .content-package-pack01 {
    background: #ffda00;
    position: relative;
}

.content.content-package .content-package-12 {
    background: #ffda00;
    margin-top: 15px;
    padding-bottom: 38px;
}

.content-package-title-wrap {
    position:  absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 10;
}

.content.content-package {
    position:  relative;
    margin-top: 0;
}

.content.content-package .content-package-12 img {
    position:  relative;
    top: -22px;
}
.content.content-package .content-package-pack01 .number-council:before {
    content: "";
    width: 313px;
    height: 174px;
    display: block;
    background-image: url(../img/worm9823.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -39px;
    left: -307px;
}
.content.content-package .content-package-pack01 h4 {
    font-size: 38px;
    margin-left: 310px;
    position:  relative;
    color: #000;
}

.council-number-01 {
    position:  relative;
    padding-bottom: 31px;
}

.council-number-01 .row {
    margin-top: 37px;
        margin-bottom: 20px;
}
.content-package-pack02 h4.number-council:before{
    content: "";
    width: 85px;
    height: 84px;
    display: block;
    background-image: url(../img/council-num02.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -81px;
    bottom: -12px;
}
.content-package-pack02 h4.number-council:after{
    content: "";
    width: 211px;
    height: 217px;
    display: block;
    background-image: url(../img/worm9231.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -44px;
}
.content-package-pack02 h4.number-council {
    font-size: 38px;
    margin-left: 85px;
    position: relative;
    -webkit-font-smoothing: subpixel-antialiased !important;
}
.content-package-pack02{
    position: relative;
    background: #dedfe1;
    padding: 37px 0 50px;
}
.content-package-pack02 .row {
    margin-top: 41px;
}

.content.eco-package-wrapper {
    position:  relative;
    margin-top: -36px;
}

.content.eco-package-wrapper h1 {
    text-align:  center;
    position:  absolute;
    top: 47%;
    left:  0;
    right:  0;
    color:  #a3cd39;
    font-size:  76px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
}
.eco-package-wrapper .eco-package-title{
    position: relative;
}
.eco-package-wrapper {
    position: relative;
}

.eco-package-wrapper .eco-package-chart {
    background:  #ffda00;
}
.eco-package-wrapper .eco-chart {
    position:  relative;
    z-index: 10;
}

.eco-package-wrapper .eco-chart ul li {
    display:  inline-block;
    text-align: center;
    margin: 0 -2px;
    position: relative;
}

.eco-package-wrapper .eco-chart ul {
    padding:  0;
}
.eco-package-wrapper .eco-chart ul li.eco-first {
    width:  36%;
    -webkit-box-shadow: 3px 5px 6px -3px rgba(82,82,82);
    -ms-box-shadow: 3px 5px 6px -3px rgba(82,82,82);
    box-shadow: 3px 5px 6px -3px rgba(82,82,82);
}

.eco-package-wrapper .eco-chart ul li.eco-second {
    width:  21.4%;
    -webkit-box-shadow: -3px 2px 7px 0px rgba(82,82,82);
    -ms-box-shadow: -3px 2px 7px 0px rgba(82,82,82);
    box-shadow: -3px 2px 7px 0px rgba(82,82,82);
}

.eco-package-wrapper .eco-chart ul li.eco-third {
    width: 21.4%;
    -webkit-box-shadow: -3px 2px 7px 0px rgba(82,82,82);
    -ms-box-shadow: -3px 2px 7px 0px rgba(82,82,82);
    box-shadow: -3px 2px 7px 0px rgba(82,82,82);
}

.eco-package-wrapper .eco-chart ul li.eco-four {
    width: 21.4%;
    -webkit-box-shadow: -3px 2px 7px 0px rgba(82,82,82);
    -ms-box-shadow: -3px 2px 7px 0px rgba(82,82,82);
    box-shadow: -3px 2px 7px 0px rgba(82,82,82);
}
.eco-package-wrapper .eco-chart ul li .eco-first-bg {
    background: #0095da;
}

.eco-package-wrapper .eco-chart ul li .eco-second-bg {
    background: #74af1a;
}

.eco-package-wrapper .eco-chart ul li .eco-third-bg {
    background: #05a378;
}

.eco-package-wrapper .eco-chart ul li .eco-four-bg {
    background: #373737
}
.eco-package-wrapper .eco-chart ul li h4{
    color: #ffffff;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 22px 0;
    font-size: 31px;
}

.eco-chart-list {
    position:  relative;
}

.eco-chart-list ul li {
    display:  inline-block;
    text-align: center;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    margin: 0 -2px;
    height: 98px;
    vertical-align: top;
    position: relative;
}

.eco-chart-list ul {
    padding:  0;
     margin: 0;
}
.eco-chart-list .eco-first{
    width:  36%;
}
.eco-chart-list .eco-second{
    width: 21.4%;
}
.eco-chart-list .eco-third{
    width: 21.4%;
}
.eco-chart-list .eco-four{
    border-right: 1px solid #afafaf;
    width: 21.4%;
}
.eco-package-wrapper .eco-chart ul{
    margin: 0;
}
.eco-chart-list-even {
    background:  #e5e5e5;
}

.eco-chart-list-odd {
    background:  #fff;
}
.eco-chart-list ul li h5 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size:  21px;
    font-weight:  400;
    top: 35%;
    -webkit-transform:  translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position:  absolute;
    left:  0;
    right:  0;
}
.eco-chart-list ul li img{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
.eco-chart-div {
    position:  relative;
}

.eco-chart-div:before {
    content: "";
    width: 96px;
    height: 1714px;
    display: block;
    background-image: url(../img/chart-shadow-l.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -71px;
    top: 0px;
    background-size: 72%;
}
.content.eco-package-wrapper .eco-package-chart {
    padding-top: 35px;
}
.eco-chart-div:after {
    content: "";
    width: 96px;
    height: 1714px;
    display: block;
    background-image: url(../img/chart-shadow-r.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -94px;
    top: -3px;
    background-size: 72%;
}

.eco-terms-condi{
     background: #ffda00;
     padding: 40px 0 0;   
}
.eco-terms-condi h2{
    margin: 0 0 10px 0;
}
.eco-terms-condi p {
    margin: 0 0 10px 0;
}
.council-online {
    position:  relative;
    background:  #a3cd39;
    margin-top:  -29px;
}

.council-online h1 {
    margin: 0 0 10px 0;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 53px;
}

.council-online h2 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 66px;
    margin: 0 0 10px 0;
}

.council-online .council-online-bg-green {
    text-align:  center;
    padding: 70px 0 120px;
}
.eco-wave {
    position:  relative;
    z-index:  10;
}

.council-online h2:after {
    content: "";
    width: 461px;
    height: 10px;
    background: #ffda00;
    display: block;
    position:  relative;
    left:  0;
    right:  0;
    margin: auto;
}
.council-online-sol {
    position: relative;
    margin-top: -67px;
    padding-bottom: 58px;
}

.council-online-sol img {
    margin:  auto;
    text-align:  center;
    position: absolute;
    left:  0;
    right:  0;
}

.council-solution {
    margin-top: 595px;
    position:  relative;
    z-index: 10;
    float:  right;
    width:  800px;
}

.council-solution h2 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    color: #a3cd39;
    font-size: 48px;
    padding-left: 116px;
    margin: 0 0 10px 0;
}

.council-solution ul {
    margin: 0;
    padding:  0;
}

.council-solution ul li {
    font-size: 25px;
    position: relative;
    display: block;
    height: 82px;
}

.council-solution ul li:nth-child(odd) {     
    padding-left: 176px;     
    background: rgba(231,231,233,1);
    background: -moz-linear-gradient(left, rgba(231,231,233,1) 0%, rgba(212,213,215,1) 24%, rgba(212,213,215,1) 41%, rgba(188,189,192,1) 59%, rgba(188,189,192,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(231,231,233,1)), color-stop(24%, rgba(212,213,215,1)), color-stop(41%, rgba(212,213,215,1)), color-stop(59%, rgba(188,189,192,1)), color-stop(100%, rgba(188,189,192,1)));
    background: -webkit-linear-gradient(left, rgba(231,231,233,1) 0%, rgba(212,213,215,1) 24%, rgba(212,213,215,1) 41%, rgba(188,189,192,1) 59%, rgba(188,189,192,1) 100%);
    background: -o-linear-gradient(left, rgba(231,231,233,1) 0%, rgba(212,213,215,1) 24%, rgba(212,213,215,1) 41%, rgba(188,189,192,1) 59%, rgba(188,189,192,1) 100%);
    background: -ms-linear-gradient(left, rgba(231,231,233,1) 0%, rgba(212,213,215,1) 24%, rgba(212,213,215,1) 41%, rgba(188,189,192,1) 59%, rgba(188,189,192,1) 100%);
    background: linear-gradient(to right, rgba(231,231,233,1) 0%, rgba(212,213,215,1) 24%, rgba(212,213,215,1) 41%, rgba(188,189,192,1) 59%, rgba(188,189,192,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e9', endColorstr='#bcbdc0', GradientType=1 );
}

.council-solution ul li:nth-child(even) {
    background:  #fbfbfb;
    padding-left: 176px;     
}

.council-solution ul li:nth-child(odd):before {
    display: block;
    background-image: url(../img/check-odd.png);
    width: 50px;
    height: 50px;
    position: absolute;
    content: "";
    left: 115px;
    top: 16px;
}
.council-solution ul li:nth-child(even):before {
    display: block;
    background-image: url(../img/check-even.png);
    width: 50px;
    height: 50px;
    position: absolute;
    content: "";
    left: 115px;
    top: 16px;
}
.council-solution ul li .poei {
    position:  absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.2;
}
.council-solution:after{
    display: block;
    background-image: url(../img/worm-big02.png);
    width: 648px;
    height: 605px;
    position: absolute;
    content: "";
    left: -563px;
    bottom: -38px;
    background-repeat: no-repeat;
}
#page-wrapper .content.start-home {
    background-repeat: no-repeat;
    padding: 50px 0 20px;
}
#page-wrapper .content.start-home h2 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    color: #191919;
    font-size: 47px;
    margin: 0 0 10px 0;
}
#page-wrapper .content.start-home .row {
    padding-top: 30px;
    padding-bottom: 5px;
}
#page-wrapper .content.start-home .row:last-child {
    padding-bottom: 19px;
}
#page-wrapper .content.start-home .car {
    float:  right;
}
.food-scraps-div {
    float:  right;
    vertical-align:  top;
    top: 0;
    position:  relative;
}

.food-scraps > img {
    float:  left;
}

.food-scraps-div .food-scraps-info {
    margin-bottom: -5px;
}

.food-scraps-div h5 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size: 22px;
    color: #545454;
    margin: 0;
}

.food-scraps-div .food-scraps-info p {
    line-height:  1.4;
    color: #545454;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
}

#page-wrapper .content.start-home .food-scraps-div h2 {
    color: #545454;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size: 42px;
}
.food-scraps-div:before {
    background-image: url(../img/start-home021.png);
    content: "";
    width: 315px;
    height: 249px;
    position: absolute;
    left: -296px;
    background-repeat: no-repeat;
    top: -4px;
}
.waste-stream img {
    float:  left;
}

.waste-stream .waste-stream-title {
    position:  absolute;
    bottom: 17px;
    margin-left: 145px;
}

#page-wrapper .content.start-home .waste-stream .waste-stream-title h2 {
    color: #545454;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size: 42px;
    line-height: 1;
}
.content.content-happy-composting p {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size:  21px;
    margin: 0 0 10px 0;
}

#page-wrapper .content.content-happy-composting h2 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-size: 42px;
    margin: 0;
}
#page-wrapper .content.content-happy-composting {
    padding:  45px 0;
}

#page-wrapper .content-wrapper .login-council.bg-grey023 h4 {
    margin: 0 0 10px 0;
    font-size: 60px;
    font-weight:  400;
}
.login-council.bg-grey023 form {
    margin-top:  20px;
}
.login-council.bg-grey023 form {
    margin-top:  20px;
}


.content.content-work-together h3 {
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    color: #373737;
    margin: 0 0 10px 0;
}

#page-wrapper .content.content-work-together {
    padding:  32px 0 39px;
}
#page-wrapper .content.main-information {
    padding:  45px 0 0;
    margin-bottom: 0;
}
#page-wrapper .content.main-information .row {
    padding-top:  10px;
}
.content-package-pack02 p {
    color: #000;
}
.food-scraps {
    margin-top: 35px;
}
.eco-chart-list ul li h5.di-color {
    color:  #20a376;
}
.content-package-img img{
    min-height: 186px;
}
#page-wrapper .content-wrapper .login-council.inline .login-council-form form .row{
    margin-right: -15px;
    margin-left: -15px;
}
#page-wrapper .content-wrapper .login-council.inline .login-council-form form .row > div {
    margin-bottom:  10px;
}
.content.eco-package-wrapper .eco-package-title img {
    min-height: 216px;
}
.eco-package-wrapper .eco-chart ul li img{
    position: absolute;
    left: 0;
    right: 0;
}
#page-wrapper .eco-chart-list ul li h2{
    display: none;
}
.eco-mob{
    display: none;
}
.eco-chart-list-mob{
    display: none;
}

.support-content{
    display: none;
}
.support-content.open{
    display: block;
}
.start-both {
    text-align: center;
    position: relative;
    padding: 200px 0 100px;
}

.start-both ul li {
    display: inline-block;
    padding: 0 16px;
}

.start-both ul li a {
    color: #ffffff;
    background-color: #a3cd39;
    border-color: #a3cd39;
    padding: 14px 16px;
    border-radius: 3px;
    font-size: 22px;
    font-family: "HarmonyBeta-Text", Helvetica, Arial, sans-serif;
    font-weight:  600;
}
.start-both h2 {
    font-size: 55px;
}
.start-both ul li a:hover {
    background: #000;
    border: 1px solid #000;
}

.start-both ul{
    padding-left: 0;
}
.tradeshow-main {
    position:  relative;
}

.tradeshow-main .tradeshow-composting-div {
    position:  relative;
}

#pagecontent .tradeshow-main .tradeshow-composting-div.composting-wormfarming-option .item:before {
    display: none;
}
#pagecontent .tradeshow-main .tradeshow-wormfarming-div.composting-wormfarming-option .item:after{
    display: none;
}
#pagecontent .tradeshow-main .tradeshow-composting-div.composting-wormfarming-option .item:after{
    content: "";
    background-image: url(../img/worm-right023.png);
    width: 311px;
    height: 372px;
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    bottom: 28px;
    right: -69px;
}
#pagecontent .tradeshow-main .tradeshow-wormfarming-div.composting-wormfarming-option .item .image{
    right: -58px;
}

#pagecontent .tradeshow-main .tradeshow-wormfarming-div.composting-wormfarming-option .item:before{
    content: "";
    background-image: url(../img/worm-left024.png);
    display: block;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    bottom: -1px;
    left: -40px;
    width: 350px;
    height: 352px;
}
#pagecontent .tradeshow-main .tradeshow-wormfarming-div.composting-wormfarming-option .caption{
    left: -91px;
    top: 23%;
}
#page-wrapper .tradeshow-main {
    padding:  0;
}
#page-wrapper .tradeshow-main h2 {
    background: #1a1a1a;
    padding: 16px 0 5px;
    color: #fff !important;
}
.tradeshow-wrapper #pageheader .navbar-default {
    display:  none;
}

.tradeshow-wrapper #pageheader {
    min-height: 87px;
}
.quiz-area-foot {
    min-height: 60px;
    background: #a3cd39;
}
#pagecontent .composting-tradeshow.tradeshow-main .composting-wormfarming-option .item {
    padding-bottom: 0;
}
.tradeshow-wrapper .tradeshow-top.vid01 {
    margin-top: 10px;
}
.quiz-panel h3.coupon-note {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ff0000;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 26px;
}