:root {
    --title: cronos-pro, sans-serif;
    --text: myriad-pro, sans-serif;
    --black: #000000;
    --white: #ffffff;
    --light-gray: #f3f3f3;
    --dark-gray: #7f7c7c;
	--green: #b1c870;
}

.banner-ie{width:100%;text-align:center;padding:1.5rem}

html,
body{
    font-family: var(--text);
    color: var(--black);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .3px;
}

.tm-header {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
}

.uk-navbar-container:not(.uk-navbar-sticky) {
    background: transparent !important;
}

.pum-content.popmake-content:focus-visible, 
.pum-content *:focus,
.pum-overlay .pum-content
{
	outline: none !important;
}

@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {
        .pum-overlay .pum-content {
            outline: none !important;
        }
    }
}

h1{
    font-family: var(--title);
    color: var(--black);
    font-size: 58.72px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    position: relative;
    margin-bottom: 30px;
}

h2{
    font-family: var(--title);
    color: var(--black);
    font-size: 43.72px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    position: relative;
    margin-bottom: 60px;
}
h2::after{
    content: '';
    background: var(--black);
    width: 87px;
    height: 2px;
    position: absolute;
    bottom: -20px;
    left:-26px;
}

h3{
    font-family: var(--title);
    color: var(--black);
    font-size: 28.72px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    position: relative;
}



.uk-navbar-container .uk-container{max-width:1092px}

.uk-logo{display:none}
.reverse-menu .uk-logo {display: flex;}
.reverse-menu .uk-sticky-fixed .uk-logo {display: none;}

#header-home>div{min-height:774px;}
#header-home p{font-family:var(--title);font-size:25.8px;text-transform:uppercase;line-height:30px;margin-top:140px;margin-bottom:30px}
#header-home p>strong{font-size:29.5px}
#header-home h2{
    margin-top:140px;margin-bottom:30px;margin-left: 26px;
}

#header-home>div>div:nth-child(1)>div{max-width:485px;margin:0 auto;padding-left:40px;padding-right:40px}

.btn-dark>a,.submit,#creaticBlog .btn-primary{border-radius:0;font-family:var(--text);background:var(--black);background-color:var(--black);text-transform:uppercase;color:var(--white);font-size:16px;font-weight:700;border:2px solid var(--black);padding:5px 25px;transition:ease-in-out .2s;cursor:pointer;text-decoration:none !important;}
.btn-dark>a:hover,.btn-dark>a:focus,.submit:hover,.submit:focus,#creaticBlog .btn-primary:focus,#creaticBlog .btn-primary:hover,#creaticBlog .btn-primary:active{background-color:transparent;background:transparent;border:2px solid var(--black);color:var(--black)}

.btn-light>a{font-family:var(--text);background:transparent;color:var(--black);font-size:16px;font-weight:700;border:2px solid var(--black);padding:0 25px;margin-top:20px;transition:ease-in-out .2s}
.btn-light>a:hover,.btn-light>a:focus{background:var(--black);border:2px solid var(--black);color:var(--white)}

.container-s .uk-container{max-width:1092px}

#title-txt{padding-top:172px;padding-bottom:142px}
#title-txt p{max-width:377.7px;margin:0 auto;color:var(--dark-gray);text-align:justify}

#img-txt>div>div>div:nth-child(2){background:var(--light-gray);min-height:504px;padding-left:0}
#img-txt>div>div>div:nth-child(2)>div{max-width:381px;margin:0 auto}
#img-txt h2{font-size:34px}
#img-txt p{text-align:justify}

#txt-img>div>div>div:nth-child(1){background:var(--light-gray);min-height:504px;padding-left:0}
#txt-img>div>div>div:nth-child(1)>div{max-width:381px;margin:0 auto}
#txt-img>div>div>div:nth-child(2){padding-left:0}
#txt-img h2{font-size:34px}
#txt-img p{text-align:justify}
#txt-img.no-bg>div>div>div:nth-child(1){background:transparent !important}
#txt-img.no-bg>div>div>div:nth-child(1)>div{max-width:425px;margin:0}
#txt-img.no-bg p{color:var(--dark-gray);}

.quote{
    color:var(--black) !important;
    font-weight: 700;
    margin-left:29.5%;
    position: relative;
}
.quote::after{
    content: '';
    position: absolute;
    left: -26px;
    top: 50%;
    background: var(--black);
    height: 89%;
    width: 2px;
    transform: translate(0,-50%);
}

#home-galerij{padding-top:140px;padding-bottom:140px;}
#home-galerij .el-image{min-height:320px;width:100%;object-fit:cover}
#home-galerij .el-title{
    font-family: var(--text);
    color: var(--white);
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#home-galerij .uk-overlay-primary:after {
    content:'';
    position: absolute;
    border: 2px solid white;
    height: calc(100% - 60px);
    width: calc(100% - 60px);
    top: 30px;
    left: 30px;
}

