/*
	Theme Name: Custom Template
	Theme URI: https://www.nvsdigital.nl
	Description: Basis voor de template
	Version: 1.0
	Author: NVS Digital
	Author URI: https://www.nvsdigital.nl

*/
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');


:root {
	--font-family-title:"Tilt Warp", sans-serif;
	--font-family: Verdana, sans-serif;
	--color-pakk-blue:#418AC9;
	--color-pakk-orange:#EB8A0A;
	--color-blue-light:rgba(65, 138, 201, 0.10);
	--color-grey-light:#E4E4E4;
	--box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.10);
	
	--font-size-16:16px;
	--font-size-18:	18px;
	--font-size-32:32px;
	--font-size-38:38px;
	--font-size-48:48px;
	
	--padding-content:90px 0 45px;
		
	--margin-15:15px;
	--margin-16:16px;
	--margin-20:20px;
	--margin-25:25px;
	--margin-30:30px; 
	--margin-32:32px; 
	--margin-40:40px;
	--margin-45:45px;
	--margin-56:56px
}


@media screen and (max-width:992px){
	:root {
		--font-size-16:16px;
		--font-size-32:30px;
		--font-size-38:34px;
		--font-size-48:40px;
		--padding-content:40px 0 0px;
	}	
}

@media screen and (max-width:767px){
:root {
		--font-size-16:16px;
		--font-size-18:17px;
		--font-size-32:28px;
		--font-size-38:32px;
		--font-size-48:36px;
	}		
} 
@media screen and (max-width:600px){
:root {
		--font-size-16:14px;
		--font-size-18:15px;
		--font-size-32:20px;
		--font-size-38:22px;
		--font-size-48:26px;
	}		
}




a, header, .sidenav{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}

a{text-decoration:none;color:var(--color-black);}

.standaard-content a:not(.btn) {font-weight:bold;color:var(--color-pakk-blue);text-decoration:underline;}

a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {   font-family: var(--font-family-title); margin: 0;color:var(--color-pakk-blue); font-weight:400;line-height:1;text-transform:none}
body {font-size:var(--font-size-16);line-height:1.8;font-family: var(--font-family);color:var(--color-black);font-weight:400;}
 

p { margin-top:0;margin-bottom:24px}
.large-content p, .intro-content { margin-top:0;margin-bottom:30px}
p:last-child {margin:0}


@media screen and (max-width:600px){
p { margin-top:0;margin-bottom:16px}
p:last-child {margin:0}
}

.standaard-content ul:not(.btn-list), .standaard-content ul:not(.btn-list) li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul:not(.btn-list) li {position:relative;padding-left:20px;margin-bottom:3px;}
.standaard-content ul:not(.btn-list) li:last-child {margin-bottom:0;}
.standaard-content ul:not(.btn-list), .standaard-content ol {margin-bottom:20px;}
.standaard-content ul:not(.btn-list):last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul:not(.btn-list) li:before {content:"";position:absolute;left:0;top:9px;line-height:1;content: "";background:var(--color-pakk-blue);width:7px;height:7px;border-radius:50%}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: var(--color-pakk-blue);
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content ul + .btn, .standaard-content ol + .btn {margin-top:5px;}

.btn-list , .btn-list  li {padding:0;margin:0;list-style:none }
.btn-list {display:flex;flex-wrap:wrap;margin-top:8px;margin-bottom:-24px}
.btn-list  li {margin-right:32px;margin-bottom:24px!important;}
@media screen and (max-width:767px){
	.btn-list  li {margin-right:24px;margin-bottom:16px!important}
	.btn-list {margin-bottom:-16px!important}
}

@media screen and (max-width:500px){
	.btn-list  li {width:100%;margin-right:0;}
	.btn-list .btn {width:100%}
}

.medium-content {font-size:var(--font-size-18)}

.title-box h1 {font-size:var(--font-size-48);text-transform:uppercase;}
.title-box h2, .standaard-content h2 {font-size:var(--font-size-38);text-transform:uppercase;}
.standaard-content h2  {margin-bottom:var(--margin-16);}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1485px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 20px;
}

