@font-face {
  font-family: 'DINCondensedBold';
  font-style: normal;
  font-weight: normal;
  src: url('/content/css/fonts/DINCondensed-Bold.woff') format('woff'), url('https://daklapackmedia.com/daklapack/assets/fonts/DINCondensed-Bold.ttf') format('truetype');
font-display: swap;
}

.menu-container {
    column-fill: initial;
}

@media (max-width: 1200px) {
	.breadcrumbs {
    		padding-left: 15px;
    		padding-right: 15px;
	}
}

@media screen and (max-width: 991px) {
	.publicatie-page h1, .like-h1 {
		font-size: 45px!important;
	}

	.publicatie-page .contact-form, .publicatie-page #netivity-forms-fEPODETO36 {
		margin-bottom: 0!important;
	}

	.category-page .description-content {
		padding-left: 1.5rem!important;
		padding-right: 1.5rem!important;
	}
	.flyin_fromleft1, 
	.flyin_fromleft2, 
	.flyin_fromleft3, 
	.flyin_fromleft4, 
	.flyin_fromleft5,
	.flyin_fromleft6  {
		padding-top: 20px!important;
		padding-bottom: 25px!important;
		padding-left: 15px;
		width: 65%!important;
		margin-top: -100px!important;
	}

	.service-filling .qualitynorms ,
	#carousel-klantcase .carousel-item .row,
	#Content10 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.services .btn-slider-cleanroom {
		font-size: 12px;
		margin-right: 7px;
		padding: 8px 4px;
	}
    .overlay-home h3.dinconb60w {
        font-size: 5vw;
    }

    .headercontactbar {
        display: none;
    }

    .checkout .num {
        display: none;
    }

    .checkout .col-6.bestelknop{
        max-width: 100%;
    }

    .headertop #logo img {
        max-width: 150px;
    }

    .headertop #logo ,
    .headertop #services-btn {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .missie {
        padding: 100px 0 50px;
        font-style: normal;
    }

    .missie p {
        margin-bottom: 50px;
    }

	.product-page .tab-pane {
		padding-left: 0;
		padding-right: 0;
	}

	.product-page .bestel-info #bestel-info-content {
 		padding-left: 0;
		padding-right: 0;
	}

	.trustpilot-link {
		line-height: 1.25;
	}

	.terms-and-conditions-page h2 {
		font-size: 32px;
	}

	.btn.home-link {
		margin-bottom: 20px;
	}

	.btn.home-link img {
		margin-right: 0;
	}

	.news-page .nieuwsitem {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}

	.groene-missie-page .sppunten h2 {
		font-size: 45px;
	}
}

@media only screen and (max-width: 767px){
    .missie {
        font-size: 1.2em;
        line-height: 1.2em;
    }

    .menu-container .dropdown-item {
        font-size: .8em!important;
    }

    .nav-item {
        padding: 15px;
    }

    .nav-item.dropdown .dropdown-menu {
        padding: 0!important;
    }

    .nav-item.dropdown .dropdown-menu.show {
        padding: 10px;
    }

	.product-page .nav-tabs.productTabs li {
		height: auto;
		font-size: 11px;
		padding: 3px;
	}


	.nav-justified .nav-item {
    		flex-basis: auto;
	}

	.product-page .nav-tabs.productTabs li::before {
		display: none;
	}
	
	.footer-big .container {
        	max-width: 100%;
	}
	
	.footer-big .row .widget-col {
		border-right: none;
	}

	#services-btn {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
		padding-right: 35px;
	}

	.service-item.cart {
		margin-right: 35px!important;
	}

	.service-item.cart p {
		margin-bottom: 0;
	}
	
	.cookie-notification {
		padding-bottom: 75px;
	}
}

@media only screen and (max-width: 667px){
	#info-pijl {
		margin-top: 3rem;
	}

	.webshop-landing-page .block .block-title {
		font-size: 12px;
	}


	.afm {
		text-align: center!important;
		margin-top: 1.5rem;
	}
}

.checkout .plasticsoup img {
    display: none;
}

.pagination {
    margin: 70px auto 20px;
}

.hoverblocks {
    height: auto;
    margin-top: 2rem;
}

.arrows {
    display: flex;
}
.arrows div:not(:last-child) p::after {
    content: " • ";
  margin-right: 5px;
}
.arrows .arrow-active {
    color: black;
}

.product-page .container.trustpilot {
	padding-bottom: 3rem;
}

.directmailimage {
	 background: url(/Content/img/Daklapack/directmail.png);
	 padding-top: 35%;
}

@media (min-width: 992px) and (max-width: 1299px) {
	.directmailimage {
	 background-position: -850px 0!important;
	 padding-top: 55%!important;
	}
}

