/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
@import url(https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i);
.validate_error {
  border-color: red !important;
  transition: 0.2s; }

.validate_message {
  position: absolute;
  color: red;
  z-index: 99;
  font-size: 13px;
  /*
	opacity:0;
	-webkit-animation:fadeIn ease-in .2s;
	-moz-animation:fadeIn ease-in .2s;
	animation:fadeIn ease-in .2s;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;*/
  transition: 0.2s;
  /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
  /*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
  /* pswp = photoswipe */ }

.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none;
  /* style is added when JS option showHideOpacity is set to true */ }

.pswp--animate_opacity {
  opacity: 0.001;
  /* for open/close transition */
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
  /*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/ }

.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container, .pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* Prevent selection and tap highlights */ }

.pswp__container, .pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  /* for open/close transition */
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  /* for open/close transition */
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container, .pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  /*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/ }

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
  /*
	div element that matches size of large image
	large image loads on top of it
*/ }

.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
  /*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/ }

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc; }

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline;
  /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
  /*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
  /*

	1. Buttons

 */
  /* <button> css reset */ }

.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus, .pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
  /* pswp__ui--over-close class it added when mouse is over element that should close gallery */ }

.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  background: url('https://beta.labrecycling.com/assets/img/default-skin.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url('https://beta.labrecycling.com/assets/img/default-skin.svg'); }

  .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
  /* no arrows on touch screens */ }

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
  /*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/ }

.pswp__button--arrow--left, .pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
  /*

	2. Share modal/popup and links

 */ }

.pswp__counter, .pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  /* increase size of share links on touch devices */ }

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a; }

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff; }

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d; }

a.pswp__share--download:hover {
  background: #ddd;
  /*

	3. Index indicator ("1 of X" counter)

 */ }

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: 0.75;
  padding: 0 10px;
  /*

	4. Caption

 */ }

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #bbb; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc; }

.pswp__caption--empty {
  display: none;
  /* Fake caption element, used to calculate height of next/prev image */ }

.pswp__caption--fake {
  visibility: hidden;
  /*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */ }

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  background: url('https://beta.labrecycling.com/assets/img/preloader.gif') 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

@keyframes donut-rotate {
  /*

	6. Additional styles

 */
  /* root element of UI */
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
  /* top black bar with buttons and "1 of X" indicator */ }

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  /* pswp--has_mouse class is added only when two subsequent mousemove events occur */ }

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar, .pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
  /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */ }

.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
  /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */ }

.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
  /*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/ }

.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
  opacity: 0.001;
  /* pswp__ui--one-slide class is added when there is just one item in gallery */ }

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden; }

input {
  border-radius: 0; }
  input:focus {
    outline: none; }
  input.wrong {
    border: solid 1px red !important; }
  input.number {
    width: 40px;
    height: 28px;
    color: #808080;
    font-weight: 600;
    background-color: #f9f9f9;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    padding-left: 10px;
    margin: 17.5px 11px; }
    input.number:focus {
      outline: none; }

.wrapper {
  width: 100%;
  max-width: 1245px;
  margin: 0 auto;
  height: 100%;
  position: relative;
  padding: 0 10px; }
  @media (max-width: 1024px) {
  .wrapper {
    width: 95%; } }

#content {
  min-height: calc(100vh - 509px); }
  #content h1.title {
    color: #4d4d4d;
    font-size: 25pt;
    margin-top: 30px;
    display: inline-block;
    width: 100%; }
  #content ul {
    padding-left: 20px;
    margin-right: 28px;
    font-family: 'Ubuntu', sans-serif;
    color: #8d8d8d;
    letter-spacing: 0.25px;
    font-size: 15px;
    font-weight: 100;
    line-height: 28px;
    margin-bottom: 20px; }

section {
  background: white;
  display: block;
  padding: 100px 0;
  min-height: 400px; }
  section .arrow {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #eee;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  section h2 {
    font-size: 25px;
    margin-bottom: 15px;
    font-family: ;
    text-transform: uppercase; }

