/*

 - cache/global.less.60adca73220c7e0bb97a578f4633aa64.css
 - cache/marine-litter-inventory.less.191820640f0cf5e68e75cae75313597f.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");}
html {scroll-behavior: smooth;}
body > main {padding-top: 90px;
padding-bottom: 0px;}
body .litter-table-cover {margin: 4px;}
body .k-pager-sizes .k-widget.k-dropdown {width: 75px;}
body .backdrop {position: fixed;
z-index: 9997;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
background: rgba(0,0,0,0.7);
display: none;}
body .details-popup h1,
body .details-popup h2,
body .details-popup h3 {margin: 0;
padding: 0;}
body .details-popup h2 {padding: 10px;
background: linear-gradient(#00002e,#2e3465);
color: white;}
body .details-popup h2 small {font-size: 17px;
color: rgba(255,255,255,0.75);}
body .details-popup .split {display: grid;
grid-template-columns: 4fr 6fr;
height: 270px;}
@media (max-width:767px) {body .details-popup .split {grid-template-columns: 1fr;
grid-template-rows: auto 200px;}}
body .details-popup .text-side {padding: 30px;}
@media (min-width:768px) {body .details-popup .text-side {position: relative;
box-shadow: 10px 0px 20px -16px black;
background: #dbf6ff;
border-right: 1px solid rgba(0,0,0,0.5);}}
@media (max-width:767px) {body .details-popup .text-side {background: #dbf6ff;
border-bottom: 1px solid rgba(0,0,0,0.5);}}
body .details-popup .picture-side {background: white;}
body .details-popup .picture {width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;}
body .details-popup .controls {background: #2e3465;
text-align: right;
padding: 5px 30px;}
body .details-popup .controls button.btn {border: none;
background: linear-gradient(#6ba1b4,#487e91);
color: white;
font-size: 11px;
text-transform: uppercase;
padding: 8px 20px;}
body .waitpls {font: 20px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: silver;
padding: 100px;
text-align: center;}
body .fullinventory-table-holder {min-height: 200px;
margin-bottom: 100px;}
body .fullinventory-table-holder table thead th {background: linear-gradient(#7595b6,#b6ecff);
border-bottom: 1px solid #99c6d6;
white-space: nowrap;
min-width: 50px;
height: 69px;}
body .fullinventory-table-holder table thead th:nth-of-type(1) {width: 8%;}
body .fullinventory-table-holder table thead th:nth-of-type(2) {width: 8%;}
body .fullinventory-table-holder table thead th:nth-of-type(3) {width: 8%;}
body .fullinventory-table-holder table select {width: 100%;
margin-bottom: 4px;
padding: 6px;
border: none;
border-radius: 4px;
opacity: 0.1;}
body .fullinventory-table-holder table select:active,
body .fullinventory-table-holder table select:focus,
body .fullinventory-table-holder table select:focus-within,
body .fullinventory-table-holder table select.something-selected {opacity: 1;}
body .fullinventory-table-holder table tr {cursor: pointer;}
body .fullinventory-table-holder table tr:hover td {background: #eee;}
body .fullinventory-table-holder table tr.nomatch {opacity: 0.3;
display: none;}
@media (max-width:1199px) {body .fullinventory-table-holder table tr > .yearsofobservation,
body .fullinventory-table-holder table tr > .yearofpublication {display: none;}}
@media (max-width:991px) {body .fullinventory-table-holder table tr > .iteminventorynr,
body .fullinventory-table-holder table tr > .reference {display: none;}}
@media (max-width:767px) {body .fullinventory-table-holder table tr > .littersource,
body .fullinventory-table-holder table tr > .suggestedby {display: none;}}
body .fullinventory-table-holder .table-layer:not(.fixed-head) select {visibility: hidden;}
body .fullinventory-table-holder .table-layer.fixed-head {position: fixed;
z-index: 2;
height: 70px;
overflow: hidden;}
body .fullinventory-table-holder .table-layer.fixed-head tbody {background: #ddd;}
body .countries-holder {margin-left: auto;
margin-right: auto;
margin-top: 50px;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 30px;}
@media (min-width:992px) {body .countries-holder {max-width: 1200px;}}
@media (max-width:991px) {body .countries-holder {max-width: 700px;}}
@media (max-width:767px) {body .countries-holder {padding-left: 30px;
padding-right: 30px;}}
body .countries-holder>* {height: 220px;
color: white;
display: grid;
grid-template-rows: 1fr 50px;
box-shadow: 0px 10px 8px -4px rgba(0,0,0,0.3);
text-align: center;}
body .countries-holder>* .caption {padding: 10px 20px;
font: 14px arial, Helvetica, sans-serif;
background: radial-gradient(ellipse 160px 50px at 50% -10px,#b6ecff -45%,#07003a);
border-top: 1px solid black;}
body .countries-holder>* .caption small {color: rgba(255,255,255,0.75);}
body .countries-holder>* .picture {background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #eee;
outline: 1px solid rgba(0,0,0,0.2);
outline-offset: -1px;}
body .objects-holder {margin-left: auto;
margin-right: auto;
display: grid;
margin-top: 50px;
margin-bottom: 90px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 15px;}
@media (min-width:992px) {body .objects-holder {max-width: 1200px;}}
@media (max-width:991px) {body .objects-holder {max-width: 700px;}}
@media (max-width:767px) {body .objects-holder {padding-left: 30px;
padding-right: 30px;}}
body .objects-holder>* {height: 180px;
color: white;
display: grid;
grid-template-rows: 1fr auto;
box-shadow: 0px 10px 8px -4px rgba(0,0,0,0.3);
cursor: pointer;
text-align: center;}
body .objects-holder>* .caption {padding: 7px 14px;
font: 13px arial, Helvetica, sans-serif;
background: radial-gradient(ellipse 160px 50px at 50% -10px,#b6ecff -45%,#07003a);}
body .objects-holder>* .caption small {color: rgba(255,255,255,0.75);}
body .objects-holder>* .picture {background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #eee;
outline: 1px solid rgba(0,0,0,0.2);
outline-offset: -1px;}
body .seabasins-holder {margin-left: auto;
margin-right: auto;
grid-template-columns: 1fr 1fr 1fr;
height: calc(100vh - 120px);
align-items: center;
justify-items: center;}
@media (min-width:992px) {body .seabasins-holder {max-width: 1100px;}}
@media (max-width:991px) {body .seabasins-holder {max-width: 700px;}}
@media (max-width:767px) {body .seabasins-holder {padding-left: 0px;
padding-right: 0px;}}
body .seabasins-holder .seabasin-card {text-align: center;
cursor: pointer;}
body .seabasins-holder .seabasin-card .picture {width: 250px;
height: 250px;
border: 1px solid silver;
margin: 10px;
background-color: #282161;
background-size: cover;}
body .seabasins-holder .seabasin-card .caption {margin-top: 27px;
font: 16px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #07003a;}
body .seabasins-holder .seabasin-card .caption small {display: block;
margin-top: 12px;
color: gray;}
body .map-holder {margin-left: auto;
margin-right: auto;
margin: auto;
margin-top: 40px;
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
outline: 1px solid rgba(0,0,0,0.2);
display: grid;
grid-template-columns: 700px 1fr;
transform: translateY(-22000px);}
@media (min-width:992px) {body .map-holder {max-width: 1100px;}}
@media (max-width:991px) {body .map-holder {max-width: 700px;}}
@media (max-width:767px) {body .map-holder {padding-left: 0px;
padding-right: 0px;}}
body .map-holder .countryList {height: calc(100vh - 200px);
overflow-y: scroll;
background: #eee;
border-left: 7px solid #d4d4d4;
padding: 40px 0px;}
body .map-holder .countryList a {font: 14px Montserrat, arial, Helvetica, sans-serif;
text-transform: uppercase;
display: block;
padding: 7px 0px 7px 40px;
color: black;}
body .map-holder .countryList a:hover {background: #333;
color: #ccc;}
body .map-holder .map {width: 700px;
height: calc(100vh - 200px);}
body .map-holder .map svg {background: white;}
body .map-holder .map path {fill: silver;
transition: all 200ms ease;}
body .map-holder .map path:hover {fill: #c0c0c0;
fill-opacity: 1;}
body .map-holder .map path:hover[data-code='AL'],
body .map-holder .map path:hover[data-code='CY'],
body .map-holder .map path:hover[data-code='FR'],
body .map-holder .map path:hover[data-code='GR'],
body .map-holder .map path:hover[data-code='IT'],
body .map-holder .map path:hover[data-code='SI'],
body .map-holder .map path:hover[data-code='ES'],
body .map-holder .map path:hover[data-code='TR'],
body .map-holder .map path:hover[data-code='BE'],
body .map-holder .map path:hover[data-code='BA'],
body .map-holder .map path:hover[data-code='HR'],
body .map-holder .map path:hover[data-code='LV'],
body .map-holder .map path:hover[data-code='ME'],
body .map-holder .map path:hover[data-code='IL'],
body .map-holder .map path:hover[data-code='MT'],
body .map-holder .map path:hover[data-code='TN'],
body .map-holder .map path:hover[data-code='GB'],
body .map-holder .map path:hover[data-code='NL'],
body .map-holder .map path:hover[data-code='DE'],
body .map-holder .map path:hover[data-code='DK'],
body .map-holder .map path:hover[data-code='SE'],
body .map-holder .map path:hover[data-code='NO'],
body .map-holder .map path:hover[data-code='EE'],
body .map-holder .map path:hover[data-code='FI'],
body .map-holder .map path:hover[data-code='LT'],
body .map-holder .map path:hover[data-code='PL'] {fill: #555;}
body .seabasins-holder,
body .countries-holder,
body .fullinventory-table-holder {display: none;}
/* 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%;}