/*
	Theme Name: Deciso
	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?e984az');
  src:  url('assets/fonts/icomoon.eot?e984az#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?e984az') format('truetype'),
    url('assets/fonts/icomoon.woff?e984az') format('woff'),
    url('assets/fonts/icomoon.svg?e984az#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-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-dictionary:before {
  content: "\e902";
}
.icon-door-dink:before {
  content: "\e903";
}
.icon-double-arrow-left:before {
  content: "\e904";
}
.icon-double-arrow-right:before {
  content: "\e905";
}
.icon-mouse:before {
  content: "\e906";
}
.icon-search:before {
  content: "\e907";
}
.icon-social-facebook:before {
  content: "\e908";
}
.icon-social-google:before {
  content: "\e909";
}
.icon-social-linkedin:before {
  content: "\e90a";
}
.icon-social-reddit:before {
  content: "\e90b";
}
.icon-social-stumbleupon:before {
  content: "\e90c";
}
.icon-social-tumbler:before {
  content: "\e90d";
}
.icon-social-twitter:before {
  content: "\e90e";
}




a, .back-btn span, .next-btn span, .galerij-arrow, button, .video-link:before, .is-loading, .pagina-scroll-arrow, .scroll-up, .navigatie-subitems .menu a:after, .btn , .reseller-box:before, .blog-box > .small-12:before {
  -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

Light 300
Regular 400
Medium 500
SemiBold 600
Bold 700
ExtraBold 800
Black 900


\*------------------------------------*/
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:#373736;	text-decoration:none;font-weight:700}
a:hover {	color:#C03E14;}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family:"fieldwork";   margin: 0;color:#373736; font-size:18px; font-weight:700;line-height:1.1;text-transform:none}
body {font-size:17px;line-height:1.5;font-family:"fieldwork";color:#202020;font-weight:300;}

.standaard-content h2 {font-size:28px;margin-bottom:15px;}
.standaard-content h3 {font-size:24px;margin-bottom:15px;}
.standaard-content h4 {font-size:21px;margin-bottom:15px;}
.standaard-content h5 {font-size:19px;margin-bottom:15px;}
.standaard-content h6 {font-size:17px;margin-bottom:15px;}


p, blockquote { margin:0 0 25px}
p:last-child, blockquote:last-child {margin:0}

blockquote {
    font-size: 24px;
    color: #C03E14;
}

.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:20px;}
.standaard-content ul, .standaard-content ol {margin-bottom:20px;}
.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:12px;width:6px;height:6px;border-radius:50%;background:#373736}
.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: #373736;
  display: inline-block; position:absolute;left:0;top:0;}

.large-content, .large-content blockquote {    font-size: 34px;line-height:1.35}
.single-post .large-content, .single-post .large-content blockquote,.medium-content {font-size:24px}
.medium-content.standaard-content ul li:before {top:17px;}

.standaard-content ul.half-list {display:inline-block;width:100%;max-width:48%}

