/*************************************************************************
  Basic flex module settings
*************************************************************************/

/**************************************
  Global variable module settings
**************************************/




 



/**************************************
  Colors
**************************************/


 









/**************************************
  Responsive queries variable   
**************************************/














/******************************************************************************
Macros
*******************************************************************************/



 

 

 

 

 







/*********************************
  Column layout
*/
.column-layout {
    display: flex;
}

.column-layout > div > * {
  padding: 1em 3em;
  text-align: justify;
}

.column-layout ul {
  list-style-position: inside;
  list-style: none;
}

.column-layout ul li::before {
  content: "● ";
  color: #ff5050;
  padding-right: 4px;
}

@media (max-width: 768px ){
.column-layout {
    flex-direction: column;
}
}



/*************************************************************************
  Default secion settings 
*************************************************************************/

section .txt-large, section .txt-large p{font-size:25px; line-height:30px;}


section.spacing-xlarge{padding:200px 0;}
section.spacing-large{padding:150px 0;}
section.spacing-default{padding:100px 0;}
section.spacing-small{padding:50px 0;}
section.spacing-none{padding:0;}
section.spacing-top{padding:100px 0 0px 0;}
section.spacing-bottom{padding:0px 0 100px 0;}
section.spacing-small-top{padding:50px 0 0px 0;}
section.spacing-small-bottom{padding:0px 0 50px 0;}
section.spacing-footer{padding:100px 0 230px 0;}

@media (max-width: 768px ){
section.spacing-xlarge{padding:100px 0;}
section.spacing-large{padding:75px 0;}
section.spacing-default{padding:50px 0;}
section.spacing-small{padding:25px 0;}
section.spacing-none{padding:0;}
section.spacing-top{padding:50px 0 0px 0;}
section.spacing-bottom{padding:0px 0 50px 0;}
section.spacing-small-top{padding:25px 0 0px 0;}
section.spacing-small-bottom{padding:0px 0 25px 0;}
section.spacing-footer{padding:50px 0 230px 0;}
section.animatedBanner{background-position: 70% center !important;}
  
  
}

section.vertical-top .inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
section.vertical-middle .inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
section.vertical-bottom .inner{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: end;-moz-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}