.btn {
  border-radius: 5px;
  padding: 5px 15px;
  text-transform: uppercase;
  font-family: 'Hind', sans-serif;
  border-bottom: 3px solid red;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 1px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out; }
  .btn.orange {
    background: #f47e2a;
    border-color: #c86228; }
    .btn.orange:hover {
      background: #c86228; }
  .btn.white {
    background: transparent;
    border: 1px solid white;
    font-weight: 600; }
    .btn.white:hover {
      background: white;
      color: #e57428; }
    .btn.white i {
      font-size: 12px;
      padding-left: 5px; }
  .btn.blue {
    background: #b992af;
    font-weight: 600;
    border-color: #b48aa9; }
    .btn.blue:hover {
      background: #b48aa9;
      color: white; }
    .btn.blue i {
      font-size: 12px;
      padding-left: 5px; }

.block-title, h1 {
  font-family: 'Hind', sans-serif;
  color: #1f1f1f;
  font-size: 26px;
  letter-spacing: 1px;
  text-transform: uppercase; }

p {
  font-family: 'Ubuntu', sans-serif;
  color: #8d8d8d;
  letter-spacing: 0.25px;
  font-size: 15px;
  font-weight: 100;
  line-height: 26px; }
  p.block-subtitle {
    max-width: 400px;
    margin-bottom: 40px; }

::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.8; }

:-moz-placeholder {
  color: #fff;
  opacity: 0.8; }

::-moz-placeholder {
  color: #fff;
  opacity: 0.8; }

:-ms-input-placeholder {
  color: #fff;
  opacity: 0.8; }

#header-slider {
  min-height: 150px;
  padding-bottom: 40px;
  width: 100%;
  background: url('https://beta.labrecycling.com/assets/img/slider-contact.jpg');
  background-size: cover; }
  @media (max-width: 480px) {
  #header-slider {
    margin-top: 75px;
    height: auto;
    padding: 50px 0;
    margin-bottom: 0 !important; } }
  #header-slider h1 {
    color: white;
    padding-top: 60px;
    line-height: 20px;
    margin: 0; }
    @media (max-width: 480px) {
  #header-slider h1 {
    padding-top: 0;
    line-height: 26px; } }
  #header-slider .breadcrumbs, #header-slider p, #header-slider a {
    color: white !important;
    font-family: 'Ubuntu', sans-serif !important;
    letter-spacing: 0.5px !important;
    font-weight: normal !important;
    opacity: 0.8;
    text-decoration: none; }
  #header-slider a:hover {
    opacity: 1; }

.black_btn {
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: url('https://beta.labrecycling.com/assets/img/details_arrow.png') no-repeat right #333;
  padding: 7.5px 27px 7.5px 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  cursor: pointer; }
  .black_btn:hover {
    background-color: ;
    border-color: ; }

.accent_btn {
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: url('https://beta.labrecycling.com/assets/img/details_arrow.png') no-repeat right ;
  padding: 7.5px 27px 7.5px 10px;
  border-bottom: 1px solid ;
  border-right: 1px solid ; }

.accent_btn:hover {
  background-color: #333;
  border-color: #000; }

@media (max-width: 480px) {
    #content.wrapper {
      margin-top: 50px !important; } }

