/*

 - cache/global.less.60adca73220c7e0bb97a578f4633aa64.css
 - cache/module--common.less.ab0b1cbc2a871c498d507cf902b3d1c1.css
 - cache/header.less.b2b05a14fcedaad2b32fc505b37c1715.css
 - cache/module--socialMedia.icons.less.d3dbcd9a1b5f2437245b8268c677ca0e.css
 - cache/welcome.less.33b83939cff4871d8d2a5b7e39034ca1.css
 - cache/module--cta.less.3100e93de4cfc657453e031e15380782.css
 - cache/cookie-consent.less.b976f4fa23976db5db7e8fc0d0cb6915.css

*/


/* minified the hell out of this */

/* minified the hell out of this */
body header {z-index: 1020;
background: #fff;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: 'navbar social';}
@media (max-width:991px) {body header {grid-template-columns: auto;
grid-template-areas: 'navbar' 'social';}}
body header .navbar.navbar-builders {background: none !important;}
body header .navbar.navbar-builders .navbar-brand {display: grid;
margin-right: 80px;}
@media (min-width: 992px) and (max-width: 1079px) {body header .navbar.navbar-builders .navbar-brand {margin-right: 50px;}}
body header .navbar.navbar-builders .navbar-brand img {height: 22px;}
body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link {position: relative;
color: rgba(0,0,0,0.7);
padding-left: 1em;
padding-right: 1em;}
body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link:hover {color: rgba(0,0,0,0.9);}
body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link:hover:not(.dropdown-toggle):after {content: ' ';
border-top: solid 2px #fc1520;
position: absolute;
bottom: 0;
left: 0;
width: 100%;}
@media (min-width: 1080px) and (max-width: 1266px) {body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link {padding-left: 8px !important;
padding-right: 9px !important;}}
@media (min-width: 992px) and (max-width: 1079px) {body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link {padding-left: 8px !important;
padding-right: 8px !important;
font-size: 15px;}}
@media (min-width: 1080px) and (max-width: 1266px) {body header .social-media-icons li {padding-left: 2px;
padding-right: 2px;}}
@media (min-width: 992px) and (max-width: 1079px) {body header .social-media-icons li {padding-left: 0;
padding-right: 0;}}
@media (min-width: 992px) and (max-width: 1266px) {body header .social-media-icons li a i.fab {font-size: 14px;}}
body * {font-family: 'Poppins', sans-serif;}
body > footer {background: #0947b3;
color: #fff;
clear: both;}
body > footer .container {max-width: 1024px;
align-items: start;}
body > footer .top {background: #0b5ae4;
padding-bottom: 15px;
padding-top: 30px;
font-size: 12px;}
body > footer .top .container {display: grid;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "coordinator contact newsletter";
grid-gap: 15px;}
@media (max-width:991px) {body > footer .top .container {grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-template-areas: "coordinator contact" "newsletter newsletter";}}
@media (max-width:479px) {body > footer .top .container {grid-template-rows: auto auto auto auto;
grid-template-columns: auto auto auto;
grid-template-areas: "coordinator" "contact" "newsletter";}}
body > footer .top .container .logo {width: 158px;}
body > footer .top .container .logo img {max-width: 100%;}
body > footer .top .container h5 {margin: 1.6em 0 0.2em 0;
font-size: 12px;}
body > footer .top .container h5 + a {font-weight: bold;}
body > footer .top .container .coordinator {grid-area: coordinator;}
body > footer .top .container .coordinator a {display: flex;
justify-content: flex-start;
color: #fff;
text-decoration: underline;}
body > footer .top .container .coordinator a img {width: 160px;
min-width: 150px;
max-width: 100%;}
body > footer .top .container .coordinator .persons {display: flex;
flex-wrap: wrap;
justify-content: space-evenly;}
body > footer .top .container .project-contact {grid-area: contact;}
body > footer .top .container .project-contact .contact > div {margin-bottom: 0.6em;}
body > footer .top .container .person {margin: 15px 0;
padding: 0 5px 0 0;}
body > footer .top .container .person .name {font-weight: 600;}
body > footer .top .container .newsletter {grid-area: newsletter;}
body > footer .top .container .newsletter h5 {font-size: 16px;
font-weight: 700;
text-transform: uppercase;
margin: 0.8em 0 1.6em 0;}
body > footer .top .container .newsletter form .form-group input {border-radius: 10px;
background-color: rgba(255,255,255,0.4);
border-color: transparent;
color: #fff;}
body > footer .top .container .newsletter form .form-group input::placeholder {color: #0b5ae4;
font-style: italic;}
body > footer .top .container .newsletter form .checkbox label input {border-radius: 10px;
background-color: rgba(255,255,255,0.4);
border-color: transparent;
color: #fff;}
body > footer .top .container .newsletter form .checkbox label a {color: #fff;
font-style: italic;
text-decoration: underline;}
body > footer .top .container .newsletter form button.btn.btn-m[type = submit] {padding: 5px 20px;
border-radius: 10px !important;}
body > footer .eu-legal {background: #0b5ae4;
padding-bottom: 15px;}
body > footer .eu-legal a {color: rgba(255,255,255,0.8);}
body > footer .eu-legal a:hover {color: #fff;
text-decoration: underline;}
body > footer .eu-legal .license {font-size: 12px;}
body > footer .legal {color: rgba(255,255,255,0.75);
font-size: 0.8rem;
padding-bottom: 15px;}
body > footer .legal .legal-notice {display: flex;
flex-wrap: nowrap;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;}
@media (max-width:767px) {body > footer .legal .legal-notice {flex-direction: column;}}
body > footer .legal .legal-notice .eu-flag img {width: 40px;}
body > footer .legal .legal-notice .funding {padding-left: 12px;}
body > footer .legal .legal-notice .funding p {font-size: 0.7em;
margin: 0.2em 0;}
body > footer .footer-nav {display: grid;
grid-template-columns: auto 1fr;
align-items: center;}
@media (max-width:767px) {body > footer .footer-nav {grid-template-columns: 1fr;
grid-template-rows: auto auto;}}
body > footer .footer-nav .navigation {padding: 15px 0;
margin-left: -15px;}
body > footer .footer-nav .navigation .nav .nav-link {color: rgba(255,255,255,0.5);}
body > footer .footer-nav .navigation .nav .nav-link:hover {color: #fff;
text-decoration: underline;}
body > footer .footer-nav .social-media {display: grid;
grid-template-columns: 1fr auto;
align-items: center;
justify-items: end;}
@media (max-width:767px) {body > footer .footer-nav .social-media {grid-template-columns: auto 1fr;
justify-items: start;}}
body > footer .footer-nav .social-media h5 {margin-bottom: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;}
body > footer .footer-nav .social-media-icon {border-radius: 50%;
width: 30px;
height: 30px;
border: 1px solid #fff;
color: #fff;}
body > footer .footer-nav .social-media-icon:hover {background: #fff;
color: #0b5ae4;}
.nj-prefers-container {padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
@media (min-width:992px) {.nj-prefers-container {max-width: 800px;}}
@media (max-width:991px) {.nj-prefers-container {max-width: 600px;}}
.nj-last-content {padding-bottom: 100px;}
.nj-first-content {padding-top: 50px;}
.nj-only-content {padding-top: 50px;
padding-bottom: 100px;}
.nj-card-list .item {padding: 12px 0;
margin: 12px 0;
border-bottom: solid 2px #0b5ae4;
box-shadow: none;
border-radius: 0;}
@media (min-width:768px) {.nj-card-list .item {display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: 'image body' 'image footer';
grid-gap: 12px;}
.nj-card-list .item .card-img-top {grid-area: image;}
.nj-card-list .item .card-body {grid-area: body;}
.nj-card-list .item .card-body .card-title {padding-top: 0;}
.nj-card-list .item .card-footer {grid-area: footer;
text-align: right;}}
html {scroll-behavior: smooth;}
body {font-family: arial, Helvetica, sans-serif;
font-size: 16px;}
body .n-product {display: inline-block;
font-family: 'Dorsa', sans-serif;
font-size: 1.8em;
line-height: 100%;}
body .n-product::first-letter {color: #007afb;
font-size: 70%;
line-height: 70%;
vertical-align: top;}
body .img-responsive {max-width: 100%;}
body h3 a[name] {display: block;
position: relative;
top: -140px;}
body header {position: fixed;
top: 0;
width: 100%;
z-index: 3;
background: #fafafa;}
body main {padding: 0;
padding-top: 120px;
background: white;
font: 18px 'Poppins', Helvetica, sans-serif;
line-height: 1.5;
color: #212529;}
body main .lead {font: 18px 'Poppins', Helvetica, sans-serif;
line-height: 1.5;
color: #212529;}
body main section {margin: 60px 0;}
body main section.separated {padding-bottom: 60px;
border-bottom: solid 2px #0b5ae4;}
body main section > h2 {font: 22px arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 26px;}
@media (max-width:767px) {body main section > h2 {text-align: center;}}
body #cta-newsletter-subscription {top: unset;
right: 20px;
bottom: 60px;
left: unset;
width: 320px;
height: unset;}
body #cta-newsletter-subscription .modal-content {background-color: rgba(255,255,255,0.8);}
body #cta-newsletter-subscription .modal-content .form-control {border: solid 2px #0b5ae4;
border-radius: 20px;}
body #cta-newsletter-subscription .modal-content .checkbox {font-size: 15px;}
body #cta-newsletter-subscription .modal-footer button {margin-left: 12px;
border-radius: 20px;
font-size: 15px;}
body .nj-primary-head {font: 2.5rem arial, Helvetica, sans-serif;
font-weight: bold;
position: relative;
padding-bottom: 12px;
margin-top: 50px;
margin-bottom: 20px;}
body .nj-primary-head:after {content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
border-bottom: solid 4px #fc1520;}
@media (max-width:767px) {body .nj-primary-head {text-align: center;}
body .nj-primary-head:after {content: ' ';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);}}
body .btn-primary {border: solid 2px #0b5ae4;
border-radius: 20px;
background: #0b5ae4;
padding-top: 3px;
padding-bottom: 3px;
font-size: 12px;}
body .social-media-icons {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
body .social-media-icons li {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 6px;}
body .social-media-icons li a {color: #888;
flex-direction: column;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;}
body .social-media-icons li a:hover {text-decoration: none;}
body .social-media-icons li a i.fas,
body .social-media-icons li a i.fab,
body .social-media-icons li a span {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
border-radius: 50%;
border: none;
font-size: 15px;
transition: color 0.5s;}
body .social-media-icons li a i.fas:hover,
body .social-media-icons li a i.fab:hover,
body .social-media-icons li a span:hover {color: #0b5ae4;}
body .page-header {display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: auto;
grid-template-areas: 'content image';
grid-gap: 24px;}
@media (max-width:767px) {body .page-header {grid-template-columns: auto;
grid-template-rows: repeat(2,auto);
grid-template-areas: 'image' 'content';}}
body .page-header .btn {margin-top: 20px;
margin-bottom: 30px;}
body .page-header .btn-primary.btn-lg {padding: 10px 30px;
font-size: 18px;}
body .page-header .content {grid-area: content;}
body .page-header .content .nj-primary-head {margin-top: 25px;}
body .page-header .image {grid-area: image;
text-align: center;}
body .page-header .image img {width: 250px;
max-height: 150px;
object-position: center;
object-fit: contain;}
@media (max-width:767px) {body .page-header .image img {max-height: 150px;}}
body .page-header.animated-icon .image img {animation: zoomOut 1s ease-in-out;}
body .card-teaser {border: none;
box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.2);}
body .card-teaser .card-img-top {display: grid;
border-radius: 0;
overflow: hidden;}
body .card-teaser .card-img-top .figure {padding-bottom: 60%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
transition: all 0.5s;}
body .card-teaser .card-title {text-transform: uppercase;
display: block;
font-size: 18px;
color: #063483;
margin-bottom: 0.6em;
line-height: 1.2;}
body .card-teaser .card-body {display: grid;
grid-template-rows: auto auto 1fr;
grid-template-areas: "title" "date" "lead";
grid-gap: 10px;
align-items: start;
border: none;
padding: 0px;}
body .card-teaser .card-body .card-title {grid-area: title;
padding: 12px 22px;}
body .card-teaser .card-body .card-subtitle {grid-area: date;
padding: 4px 22px;
font-size: 12px;}
body .card-teaser .card-body .card-subtitle time {padding: 3px 8px;
color: #000;
border: solid 2px #000;
border-radius: 10px;}
body .card-teaser .card-body .card-subtitle .date-interval {display: inline-block;
border: solid 2px #000;
border-radius: 10px;}
body .card-teaser .card-body .card-subtitle .date-interval time {border: none;}
body .card-teaser .card-body .card-subtitle .badge {font-size: 1em;
padding: 5px 10px;
font-weight: 400;
text-transform: uppercase;
margin-left: 10px;}
body .card-teaser .card-body .card-text {grid-area: lead;
padding: 0px 22px 20px 22px;
font-size: 15px;}
body .card-teaser .card-footer {background: #fff;}
body .card-teaser:hover .card-img-top .figure {transform: scale(1.1);}
body article > img {max-width: 100%;
margin-bottom: 1em;}
body article.has-image > .img-container {text-align: center;}
body article.has-image > .img-container img {width: 100%;
margin-bottom: 5px;}
body article.has-image > .img-container p {padding-bottom: 5px;
margin: 0 20px 5px 20px;
font-size: 14px;
border-bottom: 1px solid rgba(0,0,0,0.3);}
@media (max-width:991px) {body article.has-image > .img-container {width: 100%;
margin-bottom: 15px;}}
@media (min-width:768px) {body article.has-image > .img-container {float: right;
width: 50%;
margin-left: 1em;}}
body article > h1 {font: 2.5rem arial, Helvetica, sans-serif;
font-weight: bold;
position: relative;
padding-bottom: 12px;
margin-top: 50px;
margin-bottom: 20px;}
body article > h1:after {content: ' ';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
border-bottom: solid 4px #fc1520;}
@media (max-width:767px) {body article > h1 {text-align: center;}
body article > h1:after {content: ' ';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);}}
body .article-container {padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
@media (min-width:992px) {body .article-container {max-width: 800px;}}
@media (max-width:991px) {body .article-container {max-width: 600px;}}
body .accordion > .card {border: none;}
body .accordion > .card > .card-header {background: transparent;
border-bottom: solid 2px #0b5ae4;
margin-bottom: 0;}
body .accordion > .card > .card-header .toggler {width: 1.1em;
height: 1.1em;
padding: 1px;
background: #0b5ae4;
color: #fff;
border-radius: 50%;}
body .accordion > .card > .card-header.has-image {display: grid;
grid-template-columns: auto 1fr auto;
grid-template-areas: 'icon title button';}
body .accordion > .card > .card-header.has-image .btn-link {grid-area: title;
text-align: left;
color: #000;
font-weight: bold;}
body .accordion > .card > .card-header.has-image .btn-collapse {grid-area: button;}
body .accordion > .card > .card-header.has-image img {grid-area: icon;
width: 40px;
height: 40px;
object-position: center;
object-fit: contain;}
body .accordion > .card > div > .card-body > .icons {display: flex;
flex-wrap: wrap;}
body .accordion > .card > div > .card-body > .icons .publication {flex-grow: 0;
width: 100px;
height: 100px;
margin: 20px;
display: grid;
justify-content: center;
align-items: center;}
body .accordion > .card > div > .card-body > .icons img {width: 100%;
height: 100%;
object-fit: contain;
object-position: center;}
body .accordion > .card > div > .card-body > .icons i[class*=" fa-"] {font-size: 50px;}
body .accordion > .card > div > .card-body > .table img {width: 100px;
max-height: 150px;
object-fit: contain;
object-position: center;}
body .accordion > .card > div > .card-body > .thumbnails {display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 12px;}
body .accordion > .card > div > .card-body > .thumbnails .item {display: grid;
grid-template-rows: 1fr auto;}
body .accordion > .card > div > .card-body > .thumbnails .item .thumbnail img {width: 150px;
height: 150px;
object-position: center;
object-fit: cover;}
body .accordion > .card.brochure.brochure ul {list-style: none;
padding-left: 10%;}
body .accordion > .card.brochure.brochure li {margin-bottom: 15px;}
body .accordion > .card.brochure.brochure a.publication {color: #000;
margin-right: 15px;}
body .accordion > .card.brochure.brochure a.publication:hover {text-decoration: non;}
@media (max-width:767px) {body .accordion > .card.other_dissemination_materials table thead {display: none;}
body .accordion > .card.other_dissemination_materials table td {border-top: none;
display: inline-flex;
justify-content: space-between;
text-align: right;}
body .accordion > .card.other_dissemination_materials table td:before {content: attr(data-th) ':';
font-weight: bold;}
body .accordion > .card.other_dissemination_materials table td:last-child:before {content: '';}
body .accordion > .card.other_dissemination_materials table tr {display: flex;
flex-direction: column;
border-bottom: 1px solid #dee2e6;}}
@media (min-width:992px) {body .accordion > .card.other_dissemination_materials table tr th:nth-child(2),
body .accordion > .card.other_dissemination_materials table tr th:nth-child(3) {width: 150px;}
body .accordion > .card.other_dissemination_materials table tr th:last-child {width: 100px;}}
body .accordion > .card .wide-card .card {display: flex;
flex-direction: row-reverse;
border: none;}
@media (max-width:767px) {body .accordion > .card .wide-card .card {flex-direction: column;}
body .accordion > .card .wide-card .card .card-img-top {text-align: center;}}
body .accordion > .card .wide-card .card .card-title {display: none;}
body .accordion > .card .wide-card .card img {max-width: 200px;}
body .accordion > .card .wide-card .card .content {margin-bottom: 24px;}
body .browser-warning {position: fixed;
width: 100%;
bottom: 0;
box-shadow: 0 0 2px rgba(0,0,0,0.2);
border-top: 1px solid rgba(0,0,0,0.2);
padding: 16px 16px 0 16px;
background-color: #e8e8e8;
text-align: center;
z-index: 10000;}
body .browser-warning a {font-weight: bold;}
body .btn-primary {font-size: 16px;}
@keyframes zoomOut {0% {transform: scale(2) rotate(-180deg);
opacity: 0;}
100% {transform: scale(1) rotate(0deg);
opacity: 1;}}
/* minified the hell out of this */
.btn-collapse .toggler-expand {display: none;}
.btn-collapse .toggler-collapse {display: inline-block;}
.btn-collapse.collapsed .toggler-expand {display: inline-block;}
.btn-collapse.collapsed .toggler-collapse {display: none;}
.panel-heading .btn-collapse {float: right;
margin-top: -1px;
margin-right: -5px;
background: none;
border: none;}
.panel-heading .btn-collapse:focus,
.panel-heading .btn-collapse:active {outline: none;}
nav > ul.pagination {margin-bottom: 0;}
/* minified the hell out of this */
body header {z-index: 1020;
background: #fff;
display: grid;
grid-template-columns: 1fr auto;
grid-template-areas: 'navbar social';}
@media (max-width:991px) {body header {grid-template-columns: auto;
grid-template-areas: 'navbar' 'social';}}
body header .navbar.navbar-builders {background: none !important;}
body header .navbar.navbar-builders .navbar-brand {display: grid;
margin-right: 80px;}
@media (min-width: 992px) and (max-width: 1079px) {body header .navbar.navbar-builders .navbar-brand {margin-right: 50px;}}
body header .navbar.navbar-builders .navbar-brand img {height: 22px;}
body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link {position: relative;
color: rgba(0,0,0,0.7);
padding-left: 1em;
padding-right: 1em;}
body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link:hover {color: rgba(0,0,0,0.9);}
body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link:hover:not(.dropdown-toggle):after {content: ' ';
border-top: solid 2px #fc1520;
position: absolute;
bottom: 0;
left: 0;
width: 100%;}
@media (min-width: 1080px) and (max-width: 1266px) {body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link {padding-left: 8px !important;
padding-right: 9px !important;}}
@media (min-width: 992px) and (max-width: 1079px) {body header .navbar.navbar-builders .navbar-nav .nav-item .nav-link {padding-left: 8px !important;
padding-right: 8px !important;
font-size: 15px;}}
@media (min-width: 1080px) and (max-width: 1266px) {body header .social-media-icons li {padding-left: 2px;
padding-right: 2px;}}
@media (min-width: 992px) and (max-width: 1079px) {body header .social-media-icons li {padding-left: 0;
padding-right: 0;}}
@media (min-width: 992px) and (max-width: 1266px) {body header .social-media-icons li a i.fab {font-size: 14px;}}
/* minified the hell out of this */
body .social-media-icons {margin: 0;
padding: 0;
list-style: none;
white-space: nowrap;}
body .social-media-icons.horizontal {display: flex;
flex-direction: row;}
body .social-media-icons.bordered li {border: solid 2px;}
body .social-media-icons.rounded li {border-radius: 50%;}
/* minified the hell out of this */
.nj-prefers-container {padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;}
@media (min-width:992px) {.nj-prefers-container {max-width: 800px;}}
@media (max-width:991px) {.nj-prefers-container {max-width: 600px;}}
.nj-last-content {padding-bottom: 100px;}
.nj-first-content {padding-top: 50px;}
.nj-only-content {padding-top: 50px;
padding-bottom: 100px;}
.nj-card-list .item {padding: 12px 0;
margin: 12px 0;
border-bottom: solid 2px #0b5ae4;
box-shadow: none;
border-radius: 0;}
@media (min-width:768px) {.nj-card-list .item {display: grid;
grid-template-columns: 300px 1fr;
grid-template-rows: 1fr auto;
grid-template-areas: 'image body' 'image footer';
grid-gap: 12px;}
.nj-card-list .item .card-img-top {grid-area: image;}
.nj-card-list .item .card-body {grid-area: body;}
.nj-card-list .item .card-body .card-title {padding-top: 0;}
.nj-card-list .item .card-footer {grid-area: footer;
text-align: right;}}
body .how-to {display: flex;
flex-direction: column;
align-items: center;}
body .how-to .recycle {position: relative;
width: 100%;
max-width: 500px;
height: 300px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;}
body .how-to .recycle .item {width: 100%;
max-width: 230px;
height: 130px;
text-align: center;
position: absolute;
background-color: rgba(255,255,255,0.9);
color: #000;
border-radius: 15px;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 2px solid blue;
padding: 10px 15px;
z-index: 1;
transition: height .2s linear, max-width .2s linear;}
body .how-to .recycle .item p {margin: 0;}
body .how-to .recycle .item p.title {font-weight: bold;
padding: 5px 0;}
body .how-to .recycle .item:first-child {left: auto;
top: 0;}
body .how-to .recycle .item:first-child:before {content: '';
position: absolute;
width: 94%;
height: 90%;
border: 2px solid red;
border-radius: 10px;}
body .how-to .recycle .item:nth-child(2) {right: 0;
bottom: 0;}
body .how-to .recycle .item:nth-child(3) {left: 0;
bottom: 0;}
body .how-to .recycle .arrow {position: absolute;
width: 250px;
height: 250px;
left: auto;
top: auto;
border: 10px solid;
border-radius: 50%;
z-index: 0;
border-color: #CDCDCD;
border-top-color: transparent;
transform: rotate(-30deg);
animation: 3s linear infinite 0s spin;}
body .how-to .recycle .arrow:before {position: absolute;
content: '';
right: -77px;
top: 82px;
width: 200px;
height: 80px;
background-image: linear-gradient(to right,#fff,transparent);
transform: rotate(105deg);}
body .how-to .recycle .arrow:after {position: absolute;
content: '';
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid #CDCDCD;
transform: rotate(-45deg);
left: 23px;
top: 10px;}
@media (max-width:479px) {body .how-to .recycle {max-width: 320px;
height: 350px;}
body .how-to .recycle .item {max-width: 150px;
height: 160px;}}
@media (max-width:991px) {body .case-studies {text-align: center;}}
@media (min-width:768px) {body .case-studies {text-align: right;}
body .case-studies h1:after {left: unset;
right: 0;}
body .case-studies .lead {width: 50%;
margin-left: 50%;}}
body .news-and-events {display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 24px;}
@media (max-width:767px) {body .news-and-events {grid-template-columns: auto;}}
body .news-and-events .featured {display: grid;
grid-template-rows: 120px auto auto;}
body .news-and-events .featured > .btn-primary {justify-self: center;
margin-top: 2em;}
@media (min-width:768px) {body .news-and-events .featured.event h1 {text-align: right;}
body .news-and-events .featured.event h1:after {left: unset;
right: 0;}}
body .jvectormap-tip {max-width: 400px;}
body .media-panel {width: 100%;}
body .media-glide .glide__slides {height: 400px;
margin-bottom: 10px;
background-color: #000000;}
body .media-glide .glide__slide {position: relative;}
body .media-glide .glide__slide img {position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;}
body .video-container {position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;}
body .video-container .responsive-iframe {position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;}
@keyframes spin {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}}
/* minified the hell out of this */
.newsletter-subscription .controls {text-align: right;}
/* minified the hell out of this */
.cookie-consent {visibility: hidden;
opacity: 0;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
z-index: 9000;
transition: all 300ms ease;}
@media (max-width:991px) {.cookie-consent {align-items: start;}}
.cookie-consent.show {visibility: visible;
opacity: 1;
transition: all 500ms ease;}
.cookie-consent .close {position: absolute;
top: 10px;
right: 10px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
cursor: pointer;}
.cookie-consent-container {display: flex;
position: relative;
flex-direction: column;
align-items: center;
max-width: 600px;
background-color: #fff;}
.cookie-consent-content {text-align: center;
border-bottom: 1px solid #dee2e6;
padding: 50px;}
@media (max-width:991px) {.cookie-consent-content {padding: 40px;}}
@media (max-width:479px) {.cookie-consent-content {padding: 40px 20px;}}
.cookie-consent-content button {min-width: 120px;
border-radius: 20px;
font-size: 15px;}
.cookie-consent-links {display: flex;
width: 100%;
justify-content: space-evenly;}
.cookie-consent-links a {width: 50%;
padding: 20px 0;
color: #6c757d;
text-align: center;
box-shadow: 0 0 1px #6c757d;}
.cookie-consent-links a:hover {color: #fff;
background-color: #6c757d;}