/* DIT STUK AANPASSEN IN MATCHPACK */
#header .navbar a {
    padding: 10px 0px 10px 0px!important;
}

#header .menu-container .dropdown-item {
    padding: 0 8px 0 8px!important;
}

@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; 
}

/* 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;
}*/

/*.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
} */

/* Small fix Cookie notification 08-2022 -- GAW */
.cookie-notification {
	z-index: 999;
}

/* START WOTS Banner 14-09-2022 -- GAW */

/* .rng-banner {
    background-color: #fff;
    color: #000;
    z-index: 1000;
    width: 100%;
    position: fixed;
}

.page-header {
    margin-top: 60px;
    padding-top: 0;
}

.hoverblocks {
    top: 300px;
}

@media screen and (min-width: 1299px) {
    header {
        margin-bottom: 82px;
    }
}

@media screen and (max-width: 1299px) {
    header {
        margin-top: 0;
        margin-bottom: 0!important;
    }

	#header-hide-container {
	    padding-top: 60px;
	}
}

@media screen and (max-width: 865px) {
	#header-hide-container {
	    padding-top: 60px;
	}
}

@media screen and (max-width: 441px) {
	#header-hide-container {
	    padding-top: 50px;
	}
}*/

/* END WOTS Banner 14-09-2022 -- GAW */

/* Order Problem banner 06-2023 -- 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;
    }
}*/

/* Fulfillment -> Remove after release */
.almostblackbg {
    background-color: #272727;
}

.almostblackbg h1,
.call-to-action ul.vinkjes,
.call-to-action a,
.call-to-action p,
.call-to-action a:hover {
    color: white;
}

ul.vinkjes23 {
	 padding: 25px 0 5px 0;
	 font-size: 19px;
	 line-height: 1.3;
}
ul.vinkjes23 li {
	 list-style-type: none;
	 padding: 0 0 20px 40px;
	 background: url('https://media-frontend.tweakwise.com/data/minigrip/orgineel/Check-mark.png') no-repeat top left;
	 background-position: 0 5px;
}

.warumdp {
	 padding: 150px 0 150px 0;
}

 .warumdp h3 {
	 font-size: 2.5rem;
	 margin-bottom: 40px;
}

 .warumdp p {
	 font-family: 'DINLight', Calibri, sans-serif;
	 font-size: 14pt;
	 margin: 0 0 30px;
}

 .warumdp strong {
	 font-family: 'DINMedium', Calibri, sans-serif;
}

 .warumdp a {
	 color: black;
	 text-decoration: underline;
	 font-weight: bold;
}

 .warumdp a:hover {
	 color: black;
}

 #formulier h3 {
	 font-size: 2.5rem;
	 margin-bottom: 25px;
}

/* CTA Buttons Nieuwsbericht | 01-02-24 GAW */
.nieuwsitem .ctabtn {
	margin-top: 30px;
}

.nieuwsitem .ctabtn .btn {
	margin-bottom: 30px;
}

.nieuwsitem .ctabtn .btn-dpred {
	margin-right: 15px;
}

.nieuwsitem .ctabtn .btn-dpgreen {
	margin-left: 15px;
}

/* 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;
    }
}

.services .warumdp ul.vinkjes23 li {
    background-position: 0 5px!important;
}

.erkend-leer {
	 width: 100%;
}

 @media screen and (min-width: 568px) {
	 .erkend-leer {
		 width: 75%;
	}
}

 .erkend-leer img {
	 height: auto !important;
	 max-height: 115px;
	 margin: 0;
}

/* Droogijs pagina (verwijderen na volgende release) -- 27-03-2024*/
.services .call-to-action .dinbold {
	font-size: 20px;
	margin-bottom: 0.5vw;
}

.services .call-to-action.graybg p {
	color: #000;
}


/* Cookiebot mobile (verwijderen na volgende release) -- 18-06-2024*/
@media screen and (max-width: 1280px) {
    #CybotCookiebotDialog {
        background-color: #141414!important;
        color: #fff!important;
    }

    #CybotCookiebotDialog #CybotCookiebotBannerCloseButtonE2E,
    #CybotCookiebotDialog .CybotCookiebotBannerCloseButton {
        fill: #fff!important;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {
        color: #fff!important;
    }

    #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleHide,
    #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABContainerToggleShow,
    #CybotCookiebotDialog a:after,
    #CybotCookiebotDialog a:before,
    #CybotCookiebotDialog button:after,
    #CybotCookiebotDialog button:before {
        border-color: #fff!important;
    }

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
        color: #fff!important;
        border-bottom: 1px solid #141414!important;
    }

    #CybotCookiebotDialogPoweredByText a {
        color: #fff!important;
    }

    .CybotCookiebotFader.CybotCookiebotDialogActive {
        background-image: none!important;
    }
}

/* Last Chance Sale banner 09-2024 -- GAW */
.last_chance-banner {
    background-color: #ea002a;
    color: #000;
    width: 100%;
    padding: 0 15px;
    height: 28vw;
}

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

.last_chance-banner a {
    color: #fff;
    text-decoration: underline;
}

.last_chance-banner a:hover {
    color: #fff;
}

.hoverblocks {
    top: 350px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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