.pagina-title-box h1, .pagina-title-box h2 {    font-size: 137px;  color: #C03E14;  }


.pagina-title-box .back-btn + h1 { margin-top: 20px;}

.single-post .pagina-title-box h1, .search-title h3, .single-hardware .pagina-title-box h1, .pagina-title-box.small-title-box h1{font-size:92px}
.single-post .pagina-title-box h1, .single-blog .pagina-title-box h1 {font-size:75px}
.title-box h2 {    font-size: 36px;    font-weight: 400;    color: #c03E14;}
.search-title h3 {color: #c03E14;text-align:center}
.slick-slide .pagina-title-box h1, .slick-slide .pagina-title-box h2{
  -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;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.wrapper {
	max-width:1220px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.large-wrapper {
	max-width:1620px;
	width:100%;
	margin:0 auto;
	position:relative;
}



.flex-columns{    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
	}


.content-row {padding:90px 0 30px}
.content-row + .content-row {padding-top:0;}
.content-row:first-child {padding-top:270px;position:relative}
.content-row:first-child .wrapper {position:relative;z-index:10;}
.content-row:first-child:before {max-width:65%;width:1080px;height:540px;background-size:1080px 1080px;background-position:left bottom;background-image:url(assets/images/deciso-icon-pagina.png);content:"";position:absolute;top:0;right:0;}
.content-row:last-child {padding-bottom:80px}


.content-row:first-child .pagina-image {position:absolute;width:50%;z-index:5;right:0;top:0;height:auto;text-align:right;}
.pagina-image img {width:100%;height:auto;max-width:960px}

.single-post .content-row:first-child {padding-bottom:0;}
.textcenter, .text-center {text-align:center;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.rightfloater {float:right;order:2}

.title-box {margin-bottom:30px;padding-bottom:25px;position:relative;}
.title-box:after {content:"";position:absolute;bottom:0;height:1px;background:#D8D9D9;left:0;width:100%;}
.title-box.columns:after {width:calc(100% - 30px);left:15px;}
.title-box.no-border:after {display:none}
.title-box.no-border{padding-bottom:0}
.margin-fix,.marginfix {margin-bottom:45px}
.large-margin-fix,.large-marginfix {margin-bottom:60px}

.small-marginfix {margin-bottom:30px;}
.nomargin {margin-bottom:0!important}
.pagina-title-box {margin-bottom:75px;}



.media-box {position:relative;overflow:hidden;}
.media-box:after {content:"";position:absolute;bottom:0;right:0;  width: 0;   height: 0;   border-left: 174px solid transparent;  border-right: 0px solid transparent;  border-bottom: 174px solid #fff;}

.media-box.shapeleft-media:after {border-right: 174px solid transparent;  border-left: 0px solid transparent;  border-bottom: 174px solid #fff;right:auto;left:0;}

.grid-media-box .media-box:after {border-left: 120px solid transparent;  border-right: 0px solid transparent;  border-bottom: 120px solid #fff;}
.grid-media-box .media-box.shapeleft-media:after {border-right: 120px solid transparent;  border-left: 0px solid transparent;  border-bottom: 120px solid #fff;}


.media-box img {width:100%;}
.boxed-media:after,.no-shape:after,.basic-media:after {display:none}
.boxed-media {padding:30px;border:1px solid #D8D9D9}
.maps-img img, .maps-img a {display:block;width:100%;}
.basic-media img {width:auto;max-width:100%;}
.basic-media {text-align:center}
.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:before {z-index:99;width:90px;height:90px;content:"";position:absolute;left:calc(50% - 45px);top:calc(50% - 45px);background:#C03E14;border-radius:50%}
.video-link:hover:before {transform:scale(1.1)}
.video-link:after {
content:"";position:absolute;
	  width: 0; 
  height: 0; 
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  
  border-left: 14px solid #fff;
	top:calc(50% - 8px);left:calc(50% -  7px);z-index:100;
}

.galerij-pagination {margin-top:-15px}
.galerij-arrows {width:190px;float:right;text-align:right;}
.galerij-arrow {display:inline-block;margin-left:10px;}
.galerij-counter {width:calc(100% - 190px);font-size:24px;color:#B0B0B1;font-weight:400;justify-content:end}

.hardware-media-row  .galerij-counter {width:100px;}
.hardware-media-row .galerij-arrows {width:calc(100% - 100px);text-align:left;}

.single-hardware-media {position:relative;padding-bottom:75%}
.single-hardware-media img, .single-hardware-media a {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.single-hardware-media.no-padding {padding-bottom:0}



.slick-slide {outline:none;border:none}
.content-slide-container {height:100vh;}
.content-slide-container .wrapper {padding:200px 0}


.scroller-content h3 {color:#fff}
.scroller-content {font-weight:300;color:#D8D9D9;max-width:620px}
.scroller-content .btn-list {
    margin-top: 45px;
}
.slide-number {
    font-size: 24px;
    color: #B0B0B1;display:block
} 

.scroller-content, .slide-number{
  -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;
}
.banner-scroll-content{
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.content-scroller-container .pagina-title-box h1, .content-scroller-container .pagina-title-box h2{ text-align:left;color: #C03E14;-webkit-text-stroke: 0;width:100%; }


.scroll-content {opacity:0}
.animate-leave-left .scroll-content, .animate-enter-left .scroll-content{transform: translate(0,100%);opacity:0;}
.animate-leave-right .scroll-content, .animate-enter-right .scroll-content{transform: translate(0,100%);opacity:0;}
.animate-complete .scroll-content{  transform: translate(0, 0)!important;opacity:1!important}

.slide-number {opacity:0}
.animate-leave-left .slide-number, .animate-enter-left .slide-number{transform: translate(0,-100%);opacity:0;}
.animate-leave-right .slide-number, .animate-enter-right .slide-number{transform: translate(0,-100%);opacity:0;}
.animate-complete .slide-number{  transform: translate(0, 0)!important;opacity:1!important}

.content-scroller-container .pagina-title-box h1, .content-scroller-container .pagina-title-box h2 {opacity:0;}

.animate-complete .content-scroller-container .pagina-title-box h1, .animate-complete .content-scroller-container .pagina-title-box h2 {opacity:1;}

.scrollbox-vertical-rail, .scrollbox-vertical-bar {right:auto;left:0;}

.scroll-content, .slide-number, .content-scroller-container .pagina-title-box h1, .content-scroller-container .pagina-title-box h2{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}


body.home {overflow:hidden}

.pagina-image-scroller {position:relative;background-color:rgba(55,55,54,1);width:100%;height:100vh}
.content-slide {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
}

.content-slide img {width:100%;height:100%;position:absolute;top:0;left:0;position:absolute;object-fit:cover;z-index:1}
.content-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background: linear-gradient(to right,  rgba(55,55,54,1) 0%,rgba(55,55,54,0.75) 100%);z-index:2}


.content-slide:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center right;
    background-image: url(assets/images/deciso-watermerk-home.png);
    z-index: 3;
    background-repeat: no-repeat;
}

.content-scroller-container {position:relative;z-index:10;margin-top:175px}

.scroller-content {overflow:auto;}

.banner-scroll span {color:#fff;cursor:pointer;vertical-align:middle;diplay:inline-block}
.banner-scroll {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 100;
    bottom: 30px;
    font-size: 10px;
}
.banner-scroll span.icon-mouse {font-size:45px;margin:0 15px;}

.pagina-scroll-arrow {cursor:pointer;position:absolute;z-index:200;width:45px;height:45px;border:1px solid #B0B0B1;color:#B0B0B1;border-radius:50%;bottom:30px}
.pagina-scroll-arrow:hover {color:#fff;background:#B0B0B1}
.scroll-arrow-left {right:calc(((100vw - 1220px) / 2) + 100px)}
.scroll-arrow-right {right:calc(((100vw - 1220px) / 2) + 30px)}
.pagina-scroll-arrow {
    cursor: pointer;
    position: absolute;
    z-index: 200;
    width: 45px;
    height: 45px;
    border: 1px solid #B0B0B1;
    color: #B0B0B1;
    border-radius: 50%;
    bottom: 30px;
    text-align: center;
    line-height: 1;
    font-size: 10px;
    padding-top: 17px;
}


.contact-info-hold{padding-bottom:15px;}
.contact-info-hold > div {width:50%;position:relative;padding-bottom:45px;margin-bottom:45px;}
.contact-info-hold > div:after {content:"";position:absolute;bottom:0;left:0;background:#D8D9D9;height:1px;width:calc(100% - 15px)}
.contact-info-hold > div:nth-child(odd):after {left:15px;}
p.contact-header {    font-size: 16px;    font-weight: 300;    margin-bottom: 20px;color:#373736}
.contact-info-hold, .contact-info-hold a {line-height:1.1;color:#C03E14;font-size:36px;}


.team-box {width:33.3333%;}
.team-inner{ max-width:175px;}
.team-inner h4 {color:#C03E14;margin-bottom:3px;font-size:16px}
.team-img {    background: #D8D9D9;    border-radius: 50%;    padding: 15px;    width: 175px;    height: 175px;    margin-bottom: 30px;}
.team-img img {width:145px;height:145px;object-fit:cover;border-radius:50%}

.team-holder .box-1 .team-inner{margin-left:0;}
.team-holder .box-3 .team-inner{margin-right:0;}



.quote-holder > div {border-top:1px solid #D8D9D9;border-bottom:1px solid #D8D9D9;padding:45px 0 60px;margin-bottom:40px;}
.quote-desc {margin-top:55px;width:calc(100% - 175px);padding-left:30px;font-style:italic}
.quote-desc h3 {font-size:16px;color:#C03E14;margin-bottom:15px;font-style:normal;}

.numbers-titel {padding-bottom:0;margin-bottom:40px;}
.numbers-titel:after {display:none}

.number-box {border-top:1px solid #D8D9D9;padding:45px 0 60px;}
.number-box:last-child {padding-bottom:0}
.number {width:110px;    line-height: 1.1;}
.number-content {width:calc(100% - 110px)}
.number-content h3 {margin-bottom:30px;}
.number-content h3, .number  {font-size:36px;color:#373736;font-weight:400;}
.number-content a {text-decoration:underline;font-weight:300}


.number-box:first-child {padding-top:0;border-top:none;}
.title-box + .number-boxes .number-box:first-child{    border-top: 1px solid #D8D9D9;padding-top:45px;}


.stat-row {width:378px;position:relative}
.stat-box {text-align:center}

.stat-inner {position:relative;z-index:10;padding-top:75px;width:330px;height:330px;border-radius:50%;background:#C03E14;color:#fff;    margin-top: 24px;
    margin-left: 24px;}
.stat-inner p {margin:0;font-size:24px;line-height:1}
.stat-inner p.animCounter {font-weight:700;font-size:92px;margin-top:10px}
.stat-outer {width:378px;height:378px;border-radius:50%;position:absolute;top:0;left:0;border:2px solid #D8D9D9;}


.hardware-box {margin-bottom:30px;width:33.3333%}
.hardware-box > div {height:100%;background:#EFEFEF;padding:40px 30px 95px;position:relative;overflow:hidden;}
.hardware-box h3, .hardware-box h3 a {font-size:36px;color:#C03E14;font-weight:700;margin:0;}
.hardware-box p {margin-top:10px;margin-bottom:25px}
.hardware-box .overlay {z-index:300}
.hardware-image {padding-bottom:75%;position:relative;}
.hardware-image img{width:100%;height:100%!important;object-fit:cover;position:absolute;top:0;left:0;}
.hardware-box img{width:100%;height:auto;}
.hardware-box .opnsense-logo {
    position: absolute;
    bottom: 30px;
    width: 124px;
    height: auto;
    left: calc(50% - 62px);
    border: none;z-index:20
}
.opnsense-logo.hover {opacity:0;}
.hardware-box >div:hover .opnsense-logo {opacity:0;}
.hardware-box >div:hover .opnsense-logo.hover  {opacity:1;}


.hardware-box hr {margin-bottom:25px;      border: none;
    border-top: 1px solid #D8D9D9;}
.hardware-box > div > div {position:relative;z-index:200}
.hardware-box  > div:hover {
    background-color: #C03E14;
}
.news-box {margin-bottom:30px;}
.news-box > div {overflow:hidden;height:100%;background-color:#EFEFEF;min-height:480px;padding:35px 30px;position:relative;background-size:cover;background-position:center center;}
.news-box > div:before, .hardware-box > div:before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#EFEFEF;z-index:1;}
.news-box > div:hover:before, .hardware-box > div:hover:before {top:-100%;opacity:1}
.news-box > div > div {height:100%;position:relative;z-index:200;padding-bottom:80px;}
.news-box-data {position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #D8D9D9;padding-top:15px;}
.news-box .overlay {z-index:500}
.news-box h3 {    font-size: 16px;    font-weight: 300;    line-height: 1.5;}
.news-day {width:144px;color:#C03E14;font-size:72px;font-weight:800;line-height:1;}
.news-other {width:calc(100% - 144px);text-align:right;padding-top:25px;line-height:1;}
.news-other p {margin:0;}

.news-box > div:hover h3, .news-box > div:hover .news-day, .news-box > div:hover, .hardware-box > div:hover, .hardware-box > div:hover h3 {color:#fff;}
.news-box > div:hover {background-color:#C03E14}

.news-box > div:before, .news-box, .news-day, .news-box h3, .news-box > div,.news-box-img img , .hardware-box img, .hardware-box > div, .hardware-box h3, .hardware-box,.hardware-box > div:before {
  -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;
}
.news-box-img {    margin-top: 30px;    margin-bottom: 30px;text-align:center}
.news-box-img img {height:174px;width:100%;object-fit:cover;opacity:0;}
.news-box > div:hover .news-box-img img {opacity:1}

#nieuws-filter {margin-bottom:10px;}
.filter-btns ul, .filter-btns li {padding:0;margin:0;list-style:none;}
.filter-btns li {display:inline-block;margin-right:25px;margin-bottom:25px}
.filter-btns ul {margin-bottom:-25px;}

.filter-btns .btn {opacity:.25;min-width:140px;font-size:14px;border:1px solid #B0B0B1;color:#373736;background:#fff;padding:13px 25px 16px}
.filter-btns .btn:hover, .filter-btns .btn.active {color:#fff;background:#373736;border-color:#373736}


.pagination {margin-top:30px}
.pagination ul, .pagination li {padding:0;margin:0;list-style:none}
.pagination li {vertical-align:middle}
.pagination li, .pagination a {display:inline-block;margin:0 10px;font-size:24px;color:#B0B0B1;font-weight:400;line-height:1;}
.pagination a {margin:0;}
.pagination .current{color:#373736;display:inline-block;transform:scale(1.1);}

.pagination .pagination-prev, .pagination a.pagination-prev, .pagination .pagination-next, .pagination a.pagination-next,.galerij-arrow {
    width: 45px;
    height: 45px;
    border: 1px solid #B0B0B1;
    border-radius: 50%;
    cursor: pointer;
    color: #B0B0B1;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    padding-top: 15px;
}
.pagination a.pagination-arrow:hover, .galerij-arrow:hover {color:#fff;background:#B0B0B1}
.galerij-arrow:hover {background:#373736;border-color:#373736}

.pagination .pagination-prev {margin-right:45px}
.pagination .pagination-next {margin-left:45px}


.is-loading {opacity:.5}

#ajax-content {margin-bottom:30px;}
.ajax-filters {margin-bottom:20px}
.ajax-filters .webshop-link {width:200px;text-align:right;float:right}
#ajax-filter {width:calc(100% - 200px)}
.webshop-url-bottom {margin-top:30px;}


.filter-select {   font-size: 16px;
    position: relative;
    color: #FFFFFF;
    font-weight: 300;
    display: none;
    line-height: 1;margin-bottom:25px;
   
    background: #373736;
    border-radius: 25px;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    overflow: hidden;}

.filter-select:after {font-family: 'icomoon' !important;content: "\e900";color:#fff;position:absolute;right:25px;top:20px;transform: rotate(-90deg);
    font-size: 10px;}

.filter-select select {position:relative;z-index:200; padding: 16px 25px 16px;-webkit-appearance:none;appearance:none;background:none;border:none;color:#fff;font-size:16px;outline:none;padding-right:40px;}

.pakket-box {width:50%;margin-bottom:45px;}
.pakket-img {border:1px solid #D8D9D9;margin-bottom:30px;position:relative}
.pakket-img img {width:100%;}
.pakket-box h3 {font-size:24px;font-weight:400}
.pakket-img:after {content:"";position:absolute;bottom:-1px;right:-1px;  width: 0;   height: 0;   border-left: 60px solid transparent;  border-right: 0px solid transparent;  border-bottom: 60px solid #fff;}
.pakket-img:before {content:"";position:absolute;bottom:0px;right:0px;  width: 0;   height: 0;   border-left: 60px solid transparent;  border-right: 0px solid transparent;  border-bottom: 60px solid #D8D9D9;}


.software-holder > div {padding:120px 0 120px;position:relative}

.software-holder > div:before {content:"";position:absolute;width:calc(100% + 360px);z-index:-1;background:#EFEFEF;height:100%;top:0;left:-180px}

.software-holder > div:after {content:"";position:absolute;bottom:0;right:-180px;  width: 0;   height: 0;   border-left: 174px solid transparent;  border-right: 0px solid transparent;  border-bottom: 174px solid #fff;}

@media screen and (max-width:1600px){
.software-holder > div:before {width:calc(100% + 70px);left:-35px}

.software-holder > div:after {right:-35px;}	
}
@media screen and (max-width:1300px){
    .software-holder > div:before {
        width: calc(100% + 30px);
        left: -15px;
    }
.software-holder > div:after {right:-15px;}	
}

.icon-group {position:relative;}


.icon-box {width:300px;text-align:center;}
.icon-box img {margin-bottom:25px;width: auto;
    height: auto;}
.icon-box h3 {font-size:24px}

.return-box {
    position: absolute;
    right: 0;
    top: -280px;
}

.software-group-1 .icon-box, .software-group-3 .icon-box, .software-group-4 .icon-box, .software-group-5 .icon-box , .software-group-6 .icon-box, .software-group-7 .icon-box  {    margin-left: calc(50% - 150px);   }



.software-group-2 .icon-box[data-number="3"] {    float: right;    width: 290px;}
.software-group-2 .icon-box[data-number="2"]:nth-child(1) {margin-left:calc(50% - 300px)}

.software-community-version-box img {    margin-top: -30px;    margin-left: 60px;}
.certificate-box img {    margin-left: 30px;}
.software-business-version-box img {    margin-left: 55px;    margin-top: -30px;}



.software-business-version-branches {
    position: absolute;
    left: 0;
    top: 10px;
    width: 300px;
}
.software-business-version-branches .icon-box {margin-bottom:75px;}
.software-business-version-branches .icon-box:last-child {margin-bottom:0}

.icon-arrows img, img.line-crossed{
  -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;
}

 .icon-box, .line-break-left, .line-break-right{
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

img.line-crossed {
    position: absolute;
    left: 240px;
    top: 40px;opacity:0;
}

.icon-box.disabled {transform: translate(0, 0);opacity:0;}
.icon-box {transform: translate(0, 0);opacity:1;}


.arrow-down {width:112px;height:112px;object-fit:contain;display:inline-block}

.icon-arrows {text-align:center;margin:25px 0;}
.arrow-down-left , .arrow-down-right {width:80px;height:80px;margin:0 15px;display:inline-block}

.icon-arrows.disabled .arrow-down-left, .disabled .arrow-down, .icon-arrows.disabled .arrow-down-right {transform:scale(0);}


img.arrow-curve-2 {
    position: absolute;
    top: -510px;
    right: 150px;
    max-width: calc(50% - 220px);opacity:0;
}
img.arrow-curve-1 {
    position: absolute;
    top: -70px;
    right: 150px;
    max-width: calc(50% - 220px);opacity:0;
}
.active img.arrow-curve-1, .active img.arrow-curve-2 {opacity:1;}

.line-break-left , .line-break-right {opacity:0;position:absolute;top:calc(50% - 13px);height:26px;width:auto;}
.line-break-left {left:calc(50% - 150px);max-width:0}
.line-break-right {right:calc(50% - 150px);max-width:0;}
.active .line-break-left , .active .line-break-right {opacity:1;}

.active .line-break-left {left:0;max-width:calc(50% - 150px);}
.active .line-break-right {right:0;max-width:calc(50% - 150px);}
.active img.line-crossed  {opacity:1;transform:scale(1)}




.hardware-side {position:fixed;top:0;right:-640px;width:100%;max-width:640px;background:#EFEFEF;padding:0 60px;height:100%;z-index:9999}

.hardware-side.side-active {right:0;}
.side-title {margin-bottom:0;padding-top:50px;border-bottom:1px solid #D8D9D9;position:relative;padding-bottom:25px;}
.side-content{border-bottom:1px solid #D8D9D9;padding-bottom:25px;margin-bottom:25px;position:relative;}
.side-content {padding-top:25px;}

.side-container {overflow:auto;height:calc(100% - 117px)}
.side-title  h3 {color:#C03E14;font-size:24px;margin-bottom:15px;padding-right:35px}
.side-closer { cursor:pointer;   position: relative;    width: 29px;    height: 29px;    transform: rotate(45deg);    position: absolute;    right: 0;    top: 48px;}
.side-closer:before {content:"";position:absolute;width:100%;height:2px;background:#C03E14;left:0;top:calc(50% - 1px);}
.side-closer:after {content:"";position:absolute;width:2px;height:100%;background:#C03E14;top:0;left:calc(50% - 1px);}


.hardware-row {overflow:hidden}
.hardware-image-holder {position:relative;margin-bottom:0;margin-top:60px;}

.hardware-image-holder > img, .hardware-image-holder > picture img  {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: none;
    width: 100%;
    object-fit: contain;
    min-width: 1920px;
    top: 50%;
    left: calc(50% - 105px);
    transform: translate(-50%, -50%);
}
.hardware-image-holder .wrapper {z-index:10;height:900px;}

.clicker-line, .clicker-name {position:absolute;}
.clicker-name {pointer-events: auto;width:200px;text-align:right;}
.clicker-name h3 {font-size:16px;cursor:pointer;}
.clicker-icon {pointer-events: auto;cursor:pointer;background:#C03E14;border-radius:50%;width:45px;height:45px;display:block;position:relative;}
.clicker-icon:before {content:"";position:absolute;width:10px;height:2px;background:#fff;left:calc(50% - 5px);top:calc(50% - 1px);}
.clicker-icon:after {content:"";position:absolute;width:2px;height:10px;background:#fff;top:calc(50% - 5px);left:calc(50% - 1px);}
.side-active .clicker-icon {transform:rotate(45deg);background:#373736}
.clicker-holder {pointer-events: none;}
.clicker-holder:hover .clicker-icon {background:#373736}

.clicker-holder {position:absolute;z-index:10;top:100%}
.clicker-line img {    display: block;}

.clicker-holder[data-article="1"] {    top: -60px;    left: 465px;}
.clicker-holder[data-article="1"] .clicker-line {left:100%;top: 22px;}
.clicker-holder[data-article="1"] .clicker-name {right:calc(100% + 15px);top:13px;}

.clicker-holder[data-article="2"] {    top: -60px;    right: 45px;}
.clicker-holder[data-article="2"] .clicker-line {right:100%;top: 22px;}
.clicker-holder[data-article="2"] .clicker-name {left:calc(100% + 15px);top:13px;text-align:left;width:220px;}

.clicker-holder[data-article="3"] {    top: 395px;    right: 45px;}
.clicker-holder[data-article="3"] .clicker-line {right:100%;top: -11px;}
.clicker-holder[data-article="3"] .clicker-name {left:calc(100% + 15px);top:13px;text-align:left;width:235px;}

.clicker-holder[data-article="4"] {    top: 596px;    right: 190px;}
.clicker-holder[data-article="4"] .clicker-line {right:100%;top: 7px;}
.clicker-holder[data-article="4"] .clicker-name {left:calc(100% + 15px);top:13px;text-align:left;width:95px;}

.clicker-holder[data-article="5"] {    top: 790px;    left: 190px;}
.clicker-holder[data-article="5"] .clicker-line {    left: 100%;    top: -82px;}
.clicker-holder[data-article="5"] .clicker-name {right:calc(100% + 15px);top:13px;width:190px;}

.clicker-holder[data-article="6"] {    top: 670px;    left: 15px;}
.clicker-holder[data-article="6"] .clicker-line {    left: 100%;    top: -82px;}
.clicker-holder[data-article="6"] .clicker-name {right:calc(100% + 15px);top:13px;width:190px;}

 .clicker-holder[data-article="7"] {    top: 307px;    left: 30px;}
.clicker-holder[data-article="7"] .clicker-line {    left: 100%;    top: -14px;}
.clicker-holder[data-article="7"] .clicker-name {right:calc(100% + 15px);top:13px;width:190px;}

 .clicker-holder[data-article="8"] {    top: 133px;    left: 190px;}
.clicker-holder[data-article="8"] .clicker-line {    left: 100%;    top: 22px;}
.clicker-holder[data-article="8"] .clicker-name {right:calc(100% + 15px);top:13px;width:190px;}




/*resellers*/
.reseller-content-row {padding-bottom:90px}
.content-row:first-child .pagina-image.reseller-image {    top: 280px;    width: 100%;    text-align: center;overflow:hidden;}
.reseller-image.pagina-image img {    max-width: 1220px;    margin-left: 30%;}

.reseller-box, .blog-box > .small-12 {
    background: #EFEFEF;position:relative;margin-bottom:30px;
}
.reseller-box:before, .blog-box > .small-12:before {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 12px 5px 15px 0px rgba(0, 0, 0, 0.15);
    top: 0;
    left: 45px;
    width: calc(100% - 45px);
    height: 100%;opacity:0;
}
.reseller-box:hover:before, .blog-box:hover > .small-12:before{opacity:1;}


.reseller-box:after, .blog-box > .small-12:after, .partner-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 45px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 45px solid #fff;
}

.reseller-box-label, .partner-box-label {text-align:right;min-height:45px;}
.reseller-box-label > div, .partner-box-label > div {min-height:45px;color:#FFFFFF;font-size:18px;font-weight:900;text-transform:uppercase;line-height:1;display:inline-block;padding:12px 30px 15px 60px;position:relative;background:#C03E14}
.reseller-box-label > div.label-authorized {
    background: #373736;
}

.reseller-box-label > div:before, .partner-box-label > div:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-right: 45px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 45px solid #EFEFEF;
}
.reseller-box-list, .reseller-box-image, .reseller-content {padding:0 30px}
.reseller-box-list ul, .reseller-box-list li{font-size:12px;font-weight:300;padding:0;margin:0;list-style:none;width:auto;margin-right:15px;}
.reseller-box-list ul {align-items:center;width:100%;display:flex;flex-wrap:wrap;padding:30px 0;border-bottom:1px solid #D8D9D9}
.reseller-box-list li {padding-left:15px;position:relative;}
.reseller-box-list li:before {width:5px;position:absolute;content:"";height:2px;background:#C03E14;left:0;top:10px;transform:rotate(45deg);}
.reseller-box-list li:after {
    width: 7px;
    position: absolute;
    content: "";
    height: 2px;
    background: #C03E14;
    left: 2px;
    top: 9px;
    transform: rotate(-45deg);
}
.reseller-box-image > div {text-align:center;padding:30px 0;border-bottom:1px solid #D8D9D9;height:139px}
.reseller-box-image img {height:78px;max-width:100%;object-fit:contain}

.reseller-content {padding-top:30px;padding-bottom:30px}
.reseller-content h3 {
    font-size: 24px;
    color: #C03E14;
    margin-bottom: 10px;    display: flex;
    align-items: end;
}
.reseller-content ul, .reseller-content li {padding:0;margin:0;list-style:none;text-align:right;display:block}
.reseller-content > div:first-child {margin-bottom:15px;}
.reseller-content li a {
    color: #C03E14;
    font-size: 24px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 1) inset !important;
}
.reseller-filter button.submit-trigger  {padding:0!important;display:none}
.reseller-filter-btn {
    width: 250px;
    text-align: right;
}

.reseller-filter, .reseller-filter form {display:flex;gap:30px;width:calc(100% - 250px);}
.reseller-filter form {width:100%;}
.reseller-filter .select-holder select {
    height: 45px;
    border: 1px solid #D8D9D9;
    border-radius: 25px;
    padding-left: 30px !important;
    padding-right: 45px !important;
}
.reseller-filter .select-holder .icon-chevron-right {
    right: 20px;
    top: 20px;
}

.reseller-filter .search-input-holder input {
    height: 45px;
    border: 1px solid #D8D9D9;
    border-radius: 30px;
    padding-right: 10px !important;padding-left:45px!important
}
.reseller-filter .search-input-holder > span {
    color: #C03E14;
    font-size: 18px;
    position: absolute;
    left: 20px;
    top: calc(50% - 12px);
}


div#site-content2 {
    display: flex;
    flex-wrap: wrap;
}

.maps-holder {height:670px;background:#ddd;position:relative;overflow:hidden}
.maps-holder:after {
	display:none;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 150px solid #fff;
}


 #map {
        width: 100%;
        height: 670px;
      }
		 #map-container {position:relative;}
		 .map-legend {position:absolute;bottom:30px;left:30px;background:rgb(255 255 255 / 75%);padding:20px 25px;z-index:10}
		 .map-legend ul, .map-legend li {padding:0;margin:0;list-style:none;}
		 .map-legend li {display:block;padding-left:35px;margin-bottom:15px;font-size:14px;font-weight:300;position:relative}
		 .map-legend li:last-child {margin-bottom:0;}
		 .map-legend img {height:25px;width:auto;position:absolute;left:0;top:calc(50% - 12.5px);}
		 
		 .gmaps-zoom-plus {background:#C03E14;border-radius:50%;color:#fff;text-align:center;display:flex;align-items:center;justify-content: center;}
		 .gmaps-zoom-minus {background:#C03E14;border-radius:50%;color:#fff;text-align:center;display:flex;align-items:center;justify-content: center;}
		 .gmaps-zoom-control {    top: 45px !important;    right: 45px !important;}
		 .gmaps-zoom-minus:before {    content: "-";    font-size: 33px;}
		 .gmaps-zoom-plus:before {    content: "+";    font-size: 21px;}
		 .gmaps-zoom-plus:hover, .gmaps-zoom-minus:hover {background:#202020}
		 .marker-content {    display: block;    width: 200px;}
		 
/*------------------------------------*\
    Partners
\*------------------------------------*/
.partner-box-padding {padding:0 60px}
.partner-box {position:relative;background:#EFEFEF;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: start;
    height: 100%;
}
.partner-box > div:first-child {margin-bottom:30px;}
.partner-box-logo {text-align:center;margin:15px 0 30px;}
.partner-box-logo img {display:block;width:100%;max-width:342px;height:150px;object-fit:contain;margin:0 auto}
.partner-box-img {min-height:210px;margin-bottom:30px}
.partner-box-img img {height:210px;width:100%;object-fit:cover}
.adres-txt, .adres-txt a {font-weight:700}

.partner-box-link {    margin-top: auto;    margin-bottom: 60px;    text-align: right;    font-size: 24px;    color: #C03E14;}
.partner-box-link > div {padding-top:30px;border-top:1px solid #D8D9D9}
.partner-box-link a {color: #C03E14;}
.partner-box-link a:hover {color:#373736}


.partner-box {display: flex;
    flex-wrap: wrap;}

/*------------------------------------*\
    BLOG
\*------------------------------------*/
.related-container .blog-box-regular {width:50%}

.blog-box-content h3, .blog-box-content h3 a {margin:0;font-size:20px;}

.blog-box-content-standaard h3, .blog-box-content-standaard h3 a{color:#C03E14}

.blog-box-media {min-height:220px}
.blog-box-media img {width:100%;height:auto;object-fit:cover;}
.blog-box-regular .blog-box-media img{height:220px}
.blog-box-regular .blog-box-content {    height: calc(100% - 220px);}
.blog-box-liggend .blog-box-media img {    min-height: 220px;    height: 100%;    object-fit: cover;}

.blog-box-liggend .blog-box-media a {
    height: 100%;
}



.blog-box .video-link:before {width: 60px;    height: 60px;    left: calc(50% - 30px);		top: calc(50% - 30px);}
.blog-box-content {padding:30px;}
p.blox-box-date {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #D8D9D9;
    text-align: right;
}

.blog-archive .blog-box {width:33.3333%}
.blog-double {width:calc(66.666667%)}
.blog-archive .blog-box-liggend {width:100%}

.blog-box-liggend .blog-box-media {width:50%;}
.blog-box-liggend .blog-box-content {width:50%;}


.blog-group:nth-child(3) .blog-box-liggend {width:100%}
.blog-box-liggend > .small-12 {    display: flex;    flex-wrap: wrap;}
.blog-group:nth-child(3) .blog-box-liggend .blog-box-media, .blog-double .blog-box-liggend:nth-child(2) .blog-box-media {order: 2;}


.blog-box {margin-bottom:30px;}
.blog-box > .small-12 {height:100%;margin-bottom:0;}

.blog-box-content h3 {margin-bottom:25px;}
.blog-box-content{    display: flex;    flex-wrap: wrap;    flex-direction: column;
	align-items: start;}
.blox-box-date{    margin-top: auto !important;    width: 100%;}


/*------------------------------------*\
    FORMS
\*------------------------------------*/


input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {
    -webkit-appearance: none;font-family:"fieldwork";color:#202020;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 50px;
    border-radius: 0;
    padding: 0!important;
    background: none;
	border:none;
    border-bottom: 1px solid #D8D9D9;
    font-size: 17px!important;
    font-weight: 300;
    margin-bottom: 10px;
    color: #373736;
    outline:none;
}
textarea {padding-top:10px!important; height: 150px!important;
    resize: none;}

.select-holder {position:relative;}
.select-holder select {position:relative;z-index:10;}

.select-holder .icon-chevron-right {
    position: absolute;
    right: 0;
    z-index: 1;
    top: 24px;
    transform: rotate(90deg);
    font-size: 10px;
    color: #373736;
}
form p {margin:0}
form br {display:none}

.required-form-holder {display:none}
.wpcf7-not-valid-tip {display:none}
.wpcf7-not-valid, .required {border-color:#ed0202!important}
.wpcf7 form .wpcf7-response-output, .required-form {
    margin: 25px 0 0;
    padding: 15px 20px;
    border: 2px solid #c03E14;
    text-align: center;
    background: #c03E14;
    width: 100%;
    float: left;
    color: #fff;font-size:14px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ed0102;
    background: #ed0102;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #c03E14;
    background: #c03E14;
}

.form-half {width:50%}
.form-clearing {    height: 60px;}
.submit-holder {margin-top:40px;}
.form-row {position:relative;z-index:10}

::-ms-input-placeholder { /* Edge 12-18 */
  color: #373736;
}

::placeholder {
   color: #373736;
}
/*------------------------------------*\
    BUTTON
\*------------------------------------*/

.standaard-content .banner-btns, .standaard-content .banner-btns li {padding:0;margin:0;list-style:none}
.standaard-content .banner-btns  {margin-bottom:-15px!important}
.standaard-content .banner-btns li {display:inline-block;margin-right:25px;margin-bottom:15px;}
.standaard-content .banner-btns {margin-top:60px;}

input[type="radio"] {display:none}


button, .btn {font-family:"fieldwork";font-weight:700;-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;}

.btn{
font-size: 16px;
    position: relative;
    color: #FFFFFF;
    font-weight: 300;
    display: inline-block;
    line-height: 1;
    padding:13px 25px 16px;
    background: #C03E14;
    border-radius: 25px;
    text-align: center;
    font-style: normal;
    cursor: pointer;
    overflow: hidden;
}
.btn.white, input[type="radio"] + span {border:1px solid #B0B0B1;color:#373736;padding: 13px 24px 17px;background:none}

.btn:hover, input[type="radio"] + span.active, .btn.secondary  {
    background:#373736;color:#fff;border-color:#373736
}
.scroller-content .btn:hover, .btn.secondary:hover  {
    color:#373736;background:#fff;
}


.back-btn, .next-btn {
    font-size: 24px;
    color: #B0B0B1;
    position: relative;
    padding-left: 45px;font-weight:400;
}
.back-btn:hover, .back-btn:focus, .next-btn:hover, .next-btn:focus {color: #B0B0B1;}
.back-btn span, .next-btn span {
    font-size: 9px;
    color: #B0B0B1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #B0B0B1;
    text-align: center;
    position: absolute;
    left: 0;
    top: calc(50% - 13px);
    padding-top: 10px;
}
.next-btn {padding-left:0;padding-right:45px}
.next-btn span {left:auto;right:0;}

.back-btn:hover span, .next-btn:hover span {background:#B0B0B1;color:#fff}

.btn-list, .btn-list li {padding:0!important;margin:0;list-style:none}
.btn-list li {display:inline-block!important;margin-right:25px!important;margin-bottom:30px!important;}
.btn-list {margin-bottom:-30px!important}
.btn-list li:before {display:none!important}
.btn-list li .btn {display:block;}


.post-navigation {padding-top:35px;}
.post-navigation > div {width:50%;}
.post-navigation > div.right {text-align:right}





/*------------------------------------*\
    404
\*------------------------------------*/

.content-row-404 {background:#cf3607;color:#fff;min-height:100vh;padding:160px 0 115px}
.content-row-404 .pagina-title-box h1 {color:#fff;}
.content-row-404 .wrapper {z-index:10;}
.content-row-404 {position:relative}
.content-row-404 > img {position:absolute;height:100%;width:100%;top:0;right:0;z-index:1;object-fit:contain;object-position:bottom right}
.content-row-404 .pagina-title-box {margin-bottom:35px;}
.content-row-404 .large-content {font-size:24px;}
@media screen and (min-width:768px){
	.content-row-404 .pagina-title-box h1 {font-size:82px;}
}
/*------------------------------------*\
    HEADER
\*------------------------------------*/
.main-container {background:#ddd;overflow:hidden}

body.active-menu {overflow:hidden!important}

.regular-header.fixed-header {background:#fff;}

.header {position:fixed;top:0;left:0;width:100%;z-index:9990}

.navigatie-logo {width:235px;}
.navigatie-logo a {display:block;position:relative}
.home-logo-responsive {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}

.navigatie-toggles {width:300px;float:right;margin-top:25px;text-align:right}
.navigatie-subitems {width:calc(100% - 535px);}
.navigatie-subitems {
    width: calc(100% - 535px);
    text-align: center;
    margin-top: 25px;
}
.navigatie-subitems.submenus {margin-bottom:-30px;}

.navigatie-subitems .menu li, .navigatie-subitems .menu {padding:0;margin:0;list-style:none}
.navigatie-subitems .menu {text-align:center}
.navigatie-subitems .menu li {display:inline-block;margin:0 20px;}
.navigatie-subitems .menu a {display:block;color:#B0B0B1;font-weight:700;font-size:16px;position:relative;    line-height: 1;
    padding: 0px 0 63px;}
.navigatie-subitems .menu .current-menu-item > a, .navigatie-subitems .menu li:hover > a{color:#373736}
.navigatie-subitems .menu a:after{position:absolute;left:0;bottom:0;content:"";height:4px;width:100%;background:#C03E14;opacity:0;}
.navigatie-subitems .menu .current-menu-item > a:after,.navigatie-subitems .menu li:hover a:after {opacity:1;}

.navigatie-top > div {padding:30px 0;position:relative;}
.navigatie-top > div:after {content:"";position:absolute;bottom:0;left:15px;width:calc(100% - 30px);height:1px;background:#D8D9D9}
.transparent-header .navigatie-top > div:after, .error404 .navigatie-top > div:after {background:none;}
.navigatie-toggles button, .navigatie-subitems .header-search {line-height:1;font-size:16px;color:#fff;position:relative;margin-right:42px}
.navigatie-toggles button:last-child {margin-right:0;}
.navigatie-toggles button:hover {color:#FFFFFF}
.navigatie-toggles button:hover span {color:#fff}

.navigatie-subitems .header-search {margin:0;    padding-right: 45px;    color: #373736;}


.header-404 .menu-btn .mobbtn span {background:#373736}
.header-404 .dictionary-btn span {color:#373736;}
.dictionary-btn span {color:#C03E14;font-size:18px;vertical-align:middle;margin-left:12px;}
.menu-btn {padding-right:45px;}
.menu-btn .mobbtn, .close-btn {width:30px;height:15px;position:absolute;right:0;top:3px;}
.menu-btn .mobbtn span, .close-btn  span{background:#C03E14;position:absolute;width:100%;height:2px;left:0;}
.menu-btn .mobbtn span:nth-child(1), .close-btn  span:nth-child(1){top:0;}
.menu-btn .mobbtn span:nth-child(2){top:calc(50% - 1px)}
.menu-btn .mobbtn span:nth-child(3), .close-btn  span:nth-child(2){top:13px;}
.menu-btn:hover .mobbtn span {background:#fff}
.header-search:hover .close-btn  span {background: #373736;}
.navigatie-container .menu-btn .mobbtn span:nth-child(2) {left:50%;width:0;}
.navigatie-container .menu-btn .mobbtn span:nth-child(1), .close-btn  span:nth-child(1) {transform:rotate(45deg);top: 7px;}
.navigatie-container .menu-btn .mobbtn span:nth-child(3), .close-btn  span:nth-child(2) {    transform: rotate(-45deg);    top: 7px;}

.header-search {    font-size: 16px;}
.header-search span.icon-search {
    color: #C03E14;
    font-size: 18px;
    vertical-align: sub;
    margin-left: 7px;
    display: inline-block;
}

.navigatie-container, .search-container {position:fixed;left:0;background:#FFFFFF;height:100vh;overflow:auto;z-index:9995;width:100%;top:100%;}
.navigatie-container .navigatie-toggles button, .regular-header .navigatie-toggles button, .header-search, .search-container button {color:#373736}
.navigatie-container .navigatie-toggles button:hover, .regular-header .navigatie-toggles button:hover, .header-search:hover, .search-container button:hover {color:#373736}
.navigatie-container .navigatie-toggles button:hover span, .regular-header .navigatie-toggles button:hover span, .header-search:hover span, .search-container button:hover span {color:#373736}
.navigatie-container .menu-btn:hover .mobbtn span, .regular-header .menu-btn:hover .mobbtn span, .search-container .menu-btn:hover .mobbtn span{background:#373736}
.navigatie-container.active-menu {top:0;}
.navigatie-middle > div:first-child {padding:120px 0 85px}
.nav-column {margin-bottom:45px;}


.search-container {top:-100vh;}
.search-container.active-search {top:0;}

.search-title {margin-bottom:45px;}
.search-box .search, .search-results {margin-bottom:60px;}
.search-input-holder {position:relative;}
.search-input-holder > span {color:#C03E14;font-size:18px;position:absolute;left:0;top:calc(50% - 9px);}
.search-input-holder input {width:100%;border:none;-webkit-appearance:none;appearance:none;background:none;border-bottom:1px solid #C1C1C1;font-size:17px;color:#373736;font-weight:300;height:50px;padding-left:40px!important;z-index:10;position:relative;}
button.search-submit.btn {color:#fff!important;margin-top:60px;}

.search-item:first-child {  border-top: 1px solid #C1C1C1;}
.search-item {    border-bottom: 1px solid #C1C1C1;position:relative;}

.search-item h3, .search-item p {margin:0;}
.search-item, .search-item h3, .search-item h3 a {font-size:17px;font-weight:400;color: #373736;}
.search-item:hover h3 a, .search-item:hover {color: #373736;font-weight:700}
.search-number {position:absolute;left:0;top:12px;}
.search-item h3 a {padding:16px 0 16px 70px;position:relative;display:block}
.navigation-search {position:relative;padding-top:115px;padding-bottom:90px;text-align:center;}
.navigation-search:before {content:"";position:absolute;top:0;left:15px;width:calc(100% - 30px);height:1px;background:#D8D9D9}

.dictionary-holder {position:fixed;top:0;right:-640px;width:100%;max-width:640px;background:#EFEFEF;padding:0 60px;height:100%;z-index:9999}

.dictionary-holder.dictionary-active {right:0;}
.dictionary-title {margin-bottom:0;padding-top:50px;border-bottom:1px solid #D8D9D9;position:relative;padding-bottom:25px;}
.dictionary-container .standaard-content{border-bottom:1px solid #D8D9D9;padding-bottom:25px;margin-bottom:25px;position:relative;}
.dictionary-container .standaard-content:first-child {padding-top:25px;}

.dictionary-container {overflow:hidden;height:calc(100% - 117px)}
.dictionary-holder  h4 {color:#C03E14;font-size:24px;margin-bottom:15px;}
.dictionary-holder .dictionary-close { cursor:pointer;   position: relative;    width: 29px;    height: 29px;    transform: rotate(45deg);    position: absolute;    right: 0;    top: 48px;}
.dictionary-holder .dictionary-close:before {content:"";position:absolute;width:100%;height:2px;background:#C03E14;left:0;top:calc(50% - 1px);}
.dictionary-holder .dictionary-close:after {content:"";position:absolute;width:2px;height:100%;background:#C03E14;top:0;left:calc(50% - 1px);}

main.slide-out, .header.active-menu {transform:translate(0, -100%);}
main.slide-out-top {transform:translate(0, 100%);}

.navigatie-middle {
    height: calc(100% - 138px);
}
.nav-column {width:20%}

.nav-number {    font-size: 16px;    color: #B0B0B1;    display: block;    margin-bottom: 15px;}
.nav-column > a {    color: #373736;    font-size: 36px;    line-height: 1;}
.nav-column ul, .nav-column li {padding:0;margin:0;list-style:none;display:block}
.nav-column  > ul {margin-top:25px;}
.nav-column  li {margin-bottom:10px;}
.nav-column  li:last-child {margin-bottom:0;}
.nav-column  li  a {color:#B0B0B1;font-size:24px;font-weight:400}
.nav-column   a:hover, .nav-column   a:focus, .nav-column .current-menu-item > a {color:#C03E14}


.dictionary-holder, .navigatie-container, header, main, footer, .search-container, .hardware-side{
  -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;
}


/*------------------------------------*\
    Scrollbar CSS
\*------------------------------------*/

.dictionary-container .mCSB_inside>.mCSB_container, .scroller-content .mCSB_inside>.mCSB_container, .side-container{    margin-right: 35px;}
.dictionary-container .mCSB_scrollTools .mCSB_draggerRail, .scroller-content .mCSB_scrollTools .mCSB_draggerRail, .side-container .mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}
.dictionary-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .scroller-content  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .side-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px;}
.dictionary-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.dictionary-container .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .dictionary-container .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .side-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.side-container .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .side-container .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {    background-color: #D8D9D9!important;}


.scroller-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.scroller-content .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .scroller-content .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {    background-color: #D8D9D9!important;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer .wrapper {position:relative;}

.scroll-up {
    width: 45px;
    height: 45px;
    position: absolute;
    z-index: 2000;
    border: 1px solid #B0B0B1;
    border-radius: 50%;
    cursor: pointer;
    color: #B0B0B1;
    text-align: center;
    top: 90px;
    right: 15px;
    font-size: 12px;
    line-height: 1;
    padding-top: 15px;
}

.scroll-up:hover {color:#fff;background:#B0B0B1}
.scroll-up span {display:inline-block;transform:rotate(-90deg)}
.footer-top-row {position:relative;padding:90px 0}
.footer-top-row:before, .footer-top-row:after {content: "";    position: absolute;    bottom: 0;    left: 15px;    width: calc(100% - 30px);    height: 1px;    background: #D8D9D9;}
.footer-top-row:before{bottom:auto;top:0;}

.footer-widget ul, .footer-widget li {padding:0;margin:0;list-style:none;display:block;}
.footer-widget a, .footer-widget {color:#373736;font-size:16px;font-weight:700;}
.footer-widget li{margin-bottom:15px}
.footer-widget li:last-child {margin-bottom:0;}

.footer-bottom-row {padding:45px 0;}
.footer-bottom-row a {font-weight:300;color:#B0B0B1;font-size:14px;}
.footer-bottom-row a:hover, .footer-bottom-row a:focus, .footer-widget a:hover, .footer-widget a:focus {color:#C03E14}
.footer-bottom-row div:last-child {text-align:right}
/*------------------------------------*\
    MISC
\*------------------------------------*/






::selection {
	background:#373736;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#373736;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#373736;
	color:#FFF;
	text-shadow:none;
}




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

.responsive-show .content-slide {
    position: relative;
    width: 100vw;
    height: auto;
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 1;    padding: 60px 0 60px;
}
.responsive-show .content-slide:first-child {padding-top:140px}
.responsive-show .content-scroller-container {margin-top:0;}
.responsive-show .scroller-content {height:auto!important}

body.home.responsive-show {
    overflow-y: auto;
}
.responsive-show .slide-number{  transform: translate(0, 0)!important;opacity:1!important}
.responsive-show .scroll-content {    transform: translate(0, 0) !important;    opacity: 1 !important;}
.responsive-show .content-scroller-container .pagina-title-box h1, .responsive-show .content-scroller-container .pagina-title-box h2 {
    opacity: 1;
}

@media screen and (max-width:1630px){
.hardware-image-holder {    width: 90%;}
	.hardware-image-holder .wrapper {height:700px}
	.clicker-name {    width: 120px !important;
    text-align: right;
    left: calc(50% - 60px) !important;
    right: auto !important;
    text-align: center !important;
    top: 50px !important;
}
	
	.clicker-holder[data-article="1"] {left:415px}
	.clicker-holder[data-article="2"] {right:85px}
	.clicker-holder[data-article="3"] {    top: 310px;    right: 95px;}
	.clicker-holder[data-article="4"] {    top: 466px;    right: 230px;}
	.clicker-holder[data-article="5"] {    top: 630px;    left: 165px;}
	.clicker-holder[data-article="6"] {    top: 535px;    left: 55px;}
	.clicker-holder[data-article="7"] .clicker-line {width:600px!important;top:-7px}
	.clicker-holder[data-article="7"] {    top: 227px;    left: 90px;}
	
.clicker-holder[data-article="8"] {
	top: 73px;}
}


@media screen and (max-width:1450px){
	body {		font-size: 15px;}
	input[type="text"], input[type="tel"], input[type="email"], input[type="search"], textarea, select {font-size:15px;}
	
	.content-scroller-container .pagina-title-box h1, .content-scroller-container .pagina-title-box h2, .pagina-title-box h1, .pagina-title-box h2 {font-size:90px}
	.single-post .pagina-title-box h1, .search-title h3, .single-hardware .pagina-title-box h1, .pagina-title-box.small-title-box h1 {    font-size: 65px;}

	.pagina-title-box {    margin-bottom: 45px;}
	
	.large-content, .large-content blockquote {font-size:28px;}
	
	
	.title-box h2 {font-size:32px}
	
}
.responsive-arrow, .resp-line-break {display:none}

@media screen and (max-width:1250px){
.scroll-arrow-right {    right: 15px;}
	.scroll-arrow-left {    right: 80px;}
	
	
.stat-outer {
    width: 260px;
	height: 260px;}
	.stat-row {width:260px;}
	.stat-inner {
    padding-top: 63px;
    width: 226px;
    height: 226px;
    margin-top: 17px;
    margin-left: 17px;
}
	.stat-inner p {font-size:16px;}
	.stat-inner p.animCounter {font-size:60px;}
	.contact-info-hold, .contact-info-hold a {font-size:30px}
	
	
	.hardware-image-holder {width:100%}
	.hardware-image-holder > img, .hardware-image-holder > picture img{width:700px;min-width:0;right:0;left:auto;top:0;transform:none;        width: 100%;
        max-width: 450px;}
	.hardware-image-holder .wrapper {max-width:100%;        width: 83.33333%;
        margin-left: 8.33333%;}
	
	.side-active .clicker-icon {transform:rotate(0)}
	.clicker-icon:before {display:none}
	.clicker-icon:after {background:none;width:auto;height:auto;
        color: #fff;
        font-weight: 900;
        font-size: 18px;
        left: 0;
        width: 100%;
        text-align: center;
        top: 8px;top: 12px;
    line-height: 1;
    }	
	 [data-article="1"] .clicker-icon:after {		 content: "1";}
	 [data-article="2"] .clicker-icon:after {		 content: "2";}
	 [data-article="3"] .clicker-icon:after {		 content: "3";}
	 [data-article="4"] .clicker-icon:after {		 content: "4";}
	 [data-article="5"] .clicker-icon:after {		 content: "5";}
	 [data-article="6"] .clicker-icon:after {		 content: "6";}
	 [data-article="7"] .clicker-icon:after {		 content: "7";}
	 [data-article="8"] .clicker-icon:after {		 content: "8";}
	
	
	
	
	.clicker-holder {position:relative;float:left;width:100%;left:0!important;right:0!important;top:0!important;margin-bottom:35px;}
	    .clicker-name {
        width: 100% !important;
        text-align: right;
        left: auto !important;
        right: auto !important;
        text-align: left !important;
        top: 0 !important;
        position: relative;
        padding-left: 60px;
    }
	.clicker-icon {
    cursor: pointer;
    background: #C03E14;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 22.5px);
}
	.hardware-image-holder .wrapper {padding:0 15px}
	.clicker-line {display:none!important}
	.hardware-image-holder .wrapper {height:auto;}
	.icon-box h3 {font-size:18px;}
	.icon-box {		width: 210px;}
	.software-group-1 .icon-box, .software-group-3 .icon-box, .software-group-4 .icon-box, .software-group-5 .icon-box, .software-group-6 .icon-box, .software-group-7 .icon-box {    margin-left: calc(50% - 105px);}
	.software-group-2 .icon-box[data-number="2"]:nth-child(1) {
    margin-left: calc(50% - 210px);
}
	.return-box {    position: absolute;    right: 45px;    top: -260px;}
	.icon-box img {		margin-bottom: 15px;}
	.software-business-version-branches .icon-box {
    margin-bottom: 75px;
    margin-left: 0 !important;
}
	img.line-crossed {left:170px}
	
	
	.reseller-filter, .reseller-filter form {gap:20px}
	
	
}

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

}

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

	.navigatie-logo {    width: 170px;}
	.navigatie-toggles, .navigatie-subitems {    margin-top: 17px;}
	.navigatie-subitems {		width: calc(100% - 470px);}
	.navigatie-subitems .menu a {padding-bottom:47px;}
	.navigatie-subitems .menu li {margin:0 10px;}

	.navigatie-middle > div:first-child {    padding: 60px 0 30px;}
	.navigation-search {    padding-top: 60px;		padding-bottom: 45px;}	
	.nav-column > a {font-size:26px;}
	.nav-column > ul {    margin-top: 10px;}
	.nav-column li a {font-size:19px;}
	.nav-column li {    margin-bottom: 5px;}
	
	
	
	.standaard-content h2 {font-size:20px;margin-bottom:5px;}
	.standaard-content h3 {font-size:20px;margin-bottom:5px;}
	.standaard-content h4 {font-size:18px;margin-bottom:5px;}
	.standaard-content h5 {font-size:17px;margin-bottom:5px;}
	.standaard-content h6 {font-size:16px;margin-bottom:5px;}

	.search-title {    margin-bottom: 30px;}
	button.search-submit.btn {margin-top:30px}
	.search-box .search, .search-results {margin-bottom:45px}
	.search-item h3 a {padding-left:45px;}
	
	.dictionary-holder, .hardware-side {    padding: 0 30px;}
	.dictionary-title, .side-title {    padding-top: 25px;padding-bottom:15px;}
	.dictionary-holder .dictionary-close, .side-closer {top:26px;}
	.dictionary-container .standaard-content, .side-content {padding-bottom:20px;padding-top:20px;}
	.dictionary-holder h4, .side-content h4 {font-size:20px}
	.dictionary-container,.side-container{    height: calc(100% - 78px);}
	
	.content-scroller-container {margin-top:125px}
	
	
	.pagina-title-box {        margin-bottom: 30px;    }
	.pagina-title-box:last-child {margin-bottom:0;}
	
	.scroller-content .btn-list {    margin-top: 30px;}
	.title-box h2 {font-size:26px}

	.content-row {padding-top:60px}
	.content-row:first-child:before {max-width: 45%;}
	.content-row:first-child {		padding-top: 180px;}
	.content-row:last-child {    padding-bottom: 30px;}
	.margin-fix, .marginfix {    margin-bottom: 30px;}
	
	.large-content, .large-content blockquote, .single-post .large-content, .single-post .large-content blockquote, .medium-content {font-size:20px;}
	.title-box {    margin-bottom: 25px;		padding-bottom: 15px;}
	.numbers-titel {    padding-bottom: 0;    margin-bottom: 25px;}
	.video-link:before {
    width: 60px;
    height: 60px;
    left: calc(50% - 30px);
		top: calc(50% - 30px);}
	.content-row-404 .large-content {
    font-size: 20px;
}
	
	.media-box:after, .software-holder > div:after {
    border-left: 90px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 90px solid #fff;
}
	.media-box.shapeleft-media:after, .grid-media-box .media-box:after  {border-right: 90px solid transparent;  border-left: 0px solid transparent;  border-bottom: 90px solid #fff;}
	
	.grid-media-box .media-box:after, .grid-media-box .media-box.shapeleft-media:after {border-left: 120px solid transparent;  border-right: 0px solid transparent;  border-bottom: 120px solid #fff;}

	
	
	.galerij-counter {font-size:18px;}
	
	.contact-info-hold, .contact-info-hold a {font-size:24px}
	.contact-info-hold > div {padding-bottom:30px;margin-bottom:30px;}
	.contact-info-hold {padding-bottom:0}
	.ajax-filters {    margin-bottom: 5px;}
	.webshop-url-bottom {margin-top:15px;}
	
	.quote-holder > div {padding:30px 0 45px}
	.number-content h3, .number {		font-size: 26px;}
	
	
	section.content-row.software-row {padding-top:60px;position:relative;}
	.software-row:before {content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:50%;    background: #EFEFEF;}
	.software-holder > div {		padding: 15px 0 50px;}
	
	.icon-box img {		margin-bottom: 15px;}
	.icon-box[data-number="1"] img {    height: 58px;}
	.icon-box[data-number="2"] img {    height: 68px;}
	.icon-box[data-number="7"] img {    height: 68px;    width: auto;    margin-left: 19px;}
	.icon-box[data-number="6"] img {    height: 63px;    width: auto;  }
	.software-business-version-box img {height:95px;margin-left: 35px;margin-top:0}
	.software-business-version-branches .icon-box[data-number="5"] img {height:60px;width:auto;}
	.software-business-version-branches .icon-box[data-number="5"]:last-child img {height:63px;width:auto;}
	.delayed-release-box img {    height: 68px;}
	.software-community-version-box img {    height: 98px;    margin-top: 10px;    margin-left: 40px;}
	.return-box  img {height:68px}
	
	.icon-box {    transform: translate(0, 0)!important;    opacity: 1!important;}
	.arrow-down-left, .arrow-down-right {    width: 50px;    height: 50px;}
	.icon-arrows.disabled .arrow-down-left, .disabled .arrow-down, .icon-arrows.disabled .arrow-down-right {
    transform: scale(1);
}
	.icon-arrows {margin: 20px 0;display:none}
	.arrow-down {    width: 63px;		height: 63px;}
	
	.software-business-version-branches {
        position: relative;
        left: 0;
        top: 0;
        width: 210px;
        margin-left: calc(50% - 105px);
    }
	.software-business-version-branches .icon-box {margin-bottom:0}
	img.line-crossed, .active img.arrow-curve-1, .active img.arrow-curve-2 {display:none!important}	
	
	
	    .return-box {        position: relative;        right: 0;        top: 0;  margin-top:30px  }
		.responsive-arrow, .resp-line-break {display:block}
	.regular-line-break {display:none}
	.software-business-version-branches .icon-box {margin-top:30px;}
	.line-break-right, .line-break-left {opacity:1;width:70px;max-width:100%;    max-width: none!important;}
	.line-break-right {right:calc(50% - 140px)!important}
	.line-break-left {left:calc(50% - 140px)!important}
	
	.medium-content.standaard-content ul li:before {
        top: 14px;
}
	.pakket-box {margin-bottom:30px;}
	.pakket-box h3 {font-size:20px;}
	.pakket-img:before {
     border-left: 30px solid transparent;
    border-right: 0px solid transparent;
		border-bottom: 30px solid #D8D9D9}
	.pakket-img:after {
    border-left: 31px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 31px solid #fff;
}
		
    .return-box:after {
        content: "";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(assets/images/arrows/resp-group-1.svg);
        background-position: center center;
        height: 612px;
        width: 73px;
        bottom: 71px;
        right: calc(50% - 140px);
    }
	
   .software-business-version-box:after {
        content: "";
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(assets/images/arrows/resp-group-2.svg);
        background-position: center center;
        height: 320px;
        width: 73px;
        top: 50px;
        left: calc(50% - 140px);
    }
	    .arrow-down-left, .arrow-down-right {
        width: 45px;
        height: 45px;
    }
	
	.software-group-2 .icon-box[data-number="2"] {    width: 90px;    margin-left: calc(50% - 120px);    margin-left: 50px;}
	    .software-group-2 .icon-box[data-number="2"]:nth-child(1) {        margin-left: calc(50% - 120px);    }
	
	.form-clearing {height:30px;}
	.submit-holder {margin-top:15px;}
	
	
	.reseller-box-list, .reseller-box-image, .reseller-content {    padding: 0 25px;}
	.reseller-box-label > div, .partner-box-label > div {    min-height: 40px;    font-size: 15px;    padding: 12px 25px 15px 50px;}
	.reseller-box-label, .partner-box-label {min-height:40px}
	.reseller-box-list ul, .reseller-box-image > div {padding:20px 0}
	.reseller-content {padding-top:20px;padding-bottom:25px;}
	.reseller-content h3, .reseller-content li a {font-size:22px;}
	.reseller-filter, .reseller-filter form {width:100%;        flex-wrap: wrap;
        gap: 0;}
	.reseller-filter form > div {width:50%;margin-bottom:10px;}
	.reseller-filter form > .select-holder:first-child {padding-right:10px;}
	.reseller-filter form > .select-holder:nth-child(2) {padding-left:10px;}
	.reseller-filter-btn {width:100%;text-align:right}
	.reseller-filter form > div.search-input-holder {    width: 100%;}
	
	.partner-box-padding {    padding: 0 25px;}
	.partner-box > div:first-child, .partner-box-img {    margin-bottom: 25px;}
	.partner-box-logo img {height:100px}
	.partner-box-logo {    margin: 10px 0 20px;}
	.partner-box-link {margin-bottom:25px;}
	.partner-box-link {font-size:18px}
	.partner-box-link > div {	padding-top: 20px;}
}

@media screen and (max-width:850px){
	.stat-box {width:100%;        margin-bottom: 44px;}
	.navigatie-subitems .menu {display:none}
	
}


@media screen and (max-width:767px){
	.column, .columns {padding-left:30px;padding-right:30px}
	header .column, header .columns, .navigatie-container .columns, .search-container .columns {padding-left:15px;padding-right:15px;}
	header .wrapper, .navigatie-container .wrapper, .search-container .wrapper {padding-left:15px;padding-right:15px;}
	
	
	
	.navigatie-toggles button {    font-size: 0;vertical-align:middle;margin-left:22px;}
	.navigatie-toggles button:first-child {margin-left:0;}
	.dictionary-btn span {margin-left:0;}
	.navigatie-toggles button {margin-right:0;padding:0;}
	.menu-btn .mobbtn {    position: relative;    display: inline-block;top:0;}
	.navigatie-toggles {		width: 120px;padding-left:0;}
	.navigatie-subitems {        width: calc(100% - 300px);    }
	.transparent-header .menu-btn .mobbtn span, .transparent-header .close-btn span {    background: #fff;	}
	.transparent-header.regular-header .menu-btn .mobbtn span, .transparent-header.regular-header .close-btn span {    background: #C03E14;	}

	.transparent-header .dictionary-btn span {		color: #fff;}
	.transparent-header.regular-header .dictionary-btn span {		color: #C03E14;}
	.transparent-header .menu-btn:hover .mobbtn span {    background: #C03E14;}
	.transparent-header.regular-header .menu-btn:hover .mobbtn span {    background: #373736;}
	
	.transparent-header.regular-header .home-logo-responsive {display:block}
	.transparent-header.regular-header .navigatie-logo a img:first-child {opacity:0}
	
	
	.navigatie-toggles button:hover span {color:#C03E14}
	
	.nav-column > a {font-size:20px;}
	.nav-column li a {font-size:16px;}
	.nav-column {width:100%;    margin-bottom:30px;    padding-left: 90px!important;position:relative;}
	.nav-number {position:absolute;left:30px;top:0;margin-bottom:0;}
	.navigatie-middle > div:first-child{padding:30px 0 0}
	.navigation-search {        padding-top: 30px;        padding-bottom: 90px;    }
	.footer-top-row:before, .footer-top-row:after, .title-box.columns:after {    left: 30px;		width: calc(100% - 60px);}
	.navigatie-top > div:after {    left: 15px;		width: calc(100% - 30px);}
	.navigatie-middle {height:auto}
	
	.footer-top-row {padding:60px 0}
	.footer-bottom-row {padding-top:30px;}
	.footer-widget:first-child {position:relative;padding-bottom:60px;margin-bottom:60px;}
	.footer-widget:first-child:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 30px;		width: calc(100% - 60px);
    height: 1px;
    background: #D8D9D9;
}
	.footer-bottom-row > div {margin-bottom:30px;}
	.footer-bottom-row > div:last-child {margin-bottom:0;margin-top:15px;text-align:left}
	.banner-scroll {display:none}
	
	.content-scroller-container .pagina-title-box h1, .content-scroller-container .pagina-title-box h2, .pagina-title-box h1, .pagina-title-box h2 {    font-size: 56px;}
	.single-post .pagina-title-box h1, .search-title h3, .single-hardware .pagina-title-box h1, .pagina-title-box.small-title-box h1 {    font-size: 42px;}
	.title-box h2 {font-size:24px}
	
	

	.content-row:first-child:before {display:none}
	
	.back-btn, .next-btn {		font-size: 16px;}
	
	.ajax-filters .webshop-link {width:100%;text-align:left;margin-bottom:45px;margin-top:-30px}
	.filter-select {display:inline-block}
	#ajax-filter .btn-list, .filter-btns ul {display:none}
	.filter-btns {margin-bottom:0;}
	.filter-btns .filter-select {display:block}
	.filter-btns .filter-select select {padding-left:20px!important}
	.hardware-box {width:50%;padding-left:15px;padding-right:15px;}
	.hardware-archief {padding-left:15px;padding-right:15px;}
	
	.media-box:after, .software-holder > div:after, .grid-media-box .media-box:after {    border-left: 45px solid transparent;    border-right: 0px solid transparent;    border-bottom: 45px solid #fff;}
	.media-box.shapeleft-media:after, .grid-media-box .media-box.shapeleft-media:after {border-right: 45px solid transparent;  border-left: 0px solid transparent;  border-bottom: 45px solid #fff;}
	
	.galerij-pagination {margin-top:-10px;}
	.pagination .pagination-prev, .pagination a.pagination-prev, .pagination .pagination-next, .pagination a.pagination-next, .galerij-arrow {
    width: 30px;    height: 30px;		padding-top: 9px;font-size: 10px;}
	.galerij-counter {font-size:16px;}
	.slide-number-holder {line-height:1;}
	.hardware-media-row .galerij-counter {
    width: 50px;
}
	
	.team-holder, .team-box {padding-left:15px;padding-right:15px;}
	
	p.contact-header {margin-bottom:10px;}
	.contact-info-hold, .contact-info-hold a {font-size:20px}
	.contact-info-hold > div:nth-child(odd):after {    left: 30px;}
	.contact-info-hold > div:after {    width: calc(100% - 30px);}
	
	.content-row:first-child .pagina-image {display:none}
	.number-content h3, .number {		font-size: 20px;}
	.number-content h3 {margin-bottom:15px;}
	.number {    width: 45px;	}
	.number-content {    width: calc(100% - 45px);}
	
	.software-holder {padding-left:15px;padding-right:15px;}
	
	    .hardware-image-holder .wrapper {
        max-width: 100%;
        width:100%;
        margin-left: 0%;
    }
	
	.scroll-up {top:60px;right:30px}
	.btn-list li {margin-bottom:20px!important;}
	.btn-list {margin-bottom:-20px!important}
	
	.clicker-holder {margin-bottom:25px;}
	
    .clicker-icon {
        width: 36px;
        height: 36px;
        top: calc(50% - 18px);
    }
	.clicker-name{padding-left:50px;}
	.clicker-icon:after {top:8px}
	.content-row-404 .large-content {    font-size: 18px;}
	.content-row-404 .pagina-title-box {
    margin-bottom: 20px;
}
	
	.form-holder .columns, .form-holder {padding-left:15px;padding-right:15px;}
	.form-holder .title-box.columns:after {
    width: calc(100% - 30px);
    left: 15px;
}
	.wpcf7 form .wpcf7-response-output {width:calc(100% - 30px);margin-left:15px;}
	input[type="text"], input[type="tel"], input[type="email"], input[type="search"], select {height:40px;}
	.select-holder .icon-chevron-right {top:18px;}
	
	
	    .reseller-box-label, .partner-box-label {        min-height: 0;    }
	.related-container .blog-box-regular {width:100%}
	.blog-archive .blog-box, .blog-double {width:100%}
	
}

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

	
	.pagina-scroll-arrow {display:none}
	    .content-scroller-container {
        margin-top: 95px;
    }
	.news-other {padding-top:16px;}
	.news-day {font-size:57px}
	.boxed-media {padding:20px;}
	.quote-desc {
    margin-top: 0;
    width: 100%;
    padding-left: 0;
    font-style: italic;
}
	
	.hardware-image-holder > img, .hardware-image-holder > picture img {
        width: 700px;
        min-width: 0;
        right: 0;
        left: auto;
        top: 0;
        transform: none;
        width: 100%;
        max-width: 500px;
        position: relative;
        display: block;
        margin: 0 auto;
    }
	 .hardware-image-holder .wrapper {
        margin-top:15px;
    }
	
	.navigatie-subitems {display:none}
	.navigatie-toggles {float:right;padding-left:0!important}
	
	.search-container .navigatie-toggles{display:none}
	.search-container .navigatie-subitems {display:block}
	.navigatie-subitems .header-search {padding-right:0;font-size:0;}
.search-container 	.navigatie-toggles, .navigatie-subitems {
        margin-top: 0;
    }
	
	.navigatie-subitems {
        margin-top: 6px;
    }
	
	.navigatie-subitems .header-search .close-btn {
    position: relative;
    display: block;
    top: 0;
}
	 .search-container   .navigatie-subitems {
        width: 70px;
        float: right;
        text-align: right;
        padding-left: 0;
    }
	
	    .navigatie-logo {        width: 155px;padding-right:0!important;    }
	.navigatie-toggles {width:100px}
	
	.blog-box-liggend .blog-box-media, .blog-box-liggend .blog-box-content {width:100%}
	.blog-box-media, .blog-box-liggend .blog-box-media img, .blog-box-regular .blog-box-media img {height:150px;    min-height: 150px;}
	.blog-group:nth-child(3) .blog-box-liggend .blog-box-media, .blog-double .blog-box-liggend:nth-child(2) .blog-box-media {order:0}
	.blog-box-regular .blog-box-content {    height: auto;}
	.blog-box .video-link:before {    width: 46px;    height: 46px;    left: calc(50% - 23px);    top: calc(50% - 23px);}
	
}

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

	.contact-info-hold > div, .hardware-box, .team-box {width:100%}
	.team-inner {    margin-left: 0;max-width:100%}
	.contact-info-hold > div:after {    left: 30px!important;}
	.contact-info-hold > div:after {    width: calc(100% - 60px);}
	.pakket-box {width:100%}
	.standaard-content ul.half-list {width:100%;max-width:100%}
	
	.form-half {width:100%}
	
	.reseller-filter form > div {width:100%!important;padding:0!important;margin-bottom:5px}
	
	
}
@media screen and (max-width:450px){
	.content-scroller-container .pagina-title-box h1, .content-scroller-container .pagina-title-box h2, .pagina-title-box h1, .pagina-title-box h2 {    font-size: 37px;}
	.single-post .pagina-title-box h1, .search-title h3, .single-hardware .pagina-title-box h1, .pagina-title-box.small-title-box h1 {    font-size: 35px;}
	.slide-number {font-size:20px;margin-bottom:5px;display:block}
	
	.post-navigation  .back-btn, .post-navigation .next-btn {
        font-size: 0;display:inline-block;padding:0;
    }
	.post-navigation .next-btn span, .post-navigation .back-btn span {
    left: auto;
    right: auto;
    position: relative;
    display: inline-block;
    top: auto;
}
}




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


.scroll-content {height:100%}
.scrollbox-wrapper {
    position: relative;
    /* max-width: 620px; */
    display: block;
    float: left;
}
.pagina-scroller-holder .scrollbox-bar {
    background: #5e5e5e;
}

/*!
 * Scrollbox v4.0.0
 * (c) 2013-2017, Max Invis1ble
 * Licensed under MIT (https://opensource.org/licenses/mit-license.php)
 */
.scrollbox-wrapper {
  position: relative;
}
.scrollbox-wrapper .scrollbox-overflowed {
  overflow: hidden;
}
.scrollbox-wrapper > :first-child {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: scroll-position;
}
.scrollbox-rail,
.scrollbox-bar {
  display: none;
  position: absolute;
  z-index: 10;
}
.scrollbox-horizontal-rail,
.scrollbox-horizontal-bar {
  bottom: 0;
  left: 0;
}
.scrollbox-vertical-rail,
.scrollbox-vertical-bar {
  top: 0;
  right: 0;
}
.scrollbox-rail-in,
.scrollbox-bar-in {
  display: block;
}
.scrollbox-horizontal-bar {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: left;
}
.scrollbox-vertical-bar {
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: top;
}
.scrollbox-rail {
  background-color: #000;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=3)";
  filter: alpha(opacity=3);
  -moz-opacity: 0.03;
  -khtml-opacity: 0.03;
  opacity: 0.03;
}
.scrollbox-bar {
  background-color: #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.scrollbox-bar:hover {
  background-color: #999999;
}
.scrollbox-bar.scrollbox-bar-captured {
  background-color: #666666;
}
.scrollbox-horizontal-rail {
  height: 7px;
}
.scrollbox-vertical-rail {
  width: 7px;
}
.scrollbox-horizontal-bar {
  min-width: 20px;
  height: 7px;
}
.scrollbox-vertical-bar {
  min-height: 20px;
  width: 7px;
}