/*
	Theme Name: OPNsense
	Theme URI: 
	Description: Basis voor de template
	Version: 1.0
	Author: DINK
	Author URI: 

*/
@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?ioxwoc');
  src:  url('assets/fonts/icomoon.eot?ioxwoc#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?ioxwoc') format('truetype'),
    url('assets/fonts/icomoon.woff?ioxwoc') format('woff'),
    url('assets/fonts/icomoon.svg?ioxwoc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bluesky:before {
  content: "\e900";
}
.icon-check-mark:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-left:before {
  content: "\e903";
}
.icon-chevron-right:before {
  content: "\e904";
}
.icon-chevron-up:before {
  content: "\e905";
}
.icon-github:before {
  content: "\e906";
}
.icon-linkedin:before {
  content: "\e907";
}
.icon-reddit:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e909";
}
.icon-smiley:before {
  content: "\e90a";
}




:root {
	
	
	--color-primary:#EFEFEF;
	--color-secondary:#D8D9D9;	
	--color-tertiary:#B0B0B1;	
	--color-orange:#C03E14;	
	--color-dark: #373736;

	--border-radius-button: 25px;
	
	--padding-content: 90px 0 45px;
	--padding-buttons: 13px 25px 17px;
	--padding-buttons-outline: 12px 24px 16px;

	--font-family-primary:"fieldwork";
	
	--font-size-body:17px;
	--font-size-h1:72px;
	--font-size-h2:36px;
	--font-size-h3:32px;
	--font-size-h4:24px;
	--font-size-h5:20px;
	--font-size-h6:17px;
	--margin-10: 10px;
	--margin-15: 15px;
	--margin-20: 20px;
	--margin-25: 25px;
	--margin-30: 30px;
	--margin-45: 45px;
	--margin-60: 60px;
	--header-height: 130px;
}


a , .header-hover, button, input, .slick-arrow, .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;
}

/*------------------------------------*\
    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 {	color:var(--font-family-primary);	text-decoration:none;font-weight:700}
a:hover {	color:var(--font-family-primary);}
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 { font-family:var(--font-family-primary); font-weight:700;  margin: 0;color:var(--color-orange);    line-height: 1.05;}
body {font-size:var(--font-size-body);line-height:1.5;font-family:var(--font-family-primary);color:var(--color-black);font-weight:300;}

h1, .h1 {font-size:var(--font-size-h1);}
h2, .h2 {font-size:var(--font-size-h2);}
h3, .h3 {font-size:var(--font-size-h3);font-weight:400}
h4, .h4 {font-size:var(--font-size-h4);font-weight:400}
h5 {font-size:var(--font-size-h5);font-weight:400}
h6 {font-size:var(--font-size-h6);font-weight:400}

.standaard-content h1, .standaard-content .h1 {margin-bottom:var(--margin-20);}
.standaard-content h3,  .standaard-content h4, .standaard-content h5, .standaard-content h6{color:var(--color-dark);margin-bottom:var(--margin-10);font-size:var(--font-size-body);font-weight:700}

.standaard-content a:not(.btn) {color:var(--color-primary)}
.standaard-content a:not(.btn):hover {color:var(--color-dark)}
p { margin:0;margin-bottom:var(--margin-30)}
blockquote { margin:0;margin-bottom:var(--margin-30);color:#fff;background:var(--color-orange);padding:15px;font-weight:700}
.title-box {margin-bottom:var(--margin-25)}


.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:5px;position:relative;padding-left:40px;}
.standaard-content ul, .standaard-content ol {margin-bottom:var(--margin-30);}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:9px;width:10px;height:10px;border-radius:50%;background:var(--color-orange)}
.standaard-content ul ul li {margin-bottom:0}
.standaard-content ul ul li:before {border:1.5px solid var(--color-orange);background:none;}
.standaard-content ul ul {margin-top:5px;}
.standaard-content ul.mentioned li:before {    font-family: 'icomoon' !important;    content: "\e90a";    background: none;    width: auto;    height: auto;    border-radius: 0;    color: var(--color-orange);    line-height: 1;    top: 5px;}

.standaard-content ul li.no-icon:before {display:none}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:50px;position:relative;}

.standaard-content ol li:before{    counter-increment: li;
    content: counter(li);
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--color-orange);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;}

.standaard-content ul.btn-list li:before {display:none!important}
.standaard-content ul.btn-list li, .paypal-form {padding:0!important;display:inline-block;margin-right:var(--margin-30);margin-bottom:15px;}
.text-center.standaard-content ul.btn-list li  {margin-left:7px;margin-right:7px;}
.standaard-content ul.btn-list {margin-bottom:-15px!important;}
.paypal-form-holder {margin-bottom:10px}
.paypal-form-holder:last-child {margin-bottom:-15px;}
.standaard-content ul.btn-list li:last-child {margin-right:0!important}
.standaard-content strong {font-weight:700}
.standaard-content strong em , .standaard-content em strong {font-style:normal;color:var(--color-orange);}
.standaard-content a:not(.btn){text-decoration:underline;color:var(--color-dark)}
.standaard-content a:not(.btn):hover, .standaard-content a:not(.btn):focus {color:var(--color-orange);}

.large-content {font-size:var(--font-size-h4);font-weight:400} 
.large-content p {margin-bottom:var(--margin-30)}

.call-to-action, .call-to-action a:not(.btn), .call-to-action{color:#fff;}
.call-to-action a:not(.btn):hover, .call-to-action a:not(.btn):focus {color:var(--color-dark);}
.call-to-action .standaard-content h1, .call-to-action .standaard-content h2,.call-to-action .standaard-content h3,  .call-to-action .standaard-content h4, .call-to-action .standaard-content h5, .call-to-action .standaard-content h6{color:#fff;}

.call-to-action .standaard-content ul li:before {background:#fff;}
.call-to-action .standaard-content > ul > li:before {background:none;width:auto;content:"✱";border-radius:0;height:auto;top:0;}


.call-to-action-new .standaard-content h2:first-child {border-bottom:1px solid var(--color-secondary);margin-bottom:var(--margin-15);padding-bottom:var(--margin-15);}

.standaard-cta-block {display:block;background:var(--color-primary);padding:var(--margin-30);}
.standaard-cta-block h3 {color:var(--color-orange);margin:0!important}
/*.standaard-content p + ul.btn-list {margin-top:var(--margin-45);}*/