#onze-merken{padding-top:140px;padding-bottom:94px;}
#onze-merken h2{text-align:center}
#onze-merken h2::after{
    content: '';
    background: var(--black);
    width: 87px;
    height: 2px;
    position: absolute;
    bottom: -20px;
    left:0;
    right:0;
    margin: 0 auto;
}

#footer-1 *{color:var(--white)}
#footer-1 .uk-container{max-width:1440px}
#footer-1{padding-top:140px;padding-bottom:140px;background:var(--black)}
#footer-1>div>div>div:nth-child(3) p{text-transform:uppercase}
#footer-1>div>div>div:not(:last-child)>div{justify-content:center;display:flex}
#footer-1>div>div>div:nth-child(4)>div{justify-content:center;display:flex}
#footer-1>div>div>div:nth-child(4)>div>div{display:inline-block;margin:0!important}
#footer-1>div>div>div:nth-child(4)>div>div:nth-child(2){margin-right:10px!important; margin-left: 10px !important;}
#footer-1>div>div>div:last-child{width: 10%}

#footer-2{padding-top:35px;padding-bottom:35px}
#footer-2 ul{list-style-type:none;padding-left:0;text-align:center}
#footer-2 ul>li{display:inline-block}
#footer-2 ul>li:not(:last-child){margin-right:30px}

.uk-navbar-toggle {
    background: var(--white);
    padding: 15px;
    -webkit-box-shadow: 0px 6px 16px -6px rgb(0 0 0 / 24%);
    box-shadow: 0px 6px 16px -6px rgb(0 0 0 / 24%);
}
.uk-light .uk-navbar-toggle{color:var(--black) !important;}
.uk-navbar-toggle svg{width:25px}
.uk-navbar-container:not(.uk-navbar-transparent) {background:transparent}
.uk-offcanvas-bar .uk-close{color:var(--black) !important}

.reverse-menu .uk-navbar-toggle {
    background: var(--black);
    padding: 15px;
    -webkit-box-shadow: 0px 6px 16px -6px rgb(0 0 0 / 24%);
    box-shadow: 0px 6px 16px -6px rgb(0 0 0 / 24%);
}
.reverse-menu .uk-navbar-toggle .uk-icon{color:var(--white) !important;}

.uk-nav-default>li>a{
    font-family: var(--text);
    font-size: 18px;
    color:var(--black) !important;
}
.uk-nav-default>li.uk-active>a,.uk-nav-default>li>a:hover,.uk-nav-default>li>a:focus{font-weight:700;}

.uk-overlay-primary {
    background: rgba(0,0,0,.66);
}

.pb-140{padding-bottom:140px !important}
.pt-140{padding-top:140px !important}

#txt-img>div>div>div:nth-child(1) {
    border-left: 40px solid white;
}

#contact-page{padding-top:140px;padding-bottom:140px;}

.required-input {color:var(--dark-gray) !important;}
input{
    border: 0 !important;
    border-bottom: 2px solid var(--black) !important;
    height: 45px !important;
    font-family: var(--text);
    font-size: 16px;
}
input[type="checkbox"] {
	height: unset !important;
}
textarea{
    border: 2px solid var(--black) !important;
    height: 120px !important;
    font-family: var(--text);
    font-size: 16px;
}

.privacy-notice-paragraph{
    font-size: 12px;
    line-height: 20px;
    hyphens: auto;
}

#nieuws{padding-top:115px;padding-bottom:140px;}
#creaticBlog .creatic-blog-article .thumb-image{min-width:100%;}
#creaticBlog .creatic-blog-article{
    background: var(--light-gray);
    padding: 30px;
}
#creaticBlog h4{
    font-family: var(--title);
    color: var(--black);
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    position: relative;
}

#creaticBlog a{color:var(--black);text-decoration:underline}
#creaticBlog .creatic-blog-article>a{text-decoration:none !important}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{padding-right: 0 !important}

#popmake-399 .uk-button {
	margin-top: 25px;
}

.background-black > div > div > div {
	padding-right: 20px;
}

.background-black h3,
.background-black p {
	max-width: 381px;
	margin: auto;
}

.background-black {
	max-width: 1092px;
    margin: 70px auto;
    background: var(--black);
}

.background-black h3 {
	margin-bottom: 0;
	line-height: 1.2;
}

.background-black p {
    text-align: justify;
}

.background-black a {
	text-decoration: underline;
}

.background-black a:hover {
	color: var(--white);
	font-weight: bold;
}

.text-white {
	color: var(--white);
}