.row {margin-left:-16px;margin-right:-16px;}
.row>* {padding-right:16px;padding-left:16px;}

.content-row {padding:var(--padding-content);position:relative;}
.no-background + .no-background, .blue-background + .blue-background, .white-background + .white-background {padding-top:0;}
.blue-background{background-color:var(--color-blue-light);}

.title-box {margin-bottom:var(--margin-32);position:relative}
@media screen and (max-width:992px){
	.title-box {margin-bottom:var(--margin-20)}
}
@media screen and (max-width:600px){
	.title-box.small-marginfix {    margin-bottom: 8px;}
}


.margin-fix,.marginfix {margin-bottom:var(--margin-40)}
.nomargin {margin-bottom:0!important}
.small-marginfix {margin-bottom:var(--margin-16);}
.medium-marginfix {margin-bottom:var(--margin-32);}

.large-marginfix {margin-bottom:var(--margin-60);}


.textcenter, .text-center {text-align:center;}

.media-box {position:relative;}
.media-box img {width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.video-link span {position:absolute;top:calc(50% - 45px);left:calc(50% - 45px);background:#fff;border-radius:50%;width:90px;height:90px}

.video-link span:before {content:"";position:absolute;  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid var(--color-pakk-blue);top:calc(50% - 8px);left:calc(50% - 3px)}

.video-link:hover span {background:var(--color-pakk-blue);}
.video-link:hover span:before{  border-left: 10px solid #fff;}


.content-banner .row {min-height:290px;align-items:center;position:relative;z-index:2;padding:45px 0;}
.content-banner {position:relative; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);}
.content-banner img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.content-banner h1 {font-size:var(--font-size-48);color:var(--color-pakk-blue);text-transform:uppercase}
.content-banner h1 + p {margin-top:8px;font-size:var(--font-size-18);color:var(--color-pakk-orange);text-transform:uppercase;font-weight:bold}

.home-banner {overflow:hidden}

.home-banner.content-banner .row {padding:0;}
.banner-content {margin-top:110px;margin-bottom:140px;position:relative;}
.banner-content > div {background:var(--color-pakk-blue);width:100%;padding:50px;}
.banner-content {max-width:997px}
.banner-content h1 {color:#fff;font-size: var(--font-size-48);text-transform:none;margin-bottom:50px;line-height:1.4}
.banner-content h1:last-child {margin-bottom:0}
.content-banner .banner-content img {
    width: 350px;
    height: 585px;
    left: calc(100% - 100px);
    top: -37px;
}
.banner-content h1, .banner-content .blt-list {position:relative;z-index:10;}

.scrolldown {position:absolute;z-index:20;width: 18px;
height: 42px;cursor:pointer;bottom:40px;left:calc(50% - 9px)}

@media screen and (max-width:1250px){
	.content-banner .row {min-height:150px;}
	.banner-content {    margin-top: 90px;		margin-bottom: 120px;}
	.banner-content > div {padding:32px;padding-right:60px;}
	.banner-content h1 {margin-bottom:40px;}
	.banner-content {    max-width: 800px;}
}
@media screen and (max-width:992px){
	.content-banner .row {min-height:150px;}
	.banner-content {    margin-top: 60px;		margin-bottom: 120px;}
	.banner-content > div {padding:24px;padding-right:50px;}
	.banner-content h1 {margin-bottom:30px;}
	.banner-content {    max-width: 650px;}
}


@media screen and (max-width:767px){
	.content-banner .row {min-height:150px;}
	.content-banner .banner-content img {display:none}
	.banner-content > div {padding-right:32px}
}
@media screen and (max-width:550px){
	.banner-content h1 {font-size:24px}
}



.projecten-holder {padding-bottom:18px;}

.project-box {width:33.3333%;margin-bottom:var(--margin-32)}
.project-box a {background:#fff;height:100%;display:block;color:#000}
.project-box-content {padding:32px;}
.project-box-image {padding-bottom:75%;position:relative;}
.project-box-image img {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;}
.project-box-image i {font-size:16px;color:var(--color-pakk-orange);display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;position:absolute;right:24px;top:24px;z-index:2}
.project-box a .project-box-subtitel {text-transform:uppercase;color:var(--color-pakk-orange);font-family:var(--font-family-title);margin-bottom:8px;}
.project-box h3 {font-size:var(--font-size-32);text-transform:uppercase;margin-bottom:8px}
.project-box a:hover {box-shadow: var(--box-shadow);}
.project-box.slick-slide {
    padding: 0 16px;
}
.project-slider  {margin-bottom:0!important}
.project-slider .slick-track{ margin-left: 0; }

.beschikbaarheid > div {padding:24px 40px;background:var(--color-blue-light);max-width:330px;
    margin-bottom: auto;}
.beschikbaarheid h3 {font-size:18px;color:var(--color-pakk-orange);margin-bottom:8px;}
.beschikbaarheid p {position:relative;padding-left:24px;}
.beschikbaarheid p:before {content:"";width:12px;height:12px;border-radius:50%;position:absolute;left:0;top:9px;background:green}
.beschikbaarheid .niet-beschikbaar:before {background:#D70004}

@media screen and (min-width:992px){
	.beschikbaarheid {display:flex;justify-content:center;order:2;}

}
@media screen and (max-width:992px){
	.beschikbaarheid > div {padding:16px}
	.project-box-content {padding:16px;}
	.project-box h3 {font-size:24px;}
	.project-box {width:50%;}
	.project-box-image i {font-size:14px;width:40px;height:40px;top:16px;right:16px;}
	
	
}
@media screen and (max-width:767px){
	.beschikbaarheid h3{font-size:16px}
}
@media screen and (max-width:600px){
	.beschikbaarheid p:before {top:7px;}
}
@media screen and (max-width:550px){
	.project-box {width:100%;}
}

.icons-row {padding-bottom:13px;}
.icon-box {width:16.66667%;margin-bottom:32px;line-height:1.2}
.icon-box > div {padding:32px 16px;background:var(--color-blue-light);text-align:center;height:100%}
.icon-box p {font-family:var(--font-family-title);text-transform:uppercase;color:var(--color-pakk-blue);font-size:18px;}
.icon-box img {height:40px;width:auto;margin-bottom:16px}
.icon-box i {font-size:40px;color:var(--color-pakk-blue);margin-bottom:16px}
.blue-background .icon-box > div {background:#fff;}

@media screen and (max-width:1300px){
	.icon-box {width:25%;}
	.icon-box p {font-size:16px;}
}
@media screen and (max-width:900px){
	.icon-box {width:33.3333%;}
	.icon-box > div {padding:16px}
}
@media screen and (max-width:600px){
	.icon-box {width:50%;}
	.icon-box p {font-size:14px;}
}
@media screen and (max-width:400px){
	.icon-box {width:100%;margin-bottom:16px;}
	.icons-row {padding-bottom:29px}
}

.boxed > div {height:100%;padding:32px;background:var(--color-blue-light);}
.blue-background .boxed > div {background:#fff;}

.single-boxed > div {background:var(--color-pakk-blue);color:#fff;padding:50px 32px;height:auto}
.single-boxed > div,.single-boxed > div h3 {text-transform:uppercase;color:#fff;font-family:var(--font-family-title);font-size:var(--font-size-18);}
@media screen and (min-width:1100px){
	.single-boxed > div p {margin-bottom:32px;}
.single-boxed > div p:last-child {margin-bottom:0;}
}
@media screen and (max-width:991px){
	.boxed > div {padding:16px}
}


.home-content-row {position:relative;overflow:hidden}
.home-content-row .beschikbaarheid {    width: auto;margin-bottom:32px;}
.home-content-beschikbaarheid {padding-bottom:13px;}
.home-content-row .beschikbaarheid.regular p {padding-left:0;}
.home-content-row .beschikbaarheid.regular p:before {display:none}
.home-content-row .col-md-7 {    margin-left: auto;}
.home-content-image {padding:0;    position: absolute;    width: 620px;    height: 100%;top:0;left:0;}
.home-content-image img {width:100%;height:100%;object-fit:contain;object-position:0 100%;}

@media screen and (max-width:1500px){
	.home-content-image {width:500px;}
	.home-content-row .col-md-7 {    margin-left: auto;    width: calc(100% - 400px);}
}
@media screen and (max-width:1250px){
	.home-content-row .beschikbaarheid {width:100%}
	.home-content-row .beschikbaarheid.regular {width:50%}
	.home-content-row .beschikbaarheid > div {max-width:100%;width:100%}
}
@media screen and (max-width:950px){
		.home-content-image {width:350px;}
	.home-content-row .col-md-7 {    margin-left: auto;    width: calc(100% - 300px);}
}

@media screen and (max-width:767px){
		.home-content-image {width:100%;}
	.home-content-row .col-md-7 {    margin-left: auto;    width: 100%;}
	.home-content-image {display:none}
}
@media screen and (max-width:400px){
	.home-content-row .beschikbaarheid.regular {width:100%;}
	.home-content-row .beschikbaarheid:not(:last-child){margin-bottom:16px}
}
/*------------------------------------*\
    Contact
\*------------------------------------*/

.contact-info ul, .contact-info li {padding:0;margin:0;list-style:none;display:block}
.contact-info li {margin-bottom:16px;position:relative;padding-left:32px;}
.contact-info li i {color:var(--color-pakk-blue);position:absolute;left:0;top:7px;}
.contact-info li:last-child {margin-bottom:0;}
.contact-info h4 {margin-bottom:3px;color:#000;text-transform:uppercase;    font-family: var(--font-family);font-weight:bold;}

.contact-info, .contact-info a {color:#000;}
.contact-info a:hover {color:var(--color-pakk-blue)}
.contact-info a {text-decoration:underline}

.contact-logo {padding:64px;background:#fff;margin-bottom:24px;}
.contact-logo img {width:100%;height:100%}

.form-holder .title-box h2 {color:#000;font-size:var(--font-size-32)}


form p {margin:0}
form br {display:none}

input[type="text"], input[type="email"], textarea{
 width: 100%;    appearance: none;    -webkit-apppearance: none;    background: #fff;    border: 1px solid #BDCCD9;    
	font-weight:400; font-family: var(--font-family);font-size:var(--font-size-16); 
	padding-left: 16px;	height: 45px;outline:none!important;margin-bottom:24px;border-radius:0;
}
textarea {resize:none;height:200px;margin-top:0;padding-top:24px}

span.wpcf7-list-item {    line-height: 1.5;margin:0 0 15px;display:block}
form label {display:block;margin-bottom:4px;}

.form-row form{
    display: flex;
    flex-wrap: wrap;
}
.form-row form > * {
    width: 100%;
}
.form-row form .form-left, .form-row form .form-right {
    width: 50%;
}
.form-left {
    padding-right:12px;
}
.form-right {padding-left:12px;}

.wpcf7-acceptance label {
    margin: 0 0 24px;
}
.wpcf7-acceptance label input {display:none}
.wpcf7-acceptance label span {position:relative;padding-left:32px;display:block;}
.wpcf7-acceptance label span a {text-decoration:underline}
.wpcf7-acceptance label span a:hover {color:var(--color-pakk-orange);}
.wpcf7-acceptance label span:before {content:"";position:absolute;left:0;top:1px;width:24px;height:24px;background:#fff;border: 1px solid #BDCCD9;   }
.wpcf7-acceptance label input:checked ~ span:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 5px;
    width: 16px;
    height: 16px;
    background: var(--color-pakk-orange);
}
.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid {border-color:var(--color-pakk-orange)!important}
.wpcf7 form .wpcf7-response-output {
    margin: 24px 0 0;
    padding: 15px 20px;
    border: 2px solid var(--color-pakk-blue);
    text-align: center;
    background: var(--color-pakk-blue);
    width: 100%;
    color: #fff;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--color-pakk-orange);
    background: var(--color-pakk-orange);
}
.wpcf7 form.sent .wpcf7-response-output{
	    border-color: var(--color-pakk-blue);
    background: var(--color-pakk-blue);
}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {    border-color: var(--color-pakk-orange);background:var(--color-pakk-orange)}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #B9B9B9;font-weight:400; font-family: var(--font-family);
}
::-moz-placeholder { /* Firefox 19+ */
 color: #B9B9B9;font-weight:400; font-family: var(--font-family);}
:-ms-input-placeholder { /* IE 10+ */
 color: #B9B9B9;font-weight:400; font-family: var(--font-family);}
:-moz-placeholder { /* Firefox 18- */
 color: var(--color-primary);font-weight:400; font-family: var(--font-family-elza);}


@media screen and (max-width:992px){
	.contact-info.boxed > div {display:flex;flex-wrap:wrap;align-items:center;}
	.contact-info.boxed > div > div.contact-logo{width:300px;padding:32px;margin-bottom:0;}
	.contact-info.boxed > div > div:not(.contact-logo){width:calc(100% - 300px);padding-left:24px;}
	.contact-info li {		margin-bottom: 8px;}
	input[type="text"], input[type="email"], textarea, .wpcf7-acceptance label {margin-bottom:16px;}
}
@media screen and (max-width:767px){
	.contact-info.boxed > div > div.contact-logo {width:150px;padding:24px;}
	.contact-info.boxed > div > div:not(.contact-logo) {width:calc(100% - 150px);padding-left:24px;}
	.contact-info.boxed > div {display:flex;flex-wrap:wrap;align-items:flex-start;}
	
}

@media screen and (max-width:550px){
	.contact-info.boxed > div > div.contact-logo {width:100%;margin-bottom:24px}
	.contact-info.boxed > div > div:not(.contact-logo) {width:100%;padding-left:0;}
	.contact-info.boxed > div > div.contact-logo {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
	div.contact-logo img {max-width:200px;height:auto;}
	.form-row form .form-left, .form-row form .form-right {width:100%;padding:0;}
	input[type="text"], input[type="email"], textarea, .wpcf7-acceptance label {margin-bottom:8px;}
}
/*------------------------------------*\
    MAINTENANCE
\*------------------------------------*/
.maintenance-row .title-box, .maintenance-row .standaard-content {text-align:center;}
.maintenance-row {padding-bottom:80px;position:relative}



.maintenance-row .container {position:relative;z-index:2;}
.maintenance-row .maintenance-image {position:absolute;right:0;bottom:0;width:420px;height:100%;background-size:contain;background-repeat:no-repeat;background-position:bottom center;z-index:1;max-height:704px;max-width:25%}
.maintenance-contact {text-align:center;}
.maintenance-contact h3 {font-size: var(--font-size-32);font-weight:400;text-transform:uppercase;margin-bottom:var(--margin-32);line-height:1;}
.maintenance-contact ul, .maintenance-contact li {padding:0;margin:0;list-style:none;display:block}
.maintenance-contact li:first-child {font-weight:700;text-transform:uppercase}
.maintenance-contact .contact-btns {    width: 100%;  display:flex;flex-wrap:wrap;align-items:center;gap:32px;justify-content:center}

.countdown {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;gap:30px;margin-bottom:var(--margin-56)
}
.block {
    width: 120px;
    padding: 16px;
    background: #fff;
    text-align: center;box-shadow:var(--box-shadow)
}
.block .label {color:var(--color-pakk-orange);font-size:var(--font-size-14);text-transform:uppercase;line-height:1;}
.block .number {color: var(--color-pakk-blue);text-align: center;font-family:var(--font-family-title);font-size: var(--font-size-48);font-style: normal;font-weight: 400;line-height: 1.5;margin-bottom:5px;}

@media screen and (max-width:992px){
	.maintenance-contact .contact-btns {gap:24px}
	.maintenance-contact h3 {margin-bottom:var(--margin-20)}
	.maintenance-row {padding-bottom:0}
	.countdown{margin-bottom: var(--margin-40);}
}

@media screen and (max-width:767px){
	.maintenance-contact .contact-btns {gap:8px}
	.countdown {gap:16px}
	
}

@media screen and (max-width:600px){
	.maintenance-contact .contact-btns .btn{width:100%;max-width:280px;justify-content:center;}
	.maintenance-image {display:none}
	.countdown {        gap: 16px;        width: 256px;        margin-left: auto;        margin-right: auto;    }
}
/*------------------------------------*\
    BUTTON
\*------------------------------------*/
.btn {
    font-size: var(--font-size-16);
    font-family: var(--font-family);
    color: var(--color-pakk-blue);
    font-weight: 400;
    display: inline-flex;
    line-height: 1;
    padding: 19px 24px;
    background: #fff;
    border-radius: 0;
    min-width: 150px;
    text-align: left;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-style: normal;
    cursor: pointer;
    text-transform: none;
    
    border: 1px solid #BDCCD9;
    line-height: 1;
    align-items: center;
    font-weight:700;text-transform:uppercase;
}

.content-row.maintenance-row .btn {font-weight:400;text-transform:none;box-shadow: var(--box-shadow); padding: 16px;min-height: 60px;}

.btn i {margin-left:16px;}

.btn.blue {background: #ECF4FA;}
.btn.orange, .btn:hover, .btn:focus {background: var(--color-pakk-orange)!important;color:#fff!important;border-color:var(--color-pakk-orange)!important}



.btn.orange:hover, .btn.orange:focus {background:var(--color-pakk-blue)!important;color:#fff!important;border-color:var(--color-pakk-blue)!important}
.banner-content .btn.orange:hover, .banner-content .btn.orange:focus {background:#fff!important;color:var(--color-pakk-blue)!important;border-color:#fff!important}

.btn svg {margin-right:16px;}

@media screen and (max-width:992px){
	.btn svg, .btn i {margin-left:8px;}

}
@media screen and (max-width:992px){
	.btn {padding: 15px 20px;}
	
}
@media screen and (max-width:600px){
		.btn svg, .btn i {margin-left:auto;}

	
}

/*------------------------------------*\
    Logoslider
\*------------------------------------*/
.logo-row {height:150px;border-top: 1px solid var(--color-grey-light, #E4E4E4);border-bottom: 1px solid var(--color-grey-light, #E4E4E4);background: #fff;display:flex;flex-wrap:wrap;align-items:center;}
.logo-slider-holder {display:block;width:100%;}
.logo-slider {margin:0!important}
.logo-slide {    margin: 0 60px;}
.logo-slide > div {display:flex;height:100%;align-items:center;}
.logo-slide img {width:auto;height:auto;}
.slick-track{    display: flex !important;}
.slick-slide{    height: inherit !important;}

@media screen and (max-width:992px){
	.logo-slide {    margin: 0 30px;}
	.logo-row {		height: 120px;}
}

@media screen and (max-width:500px){
	.logo-slide img {    max-width: 250px;}
}


/*------------------------------------*\
    HEADER
\*------------------------------------*/
main {margin-top:130px;}
.header {position:fixed;z-index:9000;top:0;left:0;width:100%;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);background:#fff;}
.header .row {height:130px;align-items:center;}

.header-logo {width:240px;}
.header-logo a, .header-logo  img {display:block;width:100%;height:auto;}

.desktop-nav {    width: auto;    margin-left: auto;padding-left:0}
.desktop-nav ul, .desktop-nav li, .sidenav ul, .sidenav li {padding:0;margin:0;list-style:none}
.desktop-nav ul {display:flex;flex-wrap:wrap;align-items:center;gap:80px}

.desktop-nav a, .sidenav a  {text-transform:uppercase;font-size:16px;color:#000;font-weight:bold}
.desktop-nav li:hover > a, .desktop-nav li:focus > a, .desktop-nav li.current-menu-item > a, .sidenav a:hover, .sidenav a:focus, .sidenav li.current-menu-item > a  {color:var(--color-pakk-orange);}

.header-btns {    width: auto;    margin-left: auto;display:flex;flex-wrap:wrap;align-items:center;gap:32px}


.sidenav {padding-top:24px;margin:0!important;z-index:9000;position:fixed;top:0;height:100%;width:250px;overflow:auto;right:-250px;display:none;background:#fff;}
.sidenav li {border-bottom:1px solid #f7f7f7;padding:8px 0;}
.sidenav a {font-size:14px}

	.mobbtn-hold {width:auto;margin-left:auto;display:none}
.mobbtn {width:23px;height:16px;position:relative;cursor:pointer;float:right;  }
.mobbtn span {position:absolute;width:100%;height:5px;background:var(--color-pakk-blue);left:0;border-radius:3px;}

.mobbtn span:nth-child(1){top:0;}
.mobbtn span:nth-child(2){top:11px;}

.mobbtn.active span:nth-child(1){	top: 5px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);   transform: rotate(45deg); 	}
.mobbtn.active span:nth-child(2){	top: 5px;  -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);   transform: rotate(-45deg); 	}
.mobbtn span{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s  ease-in-out;
  -o-transition: all .2s  ease-in-out;
  transition: all .2s  ease-in-out;
}



@media screen and (max-width:1200px){
	.desktop-nav ul {gap:40px}
	
}

@media screen and (max-width:992px){
	.header-btns {gap:24px}
	.header-logo {    width: 170px;}
	.header .row {		height: 100px;}
	main {margin-top:100px;}
	.desktop-nav ul {gap:16px}
}




@media screen and (max-width:767px){
	.desktop-nav {display:none}
	.header-btns .btn {    font-size: 0;    min-width: 0;    padding: 0;    width: 40px;    height: 40px;    display: inline-flex;    justify-content: center;    align-items: center;}
	.header-btns .btn svg {margin:0;}
	.header-btns {gap:8px}
	.sidenav {display:block}
	.sidenav.active {right:0;}
	.mobbtn-hold {display:block}
	.header.active {left:-250px}
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer ul, footer li {padding:0;margin:0;list-style:none}

.footer-top {padding:var(--padding-content);background:var(--color-pakk-blue);}
.footer-top, .footer-top a {color:#fff;font-size:var(--font-size-16)}
.footer-top a:hover, .footer-top a:focus {opacity:.5}
.footer-top .row {justify-content:space-between}
.footer-widget {margin-bottom:30px;max-width:25%;min-width:250px;}
.footer-widget h3 {color:#fff;margin-bottom:16px;font-size: var(--font-size-32);font-style: normal;font-weight: 400;}

.contact-widget li {display:flex;flex-wrap:wrap;align-items:center;}
.contact-widget li i {margin-right:15px;}

.socials li {display:inline-block;margin-right:20px}
.socials a{font-size:24px;}
.footer-copyright {background:#000;padding:20px 0 15px}
.footer-copyright, .footer-copyright a {color:#fff;font-size:12px;}
.footer-copyright .col-md-6, .footer-copyright .col-lg-4 {margin-bottom:5px;}
.footer-copyright .col-md-6:last-child, .footer-copyright .col-lg-4:last-child {text-align:right;}
.footer-copyright .col-md-6:last-child a, .footer-copyright .col-lg-4:last-child a{display:inline-block;line-height:1.5}
.footer-copyright .col-md-6:last-child a img, .footer-copyright .col-lg-4:last-child a img {width:67px;height:auto;}
.footer-copyright li {display:inline-block;}
.footer-copyright li:last-child:after {display:none}
.footer-copyright li:after {content:"|";display:inline-block;margin:0 4px;}
.footer-copyright ul {text-align:center;display:flex;flex-wrap:wrap;justify-content:center}
.footer-copyright ul a {text-decoration:underline}

@media screen and (max-width:1100px){
.footer-top .row {justify-content:normal}
	.footer-widget {width:50%;max-width:100%}
	
}

@media screen and (max-width:992px){

	.footer-copyright .col-lg-4, .footer-copyright .col-lg-4:last-child {text-align:center;}
}
@media screen and (max-width:767px){

	.footer-copyright .col-md-6, .footer-copyright .col-md-6:last-child {text-align:center;}
}
@media screen and (max-width:600px){
	.footer-widget {width:100%;max-width:100%}
	.footer-widget h3 {margin-bottom:8px;}
}


/*------------------------------------*\
    MISC
\*------------------------------------*/



::selection {
	background:var(--color-pakk-blue);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-pakk-blue);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-pakk-blue);
	color:#FFF;
	text-shadow:none;
}






/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}