code {
    background: var(--color-primary);
    font-size: var(--font-size-body);
    padding: 12px;
    display: block;
    line-height: 1.2;margin-bottom:var(--margin-15);color:var(--color-orange);font-weight:700
}


p:last-child, blockquote:last-child {margin:0}
hr {    margin: 0 0 var(--margin-30);    color: inherit;    border: 0;    border-top: 1px solid var(--color-secondary);opacity:1;}


.textcenter, .text-center {text-align:center;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.rightfloater, .right-aligned {float:right;order:2}
.text-right {text-align:right}

.margin-fix,.marginfix, .margin-bottom-45 {margin-bottom:var(--margin-45)}
.margin-bottom-60, .txtmedia-container .margin-bottom-45:last-child {margin-bottom:var(--margin-60)}



.with-border-bottom {margin-bottom:var(--margin-30);padding-bottom:var(--margin-25);position:relative;}
.with-border-bottom:after {content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);background:var(--color-secondary);height:1px;}

.dark-titel {color:var(--color-dark)!important;}

/*Home fontstyling*/
.home .title-box h1, .home .title-box .h1, .home .title-box h2, .home .title-box .h2 {
    font-size: var(--font-size-h2);font-weight: 700;
}

.home .banner-titel .title-box h1, .home .banner-titel .title-box .h1, .home .banner-titel .title-box h2, .home .banner-titel .title-box .h2 {
    font-size: var(--font-size-h1);font-weight: 700;color:#fff; 
}
.home .banner-titel .title-box h2, .home .banner-titel .title-box .h2 {font-size:var(--font-size-h4)}
.home .with-border-bottom {margin-bottom: var(--margin-25);padding-bottom:0;}
.home .with-border-bottom:after {display:none}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.row>* {	    padding-right: calc(var(--bs-gutter-x)* 1);    padding-left: calc(var(--bs-gutter-x)* 1);}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {        max-width: 1220px;    }
.wrapper {	max-width:1220px;	width:100%;	margin:0 auto;	position:relative;}




.content-row {padding:var(--padding-content)}
.regular-content-row:first-child {padding-top:var(--margin-60);margin-top:var(--header-height);}
.banner-content-row {padding-top:var(--header-height)!important;}



