body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 768px) {
body {
font-size: 15px;
}
}
h4, h5, h6 {
margin-bottom: 10px;
}
p:empty {
display: none;
}
hr {
margin: 20px auto;
background-color: #689130;
height: 6px;
max-width: 100px;
border-top-left-radius: 20% 40%;
border-top-right-radius: 30% 80%;	
border-bottom-right-radius: 50% 40%;
border-bottom-left-radius: 20% 50%;	
}
.d-green {
color: #0d4331;
}
.green {
color: #689130;
}
.clearfix {
clear: both;
}
.clearfix:after {
clear: both; 
content: "";
display: table; 
} a.button, li.menu-btn.button a, #contact-form input[type=button] {
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
box-shadow: 0px 5px 0 #302e2e;
}
a.button:active {
box-shadow: 0 0 0;
transform: translate(0px, 5px);
}
a.button.cta-btn, #contact-form input[type=button] {
background-color: #dec328;
color: #302e2e;
transition: all .2s;
}
a.button.cta-btn:hover, #contact-form input[type=button]:hover {
background-color: #527522;	
color: #fff;	
}
.buttons {
text-align: center;
}
.buttons a {
margin: 5px;
min-width: 120px;
}
a.button.header-btn {
font-size: 20px;
display: block;
max-width: 220px;
margin: 10px auto;
}
.dl-btns {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.dl-btns a.button {
margin: 5px;
}
body .main-navigation .main-nav ul li.menu-btn.button a {
background-color: #689130;
}
body .main-navigation .main-nav ul li.menu-btn.button a:hover {
background-color: #527522;
}
@media (max-width: 768px) {
a.button.header-btn {
font-size: 16px;
max-width: 140px;
margin: 2px auto;
}
}
@media (max-width: 499px) {
a.button.header-btn {
display: none;
}
li.menu-btn.button {
max-width: 240px;
margin: 0px auto;
}
}
@media (min-width: 500px) {
li.menu-btn.button a {
display: none;
}
} .btm-btns {
position: fixed;
z-index: 300;
bottom: 2px;
width: 100%;
text-align: right;
}
.btm-btns a.btm-btn {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
color: #fff;
font-weight: bold;
padding: 5px 20px 5px;
background-color: #000;
display: inline-block;
transition: all .2s;
}
.btm-btns .icon-phone, .btm-btns .icon-whatsapp  {
padding-left: 5px;
display: inline-block;
font-size: 20px;
}
.btm-book, .btm-call {
margin-right: 3px;
}
.btm-btns a.btm-btn:hover {
background-color: #222;
}
@media (max-width: 767px) {
.btm-btns {
text-align: center;
}
.btm-btns a.btm-btn {
min-width: 100px;
}
.btm-call {
margin-right: 0;
}
} .site-header {
z-index: 200;
}
.header-info a {
font-family: "Oswald", sans-serif;
}
.site-header .header-image {
margin-bottom: -50px;
display: flex;
order: 1;
}
.inside-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-info {		
width: 60%;
text-align: center;
}
.rate-badge {
width: 20%;
margin-bottom: -40px;
text-align: right;
}
.site-logo {
width: 20%;
}
.header-info a {
font-size: 28px;
}
body .navigation-branding img {
padding-top: 5px; padding-bottom: 5px;
}
@media (min-width: 769px) and (max-width: 849px) {
#sticky-navigation.main-navigation .main-nav ul li a {
padding-left: 15px; padding-right: 15px;
}
}
@media (min-width: 769px) and (max-width: 1023px) {
.site-header .header-image {
margin-bottom: -30px;
}
img.header-image, .rate-badge img {
max-width: 80%;
}
}
@media (max-width: 768px) {
.inside-header {
margin-bottom: -20px;
}
.rate-badge {
margin-bottom: -25px;
}
body .main-navigation .main-nav ul li a {
text-align: center;
}
body .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
float: none;
}
body .main-navigation ul ul {
box-shadow: none;
}
body .main-navigation .main-nav ul li a {
line-height: 50px;
}
}
@media (max-width: 599px) {
.header-info a {
font-size: 22px;
}
}
@media (max-width: 479px) {
.header-info a {
font-size: 17px;
}
.mob-hide {
display: none;
}
.header-info {
width: 50%;
margin-bottom: 10px !important;
}
.site-logo, .rate-badge {
width: 25%;
}
.header-info span.icon-phone {
padding-right: 2px;
color: #3a3a3a;
}	
}
@media (min-width: 480px) {
.desk-hide {
display: none;
}
} #about.generate-sections-container, #testimonials.generate-sections-container, #poem.generate-sections-container, #tips-intro.generate-sections-container {
padding: 0 2%;
}
.rounded-section .generate-sections-inside-container {
background: #fff;
padding: 30px 40px 50px;
border-top-left-radius: 50% 40%;
border-top-right-radius: 30% 80%;	
border-bottom-right-radius: 50% 50%;
border-bottom-left-radius: 20% 100%;	
border-top: 5px solid #f4f4f4;
}
.about-cols {
margin: 0 auto;
text-align: center;
}
.about-col {
margin-bottom: 1em;	
}
.heading-text p {
font-size: 1.1em;
margin-bottom: 1rem;
}
@media (max-width: 1023px) {
.heading-text h1, .heading-text p {
margin-left: auto; margin-right: auto;
}
.heading-text h1 {
max-width: 70%;
}
.heading-text p {
max-width: 80%;
}
.about-cols {
max-width: 90%;
}
}
@media (max-width: 549px) {
.rounded-section.rs1 .generate-sections-inside-container, .rounded-section.rs2 .generate-sections-inside-container {
padding: 15px 20px 20px !important;
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;	
border-bottom-right-radius: 30px !important;
border-bottom-left-radius: 30px !important;
}	
.heading-text h1 {
max-width: 90%;
}
.heading-text p {
max-width: 100%;
}
.about-cols {
max-width: 100%;
}
} #how-it-works .step, #tips .tip {
color: #f4f4f4;
font-size: 96px;
text-align: center;
}
#how-it-works .step-col-inner a {
color: #fff;
}
.step-col-inner {
background-color: #689130;
border-top: 4px solid #527522;
color: #fff;
}
.tip-col-inner.even {
background-color: #dec328;
border-top: 4px solid #527522;
color: #fff;	
}
.step-col-inner, .tip-col-inner {
padding: 20px 30px 10px;
text-align: center;
border-top-left-radius: 40% 20%;
border-top-right-radius: 20% 30%;	
border-bottom-right-radius: 50% 30%;
border-bottom-left-radius: 20% 60%;	
margin-bottom: 20px;
}
.tip-col-inner p {
margin-left: 20px; margin-right: 20px;
}
@media (min-width: 550px) {
.tip-row1 .tip-col-inner.even, .tip-row2 .tip-col-inner.odd, .tip-row3 .tip-col-inner.even {
background-color: #689130;
border-top: 4px solid #527522;
color: #fff;	
}
.tip-row1 .tip-col-inner.odd, .tip-row2 .tip-col-inner.even, .tip-row3 .tip-col-inner.odd {
background-color: #dec328;
border-top: 4px solid #ceb525;
color: #3a3a3a;
}
}
@media (max-width: 549px) {
.step-col, .tip-col {
width: 100%;
}
.tip-col-inner.odd {
background-color: #689130;
border-top: 4px solid #527522;
color: #fff;
}
.tip-col-inner.even {
background-color: #dec328;
border-top: 4px solid #ceb525;
color: #3a3a3a;
}
} #testimonials {
text-align: center;
}
.rounded-section.rs2 .generate-sections-inside-container {
background: #302e2e;
padding: 30px 40px 50px;
border-top-left-radius: 30% 80%;
border-top-right-radius: 50% 50%;	
border-bottom-right-radius: 20% 100%;
border-bottom-left-radius: 50% 50%;	
border-top: 5px solid #544a4a;
}
#testimonials .swiper-container {
width: 100%;
height: 100%;
}
#testimonials .swiper-slide {
margin-bottom: 40px;
}
.swiper-slide .icon-quotes-right {
font-size: 60px;
color: #689130;
margin-bottom: 20px;
}
#testimonials .swiper-slide p {
max-width: 700px;
margin-left: auto; margin-right: auto;
}
#testimonials hr, #video hr {
background-color: #544a4a;
}
.swiper-slide p.content {
padding-left: 10px; padding-right: 10px;
}
.swiper-slide p.author {
color: #eee;
}
#testimonials .swiper-pagination-bullet, #testimonials .swiper-pagination-bullet-active {
background-color: #689130;
}
@media (min-width: 769px) {
.swiper-slide p.content {
font-size: 1.2em;
}
#testimonials .swiper-pagination-bullet {
width: 24px;
height: 24px;
}
}
@media (max-width: 768px) {
.swiper-slide p.content {
font-size: 17px;
}
#testimonials .swiper-pagination-bullet {
width: 16px;
height: 16px;
}
.swiper-slide .icon-quotes-right {
font-size: 40px;
}
} #faqs {
text-align: center;
}
#accordion1, #accordion2 {
max-width: 820px; 
margin: 20px auto 0;
}
#accordion1 .accordion-toggle {
background-color: #689130;
color: #fff;
border-top: 4px solid #527522;
}
#accordion2 .accordion-toggle {
background-color: #fff;
border-top: 4px solid #f4f4f4;
}
.accordion-toggle {
cursor: pointer;
margin-bottom: 15px;
padding: 20px;
position: relative;
transition: all 300ms;
border-top-left-radius: 10% 20%;
border-top-right-radius: 20% 15%;	
border-bottom-right-radius: 15% 40%;
border-bottom-left-radius: 20% 30%;	
}
.accordion-toggle:hover, .accordion-toggle.toggle-open {
background-color: #527522;
}
h3.accordion-toggle {
text-align: center;
}
.accordion-content {
display: none;
padding: 10px 20px 20px;
}
.accordion-content.default {
display: block;
}
.accordion-toggle.toggle-open:after {
content: '-';
}
.accordion-toggle:after {
content: '+';
}
.accordion-toggle.toggle-open:after, .accordion-toggle:after {
margin-left: 10px;
}
@media (max-width: 449px) {
.accordion-content {
padding-left: 10px; padding-right: 10px;
}    
}
#how-it-works #accordion1 {
margin-top: 0px;
padding-left: 10px; padding-right: 10px;
}
#how-it-works #accordion1 .accordion-content img {
border-radius: 4px;
border: 3px solid #eee;
margin-bottom: 10px;
}
@media (max-width: 768px) {
#how-it-works #accordion1 .accordion-content {
text-align: center;
}
#how-it-works #accordion1 {
margin-top: 0;
}
} #get-started {
text-align: center;
}
.cta-boxes {
max-width: 1200px;
margin-left: auto; margin-right: auto;
}
.cta-box-inner {
background-color: #fff;
border-top: 5px solid #f4f4f4;
margin: 10px 0;
padding: 25px 25px 10px;
}
.cta-box-inner img {
margin-bottom: 10px;
}
#boxdrop .cta-box-inner, #r4s-day .cta-box-inner, #external-bank .cta-box-inner {
border-radius: 50px;	
}
@media (min-width: 450px) {
.cta-box-inner h3 {
font-size: 26px;
}
.cta-box-inner a.button {
font-size: 20px;
}
}
#get-started .generate-sections-inside-container {
max-width: 980px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) and (max-width: 949px) {
#get-started .generate-sections-inside-container {
padding-left: 10px; padding-right: 10px;
}
.cta-box-inner {
padding: 20px 15px 10px;
}
}
@media (max-width: 768px) {
.rs3 .generate-sections-inside-container {
border-top-right-radius: 12% 6%;	
border-top-left-radius: 15% 4%;
}
}	
@media (max-width: 549px) {
#boxdrop .cta-box-inner, #r4s-day .cta-box-inner, #external-bank .cta-box-inner  {
border-top-left-radius: 30px;
border-top-right-radius: 30px;	
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
}
.cta-box-inner {
margin-left: 0; margin-right: 0;
}
}
@media (max-width: 449px) {
.cta-box-inner h3 {
font-size: 24px;
}
.cta-box-inner a.button {
font-size: 18px;
}
.rs3 .generate-sections-inside-container {
padding-left: 0px; padding-right: 0px;
}
.cta-box-inner {
padding: 15px;
}
} .poem-text {
text-align: center;
}
.poem-text p {
text-align: center;
font-weight: 500;
font-style: italic;
}
#poem .heading-text p {
max-width: 80%;
margin: 10px auto 20px;
}
#poem .heading-text h1 {
max-width: 70%;
margin-left: auto; margin-right: auto;
}
#video {
text-align: center;
}
#video.generate-sections-container {
padding: 40px 2% 20px;
}
#video video {
margin: 30px;
}
.video-text {
max-width: 60%;
margin: 0 auto 10px;
}
.video-text h3 {
color: #eee;
}
@media (max-width: 549px) {
.video-text {
max-width: 90%;
}
#video video {
margin: 10px;
}
} .accept-icons img {
margin-bottom: 10px;
}
.accept-icons .buttons {
margin-top: 20px;
}
@media (max-width: 499px) {
.accept-icons .mobile-grid-33 {
width: 50%;
}
} #contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea, #contact-form input[type="number"] {
border-radius: 20px;
-webkit-appearance: none;
}
.form-wrap .generate-sections-inside-container {
max-width: 900px;
margin-left: auto; margin-right: auto;
}
#contact-form.form-wrap .first-column {
margin-top: -60px;
text-align: center;
}
@media (max-width: 768px) {
#contact-form.form-wrap .first-column {
margin-top: -80px;
margin-bottom: 20px;
}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea, #contact-form input[type="number"] {
text-align: center;
}
#contact-form .form-btn {
text-align: center;
}
}
#contact-form.contact-row .generate-sections-inside-container {
max-width: 1100px;
margin-left: auto; margin-right: auto;
}
#contact-form.contact-row .first-column {
margin-top: -80px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
#contact-form.contact-row .first-column .contact-details {
text-align: left;
margin-top: 30px;
margin-bottom: 40px;
}
#contact-form.contact-row .first-column .contact-details a, .contact-details .phone, .contact-details .email {
color: #3a3a3a;
font-size: 20px;
display: flex;
align-items: center;
margin-bottom: 15px;
}
#contact-form.contact-row .first-column .contact-details .phone a, 
#contact-form.contact-row .first-column .contact-details .email a {
margin-bottom: 0px;
}
#contact-form.contact-row .first-column .contact-details a span, .contact-details .phone span, .contact-details .email span {
color: #689130;
font-size: 24px;
padding-right: 5px;
}
.privacy-text {
max-width: 1000px;
margin-left: auto; margin-right: auto;
}
@media (max-width: 768px) {
.privacy-text {
text-align: center;
padding-left: 10px; padding-right: 10px;
}
} #footer-widgets {
text-align: center;
}
#footer-widgets h2 {
margin-bottom: 0;
}
#footer-widgets hr {
background-color: #544a4a;
margin-top: 10px;
}
.footer-logos {
background-color: #fff;
border-top: 4px solid #f4f4f4;
display: inline-block;
padding: 30px 10px 30px 30px;
border-radius: 30px;
}
.footer-contact a, .footer-contact .phone, .footer-contact .email {
display: flex;
justify-content: center;
margin-bottom: 10px;
font-size: 19px;
}
.footer-contact a span, .footer-contact .phone span, .footer-contact .email span  {
font-size: 22px;
padding-right: 10px;
color: #689130;
}
ul.footer-menu span {
padding-right: 5px;
color: #544a4a;
}		
@media (max-width: 768px) {
.inside-footer-widgets {
display: flex;
flex-wrap: wrap;
}
.footer-widget-1 {
order: 3;
-webkit-order: 3;
margin-bottom: 0px !important;
}
.footer-widget-2 {
order: 1;
-webkit-order: 1;
}
.footer-widget-3 {
order: 2;
-webkit-order: 2;
margin-bottom: 40px;
}
}
@media (max-width: 399px) {
.footer-logos {
margin-left: 10px; margin-right: 10px;
padding: 20px 20px 20px 20px;
}
} @font-face {
font-family: 'icomoon';
src:  url(//www.recycle4school.org.uk/fonts/icomoon.eot?q1v7mg);
src:  url(//www.recycle4school.org.uk/fonts/icomoon.eot?q1v7mg#iefix) format('embedded-opentype'),
url(//www.recycle4school.org.uk/fonts/icomoon.ttf?q1v7mg) format('truetype'),
url(//www.recycle4school.org.uk/fonts/icomoon.woff?q1v7mg) format('woff'),
url(//www.recycle4school.org.uk/fonts/icomoon.svg?q1v7mg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.icon-check:before {
content: "\f00c";
}
.icon-close:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-play-circle-o:before {
content: "\f01d";
}
.icon-map-marker:before {
content: "\f041";
}
.icon-check-square-o:before {
content: "\f046";
}
.icon-play:before {
content: "\f04b";
}
.icon-calendar:before {
content: "\f073";
}
.icon-external-link:before {
content: "\f08e";
}
.icon-phone:before {
content: "\f095";
}
.icon-twitter:before {
content: "\f099";
}
.icon-facebook:before {
content: "\f09a";
}
.icon-facebook-f:before {
content: "\f09a";
}
.icon-caret-down:before {
content: "\f0d7";
}
.icon-caret-up:before {
content: "\f0d8";
}
.icon-caret-left:before {
content: "\f0d9";
}
.icon-caret-right:before {
content: "\f0da";
}
.icon-envelope:before {
content: "\f0e0";
}
.icon-linkedin:before {
content: "\f0e1";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-mobile:before {
content: "\f10b";
}
.icon-mobile-phone:before {
content: "\f10b";
}
.icon-youtube-play:before {
content: "\f16a";
}
.icon-instagram:before {
content: "\f16d";
}
.icon-whatsapp:before {
content: "\f232";
}