.detail_box h2 {
  margin-left: 28px;
  margin-bottom: 15px;
  line-height: 26px;
  font-family: 'Hind', sans-serif;
  color: #1f1f1f;
  font-size: 26px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.whatsapp-icon {
  font-size: 24px;
  vertical-align: middle; }

.whatsapp-text {
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px !important; }

.whatsapp-color {
  color: #25d366 !important; }

.instagram-color {
  color: #e4405f !important; }

.facebook-color {
  color: #3b5999 !important; }

.pinterest-color {
  color: #bd081c !important; }

.linkedin-color {
  color: #0077b5 !important; }

.ebay-color .one {
  color: #e53238 !important; }
  .ebay-color .two {
    color: #0064d2 !important; }
  .ebay-color .three {
    color: #f5af02 !important; }
  .ebay-color .four {
    color: #86b817 !important; }

.hide_on_desktop {
  display: none; }
  @media (max-width: 480px) {
  .hide_on_desktop {
    display: block; } }

h1 {
  margin-top: 30px;
  display: inline-block; }

.producten {
  margin: 30px 0 10px; }

.laden {
  background-image: url('https://beta.labrecycling.com/assets/img/spinner.gif');
  background-position: center;
  background-size: 100px;
  height: 50px;
  width: 60px;
  padding-top: 17px;
  position: relative;
  text-align: center;
  margin: 0 auto;
  display: none; }

#search_input {
  padding: 10px 15px;
  background: #fcfcfc;
  border: solid 1px #989898;
  float: right;
  color: #989898;
  font-family: 'Ubuntu', sans-serif;
  font-style: italic;
  letter-spacing: 0.25px;
  width: 293px; }
  @media (max-width: 480px) {
  #search_input {
    width: 100%; } }
  #search_input::-webkit-input-placeholder {
    color: #989898; }
  #search_input:-moz-placeholder {
    color: #989898;
    opacity: 1; }
  #search_input::-moz-placeholder {
    color: #989898;
    opacity: 1; }
  #search_input:-ms-input-placeholder {
    color: #989898; }

.no-results {
  font-family: 'Hind', sans-serif;
  color: #1f1f1f;
  font-size: 26px;
  letter-spacing: 1px;
  text-transform: uppercase; }

header {
  background: #fff;
  width: 100%;
  /*position: fixed;*/
  /*top: 0;*/
  height: 120px;
  z-index: 100;
  box-shadow: 0 5px 15px -9px grey; }
  @media (max-width: 1024px) {
  header {
    height: 100px; } }
  @media (max-width: 480px) {
  header {
    position: fixed !important;
    top: 0;
    height: 75px; } }
  header .logo {
    color: white;
    /*line-height: $headerHeight;*/
    /*height: $headerHeight;*/
    font-size: 25px;
    display: inline-block;
    padding-top: 10px;
    width: 180px; }
    @media (max-width: 1024px) {
  header .logo {
    transform: scale(0.9);
    transform-origin: left;
    padding-top: 10px; } }
    @media (max-width: 480px) {
  header .logo {
    padding-top: 2px; } }
  header .right_menu {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 120px;
    height: 120px; }
    header .right_menu a {
      color: white;
      display: inline-block;
      font-size: 30px;
      margin-right: 20px; }
      header .right_menu a .cart_count {
        display: inline-block;
        position: absolute;
        /* background: #1e231c; */
        font-size: 12px;
        height: 18px;
        width: 20px;
        color: #000;
        /* border: solid 1px #eee; */
        line-height: 16px;
        border-radius: 50%;
        top: 19px;
        left: 6px;
        text-align: center; }
      header .right_menu a:last-child {
        margin-right: 15px; }
      header .right_menu a:hover {
        color: #c2c2c2; }

.mob_show {
  display: none; }

@media screen and (max-width: 480px) {
  .mob_show {
    display: block;
    color: #8d8d8d;
    position: absolute;
    right: 50px;
    top: 0;
    padding-top: 20px; } }

.cartMobile, .zoekenMobile {
  display: none; }

#topheader {
  background: #f5f5f2;
  border-bottom: 1px solid #eee;
  height: 40px;
  font-family: 'Ubuntu', sans-serif; }
  @media (max-570px) {
  #topheader {
    display: none; } }
  #topheader p {
    display: inline-block;
    padding: 0 15px 0 10px; }
  #topheader .socialmedia-icons i {
    padding-left: 15px; }
  #topheader .contactgegevens, #topheader .socialmedia-icons {
    display: inline-block;
    color: #bababa;
    line-height: 40px;
    font-size: 14px;
    vertical-align: top; }
    #topheader .contactgegevens i, #topheader .socialmedia-icons i {
      color: #bababa; }
  #topheader .right {
    position: absolute;
    right: 0;
    top: 0; }
  #topheader .language_icons {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 40px;
    margin-left: 20px; }
    #topheader .language_icons a {
      display: inline-block;
      vertical-align: top;
      margin-top: 5px;
      width: 30px; }
      #topheader .language_icons a:not(:last-child) {
        margin-right: 10px; }
    #topheader .language_icons .img_language_icons {
      width: 100%; }