.text-green {
	color: var(--green);
}

.subtitle-white {
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}

.subtitle-green {
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	color: var(--green);
}

.uk-icon-button {
	background: var(--black);
}

.uk-icon-button:hover {
	background: var(--dark-gray);
}

@media(max-width: 1199px){
    #txt-img>div>div>div:nth-child(1) {
        border-left: 20px solid white;
    }
}

@media(min-width: 959px){
    #header-home>div>div:nth-child(1){width:42.083%}
    #header-home>div>div:nth-child(2){width:57.917%;padding-left:0}
    #img-txt img{min-height:504px;width:100%;object-fit:cover}
    #txt-img img{min-height:504px;width:100%;object-fit:cover}
    #footer-1>div>div>div:nth-child(1){padding-right:40px}
    #footer-1>div>div>div:nth-child(4){padding-right: 0!important;}
    #footer-1>div>div>div:not(:first-child){border-left:2px solid;padding-right:40px}
    #title-txt>div>div>div:nth-child(1){padding-left:75px}
    #header-home .logo-home>img{top:-49px;position: relative}
    #txt-img.no-bg img {
        min-height: 480px;
        width: 480px;
        object-fit: cover;
    }
	
	#home-galerij > div > div > div:nth-child(2) > div > a > img {
		height: 320px;
	}
	
	#footer-1 > div > div > div:last-child > div > div > div {
		display: flex;
		flex-flow: column;
	}
}

@media(max-width:959px){
    .uk-navbar-toggle{margin-right: 20px;}
    #title-txt h2{margin-bottom:40px !important;}
    #img-txt .uk-container,#txt-img .uk-container{padding:0}
    #txt-img>div>div>div:nth-child(2){padding-left:20px;}
    #txt-img>div>div>div:nth-child(2),#img-txt>div>div>div:nth-child(2){margin-top:0}
    #footer-1 *{text-align: center}
    #header-home>div>div:nth-child(2)>div>div{min-height: 300px}
    #header-home>div>div:nth-child(2){margin-top: 60px;}
    #title-txt h2{max-width: 377.7px;margin: 0 auto;}
    #txt-img>div>div>div:nth-child(1) {border-left: 0;}
    #txt-img.no-bg>div>div>div:nth-child(1)>div{margin:0 auto}
    #txt-img.no-bg>div>div>div:nth-child(1){padding-bottom: 140px;}
    #header-home>div>div:nth-child(1)>div{max-width: 100%}
    .hide-on-mobile{display:none}
    .pb-140{padding-bottom:0 !important}
	.background-black > div {
		padding-right: 0;
	}
	
	.background-black {
		margin-left: 40px 0;
	}
}

@media(max-width:459px){
    #header-home p{margin-top:30px;margin-bottom:30px;}
    #header-home p{font-size:15.8px;}
    #header-home p>strong{font-size:18.3px;}
    #title-txt{padding-top:70px;padding-bottom:70px;}
    #title-txt>div>div>div:nth-child(1){padding-left:20px;}
    #img-txt>div>div>div:nth-child(2),#txt-img>div>div>div:nth-child(1){padding-left:40px;padding-right:20px}
    #title-txt,#home-galerij,#onze-merken,#footer-1,#contact-page{padding-top:70px;padding-bottom:70px;}
    #nieuws{padding-top:45px;padding-bottom:70px;}
    #footer-2 ul{text-align:center}
    #footer-2 ul>li{;display:block}
    #footer-2 ul>li:not(:last-child){margin-right:0}
    .pt-140{padding-top:70px !important}
    #txt-img.no-bg>div>div>div:nth-child(1){padding-bottom: 70px;}
}

@media(max-width:554px) {
	#popmake-399 {
		width: 90%;
	}
	
	#popmake-399 > div > div {
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	
	#popmake-399 > div > div > div:nth-child(1) {
		width: 100% !important;
		display: flex !important;
		justify-content: center;
	}
	
	#popmake-399 > div > div > div:nth-child(2) {
		width: 100% !important;
		display: inline-block !important;
		text-align: center;
		margin-top: 25px;
	}
}

@media(min-width:555px) {
	#popmake-399 > div > div > div:nth-child(2) {
		text-align: left;
		margin-top: unset;
		border: 1px solid var(--white);
	}
	
	#popmake-399 img {
		width: 80%;
	}
}

@media(max-width:1171px) {
	.background-black {
		margin-left: 70px 40px;
	}
}

@media (min-width: 960px) {
	
}

@media (min-width: 460px) and (max-width: 959px) {
	.background-black > div {
		max-width: 381px;
		margin: auto;
	}

	.background-black > div > div > div {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.pum-content {
	padding: 20px;
}