section.txt-color-white{color:#fff;}
section.txt-color-white h2:after{background-color:currentColor;}

@media (max-width: 992px ){
  section.vertical-top .inner,
  section.vertical-middle .inner,
  section.vertical-bottom .inner{display:block;}
}

section.content_media .inner .block.left{-webkit-order: 1;-ms-flex-order: 1;order: 1;}
section.content_media .inner .block.right{-webkit-order: 2;-ms-flex-order: 2;order: 2;}

section.media_content .inner .block.left{-webkit-order: 2;-ms-flex-order: 2;order: 2;}
section.media_content .inner .block.right{-webkit-order: 1;-ms-flex-order: 1;order: 1;}

@media (max-width: 992px ){
  section.content_media .inner .block.left,
  section.media_content .inner .block.left{-webkit-order: 1;-ms-flex-order: 1;order: 1;}
  section.content_media .inner .block.right,
  section.media_content .inner .block.right{-webkit-order: 2;-ms-flex-order: 2;order: 2;}
}


 .bg-color-white{background-color:#fff;}
 .bg-color-lightblue{background-color: #91D2D7;}
 .bg-color-gray{background-color:#444444; color:white;}
.bg-color-lightgrey{background-color:#fafafa;}
 .bg-color-darkblue{background-size:cover;background-color:#1e5a64; color:white;}
 .bg-color-darkblue h2:after{background-color:#fff;}
 .bg-color-black{background-color:#000;}
 .bg-color-red{background-color:#ff5050;}
 .bg-color-redlight{background-color:#ff505147;}
 .bg-color-fadeblue{background-color: rgba(145, 210, 215, 0.15);}
 .bg-color-fadedark{background-color: #3c7780;}
 .banning-blue{background-color: #6bc0b7;}
 .banning-fade{background-color: #e4f3f2;}
  


.img-wrapper .placeholder{width:100%; height:0; padding-bottom:100%; background:#d9d9d9; position:relative;overflow:hidden;}
.img-wrapper .placeholder:before{content:''; display:inline-block; width:40%; height:0; padding-bottom:40%; background:#fff; border-radius:100%; position:absolute; top:20%; left:30%;}
.img-wrapper .placeholder:after{content:''; display:inline-block; width:70%; height:0; padding-bottom:90%; background:#fff; border-radius:100%; position:absolute; top:55%; left:15%;}



/*************************************************************************
  Section modules
*************************************************************************/

/*********************************
	Section - Home header
*/
.section-home-header {padding: 245px 0px 130px 0px; padding:245px 0px 210px 0px; color:#fff;background-size:cover; background-position:center center;}
.section-home-header .hs-btn:nth-child(2) { margin-left:15px; }
.section-home-header .container .inner_wrapper{ position: relative; z-index: 10;}
.section-home-header{position:relative;}
.section-home-header .overlay{z-index:1;position:absolute; right:0px; top:0px; left:0px; bottom:0px;
    background: rgba(248,80,50,0);
    background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(8%, rgba(215,70,43,0)), color-stop(61%, rgba(0,0,0,0.58)), color-stop(85%, rgba(0,0,0,0.84)), color-stop(95%, rgba(0,0,0,0.95)), color-stop(100%, rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); 
}
.section-home-header .inner{position: relative; z-index: 10;}

@media (max-width: 768px) {
  .section-home-header {padding: 150px 0px 100px 0px;}

}

@media (max-width: 480px) {
.section-home-header .hs-btn:nth-child(2) { margin-left:3px;}
}

/*********************************
	Section - content pagina header         */

.section-content-header .hs-btn:nth-child(2) {margin-left:15px; }
.section-content-header{position:relative;}
.section-content-header .container .inner_wrapper{ position: relative; z-index: 10;}
.section-content-header .overlay{position:absolute;right:0px;top:0px;left:0px;bottom:0px; background: rgba(248,80,50,0);background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(8%, rgba(215,70,43,0)), color-stop(61%, rgba(0,0,0,0.58)), color-stop(85%, rgba(0,0,0,0.84)), color-stop(95%, rgba(0,0,0,0.95)), color-stop(100%, rgba(0,0,0,1)));background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); }
.section-content-header p {font-size: 26px; line-height: 35px;}
.section-content-header {padding:245px 0px 165px 0px;color:#fff;background-size:cover; position:relative;background-position: center center;}


@media (max-width: 768px) {
.section-content-header {padding: 150px 0px 115px 0px !important;}
.section-content-header p{font-size:16px; line-height:16px;}
}

@media (max-width: 480px) {
.section-content-header .hs-btn:nth-child(2) { margin-left:3px; }
}

/*********************************
	Section - landingspagina header         */

.section-content-header-LP .hs-btn:nth-child(2) {margin-left:15px; }
.section-content-header-LP{position:relative;}
.section-content-header-LP .container .inner_wrapper{ position: relative; z-index: 10;}
.section-content-header-LP .overlay{position:absolute;right:0px;top:0px;left:0px;bottom:0px; background: rgba(248,80,50,0);background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(8%, rgba(215,70,43,0)), color-stop(61%, rgba(0,0,0,0.58)), color-stop(85%, rgba(0,0,0,0.84)), color-stop(95%, rgba(0,0,0,0.95)), color-stop(100%, rgba(0,0,0,1)));background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); }
.section-content-header-LP p {font-size: 26px; line-height: 35px;}
.section-content-header-LP {padding:135px 0px 55px 0px;color:#fff;background-size:cover; position:relative;background-position: center center;}

@media (max-width: 768px) {
.section-content-header-LP {padding: 80px 0px 40px 0px !important;}
.section-content-header-LP p{font-size:16px; line-height:16px; padding-right: 200px;}
}

@media (max-width: 480px) {
.section-content-header-LP .hs-btn:nth-child(2) { margin-left:3px; }
.section-content-header-LP p{ padding-right: 0px!important;}}




.hs-blog-listing .overlay{position:absolute;right:0px;top:0px;left:0px;bottom:0px; background: rgba(248,80,50,0);background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(8%, rgba(215,70,43,0)), color-stop(61%, rgba(0,0,0,0.58)), color-stop(85%, rgba(0,0,0,0.84)), color-stop(95%, rgba(0,0,0,0.95)), color-stop(100%, rgba(0,0,0,1)));background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); }

/*********************************
	Section - Header default
*/
section.header-default{position:relative; color:#fff;    background-size: cover;} 
section.header-default h1:after{content: '';display: block;margin: 20px 0 0 -120px;width: 120px;height: 2px;background: #938d4c;}
section.header-default:after{content:''; position:absolute; top:40px; right:0; bottom:-40px; left:50%; background:#305982; z-index: 1;}
section.header-default .inner{position:relative;width:50%; margin:0 0 0 auto; padding: 130px 0 10px 60px; z-index:2;}

section.header-default .inner .location-icon{width:40px; vertical-align:top;}
section.header-default .inner .location-wrapper{display:block;margin:10px 0px; }
section.header-default .inner .location-text{display:inline-block;margin-left: 14px;width: calc(100% - 60px);}

body.home section.header-default .inner {padding: 180px 0 180px 60px;}
body.home section.header-default:after {top: 120px; bottom: 120px;}

@media (max-width: 1200px) {
  section.header-default .inner {width:calc(50% + 200px);}
  section.header-default:after{left:calc(50% - 200px);}
}

@media (max-width: 768px) {
  section.header-default .inner {width:100%;padding: 25px 0 10px 20px;}
  section.header-default:after{left:0px;top:0px;}
  section.header-default h1:after{margin:20px 0 0 0}
}

/*********************************
	Section - Text and media 2020
*/
section.section-text-media {position:relative;background-size: cover; background-repeat: no-repeat; }
section.section-text-media h2{color:#1e5a64;}
section.section-text-media .inner{margin:0 auto; position:relative;}
section.section-text-media .inner.full{display:block;}
section.section-text-media .inner .block{width:48%;}
section.section-text-media .inner .block:after{content:'';display:table;clear:both;}
section.section-text-media .inner .block.right{text-align:center;}
section.section-text-media .inner .block.right img{max-width:100%;}
section.section-text-media .overlay{position:absolute; top:-20%;right:0; bottom:0; left:0; z-index:0;}


@media (max-width: 992px ){
  section.section-text-media .inner .block{ width:100%; }
  section.section-text-media .inner .block.right{margin-top:20px;}
}

@media (max-width: 768px ){
  section.section-text-media p {text-align:center;}
  section.section-text-media h2{text-align:center;}
}


/*********************************
	Section - Text and media 2020 table
*/
section.section-text-media-table {position:relative;background-size: cover; background-repeat: no-repeat; }
section.section-text-media-table h2{color:#1e5a64;}
section.section-text-media-table .inner{margin:0 auto; position:relative;}
section.section-text-media-table .inner.full{display:block;}
section.section-text-media-table .inner .block{width:48%;}
section.section-text-media-table .inner .block:after{content:'';display:table;clear:both;}
section.section-text-media-table .inner .block.right{text-align:center;}
section.section-text-media-table .inner .block.right img{max-width:100%;}
section.section-text-media-table .overlay{position:absolute; top:-20%;right:0; bottom:0; left:0; z-index:0;}


@media (max-width: 992px ){
  section.section-text-media-table .inner .block{ width:100%; }
  section.section-text-media-table .inner .block.right{margin-top:20px;}
}

@media (max-width: 768px ){
  section.section-text-media-table p {text-align:center;}
  section.section-text-media-table h2{text-align:center;}
}
/* 
 .section-text-media-table table, table td{border:1px solid #000;padding:10px;}
 .section-text-media-table table, table td p{font-size: 12px;}
 .section-text-media-table table tr:nth-child(odd){background-color:#fff;border: 1px solid #000;}
 .section-text-media-table table tr:first-child{background-color:#fff; border: 1px solid #000; font-size: 14px; font-weight:600;height:60px;} */

 .section-text-media-table table, table td{padding:10px;}
 .section-text-media-table table, table td p{font-size: 14px;}
 .section-text-media-table table tr:nth-child(odd){background-color:#fff;}
 .section-text-media-table table tr:first-child{background-color:#fff; font-size: 14px; font-weight:600;height:60px;}



@media (max-width: 768px) {
  
 .section-text-media-table table, table td p{font-size: 10px;}
 .section-text-media-table table tr:first-child{ padding:2px; font-size: 12px; height:40px;}
  }


/*********************************
	Section - Text and media 2020 pricing
*/
section.section-text-media-pricing {position:relative;background-size: cover; background-repeat: no-repeat; }
section.section-text-media-pricing h2{color:#1e5a64;}
section.section-text-media-pricing .inner{margin:0 auto; position:relative;}
section.section-text-media-pricing .inner.full{display:block;}
section.section-text-media-pricing .inner .block{width:48%;}
section.section-text-media-pricing .inner .block:after{content:'';display:table;clear:both;}
section.section-text-media-pricing .inner .block.right{text-align:center;}
section.section-text-media-pricing .inner .block.right img{max-width:100%;}
section.section-text-media-pricing .overlay{position:absolute; top:-20%;right:0; bottom:0; left:0; z-index:0;}


@media (max-width: 992px ){
  section.section-text-media-pricing .inner .block{ width:100%; }
  section.section-text-media-pricing .inner .block.right{margin-top:20px;}
}

@media (max-width: 768px ){
  section.section-text-media-pricing p {text-align:center;}
  section.section-text-media-pricing h2{text-align:center;}
}

 .section-text-media-pricing table, table td p{margin:0 0 0px 0; font-size: 14px !important;}
 .section-text-media-pricing table tr:nth-child(odd){background-color:'fadeblue'}


@media (max-width: 768px) {
  
 .section-text-media-pricing table, table td p{font-size: 10px;}
 .section-text-media-pricing table tr:first-child{ padding:2px; font-size: 12px; height:40px;}
 .section-text-media-pricing table tr:nth-child(odd){ padding:2px; font-size: 12px; height:40px;}
  }





/*********************************
	Section - Text centered 2020
*/
section.section-centered {position:relative;background-size: cover; background-repeat: no-repeat; }
section.section-centered h2{color:#1e5a64;}
section.section-centered .inner{margin:0 auto; position:relative;}
section.section-centered .inner.full{display:block; max-width:700px;}
section.section-centered .inner .block{width:48%;}
section.section-centered .inner .block:after{content:'';display:table;clear:both;}
section.section-centered .inner .block.right{text-align:center;}
section.section-centered .inner .block.right img{max-width:100%;}
section.section-centered .overlay{position:absolute; top:-20%;right:0; bottom:0; left:0; z-index:0;}


@media (max-width: 992px ){
  section.section-centered .inner .block{ width:100%; }
  section.section-centered .inner .block.right{margin-top:20px;}
}

@media (max-width: 768px ){
  section.section-centered p {text-align:center;}
  section.section-centered h2{text-align:center;}
}
 



/*  */
/*********************************
	Section - Text and Video
*/
.flex-module2020 section.section-text-video .inner{margin:0 auto;}
.flex-module2020 section.section-text-video .inner .block{width:48%;}
.flex-module2020 section.section-text-video .inner .block:after{content:'';display:table;clear:both;}
.flex-module2020 section.section-text-video .inner .block.right{text-align:center;}
.flex-module2020 section.section-text-video .insection.section-content-headerner .block.right img{ max-width:100%;}
.flex-module2020 section.section-text-video .inner .plyr--stopped.plyr__poster-enabled .plyr__poster{background-size:cover;}

@media (max-width: 992px ){
  .flex-module2020 section.section-text-video .inner .block{ width:100%; }
  .flex-module2020 section.section-text-video .inner .block.right{margin-top:20px;}
}




/*********************************
	Section - VPS pakketten
*/
.section-packages .inner .left{width:300px; display:inline-block;}
.section-packages .inner .right{width:calc(100% - 310px); display:inline-block;vertical-align:top;padding-left: 40px;} 

.section-packages .inner .wrapper .head-wrap .head{display:none;}
.section-packages .inner .wrapper .items{display:inline-block; vertical-align:middle;}
.section-packages .inner .wrapper .items.product {width:25%;vertical-align:top;font-size:20px; color:#1e5a64 ;font-weight:600;}
.section-packages .inner .wrapper .items.memory {width:40%;font-size: 16px;}
.section-packages .inner .wrapper .items.memory span{width:115px; display:inline-block; font-weight:600;margin-left: 25px;}
.section-packages .inner .wrapper .items.price {position:relative;width:34%;}
.section-packages .inner .wrapper .items.price > span{font-size: 30px;font-weight: 600;display:inline-block;}
.section-packages .inner .wrapper .items.price > span > span{font-size: 16px;display: block;font-weight: 300;line-height:20px;}
.section-packages .inner .wrapper .items.price .btn-wrapper {text-align: right;display: inline-block;vertical-align: top;position: absolute; right: 0;}
.section-packages .inner .wrapper .body-wrap {margin: 20px 0px 20px 0px;padding-bottom: 20px; border-bottom: 2px solid #1e5a64;}
.section-packages .inner .wrapper .items.product .product-name{ color:#fff; display: inline-block; width: calc(100% - 60px); padding-left: 10px;line-height: 24px;}
.section-packages .inner .wrapper .items.product .product-img{width:44px;vertical-align: top;}

.section-packages .mem{position:relative;}
.section-packages .mem:before{content:''; top:4px; width:16px; height:16px; background-size:cover;  display:block; position:absolute;left:0px; background-image: url("https://6364181.fs1.hubspotusercontent-na1.net/hubfs/6364181/memory.svg");}
.section-packages .cpu{position:relative;}
.section-packages .cpu:before{content:''; top:4px; width:16px; height:16px; background-size:cover;  display:block; position:absolute;left:0px; background-image: url("https://6364181.fs1.hubspotusercontent-na1.net/hubfs/6364181/CPU.svg")}
.section-packages .str{position:relative;}
.section-packages .str:before{content:''; top:4px; width:16px; height:16px; background-size:cover;  display:block; position:absolute;left:0px; background-image: url("https://6364181.fs1.hubspotusercontent-na1.net/hubfs/6364181/storage.svg")}
.section-packages .hdd{position:relative;}
.section-packages .hdd:before{content:''; top:4px; width:16px; height:16px; background-size:cover;  display:block; position:absolute;left:0px; background-image: url("https://6364181.fs1.hubspotusercontent-na1.net/hubfs/6364181/memory.svg")}

  .section-packages .inner .left{width:100%;}
  .section-packages .inner .right{width:100%; padding-left:0px;}
  .section-packages .inner .wrapper .items.product{width:100%;}
  .section-packages .inner .wrapper .items.memory{width:50%;margin-top:15px;}
  .section-packages .inner .wrapper .items.price{width:40%; margin-top:15px;}
  .section-packages .inner .wrapper .items.product .product-img{vertical-align:middle;}


@media (max-width: 600px ){
  .section-packages .inner .wrapper .items.memory{width:100%;margin-top:15px;}
  .section-packages .inner .wrapper .items.price{width:100%; margin-top:15px;}
}

/*********************************
	Section - USP small
*/
.section-usp-small .wrapper{margin: 0px -5px; padding-top: 30px;display: -moz-readcox;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center; -moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch; align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usp-small .wrapper .item{ width:calc(100% / 4 - 10px); text-align:center;margin:5px;padding:20px;}
.section-usp-small .wrapper .item .usp-img{display:block;margin: 20px auto;height:75px;margin-bottom:20px;}
section.section-usp-small h2{color:#1e5a64;}
section.section-usp-small h3{color: #fff;}

@media (max-width: 1200px ){
.section-usp-small .wrapper .item{width:calc(100% / 2 - 10px);}
}
  
/*********************************

	Section - USP small 2022 light
*/
.section-usp-small-2022 .wrapper{margin: 0px -5px; padding-top: 30px;display: -moz-readcox;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center; -moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch; align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usp-small-2022 .wrapper .item{ width:calc(100% / 4 - 10px); text-align:center;margin:5px;padding:20px;}
.section-usp-small-2022 .wrapper .item .usp-img{display:block;margin: 20px auto;height:75px;margin-bottom:20px;}
section.section-usp-small-2022 h2{color:#1e5a64;}
section.section-usp-small-2022 h3{color: #91d2d7;}

@media (max-width: 1200px ){
.section-usp-small-2022 .wrapper .item{width:calc(100% / 2 - 10px);}
}
  
/*********************************

	Section - USP BF21
*/
.section-usp-bf21 .wrapper{margin: 0px -5px; padding-top: 30px;display: -moz-readcox;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center; -moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch; align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usp-bf21 .wrapper .item{ width:calc(100% / 4 - 10px); text-align:center;margin:5px;padding:20px;}
.section-usp-bf21 .wrapper .item .usp-img{display:block;margin: 20px auto;height:75px;margin-bottom:20px;}
section.section-usp-bf21 h2{color: #666666;}
section.section-usp-bf21 h3{color: #000;}

@media (max-width: 1200px ){
.section-usp-bf21 .wrapper .item{width:calc(100% / 2 - 10px);}
}  
  
/*********************************
	Section - Add On overview
*/
.section-overview_2021 .wrapper{margin: 0px -5px; padding-top: 30px;display: -moz-readcox;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center; -moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch; align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-overview_2021 .wrapper .item{ width:calc(100% / 4 - 10px); text-align:center;margin:5px;padding:20px;}
.section-overview_2021 .wrapper .item .usp-img{display:block;margin: 20px auto;height:75px;margin-bottom:20px;}
section.section-overview_2021 h2{color: #666666;}
section.section-overview_2021 h3{color: #1e5a64;}
section.section-overview_2021 a img.usp-img:hover {
    transform: scale(1.1);
}

@media (max-width: 1200px ){
.section-overview_2021 .wrapper .item{width:calc(100% / 2 - 10px);}
} 


/*********************************
	Section - Product overview
*/
.section-product-overview_2022 .wrapper{margin: 0px -5px; padding-top: 30px;display: -moz-readcox;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center; -moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch; align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-product-overview_2022 .wrapper .item{ width:calc(100% / 4 - 10px); text-align:center;margin:5px;padding:20px;}
.section-product-overview_2022 .wrapper .item .usp-img{display:block;height:220px;}
section.section-product-overview_2022 h2{color: #666666;}
section.section-product-overview_2022 h3{color: #1e5a64;}
section.section-product-overview_2022 a img.usp-img:hover {
    transform: scale(1.1);
}

@media (max-width: 1200px ){
.section-product-overview_2022 .wrapper .item{width:calc(100% / 2 - 10px);}
} 
  
/*********************************
	Section - USP home 2020
*/
.section-usp-home .wrapper{margin: 0px 0px;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch; -ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usp-home .wrapper .item{width:100%; text-align:center;margin:5px;padding:20px;}
.section-usp-home .wrapper.row-4 .item{width:calc(100% / 4 - 10px);}
.section-usp-home .wrapper.row-3 .item{width:calc(100% / 3 - 10px);}
.section-usp-home .wrapper .item .usp-img{ display:block;margin: 20px auto;width:100px;}
.section-usp-home h5 { font-weight: 900;margin:5px 0; color:#fff; font-size: 17px;}
.section-usp-home p { color:#1e5a64}

@media (max-width: 1200px ){
  .section-usp-home .wrapper.row-4 .item,
  .section-usp-home .wrapper.row-3 .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 768px ){
  .section-usp-home .wrapper{margin-bottom: 70px;}
}  
@media (max-width: 480px ){
  .section-usp-home .wrapper.row-4 .item,
  .section-usp-home .wrapper.row-3 .item{padding:0 20px; width:100%;}
}

/*********************************
	Section - USP home 2023 Big Image
*/
.section-usp-home_bigimage .wrapper{margin: 0px 0px;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch; -ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usp-home_bigimage .wrapper .item{width:100%; text-align:center;margin:5px;padding:20px;}
.section-usp-home_bigimage .wrapper.row-4 .item{width:calc(100% / 4 - 10px);}
.section-usp-home_bigimage .wrapper.row-3 .item{width:calc(100% / 3 - 10px);}
.section-usp-home_bigimage .wrapper .item .usp-img{ display:block;margin: 20px auto;width:200px;}
.section-usp-home_bigimage h5 { font-weight: 900;margin:5px 0; color:#fff; font-size: 17px;}
.section-usp-home_bigimage p { color:#1e5a64}

@media (max-width: 1200px ){
  .section-usp-home_bigimage .wrapper.row-4 .item,
  .section-usp-home_bigimage .wrapper.row-3 .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 768px ){
  .section-usp-home_bigimage .wrapper{margin-bottom: 70px;}
}  
@media (max-width: 480px ){
  .section-usp-home_bigimage .wrapper.row-4 .item,
  .section-usp-home_bigimage .wrapper.row-3 .item{padding:0 20px; width:100%;}
}



/*********************************
	Section - USP home light with body text 
*/
.section-usp-home-light .wrapper{margin: 0px 0px;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch; -ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usp-home-light .wrapper .item{width:100%; text-align:center;margin:5px;padding:20px;}
.section-usp-home-light .wrapper.row-4 .item{width:calc(100% / 4 - 10px);}
.section-usp-home-light .wrapper.row-3 .item{width:calc(100% / 3 - 10px);}
.section-usp-home-light .wrapper .item .usp-img{ display:block;margin: 20px auto;width:100px;}
.section-usp-home-light h5 { font-weight: 900;margin:5px 0; color:#91d2d7; font-size: 18px;}
.section-usp-home-light p { color:#1e5a64}

@media (max-width: 1200px ){
  .section-usp-home-light .wrapper.row-4 .item,
  .section-usp-home-light .wrapper.row-3 .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 768px ){
  .section-usp-home-light .wrapper{margin-bottom: 70px;}
}  
@media (max-width: 480px ){
  .section-usp-home-light .wrapper.row-4 .item,
  .section-usp-home-light .wrapper.row-3 .item{padding:0 20px; width:100%;}
}

/*********************************
	Section - USP technology
*/
.section-usptechnology .wrapper{margin: 0px -5px;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch; -ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-usptechnology .wrapper .item{ width:calc(100% / 3 - 10px); text-align:center;margin:5px;padding:20px;}
.section-usptechnology .wrapper .item .usp-img{ display:block;margin: 20px auto; width:100px;}
.section-usptechnology h3 { font-weight: 600;margin: 20px 0px;}

@media (max-width: 1200px ){
  .section-usptechnology .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 480px ){
.section-usptechnology .wrapper .item{width:100%;}
}


/*********************************
	Section - Features list
*/
.section-features2020 .wrapper{margin: 0px -5px;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch; -ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-features2020 .wrapper .item{ width:calc(100% / 3 - 10px); text-align:left;margin:5px;padding:20px;}
.section-features2020 .wrapper .item .usp-img{ display:block;margin: 20px auto; width:100px;}
.section-features2020 h3 { font-weight: 600;margin: 20px 0px;}

@media (max-width: 1200px ){
  .section-features2020 .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 480px ){
.section-features2020 .wrapper .item{width:100%;}
}


/*********************************
	Section - USP dashboard
*/
.flex-module2020 section.section-usp-dashboard .container { max-width:970px; }
.flex-module2020 section.section-usp-dashboard .wrapper{ margin: 0px -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.flex-module2020 section.section-usp-dashboard .wrapper .item{width:calc(100% / 3 - 10px);  text-align:center; margin:5px; padding: 10px 40px;}
.flex-module2020 section.section-usp-dashboard .wrapper .item h3{font-weight:700; margin: 0 0 10px 0;}
.flex-module2020 section.section-usp-dashboard .wrapper .item .usp-img{display:block;margin: 20 auto;height:125px;margin-bottom:15px;}

.flex-module2020 section.section-usp-dashboard.bg-color-green p{color:#444;}
.flex-module2020 section.section-usp-dashboard.bg-color-green h2:after{background-color:#fff;}
.flex-module2020 section.section-usp-dashboard.bg-color-gray p{color:#444;}
.flex-module2020 section.section-usp-dashboard.bg-color-gray h2:after{background-color:#fff;}

@media (max-width: 1200px ){ 
  .flex-module2020 section.section-usp-dashboard .wrapper .item{padding:0px 20px;}
}
@media (max-width: 768px ){ 
.flex-module2020 section.section-usp-dashboard .wrapper .item{padding:0px 20px; width:calc(100% / 2 - 10px);}
}

@media (max-width: 480px ){ 
.flex-module2020 section.section-usp-dashboard .wrapper .item{padding:0px 20px; width:100%;}
}


/*********************************
	Section - Content slider
*/
.section-contentslider .owl-carousel .owl-item{font-size: 14px; padding: 0px 100px;text-align:center;width:1190px;}
.section-contentslider .owl-carousel .owl-item.active.center p{font-size: 35px; line-height:36px; color: #ffffff }
.section-contentslider .fullname{font-size: 18px; font-weight:600;margin-bottom: 25px;}
.section-contentslider .owl-carousel .owl-nav button.owl-next{right: -45px; top: 50%; margin-top: -3em; position:absolute;transform: rotate(180deg);padding:10px !important`@;}
.section-contentslider .owl-carousel .owl-nav button.owl-prev{ left: -45px;top: 50%;margin-top: -3em;  position:absolute; padding:10px !important;}
.section-contentslider .owl-carousel .owl-nav button.owl-prev img{height:30px;}
.section-contentslider .owl-carousel .owl-nav button.owl-next img{height:30px;}
.section-contentslider .owl-theme .owl-nav{ margin-top:0px !important;}
.section-contentslider .container{ position: relative;}
.section-contentslider .inner{font-size: 35px; margin:0 auto; width:calc(100% - 90px);}
.section-contentslider .owl-stage strong { font-size: 20px;}

@media (max-width: 768px ){ 
  .section-contentslider .owl-carousel .owl-item.active.center p {font-size: 18px; line-height: 18px;}
}

@media (max-width: 768px ){ 
  .owl-carousel.owl-drag .owl-item{padding:0px;}
}


/*********************************
	Section - Content slider BLACK FRIDAY 2021
*/
.section-contentslider_BF21 .owl-carousel .owl-item{font-size: 14px; padding: 0px 100px;text-align:center;width:1190px;}
.section-contentslider_BF21 .owl-carousel .owl-item.active.center p{font-size: 35px; line-height:36px; color: #ff5050 }
.section-contentslider_BF21 .owl-carousel .owl-item p {color: #ff5050; }
.section-contentslider_BF21 .fullname{font-size: 18px; font-weight:600;margin-bottom: 25px;}
.section-contentslider_BF21 .owl-carousel .owl-nav button.owl-next{right: -45px; top: 50%; margin-top: -3em; position:absolute;transform: rotate(180deg);padding:10px !important`@;}
.section-contentslider_BF21 .owl-carousel .owl-nav button.owl-prev{ left: -45px;top: 50%;margin-top: -3em;  position:absolute; padding:10px !important;}
.section-contentslider_BF21 .owl-carousel .owl-nav button.owl-prev img{height:30px;}
.section-contentslider_BF21 .owl-carousel .owl-nav button.owl-next img{height:30px;}
.section-contentslider_BF21 .owl-theme .owl-nav{ margin-top:0px !important;}
.section-contentslider_BF21 .container{ position: relative;}
.section-contentslider_BF21 .inner{font-size: 35px; margin:0 auto; width:calc(100% - 90px);}
.section-contentslider_BF21 .owl-stage strong { font-size: 20px;}

@media (max-width: 768px ){ 
  .section-contentslider_BF21 .owl-carousel .owl-item.active.center p {font-size: 18px; line-height: 18px;}
}

@media (max-width: 768px ){ 
  .owl-carousel.owl-drag .owl-item{padding:0px;}
}

/*********************************
	Section - CTA
*/
.section-cta .inner .left{width:calc(100% - 310px);display: inline-block;vertical-align:middle;padding-right:20px;}
.section-cta .inner .left p{margin:0px;}
.section-cta .inner .right{width:300px;display: inline-block; vertical-align:middle; text-align:right;}

@media (max-width: 1200px ){ 
  .section-cta .inner .left{width: calc(100% - 300px);} 
  .section-cta .inner .right{width:290px;}
}

@media (max-width: 768px ){ 
  .section-cta .inner .left{width: 100%;} 
  .section-cta .inner .right{text-align:left; margin-top:20px; width:100%;}  
}

/*********************************


/*********************************
	Section - Center text title
*/


.section-centertexttitle .inner {max-width:100%; margin:30px auto;padding:0px 100px; text-align:center}
.section-centertexttitle .inner p{color:#000;font-size:14}
.section-centertexttitle .inner h3{color:#fff}

@media (max-width: 768px ){ 
  .section-centertexttitle .inner{padding:0px 20px;} 
}

/*********************************

/*********************************
	Section - Home - breakout
*/

.section-breakout .inner {vertical-align:bottom; max-width:100%; margin:30px auto;padding:0px 100px; text-align:center}
.section-breakout img {margin-top: -30%}
.section-breakout .inner p{color: red;font-size:14}
.section-breakout .inner h3{color:#fff}

@media (max-width: 768px ){ 
  .section-breakout .inner{padding:0px 20px;} 
}
/*********************************


/*********************************
	Section - Home - about Tilaa
*/

.section-abouttilaa .inner {max-width:100%; margin:30px auto;padding:0px 100px; text-align:center}
.section-abouttilaa .inner p{color:#000;font-size:14}
.section-abouttilaa .inner h2{color:#1e5a64;}

@media (max-width: 768px ){ 
  .section-abouttilaa .inner{padding:0px 20px;} 
}


	Section -  Certificate
*/
.flex-module2020 section.section-certificate .wrapper{ margin: 0px -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.flex-module2020 section.section-certificate .wrapper .item{position:relative;width:calc(100% / 3 - 10px);  text-align:center; margin:5px; padding: 10px 40px 45px 40px;margin-bottom: 100px;}
.flex-module2020 section.section-certificate .wrapper .item h3{font-weight:700; margin: 0 0 20px 0;}
.flex-module2020 section.section-certificate .wrapper .item .usp-img{display:block;margin: 0 auto;height:125px;margin-bottom:15px;}
.flex-module2020 section.section-certificate .wrapper .btn-wrapper{position: absolute; bottom: 0px;margin: auto 0;right: 50%;transform: translateX(50%);width: 325px;}

.flex-module2020 section.section-certificate.bg-color-green p{color:#444;}
.flex-module2020 section.section-certificate.bg-color-green h2:after{background-color:#fff;}
.flex-module2020 section.section-certificate.bg-color-gray p{color:#444;}
.flex-module2020 section.section-certificate.bg-color-gray h2:after{background-color:#fff;}

@media (max-width: 1200px ){ 
  .flex-module2020 section.section-certificate .wrapper .item{padding:0px 20px;}
  .flex-module2020 section.section-certificate .wrapper .btn-wrapper{bottom:-40px;}
}
@media (max-width: 768px ){ 
.flex-module2020 section.section-certificate .wrapper .item{padding:0px 20px; width:calc(100% / 2 - 10px);}
}

@media (max-width: 480px ){ 
.flex-module2020 section.section-certificate .wrapper .item{padding:0px 20px; width:100%;}
}


/*********************************
	Section - Columns
*/

section.section-columns{}
section.section-columns .intro{max-width:740px; margin:0 auto 40px auto;}
.columns-list{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
.columns-list .column{display:block; margin:1% 0; padding:20px; text-align:center; box-shadow:0 0 0 2px #d9d9d9 inset; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-box-align: start;-moz-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.columns-list .column a{text-decoration:none;}
.columns-list .column .logo-wrapper:after{content:''; display:block; width: 100px; max-width:90%;height:2px; background: #938d4c ; margin:20px auto;}
.columns-list .column .logo-wrapper a{display:inline-block;}
.columns-list .column .logo-wrapper img{max-height:80px;}
.columns-list .column .content-wrapper{width:100%;}
.columns-list .column .content-wrapper h3{min-height:56px;}
.columns-list .column .content-wrapper .item + .item{margin-top:20px;}
.columns-list .column .content-wrapper .item.link a:after{content:''; margin: 0 5px 0 8px;display: inline-block;width: 7px;height: 7px;border: 1px solid currentColor;border-left: 0;border-top: 0;transform: translateY(-2px) rotate(-45deg);transition: all 200ms ease-in-out;}
.columns-list .column .btn-wrapper{margin:20px 0 0 0; width:100%;}

.columns-list.item-4 .column{width:23.5%; margin:1% 0 1% 2%;}
.columns-list.item-4 .column:nth-child(4n+1){margin-left:0;}

.columns-list.item-3 .column{width:32%; margin:1% 0 1% 2%;}
.columns-list.item-3 .column:nth-child(3n+1){margin-left:0;}

.columns-list.item-2 .column{width:48%; margin:1% 0 1% 2%;}
.columns-list.item-2 .column:nth-child(odd){margin-left:0;}

@media (max-width: 992px ){
  .columns-list.item-2 .colum,.columns-list.item-3 .column,.columns-list.item-4 .column {width:48%; margin:1%;}
  .columns-list.item-4 .column:nth-child(4n+1){margin-left:1%;}
  .columns-list.item-4 .column:nth-child(3n+1){margin-left:1%;}
  .columns-list.item-2 .column:nth-child(odd){margin-left:1%;}
}

@media (max-width: 480px ){
   .columns-list.item-2 .colum,.columns-list.item-3 .column,.columns-list.item-4 .column {width:99%; margin:1%;}
}


/*********************************
	Section - Breadcrumbs
*/
section.section-breadcrumbs2020 .hs-menu-wrapper{background: #1e5a64; margin:7px 0; padding:0;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul{margin:0; padding:0; list-style-type:none; display:inline!important;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul li{display:inline;font-size:14px; line-height:1;transition:all 100ms ease-in;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul li:before{content:'\203A\00a0'; margin:0 2px;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul li a{display:inline; font-size:14px; line-height:1; text-decoration:underline;transition:all 100ms ease-in;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul li a:hover{text-decoration:underline;transition:all 100ms ease-in;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul li.active.active-branch > a{pointer-events:none; text-decoration:none;}

section.section-breadcrumbs2020 .hs-menu-wrapper ul:not(.active-branch){display:none;}
section.section-breadcrumbs2020 .hs-menu-wrapper ul li:not(.active-branch){display:none;}
section.section-breadcrumbs2020 .hs-menu-wrapper > ul > li:first-child:before{display:none;}


@media (max-width: 768px ){
section.section-breadcrumbs2020 .hs-menu-wrapper {margin: -44px 0 0 0;padding: 0;POSITION: ABSOLUTE;}
}

/*********************************
	Section - Quote
*********************************/
section.section-quote{background-position:center center;background-repeat:no-repeat;background-size:cover;position: relative;}
section.section-quote .overlay{position:absolute; top:0;right:0; bottom:0; left:0; z-index:1;}
section.section-quote .inner{margin:0 auto; max-width:920px; position:relative; z-index:2; }
section.section-quote .inner h1,
section.section-quote .inner h2,
section.section-quote .inner h3,
section.section-quote .inner h4,
section.section-quote .inner h5,
section.section-quote .inner h6,
section.section-quote .inner p,
section.section-quote .inner a:not(.btn){color:#fff;}


/*********************************
	Section - Text and form
*/
section.section-text-form .inner{margin:0 auto;}
section.section-text-form .inner .block{width:48%;}
section.section-text-form .inner .block:after{content:'';display:table;clear:both;}
section.section-text-form .inner .hs_cos_wrapper_type_form{width:100%;}

@media (max-width: 992px ){
  section.section-text-form .inner .block{ width:100%; }
  section.section-text-form .inner .block.right{margin-top:20px;}
}

/* english version */

@media (min-width: 992px ){
  #trial_info{padding-left: 60px;};
}

@media (min-width: 768px ){
  #trial_info{padding-bottom: 50px;};
}

@media (max-width: 768px ){
  #trial_info{padding-bottom: 50px;};
}

#trial_info{color: #ff5050;};

/* dutch verion */


/*   #hs_cos_wrapper_widget_1574774021802_{
    padding-left: 60px !important; 
    color: #ff5050;
  }


div.trial-info {
  background-color: red !important;
}  */
/* @media (max-width: 768px ){
  #trial_info_NL{
    padding-bottom: 50px; 
    padding-left: 0;
  }
} */



/*********************************
	Section - Columns
*/

.flex-module2020 section.section-columns .items-3{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
.flex-module2020 section.section-columns .items-2{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}

@media (max-width: 992px ){
  .flex-module2020 section.section-columns .items-2{ -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
  .flex-module2020 section.section-columns .items-3{ -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}





/*********************************
	Section - Sitemap
*/
.section-sitemap{}
.section-sitemap .wrapper{border:1px solid rgba(0,0,0,0.5); border-radius:5px;}
.section-sitemap .wrapper .title{padding:10px; font-weight:bold; color:#fff; background:#1e5a64;} 
.section-sitemap .hs-menu-wrapper{}
.section-sitemap .hs-menu-wrapper ul{padding-inline-start: 30px;}
.section-sitemap .hs-menu-wrapper ul li{ -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; }
.section-sitemap .hs-menu-wrapper ul li a{display:block; text-decoration:none;}
.section-sitemap .hs-menu-wrapper ul li a:hover{text-decoration:underline;}
.section-sitemap .hs-menu-wrapper > ul{margin:0; padding:0; list-style-type:none;}
.section-sitemap .hs-menu-wrapper > ul > li:hover{background-color:rgba(0,0,0,0.03);}
.section-sitemap .hs-menu-wrapper > ul > li + li{border-top:1px solid rgba(0,0,0,0.2); }
.section-sitemap .hs-menu-wrapper > ul > li > a{padding:10px; font-weight:bold;}
.section-sitemap .hs-menu-wrapper > ul > li > ul{margin-top:-10px;padding-inline-start: 40px; padding-bottom:10px;}





/*********************************
	Section - Software overview
*/
.section-software-overview .wrapper{  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch; -ms-flex-align: stretch;align-items: stretch;}
.section-software-overview .wrapper .desc{max-width:100%; margin:30px auto;padding:0px 100px;}
.section-software-overview .wrapper .item{ margin-bottom: 30px;position:relative;width:calc(100% / 3 - 10px); padding:10px;display:inline-block; text-align:center;vertical-align:top;padding-bottom:60px;}
.section-software-overview .wrapper .item + .desc{max-width:100%;margin-top: 40px;border-top: 2px solid #f6f8ec;padding-top: 70px;}
.section-software-overview .wrapper .item img.usp-img {width:100px;}
.section-software-overview .wrapper .item h3{font-weight:600;margin: 15px 0px;}
.section-software-overview .wrapper .item .btn-wrapper{position: absolute;width: 325px;bottom:10px; right: 50%;transform: translatex(50%);}
.section-software-overview .wrapper .item .btn-wrapper .hs-btn{font-size:14px;}

@media (max-width: 1200px ){
  .section-software-overview .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 992px ){
  .section-software-overview .wrapper .desc{padding:0px;}
  .section-software-overview .wrapper .item{width:100%;}
}


/*********************************
	Section - casestudies
*/
.section-casestudies .wrapper{  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal;-moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch; -ms-flex-align: stretch;align-items: stretch;}
.section-casestudies .wrapper .desc{max-width:100%; margin:30px auto;padding:0px 100px;}
.section-casestudies .wrapper .item{ margin-bottom: 30px;position:relative;width:calc(100% / 3 - 10px); padding:10px;display:inline-block; text-align:center;vertical-align:top;padding-bottom:60px;}
.section-casestudies .wrapper .item + .desc{max-width:100%;margin-top: 40px;border-top: 2px solid #f6f8ec;padding-top: 70px;}
.section-casestudies .wrapper .item img.usp-img {width:400px;}
.section-casestudies .wrapper .item h3{font-weight:600;margin: 15px 0px;}
.section-casestudies .wrapper .item .btn-wrapper{position: absolute;width: 325px;bottom:10px; right: 50%;transform: translatex(50%);}
.section-casestudies .wrapper .item .btn-wrapper .hs-btn{font-size:14px;}

@media (max-width: 1200px ){
  .section-casestudies .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 992px ){
  .section-casestudies .wrapper .desc{padding:0px;}
  .section-casestudies .wrapper .item{width:100%;}
}





/*********************************
	Section - certificaten 2020 
*/
.section-certificaten-2020 .wrapper{ margin: 0px -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-certificaten-2020 .wrapper .desc{max-width:100%; margin:30px auto;padding:0px 100px;}
.section-certificaten-2020 .wrapper .item{position:relative;width:calc(100% / 3 - 10px);  text-align:center; margin:5px; padding: 10px 40px 45px 40px;margin-bottom: 100px;}
.section-certificaten-2020 .wrapper .item + .desc{max-width:100%;margin-top: 40px;border-top: 2px solid #f6f8ec;padding-top: 70px;}
.section-certificaten-2020 .wrapper .item h5{font-weight:600;margin: 15px 0px;}
.section-certificaten-2020 .wrapper .item .btn-wrapper{position: absolute;width: 325px;bottom:10px; right: 50%;transform: translatex(50%);}
.section-certificaten-2020 .wrapper .item .btn-wrapper .hs-btn{font-size:14px;}

@media (max-width: 1200px ){
  .section-certificaten-2020 .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 992px ){
  .section-certificaten-2020 .wrapper .desc{padding:0px;}
  .section-certificaten-2020 .wrapper .item{width:100%;}
}

/*********************************
	Section - contentbox logo + CTA
*/
.section-contentbox_logo .wrapper{ margin: 0px -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-contentbox_logo .wrapper .desc{max-width:100%; margin:30px auto;padding:0px 100px;}
.section-contentbox_logo .wrapper .item{ position:relative;width:calc(100% / 3 - 10px);  text-align:center; margin:5px; padding: 10px 40px 45px 40px; margin-bottom: 50px;}
.section-contentbox_logo .wrapper .item + .desc{max-width:100%;margin-top: 40px;border-top: 2px solid #f6f8ec;padding-top: 70px;}
.section-contentbox_logo .wrapper .item h5{font-weight:600;margin: 15px 10px;font-size:18px;}
.section-contentbox_logo .wrapper .item .btn-wrapper{position: absolute;width: 325px;bottom:10px; right: 50%;transform: translatex(50%);}
.section-contentbox_logo .wrapper .item .btn-wrapper .hs-btn{font-size:14px;}

@media (max-width: 1200px ){
  .section-contentbox_logo .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 992px ){
  .section-contentbox_logo .wrapper .desc{padding:0px;}
  .section-contentbox_logo .wrapper .item{width:100%;}
}




/*********************************
	Section - related blogs image + link
*/
.section-relatedblogs .wrapper{ margin: 0px -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-relatedblogs .wrapper .desc{max-width:100%; margin:30px auto;padding:0px 100px;}
.section-relatedblogs .wrapper .item{position:relative;width:calc(100% / 3 - 10px);  text-align:center; margin:5px; padding: 10px 40px 45px 40px; margin-bottom: 100px;}
.section-relatedblogs .wrapper .item + .desc{max-width:100%;margin-top: 40px;border-top: 2px solid #f6f8ec;padding-top: 70px;}
.section-relatedblogs .wrapper .item h5{font-weight:800;margin: 18px 10px;font-size: 26px;line-height:25px; color: #1e5a64}
.section-relatedblogs .wrapper .item .btn-wrapper{position: absolute;width: 325px;bottom:10px; right: 50%;transform: translatex(50%);}
.section-relatedblogs .wrapper .item .btn-wrapper .hs-btn{font-size:14px;}

@media (max-width: 1200px ){
  .section-relatedblogs .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 992px ){
  .section-relatedblogs .wrapper .desc{padding:0px;}
  .section-relatedblogs .wrapper .item{width:100%;}
}

/*********************************
	Section - related blogs landingpages image + link
*/
.section-relatedblogs_landingpage .wrapper{ margin: 0px -5px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal;-webkit-box-orient: horizontal;-moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-relatedblogs_landingpage .wrapper .desc{max-width:100%; margin:30px auto;padding:0px 100px;}
.section-relatedblogs_landingpage .wrapper .item{position:relative;width:calc(100% / 3 - 10px);  text-align:center; margin:5px; padding: 10px 40px 45px 40px; margin-bottom: 100px;}
.section-relatedblogs_landingpage .wrapper .item + .desc{max-width:100%;margin-top: 40px;border-top: 2px solid #f6f8ec;padding-top: 70px;}
.section-relatedblogs_landingpage .wrapper .item h5{font-weight:800;margin: 18px 10px;font-size: 26px;line-height:25px; color: #ffffff}
.section-relatedblogs_landingpage .wrapper .item .btn-wrapper{position: absolute;width: 325px;bottom:10px; right: 50%;transform: translatex(50%);}
.section-relatedblogs_landingpage .wrapper .item .btn-wrapper .hs-btn{font-size:14px;}

@media (max-width: 1200px ){
  .section-relatedblogs_landingpage .wrapper .item{width:calc(100% / 2 - 10px);}
}

@media (max-width: 992px ){
  .section-relatedblogs_landingpage .wrapper .desc{padding:0px;}
  .section-relatedblogs_landingpage .wrapper .item{width:100%;}
}


/*********************************
	Section - Blokhome
*/
.section-homeblock{background-repeat: repeat-x;width: 100%;background-size: auto;background-color: #91D2D7;min-width: 100%;background-position: 4245px 24px; background-position: calc(50% + 200px) 24px;}
.section-homeblock.spacing-large{padding:150px 0px;margin-top:0px;}
.section-homeblock .inner_wrapper{margin: 365px auto 0 auto;}
.section-homeblock .inner{width: 810px;margin: 0 auto;}
.section-homeblock .inner .item{font-weight:800; font-style:italic;display:inline-block;margin-right: 50px;}


@media (max-width: 1200px ){
  .section-homeblock .inner{width:100%;}
  .section-homeblock .inner_wrapper{margin: 475px auto 0 auto;}
  .section-homeblock .inner .item{width: calc(100% / 2 - 60px);}
}
@media (max-width: 768px ){
  .section-homeblock .inner_wrapper{margin: 425px auto 0 auto;}
}
@media (max-width: 480px ){
  .section-homeblock .inner .item{margin-right:0;width:100%;}
}



/*********************************
	Section - API Reference
*/
.section-api .right{width:calc(100% - 320px);display:inline-block;padding-left: 30px;}
.section-api .left {vertical-align:top; width:290px;display:inline-block;position:sticky; top:10px;padding-left:20px; padding-bottom:20px; max-height:calc(100vh - 40px); overflow:auto;}
.section-api .left a{display:block;text-decoration:none;}
.section-api .left a.sub-title{margin-left:20px;padding-left: 5px; font-size:14px; border-left:3px solid transparent; transition: all 200ms ease-out;}
.section-api .left a.sub-title + a.title{margin-top:10px;}
.section-api .left a.title{padding-left: 5px; border-left:3px solid transparent; transition: all 200ms ease-out;}
.section-api .active{transition: all 200ms ease-in-out;border-left: 3px solid #91D2D7 !important;background-color:#F5F5F5;}
.section-api .scroll-up {top:120px; max-height:calc(100vh - 140px); -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.section-api .scroll-down {top:20px;max-height:calc(100vh - 40px);}
.section-api h3{margin: 20px 0 10px 0; font-weight:600;font-size:24px;}
.section-api h3.title{margin:30px 0 10px 0;}
.section-api h4{margin:20px 0 10px 0;}
.section-api code{padding: 2px 4px;font-size: 90%;color: #333;background-color: #f9f2f4;border-radius: 4px;}
.section-api kbd{padding: 2px 4px;font-size: 90%;color: #fff;background-color: #333;border-radius: 3px;box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);overflow:hidden; overflow-x:scroll; display:block;}
.section-api kbd.example{ display: block;margin-bottom: 10px;}
.section-api samp, .section-api pre{overflow-x: scroll;white-space: pre;display: block;padding: 9.5px;margin: 0 0 10px;font-size: 13px;line-height: 1.42857;word-break: break-all;word-wrap: break-word;color: #333;/*background-color: #f5f5f5*/;border: 1px solid #ccc;border-radius: 4px;}
.section-api a{color:gray;}

@media (max-width: 1200px ){
  .section-api .left{display:none;}
  .section-api .right{width:100%;word-break: break-all; word-wrap: break-word;text-overflow: ellipsis; overflow: hidden; white-space: normal; padding-left: 0px;}
  .section-api kbd{overflow-x: scroll;white-space: nowrap;}
}


/*********************************
	Section - Software homepage
*/

.section-software-home .left{width:360px;display:inline-block;vertical-align: middle;}
.section-software-home .item-desc {margin-bottom: 30px;max-width: 180px;position:relative;}
.section-software-home .item-desc h3{font-weight: bold;margin: 10px 0px;}
.section-software-home .item-desc p:after{content:'';background:url(https://6364181.fs1.hubspotusercontent-na1.net/hubfs/6364181/images%20website%202020/software-arrow_blue.png);right:-25px;height: 50px; background-repeat:no-repeat; width:15px;position:absolute;background-size: contain;}
.section-software-home  h2{color:#1e5a64;}
.section-software-home  h3{color:#1e5a64;}

.section-software-home .right{vertical-align: middle;padding-left: 40px;width:calc(95% - 360px);display:inline-block; text-align:right;}
.section-software-home .right .item{ display:inline-block;}
.section-software-home .item-wrapper{width:calc(100% / 3 - 10px);display: inline-block; vertical-align:top; position:relative;text-align:initial;}
.section-software-home .item:first-child{position:absolute; left:0px; top:0px;}
.section-software-home .item:nth-child(2){ position:absolute;right:0px;top:0px;}
.section-software-home .item:nth-child(3){ position:absolute;left:0px;bottom:0px;}
.section-software-home .item:nth-child(4){ position:absolute;right:0px;bottom:0px;}
.section-software-home .sub-wrap{width:150px;position:relative;height: 150px;background:url(https://6364181.fs1.hubspotusercontent-na1.net/hubfs/6364181/bg-software.png);background-repeat:no-repeat;background-size: contain;}
.section-software-home img.item-img{ transition: all .2s ease-in-out; width: 67px; padding: 5px;}
.section-software-home img.item-img:hover{ transform: scale(1.1); }

@media (max-width: 1200px ){
  .section-software-home .left{width:100%;margin-bottom:20px;}
  .section-software-home .right{width:100%;padding-left:0px;}
}

@media (max-width: 768px ){
  .section-software-home .item-wrapper{width:calc(100% / 2 - 10px);}
  .section-software-home .item-desc{margin: 0 auto; margin-top: 32px;}
  .section-software-home .sub-wrap{margin: 0 auto;}
}

@media (max-width: 480px ){
   .section-software-home .item-wrapper{width:100%;}
  .section-software-home .item-desc{width:250px; margin-top:40px; }
}


/*********************************
	Section - Trustpilot
*/
.bg-color-black{background-color:black !important;color:white;}
.section-staff.bg-color-green p{color:#444;}
.section-staff.bg-color-green h2:after{background-color:#fff;}

.section-staff.bg-color-gray p{color:#444;}
.section-staff.bg-color-gray h2:after{background-color:#fff;}



/*********************************
	Section - Medewerkers
*/

.section-staff .wrapper{margin-top:50px;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-direction: normal;-moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: center;-moz-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch; -ms-flex-line-pack: stretch;align-content: stretch;-webkit-box-align: stretch;-moz-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.section-staff .wrapper .item{ width: 226px; text-align:center;}
.section-staff .wrapper .item .usp-img{ display:block;margin: 0 auto;}
.section-staff h3 { font-weight: 600;}

.swap-on-hover {position: relative;margin:  0 auto;max-width: 400px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.swap-on-hover img{position: absolute;top:0;left:0;overflow: hidden;width: 234px;height: 234px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.swap-on-hover:hover{z-index:12; -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.swap-on-hover .swap-on-hover__back-image{z-index:10; opacity:0; }
.swap-on-hover:hover .swap-on-hover__back-image{opacity:1; }
.swap-on-hover .swap-on-hover__front-image{z-index:9; position: relative; }
.swap-on-hover:hover > .swap-on-hover__front-image{opacity: 0;}
.swap-on-hover .swap-on-hover__back-text{opacity:0;position: absolute;z-index: 11;bottom: 30px;margin: auto 0px;top: auto;left: 50%;line-height: 16px;transform: translateX(-50%);text-align: center;font-weight:600;width: 100%;color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;  }
.swap-on-hover:hover .swap-on-hover__back-text{opacity:1;}
.swap-on-hover__back-text p{margin: 0px;font-size: 16px;font-weight: 300;}
.swap-on-hover .swap-on-hover__gradient{opacity:0;width: 100%;z-index:11;position: absolute;left: 0px;right: 0px;bottom: 0px;top: 50%;background: rgba(248,80,50,0);background: -moz-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0)), color-stop(8%, rgba(215,70,43,0)), color-stop(61%, rgba(0,0,0,0.58)), color-stop(85%, rgba(0,0,0,0.84)), color-stop(95%, rgba(0,0,0,0.95)), color-stop(100%, rgba(0,0,0,1)));background: -webkit-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -o-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%);background: -ms-linear-gradient(top, rgba(248,80,50,0) 0%, rgba(215,70,43,0) 8%, rgba(0,0,0,0.58) 61%, rgba(0,0,0,0.84) 85%, rgba(0,0,0,0.95) 95%, rgba(0,0,0,1) 100%); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;  }
.swap-on-hover:hover .swap-on-hover__gradient{opacity:1;}



@media (max-width: 480px ){
  .section-staff .wrapper .item{ width: calc(100% / 2 - 20px);margin:10px;}
  .section-staff .swap-on-hover img{height:auto;}
}









/*********************************
	Section - Trustpilot
*/
.section-trustpilot .carousel {height:100%; padding: 20px 40px; background-size:40px 18px;}
.section-trustpilot .carousel h2{margin:0 0 40px 0;}
.section-trustpilot .container .inner{position:relative;}
.section-trustpilot .left a{display:inline-block;}
.section-trustpilot .content-wrap{width:60%;padding: 85px 0 85px 35px;}
.section-trustpilot .left { display:inline-block;padding:20px;}
.section-trustpilot .right {width:580px; display:inline-block; position:absolute;padding: 35px;right: 0px; margin: 131px 0px;height: 500px;}
.section-trustpilot .bg-color-green.width{width:885px;}
.section-trustpilot .brand-img {width:208px;margin: 3px;transition: all .2s ease-in-out; }
.section-trustpilot .brand-img:hover{transform: scale(1.05);}

@media (max-width: 1200px ){
  .section-trustpilot .right{width:40%;}
}

@media (max-width: 992px ){
  .section-trustpilot .right{width:100%;position:relative; margin: 20px 0px 0px 0px; height: 450px;}
  .section-trustpilot .left a {width: calc(100% / 3 - 10px);}
  .section-trustpilot .content-wrap{width:100%;padding: 20px 0 0 20px;}
  .section-trustpilot .bg-color-green.width{width:100%;}

}

@media (max-width: 768px ){
    .section-trustpilot .left a {width: calc(100% / 2 - 10px);text-align: center;}
  .section-trustpilot .carousel{padding: initial;}
}

@media (max-width: 480px ){
  .section-trustpilot .left a {width:100%; text-align: center;}
  .section-trustpilot .right{height:auto;}
  .section-trustpilot .carousel{padding:0;}
  .section-trustpilot .carousel iframe{height:300px!important;}
  .section-trustpilot .brand-img img {width:100%;}
  .section-trustpilot .content-wrap {padding:0px;}
}

@supports (-ms-ime-align:auto) {
  .section-trustpilot .right{ top:0px;}
}






section.section-blog-header {margin-bottom:-260px;padding:120px 0 300px 0;color:#fff;background-size:cover; position:relative;background-position: center center;}
section.section-blog-header .breadcrumbs{color:#fff; font-size:14px; line-height:1;}
section.section-blog-header .breadcrumbs a{color:#fff; text-decoration:none;}
section.section-blog-header .breadcrumbs a:hover{text-decoration:underline;}
section.section-blog-header .breadcrumbs .seperator{margin:0 2px;}


section.section-blog-detail-header {margin-bottom:-260px;padding:140px 0 280px 0;color:#fff;background-size:cover; position:relative;}
section.section-blog-detail-header .inner{position:relative; z-index:100;}
section.section-blog-detail-header .breadcrumbs{color:#fff; font-size:14px; line-height:1;}
section.section-blog-detail-header .breadcrumbs a{color:#fff; text-decoration:none;}
section.section-blog-detail-header .breadcrumbs a:hover{text-decoration:underline;}
section.section-blog-detail-header .breadcrumbs .seperator{margin:0 2px;}
  



table, table td{border:none;padding:10px;}
table, table td p{font-size: 12px;}
table tr:nth-child(odd){background-color:#f8f8f8;border:none;}
table tr:first-child{background-color:#91D2D7; border-color:#91D2D7; padding:5px;color:#1e5a64; font-size: 14px; font-weight:600;height:60px;}



@media (max-width: 768px) {
  
table, table td p{font-size: 10px;}
table tr:first-child{ padding:2px; font-size: 12px; height:40px;}
  }

/* Start free trial CTA on campaign page */
@media (max-width: 768px ){
  #cta_button_6364181_c61f65d1-b568-4ff5-bb4f-bffed44946a8 p {
    padding-right: 0 !important;
  }
}