.fa-bars {
  display: none; }
  @media (max-width: 1024px) {
  .fa-bars {
    color: #8d8d8d;
    display: block;
    padding-top: 40px;
    position: absolute;
    right: 0;
    top: 0; } }
  @media (max-width: 480px) {
  .fa-bars {
    padding-top: 20px; } }

.fa-search {
  color: black; }
  .fa-search:hover {
    color: #989898; }

.fa-times {
  color: white;
  padding-top: 57px;
  position: absolute;
  right: 5%;
  top: 0;
  display: none; }
  @media (max-width: 1024px) {
  .fa-times {
    display: block; } }

nav {
  height: 120px;
  font-family: 'Hind', sans-serif;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 0; }
  @media (max-width: 1024px) {
  nav {
    width: 108%;
    position: absolute;
    background: rgba(229, 116, 40, 0.91);
    left: -1500px;
    right: -3%;
    top: 0;
    bottom: 0;
    height: calc(100vh);
    z-index: 90000;
    padding-top: 50px; } }
  nav ul {
    text-align: center; }
    @media (max-width: 1024px) {
  nav ul {
    text-align: left; } }
    nav ul li {
      display: inline-block;
      line-height: 120px;
      height: 120px;
      vertical-align: top;
      text-transform: uppercase;
      font-size: 15px; }
      @media (max-width: 1023px) {
  nav ul li {
    display: block;
    padding-left: 4%;
    line-height: 50px;
    height: auto !important; } }
      @media (min-width: 1024px) {
    nav ul li:hover ul {
      display: block; } }
      nav ul li a {
        margin: 0 10px;
        text-decoration: none;
        color: #989898;
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0.5px;
        height: 100%;
        display: inline-block;
        -webkit-transition: all 400ms ease-out;
        -moz-transition: all 400ms ease-out;
        -o-transition: all 400ms ease-out;
        -ms-transition: all 400ms ease-out;
        transition: all 400ms ease-out; }
        @media (max-width: 1024px) {
  nav ul li a {
    color: white;
    font-size: 18px;
    position: 0.8; } }
        nav ul li a:hover {
          color: #e57428; }
          @media (max-width: 1023px) {
  nav ul li a:hover {
    color: #333; } }
        nav ul li a.active {
          color: #e57428; }
          @media (max-width: 1023px) {
  nav ul li a.active {
    color: #333; } }
          @media (max-width: 1024px) {
  nav ul li a.active {
    color: white;
    opacity: 1;
    border-left: 5px solid white;
    padding-left: 15px; } }
      nav ul li .has_sub {
        margin: 0 10px 0 0;
        /* sub menu layer 1 BEGIN */ }
        @media (max-width: 1023px) {
  nav ul li .has_sub {
    float: right;
    padding-right: 15px;
    margin: 0 10px;
    font-size: 24px; } }
        nav ul li .has_sub i.fa {
          font-weight: bold; }
      nav ul li ul {
        display: none;
        position: absolute;
        background: white;
        border: solid 1px #e2e2e2;
        text-align: left;
        padding: 10px 15px;
        width: 250px;
        box-sizing: border-box;
        z-index: 9999;
        border-top: 2px solid #e57428;
        margin-top: -1px;
        /* sub menu layer 1 END */ }
        nav ul li ul:hover {
          display: block; }
        @media (max-width: 1023px) {
  nav ul li ul {
    background: none;
    position: relative;
    height: auto;
    width: calc(100% - 30px);
    font-size: 0;
    top: 0;
    margin: 0px 0px 0px 30px;
    padding: 0px;
    border: none;
    border-left: 1px solid #fff; } }
        nav ul li ul li {
          width: 215px;
          height: auto;
          line-height: 50px;
          display: block;
          box-sizing: border-box;
          border-bottom: solid 1px #e2e2e2; }
          @media (max-width: 1023px) {
  nav ul li ul li {
    width: 100%;
    border: none; } }
          nav ul li ul li i.fa.fa-chevron-down {
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
          nav ul li ul li .openSubMenuMobiel {
            padding: 0; }
          nav ul li ul li ul {
            display: none !important;
            left: 150px;
            top: -9px; }
  nav .locales {
    position: absolute;
    right: 10px;
    top: 0px; }
    nav .locales a {
      color: white;
      text-decoration: none;
      line-height: 120px;
      height: 100%;
      display: inline-block;
      padding: 0 3px; }
      nav .locales a:hover {
        color: #c2c2c2; }
  nav.scroll {
    position: fixed;
    margin-top: 0;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100; }

nav ul > li .sub li a {
  display: block; }

nav ul > li .sub a:hover {
  color: ; }

nav ul > li .sub li a.inl {
  display: inline; }

nav ul > li .sub li:last-child {
  border-bottom: none; }

nav ul > li .sub li span {
  position: absolute;
  height: 20px;
  width: 20px;
  z-index: 1000;
  display: inline-block;
  right: 0px;
  top: calc(50% - 10px);
  line-height: 20px;
  cursor: pointer; }

nav ul > li .sub li span i {
  color: #bababa;
  font-size: 15px;
  transition: 0.2s; }

nav ul > li .sub li ul {
  display: none; }

nav ul > li .sub li ul li {
  z-index: 10000; }

footer {
  width: 100%;
  min-height: 338px;
  background: #161616;
  overflow: hidden;
  position: relative;
  padding-top: 80px; }
  footer .partner_img {
    width: 100px;
    display: grid;
    padding-bottom: 30px; }
  footer .col {
    width: calc((100% - 90px) / 4);
    margin-left: 30px;
    position: relative;
    z-index: 9;
    display: inline-block;
    vertical-align: top; }
    footer .col.last {
      width: calc((100% - 60px) / 2) !important; }
      @media (max-width: 1024px) {
  footer .col.last {
    width: calc(100% - 40px) !important; } }
      footer .col.last p, footer .col.last a {
        width: 50%;
        display: inline-block; }
        @media (max-width: 560px) {
  footer .col.last p, footer .col.last a {
    width: 100%; } }
    @media (max-width: 1024px) {
  footer .col {
    width: calc(50% - 20px);
    margin-left: 20px; }
    footer .col:nth-child(3) {
      width: 100%;
      margin: 20px 0;
      width: calc(50% - 20px); } }
    @media (max-width: 560px) {
  footer .col {
    width: 100%;
    margin: 20px 0;
    max-width: auto; } }
    footer .col:first-child {
      margin-left: 0px; }
    footer .col h3 {
      font-family: 'Hind', sans-serif;
      font-weight: bold;
      color: #eee;
      margin: 16px 0;
      font-size: 23px;
      letter-spacing: 1px;
      text-transform: uppercase;
      width: 100%; }
    footer .col a, footer .col p {
      color: #fff;
      text-decoration: none;
      font-weight: 400;
      font-size: 14px;
      display: inline;
      color: #fff;
      line-height: 26px;
      font-family: 'Ubuntu', sans-serif; }
    footer .col a:hover {
      text-decoration: underline; }
    footer .col .nieuws {
      margin-top: 21px;
      color: #a9a9a9; }
      footer .col .nieuws input[type="email"] {
        height: 34px;
        width: calc(60% - 5px);
        padding-left: 10px;
        border: none;
        vertical-align: top;
        display: inline-block; }
        @extend placeholder {
          font-style: italic; }
      footer .col .nieuws input[type="submit"] {
        background: #e67b33;
        width: 40%;
        height: 34px;
        border: none;
        border-left: 3px solid #e46d1d;
        margin-left: 5px;
        color: #eee;
        cursor: pointer; }
        footer .col .nieuws input[type="submit"]:hover {
          background: #e46d1d; }
  footer .footer {
    padding: 10px;
    margin-top: 50px;
    background: #0e100e; }
    footer .footer .copyright {
      color: #bbb;
      font-size: 11px;
      margin-bottom: 40px;
      width: 100%;
      max-width: 1245px;
      margin: 0 auto;
      height: 100%;
      position: relative;
      padding: 0 10px; }
      footer .footer .copyright a {
        float: right;
        color: white;
        text-decoration: none;
        font-size: 13px; }
        footer .footer .copyright a:hover {
          color: #ccc; }

.popupbody {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  z-index: 9999;
  align-items: center;
  justify-content: center; }
  .popupbody:after {
    content: '';
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    height: 100vh;
    width: 100vw; }
  .popupbody.hidden {
    display: none; }
  .popupbody .container {
    position: relative;
    z-index: 10000;
    width: 100%;
    max-width: 700px;
    padding: 40px;
    background-color: #fff;
    color: #939598 !important;
    font-family: 'Poppins';
    font-size: 14px;
    margin: 0 25px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
    overflow-x: auto;
    max-height: 90vh; }
    @media (max-768px) {
  .popupbody .container {
    padding: 30px; } }
    .popupbody .container .popup_content {
      padding-top: 20px; }
    .popupbody .container .btn_2 {
      display: inline-block;
      text-transform: uppercase;
      text-align: center;
      background-color: #91cfb1;
      font-family: 'Poppins';
      font-size: 12px;
      font-weight: 500;
      height: 40px;
      line-height: 40px;
      padding: 0 25px;
      text-decoration: none;
      color: white; }
      @media (max-768px) {
  .popupbody .container .btn_2 {
    width: 100%;
    margin: 0; } }
    .popupbody .container .fa-close {
      position: absolute;
      top: 20px;
      right: 20px;
      color: #000;
      font-size: 22px;
      cursor: pointer; }
  .popupbody .block-title {
    font-weight: bold; }
  .popupbody input[type=email] {
    width: 100%;
    border: 1px solid black;
    background: transparent;
    border-radius: 5px;
    padding: 10px;
    color: black;
    padding-bottom: 10px;
    margin: 20px 0;
    font-family: Arial;
    font-size: 12px;
    resize: vertical;
    font-weight: bold;
    letter-spacing: 1px; }
    .popupbody input[type=email]::placeholder {
      color: black; }
  .popupbody .newsletter_checkbox input[type=checkbox] {
    margin-top: 7px;
    margin-right: 5px;
    display: inline-block;
    height: 13px;
    width: 13px; }
    .popupbody .newsletter_checkbox label {
      display: inline-block;
      width: calc(100% - 50px);
      vertical-align: top;
      font-family: 'Ubuntu', sans-serif;
      color: #8d8d8d;
      letter-spacing: 0.25px;
      font-size: 15px;
      font-weight: 100;
      line-height: 26px;
      cursor: pointer; }
  .popupbody .btn {
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: pointer;
    margin-top: 20px; }
  .popupbody .toast {
    margin-top: 15px !important;
    background: #fff;
    border: 1px solid;
    padding: 0 15px; }
    .popupbody .toast.success {
      border: 1px solid #85ba9e;
      color: #85ba9e; }
    .popupbody .toast.warning {
      border: 1px solid red;
      color: red; }