.regular-content-row #breadcrumb-row {margin-bottom:var(--margin-30);}
.regular-content-row #breadcrumb-row, .regular-content-row #breadcrumb-row a{color:var(--color-tertiary);font-size:14px;font-weight:300}
.regular-content-row #breadcrumb-row .breadcrumb_last {color:var(--color-dark);}
.banner-row h1, .banner-row h2 {color:#fff;}
.banner-row #breadcrumb-row, .banner-row #breadcrumb-row a {color:#fff;font-size:14px;font-weight:300}

.home .container {margin-bottom:var(--margin-30);}
.home .container:last-child {margin-bottom:0}

#breadcrumb-row span span {margin:0 5px;}
#breadcrumb-row span span:first-child {margin-left:0;}
#breadcrumb-row span span:last-child {margin-right:0;}


.banner-row, .call-to-action {position:relative;}
.banner-image, .call-to-action-image {position:absolute;z-index:1;top:0;width:100%;height:100%;left:0;text-align:center;    display: flex;    align-items: center;
    justify-content: center;}
.banner-image > div, .call-to-action-image >div {height:100%;position:relative;}
.banner-image > div:after {content:"";  border-top: 150px solid transparent;  border-bottom: 0 solid transparent;     border-right:150px solid #fff;    position: absolute;    bottom: 0;    right: 0; }
.banner-image {background: rgb(14,15,10);
background: linear-gradient(315deg, rgba(14,15,10,1) 0%, rgba(67,67,67,1) 100%);}
.banner-image img, .call-to-action-image img {width:calc(100vw - 3rem);height:100%;object-fit:cover;max-width:1620px}
.banner-row .row, .call-to-action .row {position:relative;z-index:10;}
.banner-titel {min-height:620px;padding-top:50px;}
.banner-titel .btn {margin-top:var(--margin-30);}

.pagina-slider-holder {overflow:hidden}
.pagina-slider, .pagina-slider .slick-list {overflow:visible}
.pagina-slider, .pagina-slider .standaard-content, .pagina-slider .standaard-content a {color:#fff;}
.pagina-slider h2 {margin-bottom:var(--margin-25)}

.pagina-slider .slick-track, .cta-slider .slick-track
{
    display: flex !important;
}

.pagina-slider .slick-slide, .cta-slider .slick-slide
{
    height: inherit !important;
}
.cta-slider  .action-banner > .row {height:100%}

.slick-dots,  .slick-dots li {padding:0;margin:0;list-style:none}
.slick-dots {position:relative;margin-top:var(--margin-45);left:0;width:100%;text-align:center}
.slick-dots li {display:inline-block;margin:0 5px;}
.slick-dots button {font-size:0;color:transparent;text-indent:-99999;overflow:hidden;width:14px;height:14px;padding:0;margin:0;line-height:1;-webkit-appearance:none;appearance:none;border:2px solid var(--color-primary);background:var(--color-tertiary);border-radius:50%}
.slick-dots .slick-active button {background:var(--color-orange);}

.pagina-slider-holder .slick-dots, .pagina-slider-holder .slick-dots li {padding:0;margin:0;list-style:none}
.pagina-slider-holder .slick-dots {margin-top:0;position:absolute;bottom:var(--margin-60);left:0;width:100%;text-align:center}
.pagina-slider-holder .slick-dots li {display:inline-block;margin:0 5px;}
.pagina-slider-holder .slick-dots button {font-size:0;color:transparent;text-indent:-99999;overflow:hidden;width:14px;height:14px;padding:0;margin:0;line-height:1;-webkit-appearance:none;appearance:none;border:2px solid #fff;background:var(--color-dark);border-radius:50%}
.pagina-slider-holder .slick-dots .slick-active button {background:var(--color-orange);}
.pagina-slider .banner-titel {    padding: 80px 0;}

.galerij-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}
.galerij-slider .slick-dots button{border:2px solid #fff}
.cta-slider .slick-dots {margin-top:var(--margin-30);}

.slick-arrow {
    position: absolute;
    z-index: 10;
    width: 45px;
    height: 45px;
    border: 1px solid var(--color-tertiary);
    border-radius: 50%;
    color: var(--color-tertiary);
    bottom: 45px;
    right: 1.5rem;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;cursor:pointer;
}
.slick-arrow:hover, .slick-arrow:focus {background:#fff;border-color:#fff;}
.slick-arrow.icon-chevron-left{right:calc(1.5rem + 65px)}


.banner-row #breadcrumb-row {    margin-bottom: 30px !important;}




.media-box {position:relative;overflow:hidden;overflow:hidden;width:100%;background:var(--color-primary);}
.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}

.call-to-action {padding-top:90px;padding-bottom:90px;}

.action-banner > .row {background-color:var(--color-primary);position:relative;}
.action-image , .action-desc, .action-buttons {width:50%;}
.action-image {text-align:center}
.action-image:not(.offgrid-image) img{margin:0 auto}
.action-desc {padding:var(--margin-25) var(--margin-30)}
.action-desc .h4 {font-weight:700;margin-bottom:5px;}
.action-buttons {text-align:right;padding-right:30px;}
.action-desc:not(.order-md-0) {padding-left:0;}
.action-desc.order-md-0{padding-right:0;}

.offgrid-image {position:relative}

@media screen and (min-width:768px){
	.offgrid-row {margin-top:var(--margin-30)!important;margin-bottom:var(--margin-30)!important}

	.offgrid-image img {    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    width: calc(100% - 90px);}
}

.regulargrid-row .action-image {padding:var(--margin-45);}
.call-to-action-label {
    left: calc(1.5rem + var(--margin-60));
    position: absolute;
    top: 0;
    width: auto;
    padding: 10px;
    background: var(--color-dark);
    font-weight: 700;
    line-height: 1;
    width: 100px;
    text-align: center;
    font-size: var(--font-size-h4);z-index:100
}
@media screen and (min-width:768px){
	.call-to-action-new .col-md-6:last-child {max-width:525px}
}



.stappen-row {margin-bottom:var(--margin-30);}
.stappen-row:last-child {margin-bottom:var(--margin-60);}
.dropdown-content {display:none}
.dropdown-content:nth-child(2) {margin-top:var(--margin-30)!important;}

.stap-row {margin-bottom:var(--margin-30)!important;padding-bottom:var(--margin-30);position:relative;}
.stap-row:after,.stap-tabel-header:after{    content: "";    position: absolute;    bottom: 0;    left: 1.5rem;    width: calc(100% - 3rem);    background: var(--color-secondary);    height: 1px;}
.stappen-row .with-border-bottom {margin-bottom:0;padding-bottom: var(--margin-30);}
.stap-row > .col-md-4 h3 {color:var(--color-dark);}
.stap-row > .col-md-4 {padding-right:var(--margin-45);}

.stap-tabel,.stap-tabel-header {padding:0;}
.stap-tabel-header {    font-weight: 700;    position: relative;    padding-bottom: 10px;    margin-bottom: 10px;}
.stap-tabel-header:after{width: calc(100% - 1.5rem)}
.stap-tabel-header:nth-child(odd):after{left:0;}
.stap-tabel-header:nth-child(even):after{left:1.5rem;}
.stap-tabel-header:nth-child(odd),.stap-tabel:nth-child(odd){padding-right:1.5rem}
.stap-tabel-header:nth-child(even),.stap-tabel:nth-child(even){padding-left:1.5rem}

.stap-content {margin-bottom:var(--margin-30);margin-left:0!important;margin-right:0!important}
.stap-content:last-child {margin-bottom:0}

.dropdown-titel {cursor:pointer;}
.dropdown-titel h2 {padding-right:40px;position:relative;}
.dropdown-titel h2 span {    font-size: 10px;    position: absolute;    right: 0;    top: calc(50% - 5px);}
.active-dropdown .dropdown-titel h2 span {transform:rotate(180deg)}
.conditions-row {padding-bottom:var(--margin-30);position:relative;padding-top:var(--margin-30)}
.conditions-row:before{content:"";position:absolute;top:0;left:1.5rem;width:calc(100% - 3rem);background:var(--color-secondary);height:1px;}

.conditions-row:last-child {margin:0;padding-bottom:0}
.conditions-count, .conditions-row h3 {font-size:var(--font-size-h3);color:var(--color-dark);font-weight:400;    line-height: 1.2;}


.contact-top > div{margin-bottom:var(--margin-30);}
.contact-top:last-child > div {margin-bottom:var(--margin-15);}

.contact-block {position:relative;margin-bottom:var(--margin-30);padding-bottom:var(--margin-30)}
.contact-block:before{content:"";position:absolute;bottom:0;left:1.5rem;width:calc(100% - 3rem);background:var(--color-secondary);height:1px;}

.contact-block, .contact-block a {color:var(--color-orange);font-size:var(--font-size-h3);font-weight:400;line-height:1.3}
.contact-block a:hover, .contact-block a:focus {color:var(--color-dark);}
p.contact-label {    margin: 0;    color: var(--color-dark);    font-size: var(--font-size-body);    margin-bottom: 10px;    font-weight: 300;}
.route-map, .route-map img {display:block;width:100%;}
.route-map {margin-bottom:var(--margin-30);}


.quote-content {position:relative;    padding-bottom: var(--margin-45);    padding-top: var(--margin-45);}
.quote-content:after, .quote-content:before {    content: "";    position: absolute;    bottom: 0;    left: 1.5rem;    width: calc(100% - 3rem);    background: var(--color-secondary);    height: 1px;}
.quote-content:before {  bottom:auto;    top: 0;}

.title-box + .quote-content {padding-top:0;padding-top: var(--margin-15);}
.title-box + .quote-content:before {display:none}

.quote-img {width:174px;height:174px;border-radius:50%;background:var(--color-secondary);padding:15px;}
.quote-img img {width:100%;height:100%;object-fit:cover;}
.quote-desc {padding:0 0 0 30px;width:calc(100% - 174px);    font-style: italic;}

.partner-box > div {position:relative;border:1px solid var(--color-secondary);padding-top:45px;padding-bottom:30px;height:100%;}
.partner-box > div > div {padding-left:45px;padding-right:45px;}
.partner-box-logo, .partner-box-logo a, .partner-box-logo img {display:block}
.partner-box-logo img {height:150px;width:100%;object-fit:contain;margin-bottom:var(--margin-30);}
.partner-box-desc {margin-bottom:30px;}
.partner-box-link {text-align:right;position:relative;padding-top:30px;margin-top:30px;    align-self: end;}
.partner-box-link:before {width:calc(100% - 90px);left:45px;top:0;background:var(--color-secondary);height:1px;content:"";position:absolute;}
.partner-box-link a {color:var(--color-orange);font-size:var(--font-size-h4);font-weight:700;}
.partner-box-link a:hover, .partner-box-link a:focus {color:var(--color-dark);}
.adres-txt a {color:var(--color-dark);}
.adres-txt a:hover, .adres-txt a:focus {color:var(--color-orange);}


.roadmap-group {margin-bottom: var(--margin-30);    padding-bottom: var(--margin-25)!important;    position: relative;}
.roadmap-group:after {    content: "";    position: absolute;    bottom: 0;    left: 1.5rem;    width: calc(100% - 3rem);    background: var(--color-secondary);    height: 1px;}
.roadmap-group:last-child:after {display:none;}
.roadmap-group h4 {font-size:var(--font-size_body);color:var(--color-body);margin:0;font-weight:700}
.roadmap-checkboxes, .roadmap-checkboxes li {padding:0;margin:0;list-style:none}
.roadmap-checkboxes li, .roadmap-group h4 {display:block;padding-left:55px;position:relative;margin-bottom:1px;}
.roadmap-group h4:before {content:"</>";position:absolute;top:0;left:0;font-weight:400}
.roadmap-checkboxes li:before {content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:3px;left:4px;border:1px solid var(--color-orange);background:#fff;}
.roadmap-checkboxes li.checked:before {background:var(--color-orange);}
.roadmap-checkboxes li.checked:after {    font-family: 'icomoon' !important;    content: "\e901";    position: absolute;    color: #fff;    left: 9px;    top: 9px;    line-height: 1;    font-size: 9px;}
.col-md-4 .roadmap-checkboxes li {padding-left:40px;}

.roadmap-group h3 {    font-weight: 700;    color: var(--color-dark);}
p.roadmap-date {    font-size: var(--font-size-h4);    color: var(--color-orange);    margin-top: var(--margin-15);}
.roadmap-group h3 + .roadmap-checkboxes {margin-top:var(--margin-30);}
.latest-roadmap {position:relative;padding-top:var(--margin-60);margin-bottom:var(--margin-60)}
.latest-roadmap > div:first-child{   content:"";position:absolute; width: calc(100vw - 3rem);    height: 100%;    max-width: 1620px;background:var(--color-primary);top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
.latest-roadmap .roadmap-group:last-child {margin-bottom:0;}
.previous-releases {display:none}
.roadmap-more-btn {text-align:center;margin-top:var(--margin-30);}

.roadmap-featured-img {width:102px;height:102px;object-fit:cover;border:9px solid var(--color-secondary);border-radius:50%;margin-top:var(--margin-30);margin-bottom:var(--margin-30)}
.roadmap-github-link {color:var(--color-orange);}
.roadmap-github-link:hover {color:var(--color-dark);}
.title-box + .reviews-slider {margin-top:var(--margin-20);}
.review-slide {    padding-right: calc(var(--bs-gutter-x)* 1);    padding-left: calc(var(--bs-gutter-x)* 1);}
.review-slide .row {    background: var(--color-primary);    height: 100%;padding:120px 30px 45px;min-height:480px;position:relative;}
.review-slide .row .col-sm-12:last-child {align-self:end;padding-top:var(--margin-30)!important;margin-top:var(--margin-30);position:relative;border-top:1px solid var(--color-secondary);}
.review-slide .row .col-sm-12{position:relative;z-index:3}
p.review-naam {    margin: 0;    font-weight: 700;    color: var(--color-orange);}
.review-slide .row:before {    content: "\201C";    font-size: 120px;    color: var(--color-orange);    font-weight: 700;    line-height: 1;    position: absolute;    top: 40px;    right: var(--margin-30);}
.reviews-slider .slick-track{    display: flex !important;}
.reviews-slider .slick-slide{    height: inherit !important;}


.feature-box h3 {
    font-size: var(--font-size-h4);
    font-weight: 700;
    margin-bottom: var(--margin-25);
    padding-left: 45px;position:relative;
}
.feature-box h3 img {width:30px;height:30px;left:0;position:absolute;top:calc(50% - 15px);object-fit:contain}
.feature-media {position:relative;overflow:hidden;height:200px;margin-bottom:var(--margin-30);background:var(--color-primary);}
.feature-media img {width:100%;height:100%;object-fit:cover;}
.feature-box .row {height:100%;border-bottom:1px solid var(--color-secondary);padding-bottom:var(--margin-30);}

.feature-video {position:absolute;width:100%;height:100%;pbject-fit:cover;opacity:0;top:0;left:0;    background: var(--color-primary);}
.feature-box .row:hover .feature-video {opacity:1;}
.feature-video{
  -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;
}


.download_section {margin-bottom:var(--margin-30);}
.download_section h2 {color:var(--color-dark);font-size:var(--font-size-body);font-weight:700;margin-bottom:10px;}
.download_section h3 {    background: var(--color-primary);    font-size: var(--font-size-body);padding-left:15px;padding-right:15px;padding-bottom:5px;}
.download_section h3 a:hover {color:var(--color-dark)}
.download_section h2 + h3 {padding-top:15px;}
.download_section h3:last-child {padding-bottom:15px;}
.download-image-type-list, .download-image-type-list li {padding:0;margin:0;list-style:none}
.download-image-type-list li {margin-bottom:var(--margin-25);display:none}
.download-image-type-list li.current{display:block}
.fast-download-col h3 {    font-size: var(--font-size-body);    color: var(--color-dark);    font-weight: 300;    padding-left: 30px;    margin-bottom: 10px;}
.downloads-added-padding {padding-left:calc(1.5rem + 30px);padding-right:calc(1.5rem + 30px)}
.fast-download-col {margin-bottom:var(--margin-30);}
.select-holder {position:relative;border:1px solid var(--color-tertiary);border-radius:25px;}
.select-holder select {outline:none;background:none;appearance:none;width:100%;height:46px;color:var(--color-orange);font-weight:400;font-size:20px;border:none;border-radius:25px;padding-left:30px;text-align:left;}
.select-holder > span.icon-chevron-down {
    color: var(--color-tertiary);
    position: absolute;
    font-size: 5px;
    right: 20px;
    top: 21px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.select2-container .select2-selection--single {height:46px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color:var(--color-orange);font-weight:400;font-size:20px;line-height:46px}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-search--dropdown {display:none!important}
.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa !important;
	border-radius: 9px !important;overflow:hidden}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: var(--color-orange);color:#fff;}
.select2-container--default .select2-results__option--selected {
    background-color: var(--color-orange);color:#fff;
}

.feed-row:last-child{margin-bottom:var(--margin-60)}

.feed-box {margin-bottom:var(--margin-30); padding-bottom:var(--margin-30);position:relative;}
.feed-box:after {    content: "";    position: absolute;    bottom: 0;    left: 1.5rem;    width: calc(100% - 3rem);    background: var(--color-secondary);    height: 1px;}
.feed-row:last-child .feed-box{margin-bottom:0;padding-bottom:0;}
.feed-row:last-child .feed-box:after {display:none}
.feed-row:first-child .feed-box{padding-top:var(--margin-30);}
.feed-row:first-child .feed-box:before {    content: "";    position: absolute;    top: 0;    left: 1.5rem;    width: calc(100% - 3rem);    background: var(--color-secondary);    height: 1px;}

.feed-box.standaard-content h3 a, .feed-box.standaard-content h3 {font-size:var(--font-size-h4);text-decoration:none;color:var(--color-orange);margin:0;}
.feed-box-date {font-weight:600}
/*------------------------------------*\
    Image Shapes
\*------------------------------------*/


.shaped-img {position:relative;}
.shape-bottom-right:after {content:"";  border-top: 150px solid transparent;  border-bottom: 0 solid transparent;     border-right:150px solid #fff;    position: absolute;    bottom: 0;    right: 0; }
.shape-60.shape-bottom-right:after {border-top: 60px solid transparent; border-right:60px solid #fff; }


.shape-bottom-left:after {content:"";  border-top: 150px solid transparent;  border-bottom: 0 solid transparent;     border-left:150px solid #fff;    position: absolute;    bottom: 0;    left: 0; }
.shape-60.shape-bottom-left:after  {border-top: 60px solid transparent; border-left:60px solid #fff; }

.partner-box > div:before  {content:"";  border-top: 45px solid transparent;  border-bottom: 0 solid transparent;     border-left:45px solid var(--color-secondary);    position: absolute;    bottom: -1px;    left: 0; }
.partner-box > div:after  {content:"";  border-top: 45px solid transparent;  border-bottom: 0 solid transparent;     border-left:45px solid #fff;    position: absolute;    bottom: -1px;    left: -1px; }


.action-banner > .row:after {content:"";  border-top: 45px solid transparent;  border-bottom: 0 solid transparent;     border-right:45px solid #fff;    position: absolute;    bottom: 0;    right: 0; }


.latest-roadmap > div:first-child:after, .media-box:after {   content:"";  border-top: 60px solid transparent;  border-bottom: 0 solid transparent;     border-right:60px solid #fff;    position: absolute;    bottom: 0px;    right:0;}

.review-slide .row:after , .feature-media:after{   content:"";  border-top: 30px solid transparent;  border-bottom: 0 solid transparent;     border-right:30px solid #fff;    position: absolute;    bottom: 0px;    right:0;}


/*------------------------------------*\
    BUTTON
\*------------------------------------*/

button, .btn {font-family:var(--font-family-primary);font-weight:700;-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;}

.btn{
	font-size: 16px;
    position: relative;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    line-height: 1;
    padding: var(--padding-buttons);
    border-radius: var(--border-radius-button);
	background-color:var(--color-primary);
    text-align: center;
    font-style: normal;
    cursor: pointer;
    overflow: hidden;border:none;min-width:105px;
}
.btn.orange {color:#fff;background:var(--color-orange);}
.btn.orange:hover, .btn.orange:focus {background:var(--color-dark);}

.btn.dark {background:var(--color-dark);}
.btn.dark:hover {background:var(--color-orange);}

.btn.white {padding: var(--padding-buttons-outline);border:1px solid var(--color-secondary);color:var(--color-dark);background:#fff}
.btn.white:hover {background:var(--color-dark);border-color:var(--color-dark);color:#fff}



.btn.white-hover:hover {background:#fff;color:var(--color-dark)}

.btn:hover, .btn:focus {
	color:#fff;
	background-color:var(--color-black);
}
.btn span, .read-more span {
    font-size: 80%;
    display: inline-block;
    margin-left: 5px;
}




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:1500px){
	.banner-image > div:after { border-top: 90px solid transparent;   border-right: 90px solid #fff;}

	
}

@media screen and (max-width:1250px){
	:root {
		--font-size-body:17px;
		--font-size-h1:65px;
		--font-size-h2:36px;
		--font-size-h3:32px;
		--font-size-h4:24px;
		--font-size-h5:20px;
		--font-size-h6:17px;

	}
	
	.latest-roadmap > div:first-child:after {display:none}
	.latest-roadmap > div:first-child {    width: 100%}
	
	.banner-image > div:after {display:none}
	.banner-image img {width:100%;}
	.banner-image {    width: 100vw;    left: calc(50% - 50vw);}
	
	.banner-titel {min-height:550px}
	
}
@media screen and (max-width:1150px){
	:root {
		--header-height: 100px;
	}

}



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

		--border-radius-button: 25px;

		--padding-content: 45px 0 15px;
		--padding-buttons: 10px 20px 13px;
		--padding-buttons-outline: 12px 24px 16px;	
		--font-size-body:17px;
		--font-size-h1:56px;
		--font-size-h2:32px;
		--font-size-h3:28px;
		--font-size-h4:24px;
		--font-size-h5:20px;
		--font-size-h6:17px;
		--margin-10: 10px;
		--margin-15: 15px;
		--margin-20: 15px;
		--margin-25: 25px;
		--margin-30: 25px;
		--margin-45: 30px;
		--margin-60: 30px;
	}
	.home .container {    margin-bottom: 15px;}
		
	.call-to-action {        padding-top:45px;padding-bottom:45px;    }
	.call-to-action-label{    width: 65px;    font-size: 15px;}
	
	.title-box.margin-bottom-60 {    margin-bottom: var(--margin-25);}
	.with-border-bottom {padding-bottom:20px;}
	.standaard-content ul li {padding-left:30px;}
	.standaard-content ol li {padding-left:35px;}
	.large-content p, p, .standaard-content ul, .standaard-content ol {margin-bottom:20px;}
	.large-content p:last-child, p:last-child, .standaard-content ul:last-child, .standaard-content ol:last-child {margin-bottom:0;}
	
	.title-box + .reviews-slider {margin-top:0;}
	.review-slide .row {    padding: 95px 30px 30px;    min-height: 380px;    position: relative;}
	.review-slide .row:before {    font-size: 92px;    top: 20px;right:30px;}
	.slick-dots {margin-top:25px;}
	.latest-roadmap > div:first-child:after, .media-box:after {    border-top: 30px solid transparent;    border-right: 30px solid #fff;}
	.shape-60.shape-bottom-left:after {    border-top: 30px solid transparent;    border-left: 30px solid #fff;}
	.shape-60.shape-bottom-right:after {    border-top: 30px solid transparent;    border-right: 30px solid #fff;}
	.action-banner > .row:after {    border-top: 30px solid transparent;      border-right: 30px solid #fff;}
	p.contact-label {margin-bottom:3px;}
	.contact-top > div {margin-bottom:15px;}
	
	.quote-img {    width: 100px;		height: 100px;    padding: 10px;}
	.quote-desc {width: calc(100% - 100px);}
	.partner-box > div > div {    padding-left: 30px;    padding-right: 30px;}
	.partner-box-link:before {    width: calc(100% - 60px);		left: 30px;}
	.partner-box > div {padding-top:30px;}
	.partner-box-desc {    margin-bottom: 20px;}
	.partner-box-logo img {    height: 110px;}
	
	.partner-box > div:before {    content: "";    border-top: 30px solid transparent; border-left: 30px solid var(--color-secondary);}
	.partner-box > div:after {    border-top: 30px solid transparent;		border-left: 30px solid #fff;}
	
	
	.fast-download-col h3 {padding-left:20px;}
	.select-holder select {padding-left:20px;}
	.select-holder select {font-size:18px}
	.downloads-added-padding {    padding-left: calc(1.5rem + 20px);    padding-right: calc(1.5rem + 20px);}
}
@media screen and (min-width:768px){

.responsive-fold {display:block!important}
}
@media screen and (max-width:767px){
	:root {
		--font-size-body:15px;
		--font-size-h1:28px;
		--font-size-h2:24px;
		--font-size-h3:21px;
		--font-size-h4:18px;
		--font-size-h5:16px;
		--font-size-h6:15px;
		--header-height: 80px;
	}
	
	.with-border-bottom {        padding-bottom: 15px;        margin-bottom: 20px;    }
	.standaard-content ul.btn-list li, .paypal-form {margin-right:20px}
	.standaard-content ol li:before {top:2px;}
	.standaard-content ul li:before {top:7px;}
	
	.btn {font-size:14px;}
	.call-to-action {        padding: 30px 1.5rem;    }
	.call-to-action-image img {width:100%}
	.call-to-action .shape-60.shape-bottom-left:after {display:none}
	.call-to-action-label {		left: 1.5rem;}
	.conditions-count, .conditions-titel {    width: auto;} 
	.conditions-titel {padding-left:0;}
	
	.roadmap-checkboxes li, .roadmap-group h4 {padding-left:40px;}
	.roadmap-group .col-md-8 {margin-top:20px}
	p.roadmap-date {margin-top:5px;}
	.roadmap-checkboxes li:before {    transform: scale(.9);}
	
	.stap-tabel-header {display:none}
	.stap-tabel p:before {content:attr(data-name);display:inline-block;margin-right:5px;font-weight:700}
	.stap-tabel-header:nth-child(even), .stap-tabel:nth-child(even) {    padding-left: 0;}
	.stap-row > .col-md-4 {padding-right:calc(var(--bs-gutter-x)* 1);margin-bottom:var(--margin-15)}
	.stap-tabel.standaard-content {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--color-primary)}
	.stap-tabel.standaard-content:last-child {border:none;padding-bottom:0;margin-bottom:0}
	
	.downloads-added-padding {        padding-left: 1.5rem;        padding-right: 1.5rem;        margin-bottom: var(--margin-30);    }
	.downloads-added-padding:last-child {margin-bottom:0;}
	
	.feature-box .row {padding-bottom:20px;}
	.feature-box:first-child > .row {padding-top:20px;border-top:1px solid var(--color-secondary)}
	.feature-box.margin-bottom-60 {margin-bottom:20px;}
	.feature-box h3 {margin-bottom:0;position:relative;padding-right:20px;cursor:pointer;}
	 .feature-box h3:after {        content: "\e902";        font-family: 'icomoon' !important;        position: absolute;        right: 0;        top: 5px;        font-size: 8px;    }
	.responsive-fold {margin-top:var(--margin-25)}
	.feature-video {opacity:1;}
	.action-image, .action-desc, .action-buttons {    width: 100%;}
	.action-image{    padding: var(--margin-45);}
	.offgrid-image {}
	.action-desc {    padding: 0 var(--margin-30) var(--margin-25) !important;}
	.action-desc.no-action-btns {padding-top: var(--margin-25)!important;padding-bottom:15px!important}
	
	.action-buttons {text-align:left;padding: 0 var(--margin-30) var(--margin-25) !important;}
	.pagina-slider .banner-titel {    padding: 30px 0;}
	.home .banner-titel .title-box h2, .home .banner-titel .title-box .h2 {font-size:var(--font-size-h2);}
	.banner-titel {min-height:350px}
	.hide-banner-image-responsive > div{display:none}
	.pagina-slider-holder .slick-dots {bottom:20px;}
	.pagina-slider .split-content-responsive h2 {    margin-bottom:165px;}
	.pagina-slide .banner-image > div {    width: 100%;}
	
	
}

@media screen and (max-width:500px){
	.quote-desc {width: 100%;margin-top:15px;padding-left:0;}

}


/*------------------------------------*\
    HEADER
\*------------------------------------*/


.header {position:fixed;top:0;left:0;background:#fff;width:100%;z-index:9000}
.header-logo ,.header-buttons {width:325px}
.header-navigatie {width:calc(100% - 650px);    position: relative;
    z-index: 10;}
.header-logo a, .header-logo img {display:block;width:263px;height:auto;}
.header-buttons  {    display: flex;    align-items: center;    justify-content: end;margin-top:7px}
.header-buttons .btn {margin-right:45px}

.header-buttons .search-trigger {position:relative;}
.header-buttons .search-trigger:before, .header-buttons .search-trigger:after {background:var(--color-dark);height:2px;width:18px;content:"";position:absolute;top:calc(50% - 1px);left:calc(50% - 9px);opacity:0;}
.header-buttons .search-trigger:before {transform:rotate(45deg);}
.header-buttons .search-trigger:after {transform:rotate(-45deg);}
.header-buttons .search-trigger.active-search:before, .header-buttons .search-trigger.active-search:after {opacity:1;}
.header-buttons .search-trigger.active-search span {opacity:0;}

header ul, header li {padding:0;margin:0;list-style:none;}
.header-navigatie ul {display:block;}
.header-navigatie li, .header-subnavigatie li {display:inline-block;margin-right:25px;}
.header-navigatie li:last-child, .header-subnavigatie li:last-child {margin-right:0;}
.header-navigatie a, .header-subnavigatie a {color:var(--color-tertiary);font-size:16px;font-weight:700;line-height:1;display:block;border-bottom:4px solid transparent;    padding: 0 0 50px;margin-top:60px}
.header-navigatie li:hover > a, .header-navigatie li.current-menu-item > a {color:var(--color-dark);border-color:var(--color-orange);}
.header-subnavigatie a {padding:0;border:none;margin-top:0;}
.header-subnavigatie > div {    padding-left: calc(325px + 2.25rem);}

.header-main {position:relative;z-index:10;}
.header-subnavigatie a:hover, .header-subnavigatie .current-menu-item > a {color:var(--color-dark);}
.header-subnavigatie {position:absolute;    max-height:0;z-index:1;top:calc(100% - 2px);left:0;background:#fff;width: 100%;opacity:1;visibility:hidden}
.header-subnavigatie a {opacity:0;}


.header-main:before, .header-subnavigatie > div:after {    content: "";    position: absolute;    bottom: 0px;    left: 1.5rem;    width: calc(100% - 3rem);    background: var(--color-secondary);    height: 1px;opacity:1;}

.header-subnavigatie > div{position:relative;}
.header-subnavigatie > div:after {    left: 2.25rem; width: calc(100% - 4.5rem);}
.header-subnavigatie:before {    content: "";    position: absolute;    width: 100vw;    height: 100%;    background: #fff;    z-index: -1;    left: calc(50% - 50vw);}


header .container {position:relative;}
.header-subnavigatie li {padding-top:15px;padding-bottom:15px;}
.header-subnavigatie.active {max-height:50vh;visibility:visible;}
.header-subnavigatie.active a {opacity:1;}

.header-search {display:none;text-align:center;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;background:#fff;z-index:8500}
.header-search .container {height:100%}
.header-search .row {height:100%;padding:180px 0 50px}
.header-search  .standaard-content h2 {font-weight:700;font-size:var(--font-size-h1);}

.gcse-search-holder {margin-top:var(--margin-45);margin-bottom:var(--margin-60);}
.gcse-search-holder .gsc-results-wrapper-overlay {    position: absolute !important;    width: calc(100% - 60px);    margin: 0 !important;    left: 30px;    right: 0;    box-shadow: none !important;    height: calc(100% - 130px);    top: 130px;}

body .gsc-search-button-v2, body .gsc-search-button-v2:hover, body .gsc-search-button-v2:focus {
    border-color: var(--color-orange);
    background-color: var(--color-orange);
    background-image: none;
    filter: none;
    height: 46px;
}
body .gs-webResult.gs-result {text-align:left}
body .gs-webResult.gs-result a.gs-title:link, body .gs-webResult.gs-result a.gs-title:link b, body .gs-imageResult a.gs-title:link, body .gs-imageResult a.gs-title:link b {
    color: var(--color-orange);
}
body .gs-webResult div.gs-visibleUrl {
    color: var(--color-tertiary);
}

body .sidenav .gsc-search-button-v2, body .sidenav .gsc-search-button-v2:hover, body .sidenav .gsc-search-button-v2:focus {height:33px;}


.header-mobbtn {display:none;width: calc(30px + 3rem);position:relative;margin-top:7px}
.mobbtn {position:relative;height:16px;cursor:pointer;width:100%}
.header-mobbtn span {position:absolute;left:0;width:100%;height:2px;background:var(--color-dark)}
.header-mobbtn span:nth-child(1){top:0;}
.header-mobbtn span:nth-child(2){top:7px;}
.header-mobbtn span:nth-child(3){top:14px;}


.mobbtn.active-menu span:nth-child(1){transform:rotate(45deg);    top: 7px;    width: 18px;    left: calc(50% - 9px);}
.mobbtn.active-menu span:nth-child(2){opacity:0;}
.mobbtn.active-menu span:nth-child(3){transform:rotate(-45deg);    top: 7px;width: 18px;    left: calc(50% - 9px);}

.sidenav {display:none;position:fixed;top:0;left:0;height:100%;overflow:auto;width:100%;background:#fff;z-index:8500;padding-top:calc(var(--header-height) + 30px);padding-bottom:30px;}
.sidenav .container {    max-width: 500px;}
.sidenav .gcse-search-holder {margin:0!important}
.sidenav .gsc-control-cse {padding:0!important}
.sidenav-download-btn {text-align:center;padding-bottom:30px;margin-bottom:30px;position:relative;margin-top:20px;}
.sidenav-download-btn:after {content:"";position:absolute;bottom:0;left:1.5rem;height:1px;width:calc(100% - 3rem);background:var(--color-secondary)}

.sidenav-menu ul, .sidenav-menu li {padding:0;margin:0;list-style:none;}
.sidenav-menu li {display:block;position:relative;}
.sidenav-menu > ul > li {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--color-secondary);}
.sidenav-menu > ul > li > span {color:var(--color-secondary);}
.sidenav-menu a {font-size:16px;font-weight:700;line-height:1;}
.sidenav-menu .sub-menu a {color:var(--color-tertiary);}
.sidenav-menu a:hover, .sidenav-menu a:focus, .sidenav-menu .current-menu-item > a {color:var(--color-dark);}

.sidenav-menu .sub-menu li {padding-left:15px;margin-top:5px;margin-bottom:5px}
.sidenav-menu .sub-menu li:last-child {margin-bottom:0;}
.sidenav-menu > ul > li > span {
    color: var(--color-secondary);
    position: absolute;
    top: 7px;
    font-size: 13px;
    right: 4px;
    z-index: 10;
}
.sidenav-menu > ul > li > span.icon-chevron-down {
    font-size: 8px;
    right: 1px;cursor:pointer;top:10px;
}
.sidenav-menu > ul > li > span.icon-chevron-down.active-menu {transform:rotate(180deg)}
.sidenav ul.sub-menu {display:none}
.sidenav-menu > ul > li > a{position:relative;}
.sidenav-menu > ul > li.current-menu-item > a:before {background:var(--color-orange);}
.sidenav-menu > ul > li > a:before {content:"";width:5px;height:30px;top:calc(50% - 15px);left:-3rem;position:absolute;}

.header-subnavigatie, .header-main:before{
  -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;
}

@media screen and (max-width:1250px){
	.header-logo a, .header-logo img {width:200px}
	.header-buttons .btn {    margin-right: 3rem;}
	.header-logo, .header-buttons {    width: 315px;}
	.header-navigatie {width: calc(100% - 630px);}
	.header-navigatie li, .header-subnavigatie li {    margin-right: 15px;}
	.header-subnavigatie > div {    padding-left: calc(315px + 2.25rem);}
}
@media screen and (min-width:1151px){
	.sidenav {display:none!important}
	
}
@media screen and (max-width:1150px){
	.header-subnavigatie, .header-navigatie {display:none!important}
	 .header-logo {        width: 235px;    }
	.header-main {height:100px;}
	.header-mobbtn {display:block}
	.header-buttons {width:calc(100% - 235px - (30px + 3rem))}
}

@media screen and (max-width:767px){
    .header-logo a, .header-logo img {        width: 145px;    }
	.header-buttons {display:none}
	.header-mobbtn {margin-left:auto;}
	.header-main{height:80px}
}

/*------------------------------------*\
FOOTER
\*------------------------------------*/
.footer-top {position:relative;padding-top:var(--margin-45);position:relative;}
.footer-top , .footer-top  a, .col-donate a:hover {font-weight:700;color:var(--color-dark);}
.footer-top  a:hover, .footer-top  a:focus, .col-donate a {color:var(--color-orange);}
.footer-top .col-md-4 {margin-bottom:var(--margin-30);}
footer h3 {    font-size: var(--font-size-h2);margin-bottom:var(--margin-20);font-weight:700}
.footer-top ul, .footer-top li {padding:0;margin:0;list-style:none}
.contact-info li {display:block;margin-bottom:10px}
.contact-info li:last-child {margin-bottom:0;}
.footer-label {font-size:14px;font-weight:300;margin:0;}
.socials li {display:inline-block;margin-right:10px;}
.socials a {font-size:20px;text-decoration:none;width:45px;height:45px;border-radius:50%;border:1px solid var(--color-orange);color:var(--color-orange);display:flex;align-items:center;justify-content:center;}
.socials a:hover, .socials a:focus {background:var(--color-orange);color:#fff;}
.col-donate {padding-right:75px}
.col-donate a {text-decoration:underline}

.footer-scroller {font-size:7px;position:absolute;width:45px;height:45px;border-radius:50%;border:1px solid var(--color-tertiary);color:var(--color-tertiary);display:flex;align-items:center;justify-content:center;top:45px;right:1.5rem;cursor:pointer;}
.footer-scroller:hover, .footer-scroller:focus {color:#fff;background-color:var(--color-tertiary)}


.footer-bottom {position:relative;padding-top:var(--margin-30);position:relative;padding-bottom:var(--margin-30)}


.footer-top:before, .footer-bottom:before {content:"";position:absolute;top:0;left:1.5rem;width:calc(100% - 3rem);background:var(--color-secondary);height:1px;}
.footer-bottom a {font-weight:300;color:var(--color-tertiary);font-size:14px;}
.footer-bottom a:hover, .footer-bottom a:focus {color:var(--color-orange);}

.deciso-brand {display:inline-block;position:relative;}
.deciso-brand img {width:230px}
.deciso-brand .hover-img {position:absolute;left:0;top:0;opacity:0;}
.deciso-brand:hover .regular-img {opacity:0;}
.deciso-brand:hover .hover-img {opacity:1;}


@media screen and (max-width:767px){
	.footer-bottom .col-md-4 {text-align:center;margin-bottom:5px;}
	.col-donate {    padding-right: calc(var(--bs-gutter-x)* 1);}
	.footer-scroller {    top: 0;    right: 0;    margin: 0 auto 30px;position:relative;}
	.footer-top .col-md-4:not(.col-donate) {padding-bottom:30px;position:relative}
	.footer-top .col-md-4:not(.col-donate):before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 1.5rem;
    width: calc(100% - 3rem);
    background: var(--color-secondary);
    height: 1px;
}
}



/*------------------------------------*\
    HEADER
\*------------------------------------*/


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



::selection {
	background:var(--color-orange);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:var(--color-orange);
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:var(--color-orange);
	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;
	}
}