.title-block.d-block.d-md-none:not(.blue):not(.yellow):not(.gmgreen):not(.green),
.title-background:not(.blue):not(.yellow):not(.gmgreen):not(.green) {
background: #d3d3d3;
}

.productieimage {
    background: url(/Content/img/Daklapack/productie.png);
    padding-top: 35%;
}
@media (min-width: 992px) and (max-width: 1299px)
.productieimage {
    background-position: 0 0!important;
    padding-top: 55%!important;
}

.firstpara {
font-family: DINMedium !important;
}

.flyin_fromleft4 {
    background-color: #ffd241
}

.flyin_fromleft5 {
    background-color: #4c9d2f;
}

.flyin_fromleft4,
.flyin_fromleft5 {
    padding-top: 54px;
    padding-bottom: 55px;
    margin-top: -65px;
    position: absolute;
    width: 45%;
    z-index: 1;
}

.flyin_fromleft4 p,
.flyin_fromleft5 p {
    color: #fff;
    float: right;
    font-family: DINMedium,sans-serif,sans-serif;
    font-size: 22pt;
    margin-right: 25px;
    margin-top: 0;
    margin-bottom: 0;
}

.col-12.description-content {
    max-width: 1250px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px){
.nav-item {
    overflow: hidden;
}
}

.groene-missie-page .bgimagegm {
    background-image: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/GM-bg-image.png);
}

ul.vinkjes {
    list-style-image: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Check-mark.png);
}

.tmliamtoro {
    background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/IAMTORO%20achtergrond.jpg) center center no-repeat
}

.tml24ice {
    background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/24ICE%20achtergrond.jpg) center center no-repeat
}

.tmlolivery {
    background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Olivery%20achtergrond.jpg) center center no-repeat
}

.tmlpr {
    background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Pelican%20Rouge%20achtergrond.jpg) center center no-repeat
}

.tmljumbog {
    background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Jumbo%20achtergrond.jpg) center center no-repeat
}

.tmlglobale {
    background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Global%20achtergrond.jpg) center center no-repeat
}
.slick-arrow.slick-prev:before {
    content: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Chevron-Links.png)
}
.slick-arrow.slick-next:before {
    content: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/Chevron-Rechts.png)
}

.groene-missie-page .bgimagegm {
background-image: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/GM-bg-image.png);
}

@media (min-width:992px) {
    .whyplastic-page .pim-row .pim {
background: url(https://media-frontend.tweakwise.com/data/minigrip/orgineel/dreamstime_m_28322908.png);
}
}

#header {
box-shadow: 0px 15px 10px -15px #111; 
}

/* Bedanktpaginas -- 10-12-2021 GAW */
.bedankt {
	padding: 100px 0; 
}

/* Telefoon niet bereikbaar -- 29-11-2021 GAW */
/*
#header {
	box-shadow: none;
}

#main-content {
	padding-top: 0!important;
}

.no-phone {
	background-color: red;
	padding: 10px;
	text-align: center;
	width: 100%;
	color: white;
	padding-top: 220px;
} */

/* Nieuwsbrief page h1 eraf -- 02-02-2022 GAW */
.opdehoogte h3 {
    font-size: 24pt;
}

/* GREEN MISSION V2
*
*
*
*
*
*
*
*/
/* _variables.scss */
/* _mixins.scss */
/* _typography.scss */
/* line 2, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.intro-gm-page h2 {
  margin-bottom: 30px;
  font-size: 60px;
}

/* line 8, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.dpgm {
  padding: 200px 0 50px;
}

/* line 10, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.dpgm .introgm-onzeproducten {
  padding: 50px 0;
}

/* line 15, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.divider-introgm {
  --divider-height: 4rem;
  position: relative;
  top: calc( var(--divider-height)/2 * -1);
  height: var(--divider-height);
  width: 100%;
  float: left;
  z-index: 1;
}

/* line 23, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.divider-introgm svg {
  width: 100%;
  height: 100%;
}

/* line 26, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.divider-introgm svg path {
  fill: #97c21e;
  stroke: none;
  transform: scale(-1, 1);
  transform-origin: 250px 250px;
}

/* line 31, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.divider-introgm svg path.divider-top {
  fill: white;
}

/* line 35, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.divider-introgm svg rect {
  fill: white;
  stroke: none;
  width: 500px;
  height: 500px;
}

/* line 40, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.divider-introgm svg rect.divider-top {
  fill: #97c21e;
}

/* line 47, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzeproducten {
  padding: 300px 0;
}

/* line 49, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzeproducten p {
  font-size: 20px;
}

/* line 52, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzeproducten .introgm-labels-wrap {
  align-self: center;
  padding-right: 150px;
}

/* line 55, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzeproducten .introgm-labels-wrap .introgm-labels {
  display: flex;
  padding: 0 15px 0 0;
  margin: 0;
  justify-content: center;
  gap: 20%;
}

/* line 61, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzeproducten .introgm-labels-wrap .introgm-labels .figure-caption {
  color: white;
  font-size: 20px;
  font-family: DINCondensedBold, Calibri, sans-serif;
}

/* line 70, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzereis {
  padding: 300px 0;
}

/* line 72, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzereis .sdglogo {
  display: flex;
  justify-content: center;
}

/* line 75, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzereis .sdglogo img {
  padding-bottom: 30px;
  max-height: 90px;
}

/* line 80, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzereis .sdgoals {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
}

/* line 85, ../../Websites/Daklapack-V2/Groene Missie V2/code/assets/scss/_intro-groene-missie.scss */
.introgm-onzereis .sdgoals img {
  max-width: 90px;
}
.popup{
	position: fixed;
    	background: white;
    	width: 400px;
    	left: calc(50% - 200px);
    	top: 110%;
    	z-index: 100;
    	box-shadow: 0px 0px 0px 9999px rgb(0 0 0 / 30%);
}
@media only screen and (max-width: 767px) {
	.popup{
		width:100%;
		left:0;
		position: unset;
	}
}
.popup h3{
	display:none;
}
.popup p{
	margin: 0 0 24px;
	margin-bottom: 17px;
}
.popup p:last-child{
	margin: 0;
}
.popup h4{
	font-family: DINCondensedBold,Calibri,sans-serif;
	font-size: 47px;
}
.popup .col-md-4{
	display:none;
}

