/*

 - cache/global.less.60adca73220c7e0bb97a578f4633aa64.css
 - cache/article.less.b75f8cf16dd31000ad862fd660aa35ba.css
 - cache/fancy-header.less.1f297a82a1aa194606885ba56b20ba18.css
 - cache/marine-litter-inventory-menu.less.fbe5d409967613db338e5ef6328fa5c1.css
 - cache/ArrowButton.less.7d496b54bd3c3932c2782926e59d01a7.css
 - cache/module--socialMedia.icons.less.d3dbcd9a1b5f2437245b8268c677ca0e.css

*/


/* minified the hell out of this */

/* minified the hell out of this */
.navbar-aqua-lit li.dropdown.show a {background: transparent;}
.navbar-aqua-lit a:focus {background: transparent;}
@media (min-width:768px) {.navbar-aqua-lit {border: none;
height: 40px;
background: #07003a;
padding-left: 300px;
height: 90px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 38px 8px 0px 8px;
height: 90px;}
.navbar-aqua-lit .navbar-nav>li>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 11px 30px 11px 20px;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:not([href='']):hover {background: #333b6b;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #07003a;
color: rgba(255,255,255,0.7);
box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
margin-top: -16px !important;}
.navbar-aqua-lit .navbar-brand img {margin: 0px 90px 0px calc(30vw - 480px);}}
@media (min-width:768px) and (min-width:768px) and (max-width:991px) {.navbar-aqua-lit {padding-left: 110px;}}
@media (max-width:767px) {.navbar-aqua-lit {border: none;
width: 100%;
height: 40px;
background: #07003a;
padding-top: 40px;
box-shadow: 0px -40px 50px 0px rgba(0,0,0,0.4) inset;
height: 83px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;}
.navbar-aqua-lit .navbar-nav>li>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: #555;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #222;
box-shadow: 0px 7px 15px -3px black;
padding-left: 20px;}
.navbar-aqua-lit button.navbar-toggle {background-color: #555;
margin-top: -40px;
padding: 15px 20px;}
.navbar-aqua-lit button.navbar-toggle span {background: gray;}
.navbar-aqua-lit>.container-fluid {background: transparent;}}
.head-logo {position: fixed;
top: 0px;
left: 9vw;
width: 90px;
height: 90px;
z-index: 1100;
transform: translateY(-12px) rotate(45deg) scale(0.9);}
@media (min-width:768px) and (max-width:991px) {.head-logo {left: 20px;}}
.head-logo .logo-itself {width: 80px;
height: 80px;
transform: rotate(-45deg) translateY(16px);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url("/assets/images/builders.logo.2.png");}
.carousel .carousel-inner .item .aligner {display: flex;
align-items: center;
justify-content: center;
height: 64vw;
min-height: 320px;
max-height: 500px;
overflow: hidden;}
@media (max-width:767px) {.carousel .carousel-inner .item .aligner {height: 80vh;}}
.carousel .carousel-inner .item .aligner.img-flex {background-size: cover;
padding-bottom: 0;}
.carousel .carousel-inner .item .aligner.img-flex > img {display: none;}
.carousel .carousel-inner .item .aligner .carousel-caption {top: auto;
right: auto;
bottom: auto;
left: auto;
padding: 0 20%;
font-size: 30px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 0px 7px 20px rgba(0,0,0,0.5);
opacity: 0;
transition: all 0.6s;
transform: translateY(-60px);}
@media (max-width:767px) {.carousel .carousel-inner .item .aligner .carousel-caption {font-size: 18px;
padding: 0 10%;}}
@media (min-width:768px) and (max-width:991px) {.carousel .carousel-inner .item .aligner .carousel-caption {font-size: 22px;
padding: 0 10%;}}
.carousel .carousel-inner .item.active .aligner .carousel-caption {opacity: 1;
transform: translateY(0);}
.carousel .carousel-inner .item.has-content .aligner .carousel-caption > span {display: none;}
.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content {text-align: left;
font-size: 20px;}
@media (max-width:991px) {.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content {font-size: 14px;}}
.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content h2 {font-size: 20px;}
.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content ul {list-style: none;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: left;}
.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content ul li {flex-grow: 1;
flex-basis: 25%;
min-width: 150px;
max-width: 33%;
padding: 6px;}
@media (min-width:768px) and (max-width:991px) {.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content ul li {max-width: 50%;}}
@media (max-width:767px) {.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content ul li {min-width: 90px;
max-width: 50%;}}
.carousel .carousel-inner .item.has-content .aligner .carousel-caption .carousel-content ul li a img {display: block;
max-width: 100%;}
.carousel .carousel-inner .item.has-content .aligner .carousel-content>img,
.carousel .carousel-inner .item.has-content .aligner .carousel-content>a>img {max-width: 80%;
display: block;
margin: 0 auto;}
.teaser-list {display: flex;
flex-wrap: wrap;
justify-content: left;}
.teaser-list .item {flex-grow: 1;
width: 50%;
min-width: 290px;
padding: 15px;}
.teaser-list .teaser {display: flex;
flex-direction: column;
height: 100%;}
.teaser-list .teaser .meta {overflow: hidden;}
.teaser-list .teaser .meta a figure {transition: all 0.3s;}
.teaser-list .teaser .meta a figure:hover {-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.teaser-list .teaser .content {flex-grow: 1;
padding: 16px 25px;
background-color: #fff;}
.teaser-list .teaser .content .aligner {display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto auto;
grid-template-areas: "date" "title" "lead";}
.teaser-list .teaser .teaser-title {grid-area: title;
overflow: hidden;
text-overflow: ellipsis;}
.teaser-list .teaser .teaser-title h3 {color: 55;
font-weight: 600;
font-size: 21px;}
.teaser-list .teaser .teaser-date {text-align: right;
font-style: italic;
font-size: 12px;
grid-area: date;}
.teaser-list .teaser .teaser-lead {grid-area: lead;}
.teaser-list.portfolio {justify-content: space-around;}
.teaser-list.portfolio .item {width: calc(100% / 3 - 30px);
min-width: 220px;
flex-grow: 0;
padding: 0;
margin: 15px;
box-shadow: 0px 3px 20px -12px black;}
@media (min-width:768px) and (max-width:991px) {.teaser-list.portfolio .item {max-width: calc(50% - 30px);
flex-grow: 1;}}
@media (max-width:767px) {.teaser-list.portfolio .item {max-width: calc(100% - 30px);
flex-grow: 1;}}
.teaser-list.portfolio .item .content {border-radius: 10px;
padding: 0;
overflow: hidden;}
.teaser-list.portfolio .item .teaser-title {display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 19px 20% 19px 20%;
min-height: 86px;
background: linear-gradient(to bottom,#51bafd 0%,#0871b4 100%);}
.teaser-list.portfolio .item .teaser-title,
.teaser-list.portfolio .item .teaser-title h3 {text-align: center;
text-transform: none;
color: #fff;
font-size: 22px;
font-weight: normal;
margin: 0;}
.teaser-list.portfolio .item .teaser-lead {padding: 30px;}
.teaser-list.portfolio .item .teaser-lead ul {padding-left: 1em;}
body #cta-newsletter-subscription {left: auto;
top: auto;}
@media (max-width:767px) {body #cta-newsletter-subscription {width: calc(100vw - 30px);
max-width: 350px;}}
@media (min-width:768px) {body #cta-newsletter-subscription {width: 30vw;
min-width: 350px;
max-width: 90vw;}}
body #cta-newsletter-subscription .modal-dialog {width: auto;}
body #cta-newsletter-subscription .modal-content {background: #00aeee url(/assets/images/cta/newsletter-fish.png) no-repeat center top;
background-size: contain;}
body #cta-newsletter-subscription .modal-content .modal-header {border: none;}
body #cta-newsletter-subscription .modal-content .modal-header .close {opacity: 0.7;}
body #cta-newsletter-subscription .modal-content .modal-header .close span {display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
background: #88d4f1;
border-radius: 50%;}
body #cta-newsletter-subscription .modal-content .modal-header .modal-title {width: 120px;
height: 120px;
background: url(/assets/images/cta/newsletter-envelope.png) no-repeat center;
background-size: contain;
margin: 0 auto;}
body #cta-newsletter-subscription .modal-content .modal-footer {background: url(/assets/images/cta/newsletter-footer.png) top center;
background-size: cover;
border: none;}
body #cta-newsletter-subscription .modal-content .btn-group {display: flex;}
body #cta-newsletter-subscription .modal-content .btn-group button {width: 100%;
white-space: normal;}
body #cta-newsletter-subscription .modal-content .btn-group button.btn-default {background: transparent;
border: none;
display: none;}
body #cta-newsletter-subscription .modal-content .btn-group button.btn-primary {background: transparent;
border: none;}
.nj-long-text.nj-single-entity {margin-left: auto;
margin-right: auto;}
@media (min-width:992px) {.nj-long-text.nj-single-entity {max-width: 1100px;}}
@media (max-width:991px) {.nj-long-text.nj-single-entity {max-width: 700px;}}
@media (max-width:767px) {.nj-long-text.nj-single-entity {padding-left: 6vw;
padding-right: 6vw;}}
.nj-long-text.nj-single-entity p {font-size: 15px;
line-height: 1.4;}
.nj-prefers-container {margin-left: auto;
margin-right: auto;}
@media (min-width:992px) {.nj-prefers-container {max-width: 1200px;}}
@media (max-width:991px) {.nj-prefers-container {max-width: 700px;}}
@media (max-width:767px) {.nj-prefers-container {padding-left: 6vw;
padding-right: 6vw;}}
.nj-list-2col {display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr;}
@media (max-width:767px) {.nj-list-2col {grid-template-columns: 1fr;}}
.nj-list-3col {display: grid;
grid-gap: 50px;
grid-template-columns: 1fr 1fr 1fr;}
@media (min-width:768px) and (max-width:991px) {.nj-list-3col {grid-template-columns: 1fr 1fr;}}
@media (max-width:767px) {.nj-list-3col {grid-template-columns: 1fr;}}
.nj-list-picture-and-text.nj-list-with-articles {display: block;}
.nj-list-picture-and-text.nj-list-with-articles .item {display: grid;
grid-template-columns: 40% 60%;
grid-column-gap: 3vw;}
.nj-list-picture-and-text.nj-list-with-articles .item img {width: 100%;
height: auto;
margin-bottom: 20px;}
.nj-list-picture-and-text.nj-list-with-articles .item>* {grid-column: 2;
grid-auto-flow: column;}
.nj-list-picture-and-text.nj-list-with-articles .item .picture {grid-column: 1;
grid-auto-flow: none;
grid-row-start: 1;
grid-row-end: 5;}
.nj-text-article .title {font: 32px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;}
.nj-text-article .subtitle {font-size: 20px;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;}
.nj-text-article .lead {font-size: 15px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 30px;}
.nj-text-article .content {font-size: 14px;
margin-top: 10px;}
.nj-text-article .date {font-size: 14px;
font-style: italic;
margin-bottom: 10px;}
.nj-text-article h1[itemprop=headline] {font: 32px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;}
.nj-text-article h4[itemprop=headline] {font-size: 20px;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;}
@media (max-width:479px) {.nj-text-article .title {font-size: 22px;}
.nj-text-article .lead {font-size: 13px;}
.nj-text-article .content {font-size: 13px;}
.nj-text-article h1[itemprop=headline] {font-size: 22px;}
.nj-text-article h4[itemprop=headline] {font-size: 20px;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;}}
.nj-article-list .title {font-size: 18px;
font-weight: bold;
display: block;
margin-top: 20px;
margin-bottom: 10px;}
.nj-article-list .subtitle {font-size: 15px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;}
.nj-article-list .lead {font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;}
.nj-article-list h1[itemprop=headline] {font-size: 18px;
font-weight: bold;
display: block;
margin-top: 20px;
margin-bottom: 10px;}
.nj-article-list h4[itemprop=headline] {font-size: 15px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;}
body {font: 12px Calibri, Arial, Helvetica, sans-serif;
font: 12px arial, Helvetica, sans-serif;
background: ;}
body .n-product {display: inline-block;
font-family: 'Dorsa', sans-serif;
font-size: 1.8em;
line-height: 100%;
text-transform: none;}
body .n-product::first-letter {color: #007afb;
font-size: 70%;
line-height: 70%;
vertical-align: top;}
body > main {background: ;}
body a,
body a:hover,
body a:focus,
body a:visited {text-decoration: none;
outline: none;
box-shadow: none;}
body a {color: #337ab7;}
body a:hover {color: #003875;}
body h1 {font: 20px Montserrat, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
font: 16px Montserrat, arial, Helvetica, sans-serif;
text-align: center;
font-size: 26px;
margin-bottom: 1em;}
body h2 {font: 20px Montserrat, Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
font: 16px Montserrat, arial, Helvetica, sans-serif;
text-align: center;
font-size: 22px;
padding: 30px 0;}
body .img-flex {background-size: cover;
background-position: center;
background-repeat: no-repeat;}
body .img-flex > img {display: none;}
body .btn-primary {background: #07003a;}
body .img-responsive {max-width: 100%;}
@media (min-width:768px) and (max-width:991px) {body .navbar-aqua-lit .navbar-brand img {margin-left: calc(19vw - 120px);
margin-right: calc(5vw - 32px);}
body .navbar-aqua-lit li a {font-size: 11px !important;
padding-right: 13px;
padding-left: 13px;
margin-top: 3px;}}
@media (max-width:767px) {body .navbar-aqua-lit .navbar-brand {display: none;}}
@media (max-width:767px) {body .navbar-aqua-lit button.navbar-toggler {position: relative;
top: -20px;
z-index: 5;
background: rgba(182,236,255,0.25);
outline: none;
box-shadow: none;}
body .navbar-aqua-lit button.navbar-toggler:after {position: absolute;
top: 10px;
left: 18px;
font-size: 20px;
color: white;
content: '\2630';
display: block;}}
body .navbar-aqua-lit a h2 {margin: 0;
padding: 10px 0 3px 0;
color: #b6ecff;
font-weight: bold;
text-align: left;
font-size: 13px;
border-bottom: 1px solid rgba(182,236,255,0.45);}
body .navbar-aqua-lit sub {font-size: 12px;
padding-left: 20px;
bottom: 0;}
body .navbar-aqua-lit sub sub {padding-left: 10px;}
body .navbar-aqua-lit sub sub:before {content: '\2013 \2003 ';}
body main ol li,
body main ul li {margin: 0 0 0.6em 0;}
body footer {background: #07003a;
color: rgba(255,255,255,0.6);
font-size: 15px;
padding: 0 15px;}
body footer a {display: block;
color: rgba(255,255,255,0.5);}
body footer a:hover {color: white;}
body footer .footer-panel-list {display: flex;
flex-wrap: wrap;
justify-content: center;}
body footer .footer-panel {flex-basis: 400px;}
body footer .footer-panel img {max-width: 200px;
height: auto;}
body footer .footer-panel h5 {font-size: 18px;
color: rgba(255,255,255,0.9);
font-weight: bold;
text-transform: uppercase;
margin-top: 40px;}
body footer .footer-panel .social-media-icons {padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;}
body footer .footer-panel .social-media-icons li {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 23px;
width: 46px;
height: 46px;
margin: 10px;
border-radius: 50%;
background: rgba(255,255,255,0.2);}
body footer .footer-panel .social-media-icons li i {color: white;}
body footer .footer-panel .newsletter-subscription .form-group {margin-bottom: 4px;}
body footer .footer-panel .newsletter-subscription input {padding: 15px;
font-size: 15px;}
body footer .legal-notice {margin-top: 30px;}
body footer .legal-notice .eu-flag {float: left;
margin-right: 30px;
margin-bottom: 60px;}
body footer .legal-notice .funding {font-size: 12px;}
body footer .footer-bottom {margin: auto;
max-width: 700px;
padding: 40px;}
body footer .footer-bottom .nav-pills {display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 30px;}
body .pagination .page-item .page-link {color: #07003a;}
body .pagination .page-item.active .page-link {color: #fff;
background-color: #07003a;
border-color: #07003a;}
/* minified the hell out of this */
.navbar-aqua-lit li.dropdown.show a {background: transparent;}
.navbar-aqua-lit a:focus {background: transparent;}
@media (min-width:768px) {.navbar-aqua-lit {border: none;
height: 40px;
background: #07003a;
padding-left: 300px;
height: 90px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 38px 8px 0px 8px;
height: 90px;}
.navbar-aqua-lit .navbar-nav>li>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 11px 30px 11px 20px;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:not([href='']):hover {background: #333b6b;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #07003a;
color: rgba(255,255,255,0.7);
box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
margin-top: -16px !important;}
.navbar-aqua-lit .navbar-brand img {margin: 0px 90px 0px calc(30vw - 480px);}}
@media (min-width:768px) and (min-width:768px) and (max-width:991px) {.navbar-aqua-lit {padding-left: 110px;}}
@media (max-width:767px) {.navbar-aqua-lit {border: none;
width: 100%;
height: 40px;
background: #07003a;
padding-top: 40px;
box-shadow: 0px -40px 50px 0px rgba(0,0,0,0.4) inset;
height: 83px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;}
.navbar-aqua-lit .navbar-nav>li>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: #555;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #222;
box-shadow: 0px 7px 15px -3px black;
padding-left: 20px;}
.navbar-aqua-lit button.navbar-toggle {background-color: #555;
margin-top: -40px;
padding: 15px 20px;}
.navbar-aqua-lit button.navbar-toggle span {background: gray;}
.navbar-aqua-lit>.container-fluid {background: transparent;}}
.head-logo {position: fixed;
top: 0px;
left: 9vw;
width: 90px;
height: 90px;
z-index: 1100;
transform: translateY(-12px) rotate(45deg) scale(0.9);}
@media (min-width:768px) and (max-width:991px) {.head-logo {left: 20px;}}
.head-logo .logo-itself {width: 80px;
height: 80px;
transform: rotate(-45deg) translateY(16px);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url("/assets/images/builders.logo.2.png");}
main {margin-top: 90px;
padding-top: 50px;}
body table td {padding: 20px;}
body table td h3 {color: orangered;
font-size: 18px;}
body .nj-single-entity {margin-bottom: 100px;}
/* minified the hell out of this */
.navbar-aqua-lit li.dropdown.show a {background: transparent;}
.navbar-aqua-lit a:focus {background: transparent;}
@media (min-width:768px) {.navbar-aqua-lit {border: none;
height: 40px;
background: #07003a;
padding-left: 300px;
height: 90px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 38px 8px 0px 8px;
height: 90px;}
.navbar-aqua-lit .navbar-nav>li>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 11px 30px 11px 20px;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:not([href='']):hover {background: #333b6b;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #07003a;
color: rgba(255,255,255,0.7);
box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
margin-top: -16px !important;}
.navbar-aqua-lit .navbar-brand img {margin: 0px 90px 0px calc(30vw - 480px);}}
@media (min-width:768px) and (min-width:768px) and (max-width:991px) {.navbar-aqua-lit {padding-left: 110px;}}
@media (max-width:767px) {.navbar-aqua-lit {border: none;
width: 100%;
height: 40px;
background: #07003a;
padding-top: 40px;
box-shadow: 0px -40px 50px 0px rgba(0,0,0,0.4) inset;
height: 83px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;}
.navbar-aqua-lit .navbar-nav>li>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: #555;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #222;
box-shadow: 0px 7px 15px -3px black;
padding-left: 20px;}
.navbar-aqua-lit button.navbar-toggle {background-color: #555;
margin-top: -40px;
padding: 15px 20px;}
.navbar-aqua-lit button.navbar-toggle span {background: gray;}
.navbar-aqua-lit>.container-fluid {background: transparent;}}
.head-logo {position: fixed;
top: 0px;
left: 9vw;
width: 90px;
height: 90px;
z-index: 1100;
transform: translateY(-12px) rotate(45deg) scale(0.9);}
@media (min-width:768px) and (max-width:991px) {.head-logo {left: 20px;}}
.head-logo .logo-itself {width: 80px;
height: 80px;
transform: rotate(-45deg) translateY(16px);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url("/assets/images/builders.logo.2.png");}
body a[name] {position: relative;
top: -130px;}
body .article-about .fish-container {position: relative;
z-index: 4;}
body .article-about .fish-container [class^='floating-fish-'] {position: absolute;
width: 80px;
height: 80px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;}
body .article-about .fish-container .floating-fish-yellow-1 {width: 110px;
height: 110px;}
body .article-about .fish-container .floating-fish-yellow-2 {width: 140px;
height: 140px;}
@media (max-width:479px) {body .article-about .fish-container [class^='floating-fish-'] {display: none;}}
@media (min-width:1200px),(min-width:992px) and (max-width:1199px) {body .article-about .fish-container .floating-fish-yellow-1 {left: calc(50vw + 350px);
top: 8vh;
background-image: url(/assets/images/icon/floating-fish-2.svg);}
body .article-about .fish-container .floating-fish-yellow-2 {left: calc(50vw - 370px);
top: 54vh;
background-image: url(/assets/images/icon/floating-fish-3.svg);}
body .article-about .fish-container .floating-fish-blue-1 {left: calc(50vw + 350px);
top: 49vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);}
body .article-about .fish-container .floating-fish-blue-2 {left: calc(50vw + 400px);
top: 53vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);}
body .article-about .fish-container .floating-fish-blue-3 {left: calc(50vw - 450px);
top: 31vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);
transform: scaleX(-1);}}
@media (min-width:768px) and (max-width:991px) {body .article-about .fish-container .floating-fish-yellow-1 {left: calc(50vw + 250px);
top: 8vh;
background-image: url(/assets/images/icon/floating-fish-2.svg);}
body .article-about .fish-container .floating-fish-yellow-2 {left: calc(50vw - 370px);
top: 48vh;
background-image: url(/assets/images/icon/floating-fish-3.svg);}
body .article-about .fish-container .floating-fish-blue-1 {left: 81vw;
top: 55vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);}
body .article-about .fish-container .floating-fish-blue-2 {left: 85vw;
top: 60vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);}
body .article-about .fish-container .floating-fish-blue-3 {left: calc(50vw - 392px);
top: 22vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);
transform: scaleX(-1);}}
@media (min-width:480px) and (max-width:767px) {body .article-about .fish-container .floating-fish-yellow-1 {right: 10px;
top: 1vh;
background-image: url(/assets/images/icon/floating-fish-2.svg);
height: 15vh;}
body .article-about .fish-container .floating-fish-yellow-2 {left: 10px;
bottom: 1vh;
background-image: url(/assets/images/icon/floating-fish-3.svg);
height: 15vh;}
body .article-about .fish-container .floating-fish-blue-1 {right: 40px;
bottom: 5vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);}
body .article-about .fish-container .floating-fish-blue-2 {right: 10px;
bottom: 1vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);}
body .article-about .fish-container .floating-fish-blue-3 {left: 10px;
top: 1vh;
background-image: url(/assets/images/icon/floating-fish-1.svg);
transform: scaleX(-1);}}
body .article-regions .article-centering {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
min-height: calc(100vh - 90px);
padding: 0 7vw;}
@media (min-width:992px) {body .article-regions .article-centering {margin-left: 60vw;}}
body .article-regions .scrolling-part h1 {color: black;}
body .article-resources .article-centering {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
min-height: calc(100vh - 90px);
padding: 0 7vw;}
@media (min-width:992px) {body .article-resources .article-centering {margin-left: 60vw;}}
body .article-resources .resource-cards-box {padding: 10px 0 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;}
body .article-resources .resource-cards-box .resource-card {flex-basis: 250px;
margin: 20px;
border-radius: 7px;
box-shadow: 2px 2px 15px -2px rgba(0,0,0,0.4);}
body .article-resources .resource-cards-box .resource-card .resource-card-head {border-radius: 7px 7px 0 0;
font-size: 17px;
font-weight: bold;
text-align: right;
background: #80ceac;
color: #07003a;
text-transform: uppercase;
padding: 12px 12px 8px 12px;
box-shadow: 0 6px 6px -1px rgba(0,0,0,0.2);}
body .article-resources .resource-cards-box .resource-card .resource-card-content {font-size: 16px;
padding: 40px 20px;}
body .article-resources .resource-cards-box .resource-card .icon {position: absolute;
margin-top: -39px;
margin-left: -34px;
width: 88px;
height: 88px;}
body .fixed-part {margin-top: 90px;
padding-top: 1px;
position: fixed;
width: 100%;
top: 0;
z-index: 4;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #07003a;
background-position: center 0;}
body .article-centering {display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
min-height: calc(100vh - 90px);
padding: 0 7vw;}
body .article-box {max-width: 600px;
overflow: hidden;
background: rgba(7,0,58,0.68);
margin: 60px auto;
padding: 5vh 5vw;
color: white;
border-radius: 10px;}
body .article-box h1 {text-align: left;}
body .article-box article .lead {font: 14px Montserrat;
line-height: 1.7;}
body .article-box article .content {display: none;}
body .scrolling-part {box-shadow: 0 20px 60px 0 black;
border-top: 1px solid rgba(0,0,0,0.3);
margin-top: 100vh;
position: relative;
background: white;
z-index: 8;
padding-bottom: 60px;}
body .scrolling-part h1 {color: white;
margin-top: -10px;
text-align: right;
margin-right: 100px;
opacity: 0;}
body .scrolling-part .content {padding: 20px;
max-width: 600px;
margin: auto;
font-size: 16px;}
body footer {position: relative;
z-index: 8;}
/* minified the hell out of this */
.navbar-aqua-lit li.dropdown.show a {background: transparent;}
.navbar-aqua-lit a:focus {background: transparent;}
@media (min-width:768px) {.navbar-aqua-lit {border: none;
height: 40px;
background: #07003a;
padding-left: 300px;
height: 90px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 38px 8px 0px 8px;
height: 90px;}
.navbar-aqua-lit .navbar-nav>li>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: rgba(255,255,255,0.7);
background: transparent;
padding: 11px 30px 11px 20px;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:not([href='']):hover {background: #333b6b;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #07003a;
color: rgba(255,255,255,0.7);
box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
margin-top: -16px !important;}
.navbar-aqua-lit .navbar-brand img {margin: 0px 90px 0px calc(30vw - 480px);}}
@media (min-width:768px) and (min-width:768px) and (max-width:991px) {.navbar-aqua-lit {padding-left: 110px;}}
@media (max-width:767px) {.navbar-aqua-lit {border: none;
width: 100%;
height: 40px;
background: #07003a;
padding-top: 40px;
box-shadow: 0px -40px 50px 0px rgba(0,0,0,0.4) inset;
height: 83px;
border-radius: 0px;}
.navbar-aqua-lit .navbar-nav>li>a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;}
.navbar-aqua-lit .navbar-nav>li>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav .active>a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a {background: #333;
padding: 9px 18px 0 18px;
height: 40px;
font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: white;
margin-right: 0px;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:focus {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: black;
color: white;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu > a:hover {background: #555;}
.navbar-aqua-lit .navbar-nav>.show .dropdown-menu {background: #222;
box-shadow: 0px 7px 15px -3px black;
padding-left: 20px;}
.navbar-aqua-lit button.navbar-toggle {background-color: #555;
margin-top: -40px;
padding: 15px 20px;}
.navbar-aqua-lit button.navbar-toggle span {background: gray;}
.navbar-aqua-lit>.container-fluid {background: transparent;}}
.head-logo {position: fixed;
top: 0px;
left: 9vw;
width: 90px;
height: 90px;
z-index: 1100;
transform: translateY(-12px) rotate(45deg) scale(0.9);}
@media (min-width:768px) and (max-width:991px) {.head-logo {left: 20px;}}
.head-logo .logo-itself {width: 80px;
height: 80px;
transform: rotate(-45deg) translateY(16px);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-image: url("/assets/images/builders.logo.2.png");}
body main {margin-top: 90px;
border-bottom: 1px solid transparent;
margin-bottom: -1px;}
body main .layout {background: white;
margin: 50px auto;
width: 1100px;
display: block;}
body main .text-content p {font-size: 15px;
line-height: 1.35;}
body main .text-content p.lead {font-size: 17px;}
body main .text-content a.image-center img {display: block;
margin: auto;}
body main .subcontent-menu {display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 20px;}
body main [class^='subcontent-thumbnail-'] {display: block;
width: 100%;
height: 0px;
padding-bottom: 75%;
margin-bottom: 20px;
position: relative;
background-color: #eee;
outline: 1px solid rgba(0,0,0,0.1);
outline-offset: -1px;}
body main [class^='subcontent-thumbnail-']>span {position: absolute;
bottom: 7px;
right: 0px;
background: rgba(7,0,58,0.75);
border: 1px solid black;
color: white;
font-size: 13px;
text-transform: uppercase;
padding: 8px 20px;}
body main [class^='subcontent-thumbnail-']:hover>span {text-shadow: 0px 0px 7px white;
background: #03001a;}
body main .subcontent-thumbnail-1 {background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url("/assets/content/marine-litter-inventory/search-by-types-of-litter.png");}
body main .subcontent-thumbnail-2 {background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url("/assets/content/marine-litter-inventory/explore-by-sea-basins.png");}
body main .subcontent-thumbnail-3 {background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url("/assets/content/marine-litter-inventory/explore-litter-geographically.png");}
body main .subcontent-thumbnail-4 {background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-image: url("/assets/content/marine-litter-inventory/view-online-table.png");}
/* minified the hell out of this */
.ArrowButton {display: flex;
margin: auto;
align-items: center;
justify-content: center;}
.ArrowButton > div {width: 100%;
height: 100%;
transform: rotate(-45deg);
border: inherit;
border-top-width: 0px;
border-right-width: 0px;
position: relative;
top: -4px;}
/* 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%;}