.popup .col-md-8{
	max-width: 100%;
	flex: 1;
	text-align:center;
	padding: 40px;
	margin-bottom: -82px;
	margin-top: -20px;
}

.popup a.vote-button{

}
.popup .container-fluid{
	position:relative;
}
.popup .door-website.add-close{
    position: absolute;
    right: -30px;
    top: 21px;
    content: '';
    border: none;
    background: unset;
    opacity: 0;
    width: 50px;
    overflow: hidden;
    height: 40px;
}
.popup .close.add-close{
	margin-right: 20px;
	margin-top: 10px;
	opacity: 1;
}
.popup .award-logo{
	padding:0 20px
}

/* DIT VOOR HEEL V2 FIXEN */
/* Home blokken text resize 11-2022 -- GAW */
.overlay-home h3.dinconb60w {
    font-size: 2.5vw;
}

@media only screen and (max-width: 1199px) {
    h3.dinconb60w {
        font-size: unset;
    }
}

@media only screen and (max-width: 991px) {
    .overlay-home h3.dinconb60w {
        font-size: 2.5vw!important;
    }
}

/* Witte stukken tussen tekst kleiner GMFAQ 12-2022 -- GAW */
.gmv2-faq-page {
	padding-top: 50px;
}

.gmv2-faq-page section.eco-label-item {
	padding-top: 50px!important;
}

/* RNG banner 1 row 11-2022 -- GAW */
.brexit-banner {
    background-color: #ea002a;
    color: #000;
    width: 100%;
    padding: 0 15px;
    height: 28vw;
}

.brexit-banner p {
    font-family: 'DINBold', Arial, sans-serif;
    font-size: 18px;
    color: #fff;
    margin: 0;
    text-align: center;
}

.hoverblocks {
    top: 350px!important;
}

section#main-content {
    margin-top: 59.8vw!important;
}

@media screen and (min-width: 576px) {
    .brexit-banner {
        height: 15vw;
    }

    section#main-content {
        margin-top: 38.8vw!important;
    }
}

@media screen and (min-width: 768px) {
    .brexit-banner {
        height: 7.5vw;
    }

    section#main-content {
        margin-top: 32.5vw!important;
    }
}

@media screen and (min-width: 992px) {
    .brexit-banner {
        height: 5.5vw;
    }

    section#main-content {
        margin-top: 22vw!important;
    }
}

@media screen and (min-width: 1199px) {
    .brexit-banner {
        height: 2.8vw;
    }

    section#main-content {
        margin-top: 16vw!important;
    }
}

@media screen and (min-width: 1500px) {
    .brexit-banner {
        height: 2vw;
    }

    section#main-content {
        margin-top: 11.9vw!important;
    }
}

@media screen and (min-width: 2000px) {
    .brexit-banner {
        height: 1.5vw;
    }

    section#main-content {
        margin-top: 9.4vw!important;
    }
}

/* DIT NA VOLGENDE RELEASE VERWIJDEREN | 21-12-2023 */
@media only screen and (max-width: 450px) {
    .category-page .top-content .ctabtn .btn-dpred,
    .category-page .description-content .ctabtn .btn-dpred{
        margin-right: 0;
    }

    .category-page .top-content .ctabtn .btn-dpgreen,
    .category-page .description-content .ctabtn .btn-dpgreen{
        margin-left: 0;
    }
}