@charset "utf-8"; 
*{margin:0; padding:0}
canvas {
  display: block;
  vertical-align: bottom;
}
/* ---- particles.js container ---- */
.rt{ }
.klant-online {
    width: 42%;
    float: left;
    position:absolute;
    top:6%;
    left: 10%;
    text-align: left;
}
.klant-online h3{ font-size:60px; text-transform: uppercase; color: #fff; padding: 20px 0 0; line-height: 40px;}
.klant-online h3 span{ font-size:28px; display:block; color: #fff; padding: 20px 0; line-height: 50px;}

#klantnu-js { width: 100%; height:560px; overflow: hidden;
    position: relative; background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
    background:linear-gradient(to right, #005667, #066c83); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
body{   font: normal 75% Arial, Helvetica, sans-serif;overflow-x: hidden;font-family: "Open Sans", Arial, sans-serif; font-size:14px; line-height:24px; color: #555}
header#nav {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    height: 80px;
    border-bottom:5px solid rgb(29 88 131);
}
.contained{padding-left:15px; padding-right:15px;  margin-right:auto;  margin-left:auto; width:1149px}
.banner-front{margin-top:6%}
.custom-widget-bg{width:100%;  padding:20px; float:left; color:#fff;  text-align:center;  background-color:rgba(0,0,0,0.5)}
.custom-widget-bg-box{width:33%; float:left}
.text-system{  transition:.3s; font-weight:500; font-style:normal; font-family:'Montserrat',sans-serif;  color:#fff; font-size:35px; line-height:1.2;  letter-spacing:0px}
.color1-3{color:#f53d05}
.call-now {
    width: auto;
    background: #da6614;
    border: 1px solid #fefefe26;
    color: #fff;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 1px #0000003b;
    padding: 10px 15px;
    display: inline-block;
}
.cutomer-support-page-tx-side h2 {
    padding-top: 15px !important;
}
/*.call-img {
    width: 29px!important;
    background: #ffffff;
    border-radius: 6px;
    padding: 4px;
}*/

.klant-online h3 span {
    font-size: 30px;
    display: block;
    color: #fff;
    padding: 20px 0;
    line-height: 50px;
}
.g-recaptcha{margin-left:50px;}
.pro-title{flex:8}
.call-img {
    width: 22px!important;
    background: #ffffff;
    border-radius: 2px;
    padding: 2px;
}

.text-system-4{    font-weight: normal; font-style: normal; font-family: 'Montserrat',sans-serif; color: #fff; margin-bottom: 20px; margin-top: 12px; font-size: 17px;line-height: 24px; letter-spacing: 0px;}
.our-solution-customer{width:100%; float:left; padding:50px 0}
.form-phone{width:90%;  color:white; padding:10px;  border-left:none; border-right:none;  border-top:none;   background:none; margin-top:20px;   margin-bottom:20px}
.sub{width:43%; border:2px solid #fff; color:white; background:none; padding:14px 20px; margin:8px 0; border-radius:4px; cursor:pointer}
#logo{display:inline-block; width:172px; float:left; margin-right:30px; height:45px; padding:0 0 0 15px}
.banner{}
.logo-part img{margin-bottom:20px}
.container{text-align:left; display:inline-block; height:45px; float:right;  position:relative}
header#nav #menuWrapper{height:auto; display:block}
header#nav ul{list-style-type:none; margin-top:21px; padding:0; display:inline-block}
header#nav ul >li{position:relative;  display:inline-block;  margin:0; padding:0 15px;}
header#nav .container ul >li >ul >li >a{background:#000}
.widget-spacing{width:100%; float:left; background:url(../images/bg-head-banner.jpg) top center no-repeat; background-size:cover; padding:80px 0}
@font-face{ font-family:'Open Sans';   font-style:normal;   font-weight:400;   src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{ font-family:'Open Sans';   font-style:normal;   font-weight:400;   src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{ font-family:'Montserrat';   font-style:normal;   font-weight:400;   src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{ font-family:'Montserrat';   font-style:normal;   font-weight:400;   src:local('Montserrat Regular'),local('Montserrat-Regular'),url(https://fonts.gstatic.com/s/montserrat/v13/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.widget-box{width:30%; float:left; padding:0 0px 0 30px}
.widget-box h3{color:#fff}
.widget-box p{color:#ccc; padding-top:10px}
.border{border-left:1px solid #fff; border-right:1px solid #fff}
.moto-widget-contact{background:none;  border-bottom:1px solid #fff;  border-top:none;  border-left:none;  color:#fff !important;  border-right:none}
.request{border:2px solid #fff;  padding:10px 30px;  border-radius:10px;  margin-top:18px}
header#nav ul >li >a{display:block;  color:#000;  font-weight:lighter;  font-size:14px;  font-family:'Montserrat',sans-serif;  text-decoration:none;  border-bottom:2px solid transparent;  -webkit-transition:all .3s ease;  -moz-transition:all .3s ease;  -ms-transition:all .3s ease;  -o-transition:all .3s ease;  transition:all .3s ease; line-height:35px}
header#nav .container ul >li >ul{position:absolute;  left:10px;  opacity:0;  min-width:200px;  margin:0;  pointer-events:none}
header#nav .container ul >li >ul >li{padding:0;  float:left;  display:block; width:100%}
header#nav .container ul >li >ul >li >a{border-bottom:0;  display:block;  padding:0 5px;border-bottom: 1px solid #363434;  color:#fff; font-size:13px;  width:230px;  padding:0 5%; text-transform:none}
.ddFade{-webkit-transition:all 0.5s ease-in-out;  -moz-transition:all 0.5s ease-in-out;  -ms-transition:all 0.5s ease-in-out;  -o-transition:all 0.5s ease-in-out;  transition:all 0.5s ease-in-out}
.ddFadeFast{-webkit-transition:all 0.3s ease-in-out;  -moz-transition:all 0.3s ease-in-out;  -ms-transition:all 0.3s ease-in-out;  -o-transition:all 0.3s ease-in-out;  transition:all 0.3s ease-in-out}
.ddFadeSlow{-webkit-transition:all 1s ease-in-out;  -moz-transition:all 1s ease-in-out;  -ms-transition:all 1s ease-in-out;  -o-transition:all 1s ease-in-out;  transition:all 1s ease-in-out}
header#nav .container ul >li >ul{opacity:0; display:block; perspective:1000px; min-width:inherit; width:200px;margin-top:-10px;}
header#nav .container ul >li >ul.dropin li{opacity:1; display:block; width:100%; background:#333; padding:0px; display:block; float:left}
li:hover ul.hov{animation-duration:0.3s; animation-delay 0.3s}
li:hover ul.hov li{animation-direction:normal; animation-iteration-count:1; animation-timing-function:ease-in-out; background:#333; animation-fill-mode:forwards}
header#nav .container ul >li >ul.dropin li{opacity:0; transform:translate(0,-200px)}
li:hover .dropin li{animation-name:dropin}
@keyframes dropin{0%{opacity:0; transform:translate(0,-200px)}
 100%{opacity:1; transform:translate(0,0)}
}
@-webkit-keyframes dropin{0%{opacity:0; transform:translate(0,-200px)}
 100%{opacity:1; transform:translate(0,0)}
}
li:hover ul.dropin.hov li:nth-child(1){animation-duration:0.7s; animation-delay 2s}
li:hover ul.dropin.hov li:nth-child(2){animation-duration:0.6s; animation-delay 1.5s}
li:hover ul.dropin.hov li:nth-child(3){animation-duration:0.5s; animation-delay 1s}
li:hover ul.dropin.hov li:nth-child(4){animation-duration:0.4s; animation-delay 0.5s}
li:hover ul.dropin.hov li:nth-child(5){animation-duration:0.3s; animation-delay 0.3s}
header#nav .container ul >li >ul.dropup li{opacity:0; transform:translate(0,200px)}
li:hover .dropup li{animation-name:dropup}
@keyframes dropup{0%{opacity:0; transform:translate(0,200px)}
 100%{opacity:1; transform:translate(0,0)}
}
@-webkit-keyframes dropup{0%{opacity:0; transform:translate(0,200px)}
 100%{opacity:1; transform:translate(0,0)}
}
li:hover ul.dropup.hov li:nth-child(1){animation-duration:0.3s; animation-delay 0.3s}
li:hover ul.dropup.hov li:nth-child(2){animation-duration:0.4s; animation-delay 0.5s}
li:hover ul.dropup.hov li:nth-child(3){animation-duration:0.5s; animation-delay 1s}
li:hover ul.dropup.hov li:nth-child(4){animation-duration:0.6s; animation-delay 1.5s}
li:hover ul.dropup.hov li:nth-child(5){animation-duration:0.7s; animation-delay 2s}
header#nav .container ul >li >ul.twist li{transform:rotateY(90deg)}
li:hover ul.twist.hov li{animation-name:twist}
@keyframes twist{0%{opacity:0; transform:rotateY(90deg)}
 100%{opacity:1; transform:rotateY(0)}
}
@-webkit-keyframes twist{0%{opacity:0; transform:rotateY(90deg)}
 100%{opacity:1; transform:rotateY(0)}
}
li:hover ul.twist.hov li:nth-child(1){animation-duration:0.3s; animation-delay 0.3s}
li:hover ul.twist.hov li:nth-child(2){animation-duration:0.4s; animation-delay 0.5s}
li:hover ul.twist.hov li:nth-child(3){animation-duration:0.5s; animation-delay 1s}
li:hover ul.twist.hov li:nth-child(4){animation-duration:0.6s; animation-delay 1.5s}
li:hover ul.twist.hov li:nth-child(5){animation-duration:0.7s; animation-delay 2s}
header#nav .container ul >li >ul.curl li{opacity:1; transform:translateX(-200px) rotate(-90deg)}
li:hover ul.curl.hov li{animation-name:curl}
@keyframes curl{0%{opacity:0; transform:translateX(-50%) rotate(-90deg)}
 100%{opacity:1; transform:translateX(0) rotate(0deg)}
}
@-webkit-keyframes curl{0%{opacity:0; transform:translateX(-50%) rotate(-90deg)}
 100%{opacity:1; transform:translateX(0) rotate(0)}
}
li:hover ul.curl.hov li:nth-child(1){animation-duration:0.3s; animation-delay 0.3s}
li:hover ul.curl.hov li:nth-child(2){animation-duration:0.4s; animation-delay 0.5s}
li:hover ul.curl.hov li:nth-child(3){animation-duration:0.5s; animation-delay 1s}
li:hover ul.curl.hov li:nth-child(4){animation-duration:0.6s; animation-delay 1.5s}
li:hover ul.curl.hov li:nth-child(5){animation-duration:0.7s; animation-delay 2s}
header#nav .container ul >li >ul.curlGoofy li{opacity:1; transform:translateX(200px) rotate(90deg)}
li:hover ul.curlGoofy.hov li{animation-name:curlGoofy}
@keyframes curlGoofy{0%{opacity:0; transform:translateX(50%) rotate(90deg)}
 100%{opacity:1; transform:translateX(0) rotate(0deg)}
}
@-webkit-keyframes curlGoofy{0%{opacity:0; transform:translateX(50%) rotate(90deg)}
 100%{opacity:1; transform:translateX(0) rotate(0)}
}
li:hover ul.curlGoofy.hov li:nth-child(1){animation-duration:0.3s; animation-delay 0.3s}
li:hover ul.curlGoofy.hov li:nth-child(2){animation-duration:0.4s; animation-delay 0.5s}
li:hover ul.curlGoofy.hov li:nth-child(3){animation-duration:0.5s; animation-delay 1s}
li:hover ul.curlGoofy.hov li:nth-child(4){animation-duration:0.6s; animation-delay 1.5s}
li:hover ul.curlGoofy.hov li:nth-child(5){animation-duration:0.7s; animation-delay 2s}
header#nav .container ul >li >ul.swing{transform:translate(-50px,0) rotateY(-90deg)}
li:hover ul.swing.hov{animation-name:swing; animation-fill-mode:forwards}
@keyframes swing{0%{opacity:0; transform:translate(-50px,0) rotateY(-90deg)}
 100%{opacity:1; transform:translate(0,0) rotateY(0)}
}
@-webkit-keyframes swing{0%{opacity:0; transform:translate(-50px,0) rotateY(-90deg)}
 100%{opacity:1; transform:translate(0,0) rotateY(0)}
}
header#nav .container ul >li >ul.swingLft{transform:translate(50px,0) rotateY(90deg)}
li:hover ul.swingLft.hov{animation-name:swingLft; animation-fill-mode:forwards}
@keyframes swingLft{0%{opacity:0; transform:translate(50px,0) rotateY(90deg)}
 100%{opacity:1; transform:translate(0,0) rotateY(0)}
}
@-webkit-keyframes swingLft{0%{opacity:0; transform:translate(50px,0) rotateY(-0deg)}
 100%{opacity:1; transform:translate(0,0) rotateY(0)}
}
header#nav.showNav{background-color:#fff;}
header#nav.showNav #menuWrapper{height:300px; overflow-y:auto}
header#nav ul li:hover a{color:#999}
header#nav .container ul >li:hover ul{opacity:1; top:24px; pointer-events:auto}
header#nav .container ul >li >ul .ico:hover, 
header#nav .container ul >li >ul a:hover{background-color:#006174}
header#nav .container ul >li:hover ul{top:45px}
#hamburger{display:none;  width:25px;  height:24px;  position:fixed;  right:15px;  top:15px;  cursor:pointer}
#hamburger >span{background:#181818;  display:block;  width:100%;  height:3px;  position:relative;  margin-top:3px;  color:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease}
#close{position:fixed;  top:10px;  right:13px;  width:30px;  height:30px;  z-index:1200;  display:none;  cursor:pointer}
#close >span, #close >span::after{content:"";  display:block;  width:4px;  height:100%;  background:#181818;  position:absolute;  left:50%;  margin-left:-3px;  -webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  -ms-transform:rotate(45deg);  -o-transform:rotate(45deg);  transform:rotate(45deg)}
#close >span::after{-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); transform:rotate(-90deg)}
#close:hover >span, 
#close:hover >span::after{background:#181818}
#hamburger:hover >span, 
#hamburger:hover >span::after, 
#hamburger:hover >span::before{background:#181818}
@media only screen and (max-width:1000px){#hamburger{display:block; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0)}
#close{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-transform:translateX(50px); -moz-transform:translateX(50px); -ms-transform:translateX(50px); -o-transform:translateX(50px); transform:translateX(50px); display:block}
header#nav{position:fixed; top:0; left:0; right:0; height:60px; box-shadow:0 0 15px 0 rgba(0,0,0,0.1); background-color:#fff}
header#nav ul{display:none; opacity:0}
header#nav ul >li{float:none; border-bottom:1px solid #555; display:block; padding:0}
header#nav ul >li:last-child{border-bottom:none !important}
header#nav ul >li:last-child{border-bottom:none}
header#nav ul >li >a{display:block; text-align:left; padding:10px 0; color:#ccc; width:100%; margin:0 auto; border-bottom:none; font-size:1.2em}
header#nav .container ul >li >ul{top:0; padding:2px 0}
header .contained{padding-top:10px}
header#nav .contained{height:50px}
header#nav.showNav .contained{height:auto}
header#nav.showNav .container{height:auto; float:left; display:block; width:100%}
header#nav.showNav ul{opacity:1; display:block; position:static; padding:0 5%; width:100%; font-size:0.8em}
header#nav.showNav #hamburger{-webkit-transform:translateX(50px); -moz-transform:translateX(50px); -ms-transform:translateX(50px); -o-transform:translateX(50px); transform:translateX(50px)}
header#nav.showNav #close{-webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0)}
header#nav ul:first-child{width:96%; padding:0 2%; float:left;}
header#nav ul li{display:block; clear:both; overflow:hidden; width:100%}
header#nav .container ul >li >ul{position:static; opacity:1; pointer-events:auto; display:block; width:100%; float:left; margin:0; padding:0}
header#nav .container ul >li >ul >li, header#nav .container ul >li >ul{border:none !important; opacity:1 !important; display:block !important; transform:translate(0,0) rotate(0) !important; -webkit-animation:initial !important;  animation-play:initial !important}
header#nav .container ul >li >ul >li:hover, 
header#nav .container ul >li:hover, 
header#nav .container ul >li:hover a, 
header#nav .container ul >li >ul .ico:hover{background-color:transparent; border-bottom:none; color:#fff}
header#nav ul >li >a:hover{background-color:transparent; border-bottom:none}
}
a{ text-decoration:none;}
a:active, a:hover{outline-width:0}
small{font-size:80%}
sub, sup{font-size:75%; line-height:0; position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
button, input, optgroup, select, textarea{font-family:sans-serif; font-size:100%; line-height:1.15; margin:0}
button, input{}
button, select{text-transform:none}
[type=submit], [type=reset], button, html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style:none; padding:0}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{border:1px solid silver; margin:0 2px; padding:.35em .625em .75em}
legend{box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal}
progress{}
textarea{overflow:auto}
[type=checkbox], [type=radio]{box-sizing:border-box; padding:0}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield; outline-offset:-2px}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button; font:inherit}
summary{display:list-item}
[hidden], template{display:none}
.offer{font-weight:700; text-align:center; font-style:normal; font-family:'Montserrat',sans-serif; color:#f53d05; font-size:12px;  line-height:1.4;  letter-spacing:3px}
.our-solution-customer h1{text-align:center; margin-bottom:45px}
.our-solution-customer h1 span{text-align:center; font-size:28px}
.our-solution-customer h1{text-align:center; font-size:25px}
.complex-box-klant{width:100%; float:left}
.complex-box-klant-one{width:33%; float:left;}
.complex-box-klant-two{width:33%; float:left;}
.complex-box-klant-three{width:33%; float:left;}
.complex-box-klant-one h3{  text-align:center; padding-bottom:10px}
.complex-box-klant-one p{}
.overview{width:100%; float:left; background:url(../images/banner-internal.jpg) top center no-repeat;background-size: cover;}
.complex-box-klant-two h3{text-align:center; padding-bottom:10px}
.complex-box-klant-two p{}
.complex-box-klant-three h3{text-align:center; padding-bottom:10px}
.complex-box-klant-three p{}
.spacing-top-medium{background-color: rgb(27, 139, 255); color: #333; padding: 20px 20px; border: 1px solid #0096e3;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.22); position: relative; margin-left: 65px; width: 230px; line-height: 23px; text-align: justify;}
::placeholder{color:#fff; opacity:1}
:-ms-input-placeholder{color:#fff}
::-ms-input-placeholder{color:#fff}
.overview-right{width:56%; float:right;  padding:30px}
.overview-right-tx{width:100%; text-align:justify; padding:30px; line-height:24px}
.overview-right-tx h2{padding:15px 0; font-size:18px;    font-family: 'Segoe UI Semibold','wf_segoe-ui_semibold','wf_segoe-ui_normal','Segoe UI','Segoe WP',Tahoma,Arial,sans-serif;}
.text-system-11{margin-bottom:7px; font-weight:700;  font-style:normal;  font-family:'Montserrat',sans-serif;  color:#f53d05;  font-size:12px; line-height:1.4;  letter-spacing:3px}
.ul-text{list-style:none;  font-weight:300;  font-style:normal;  line-height:1.5; margin: 11px 0 15px 0; letter-spacing:0px}
.ul-text li{padding:7px 0; border-bottom:1px solid #7243c629}
.ul-text li a{color:#000;}
.ul-text li a:hover{color:#fff;}
.ul-text li:before{-webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px;  content:"";  float:left;  height:5px;  background-color:inherit;  margin:5px  10px 0px 0px;  width:5px;  border:2px solid #4d02e0;  background:#fff}
.colors-border{width:100%;  float:left;  position:relative; top:80px}
 .colors-border .primary-2-bg{width:60%}
.colors-border span{height:7px;  float:left}
.primary-2-bg{background-color:rgba(0,0,0,0.5)}
.colors-border .primary-bg{width:25%}
.primary-bg{background-color:rgba(0,0,0,0.5)}
.colors-border .primary-3-bg{width:15%}
.primary-3-bg{background-color:rgba(0,0,0,0.5)}
.footer{width:100%;  float:left;  padding:40px 0;  background-color:#181818}
.copyright{width:100%;  float:left;  background-color:#111;  padding:20px 0 20px}
.footer-nav{width:33%;  float:left}
.widget{width:90%;  padding:10px}
.widget-title{margin-bottom:20px}
.widget h4, .widget h5{font-weight:300;  margin-bottom:5px;  font-size:20px}
.widget-title h4{font-size:15px;  font-weight:700;  text-transform:uppercase;  margin:0;  color:#fff;  padding:0 0 10px;  line-height:1}
.custom-list li{font-size:13px;  margin:10px 0;  list-style:none;  font-family:'Open Sans',sans-serif}
.social a{color:#005667;  background:#222;   padding:10px 0px 10px 15px;  display:block;  border-left:2px solid #005667; text-decoration:none}
.col-md-6{width:50%;  float:left}
.copyright p{font-family:'Open Sans',sans-serif;  color:#bebebe;  line-height:23px;  font-size:11px}
.text-right{text-align:right}
.col-md-6{width:50%;  float:left}
.social{padding:0}
.social li{margin:0;  padding:10px 5px 10px 0;  display:inline-block}
.social li a{font-size:15px;  margin:0;  color:#afb0b4; padding:10px}
.social img{margin:0!important;  padding:0!important;  width:23px;  height:23px;  line-height:27px;  color:#afb0b4;  -webkit-border-radius:4px;  -moz-border-radius:4px;  border-radius:4px}
ul.contact-details{padding:0}
ul.contact-details li{margin-bottom:20px;  list-style:none; color:#fff; font-size:13px;  font-family:'Open Sans',sans-serif}
.contact-widget strong{color:#a3a3a3;  line-height:1.8;  font-weight:400}
.widget-title{margin-bottom:20px}
.call-now a span { font-size:19px;}
.call-gif{ width: 17%;  float: left;border-radius: 50%;position: relative;  top: -4px;}
.col-md-12{width:100%;  float:left}
.form-control{display:block;  width:100%;  padding:7px;  background:none;  border:1px solid #4f4e4e;  -webkit-transition:all 0.35s ease-in-out;  -moz-transition:all 0.35s ease-in-out;  -o-transition:all 0.35s ease-in-out;  transition:all 0.35s ease-in-out}
.form-control{border-color:#2d2d2d;  color:#fff;  margin-bottom:10px}
.col-md-7 ::placeholder{ color:#555}
.col-md-5 p{ font-size: 12px;}
.btn2{color:#fff !important;  background:#7743d4!important;  border:none;  padding:6px 34px;  border-radius:4px}
.customer-bottom-tx{width:50%; float: left;}
.customer-bottom-tx h2, h3, h4{padding: 10px 0; font-family: 'Segoe UI Semibold','wf_segoe-ui_semibold','wf_segoe-ui_normal','Segoe UI','Segoe WP',Tahoma,Arial,sans-serif;  color: #2d2d2d;text-shadow:-1px 1px 2px rgba(0, 0, 0, 0.22); font-size: 18px;}
.line-image{width:100%; float:left; margin:0px 0 7px;border-bottom:3px double #EDE7F6; text-align:left}
.logo-part{ margin-top:15px}
.k-text{ width:100%; float:left; text-align:center; position:relative; margin-top:6%;}
.k-text img{width:100%;}
.k-text p span{color: #FFEB3B;  font-size:23px;text-shadow: 1px 1px 1px #000;}
.k-text p {
    color: #fff;
    font-size: 14px;
    width: 100%;
    line-height: 24px;
    padding: 7px 5px 7px 10px;
    text-align: left;
    margin: 0 auto;
    background: #000000b3;
    border-radius: 4px;
}
.disck { width: 100%!important; max-width: 695px;padding: 10px 5px 0; box-sizing: border-box;}


.col-md-7{ width:50%; float:left}
.col-md-5{width:50%; float:right}
.office-nl-contact-content{ display:inline;  float:left; padding:40px 0;  width:100%}
.cutomer-support-page-tx-side a{ color:#0096e3}
.office-nl-feature-content-right h2, .office-nl-paragraph-service h2{width:100%; font-size:17px; padding-bottom:7px; color:#333s; margin-bottom:0px}
.office-nl-paragraph-service{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; text-align:justify; font-size:14px; color:#333; line-height:24px; padding:5px 0; width:100%; display:inline-block}
.office-nl-white-part{width:100%; float:left; padding:40px 0}
.office-nl-feature-content-right p{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; text-align:justify; font-size:13px; line-height:24px; padding:5px 0}
#form-messages{margin-bottom:10px;  background-color:#fff}
.office-nl-contact-right{display:inline; float:left;  width:100%;  margin-top:10px;  padding-left:15px; font-family:Arial,Helvetica,sans-serif}
.office-nl-contact-right-single{display:inline;  float:left;  margin-bottom:35px;  width:100%}
.office-nl-contact-right-single .office-nl-icon{ background-color:transparent;  font-size:20px;   display:block;  width:50px;   height:50px;   text-align:center;  line-height:50px;  border-radius:50%;  float:left;   margin-right:15px}
.office-nl-contact-left{ display:inline;  float:left;  width:100%}
#form-messages{ margin-bottom:10px; background-color:#fff}
.office-nl-contact{ width:100%; float:left;  padding:40px 0}
.office-nl-contact-area{display:inline;  float:left;  padding:30px 0;  width:100%}
.office-nl-contact-form .form-group input{   background:transparent; border-radius:10px; color:#333;  font-size:15px; border:1px solid #888;  height:45px;  margin-bottom:24px}
.office-nl-send-msg-btn{ color:#555;  font-size:13px;  font-weight:600; letter-spacing:1px; text-align:center;  padding:14px 24px;  margin-top:10px;   -webkit-transition:all 0.5s; transition:all 0.5s;   width:130px;   color:#fff; border-radius:10px}
.paddingtx{padding:0; margin:0}
.office-nl-profile-img2{width:95%; border:1px solid #e6e6e6; padding:10px;   box-shadow:2px 2px 5px #999}
.office-nl-send-msg-btn{ border: 1px solid #9575CD; background-color: #9575CD;}
.internal-hotmailtx{width:50%; float:left; color:#fff;   margin:15% 0 0; font-size:27px}
.banner-internal-page{width:100%; float:left; background:url(../images/banner-1.jpg) top center no-repeat; margin-top:40px; min-height:320px}
.office-nl-blog{width:100%; float:left; padding:40px 0}
.span8{width:68%; float:left; padding-right:20px}
.post-image{margin-bottom:20px}
article .post-heading h3{ margin-bottom:20px}
.post-heading a{font-weight: normal; color: #393939;}
.post-heading a:hover{ color:#63C}
.post-heading{padding-bottom:10px; padding-top:10px; color:#707070;  line-height:24px}
.post-heading h1{font-size:18px}
.post-heading h2{font-size:18px}
.post-heading h1 a{text-decoration:none}
.post-heading h2 a{text-decoration:none}
#content img{ max-width:100%;  height:auto}
.bottom-article{ float:left;  width:100%; border-top: 1px solid #7E57C2; border-bottom: 1px solid #673AB7; padding:10px 0 10px 0;  margin-top:20px}
ul.meta-post{ float:left;  margin:0;  padding:0;  list-style:none}
ul.meta-post li{ float:left;  margin:0 10px 0 0;  padding:0;  list-style:none;  border-right:1px dotted #e9e9e9;  padding-right:10px}
ul.meta-post li img{ float:left;  font-size:12px;  margin:2px 5px 0 0}
ul.meta-post li a{ color:#787878;  float:left; text-decoration:none;  font-size:12px;  font-weight:300}
.pull-right{ float:right;  color:#101011}
.bottom-article a{text-decoration:none}
.office-nl-blog p{ font-family:'Open Sans',sans-serif;  font-size:14px;  line-height:23px; padding-bottom: 10px; text-align:justify}
.pull-right img{vertical-align:middle}
.span4{width:30%; float:right}
.right-sidebar{padding:0 0 15px 15px;  -webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);  box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01)}
aside{ position:relative;  margin-bottom:0px}
aside .widget{ margin-bottom:0px}
.post-image img{width:100%}
.banner-recovery{  width: 100%;  float: left;  background:url(../images/banner-internal-part.jpg);  background-position: top;  background-repeat: no-repeat;  background-size: cover;     height: 350px;  margin-top: 4%;}
.customer-bottom-tx h1 {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.22);  padding: 10px 0;  font-family: 'Segoe UI Semibold','wf_segoe-ui_semibold','wf_segoe-ui_normal','Segoe UI','Segoe WP',Tahoma,Arial,sans-serif; color:#2d2d2d; font-size: 18px;  background-color: white;}
.cutomer-support-page-tx-side { width:100%; float:left; padding:40px 0}
.cutomer-support-page-aside { width:50%; float:right;}
.banner-internal-bg{ width: 100%; float: left; background:url(../images/banner-internal-part.jpg) top center no-repeat; background-size: cover; height: auto; margin-top:3%; padding-bottom: 20px;}
.text-system span{ font-size:22px;color: rgb(225, 240, 255);}
.banner-left{}
.banner-right{ width:100%; float: left; text-align:center;}
.pas{ width:100%}
.customer-two-side{ width:100%; float:left}
.customer-left-side{width:50%; float:left}
.customer-right-side{ width:50%; float:right;}
.form-control { width: 92%;}
.call-now a{ color: #fff;}
aside .widgetheading{ position:relative;padding: 10px;     background: linear-gradient(to right, #4A00E0, #8E2DE2); font-size:17px; font-weight:normal;color: #fff;}
ul.cat{ margin:0; padding: 0 2px;  border: 1px solid rgba(0,0,0,0.1); list-style:none}
ul.cat li{padding: 7px 0 7px 22px;  list-style: none; background: url(../images/right-icon.png) left no-repeat; border-bottom: 1px solid #d5effd;color: #4f4e4e;font-size: 12px;}
ul.cat li a, ul.folio-detail li a{ color:#656565;  text-decoration:none; font-family:'Open Sans',sans-serif}
ul.cat li img{padding-right:7px}
.widget h4, .widget h5{ font-weight:300;  margin-bottom:5px; font-size:15px;}
.range>.cell-md-7 h3{padding-bottom:5px; color:#333}
.span12{width:100%; float:left; margin-bottom:25px}
.neem-contact-page{ width:100%; float:left; background: #f5f5f5;  padding: 20px;}
.cp{ margin-bottom:20px;}
.bg-herstel{ background:#f5f6f7;}
.technisch-nl{ width:100%; float:left; padding: 40px 0;}
.technisch-nl-top-tx{ text-align:center;padding-bottom: 50px;}
.technisch-nl-boxes{ width:30%;  float: left;  margin: 0px 15px 20px;}
.technisch-nl-boxes p{ font-size:13px}
.text-center {text-align: center;}
.services-content {padding: 10px 30px 30px; margin-top: 30px; background: #eaeaea; border: 1px solid #fff;    border-top: 4px solid #076179;  min-height:164px;}
.services-content h3 {font-size: 17px;}
.betaalbare-all-cover{ width: 100%;  background: linear-gradient(to right, #4A00E0, #8E2DE2);  float: left; padding: 40px 0;  color: #fff !IMPORTANT;}
.betaalbare-all-cover{background: linear-gradient(to right, #005667, #066c83);}

.betaalbare-left{ width:50%; float:left}
.betaalbare-right{ width:50%; float:right}
.betaalbare-left img {}
.betaalbare-right h1, h2{width: 100%; font-size: 20px; font-weight: normal;  padding-bottom: 16px;display: inline-block;}
.tx-cover-bottom h2 {
  padding-top: 15px!important;
}
.betaalbare-right p{ color:#fff;}
.icon { font-family: 'elegant-theme-line'; speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cutomer-support-page-tx-side p b{ color:#000;}
.betaalbare-all-cover p b{ color: #ffd587;}
.services .icon {  color: #ffffff; padding-left: 15px; float: left; background:#076179; padding: 10px 5px; width: 50px;  border-radius: 15px;}
.services .icon  img{width:100%; max-width: 35px;}
.technisch-nl-top-tx p{ padding:13px 0;}
.technisch-nl-top-tx h2{ font-size: 29px; font-weight: 300;}
.custom-fnummer {
 cursor: pointer; height:190px; perspective: 600;position: relative;width: 30%; margin: 15px;  float: left;border-radius: 10px;}
.bg-bottom {background:linear-gradient(to right, #005667, #066c83);}
.custom-fnummer h3{ margin:0;line-height:23px;padding:25px 0 10px; color:#fff;}
.custom-fnummer p{ padding:0px 20px 10px 20px; color:#fff; font-size:11px; line-height: 18px;position: relative;  top: -10px;}
.custom-fnummer p a{  color:#fff;}
.klantonline {height: 100%; position: absolute; transform-style: preserve-3d; transition: all 1s ease-in-out;width: 100%;}
.klantonline:hover {
  transform: rotateY(180deg);
}
.klantonline .side {
  backface-visibility: hidden;
  border-radius: 6px;
  height:auto;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.custom-fnummer img{ width: 100%;}
.klantonline .back {
    background: linear-gradient(to right, #FF9800, #FFC107);
    color: #0087cc;
    /* line-height: 150px; */
    text-align: center;
    transform: rotateY(180deg);
}
.tx-cover-bottom{ width:100%; float:left; padding-bottom:20px;}

.text-system-4 {
    color: #fff;
    font-size: 16px;
    width: 75%;
    line-height: 24px;
    padding-bottom: 7px;
    text-align: center;
    margin: 0 auto;
}
.text-system-4 span {
    color: #FFEB3B;
    font-size: 23px;
    text-shadow: 1px 1px 1px #000;
}
.kl {
    width: 100%;
    float: left;
    background: #edecec;
    margin-top: 20px;
    padding: 14px 0;
    margin-bottom:0px;
}

.klantenservice-drop { width: 100%; float: left; padding-bottom: 5px;}

.klantenservice-drop li {display: inline-block; padding-right: 7px; font-family: 'Open Sans'; font-size: 13px; letter-spacing: 0.5px;}
.klantenservice-drop li a { color: #039;}
.right-a {
    display: inline-block;
    padding: 0px 7px 0 20px;
    background: url(../images/right-a.png) no-repeat left 8px;
    vertical-align: top;
}
.betaalbare-right p a{ color: #fff;}
.custom-widget p{ font-size: 12px; line-height: 16px; color: #909197;position: relative; top: -15px;}
.widget-title img{ vertical-align: top;  position: relative; top:-15px}

.twicenum strong{font-size: 21px; float: left;padding: 0 6px;}
.twicenum strong img{float:left; display:block;}

.footer-nav-1 { width: 50%; float: left;}
.footer-nav-2 {width: 30%; float: left;}
.footer-nav-3 { width: 20%; float: left;}

#klantnu-js2 {
    width: 100%;
    height:460px;
   background: url(../images/banner-internal-part.jpg) top center no-repeat;
    background-size: cover;
		overflow: hidden;
	position: relative;
}
.klant-online2 {
       width: 61%;
    float: right;
    position: relative;
    top: -182px;
}
.large-font{ font-size:28px!important}

.footer-nav-1 ul li{ list-style:none; }
.footer-nav-1 ul li a{ color:#0b7f96;  }
.menu-list-b{
    height: auto;
    margin: 0;
    position: relative;
    padding: 0;
}
.menu-list-b li {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 14px;
    margin:0px 0;
}
.menu-list-b li > a {
    text-decoration: none;
    padding: 2px 0;
    margin: 0 10px;font-size: 12px;
    color: #9E9E9E;
    display: block;
    white-space: nowrap;
    background: transparent;
}
.col-md-4{ width:35%; float:left}
.col-md-8{ width:65%; float:right}
.cutomer-support-page-tx-side  h1{ text-align:center; font-weight:normal;font-size: 23px;}
.customer-bottom-tx h1{ text-align:left !important;}
.cutomer-support-page-tx-side p { display:inline-block;}
.betaalbare-all-cover p { display:inline-block;}
.betaalbare-all-cover p a{ color:#FFF}
.betaalbare-all-cover h2 a{ color:#FFF}
.large-font2 { font-size:22px !important;}

.k-text2{width: 100%; float:left; text-align: center; position: absolute; margin-top: 6%;}

.k-text2 p{ color:#ccc;padding: 5px 0;}

.adsimage{margin-top:10px;}
.adsimage a img { margin-top: 0px;width: 100%; height: auto;}
.adsimage a img.bord{border: 1px solid #ccc;width: auto;}


@media only screen and (min-width:768px) and (max-width:1200px){.contained{width:100%; float:left}
.spacing-top-medium {  margin-left: 25px;   width: 230px;  line-height: 23px;   text-align: justify;}
header#nav ul >li { padding: 0 3px;}

.customer-bottom-tx {  width: 50%;}

.cutomer-support-page-aside {width: 40%;float: right;}
.cutomer-support-page-aside img{width: 100%;}

.logo-part {margin-top: 0; float: left;}

.custom-fnummer {	height: 160px;margin: 15px 10px;}

header#nav ul >li >a {font-size: 12px;}
.span4 { width: 29%;  float: right;}
.ti { width: 100%; padding-bottom:10px;}

.services-content {	min-height: 220px;}
.k-text p {margin: 30px auto;}
.services-content {min-height:220px;}
.technisch-nl-boxes{ margin: 0px 11px 20px;}
.betaalbare-left img {width: 100%;}

.betaalbare-all-cover {	padding: 40px 10px;	box-sizing: border-box;}
.k-text img {width: 100%;}
.call-now img {width:auto;}
.klant-online {
    width: 100%;
    float: left;
    position: absolute;
    top: 10%;
}

}

@media only screen and (min-width:768px) and (max-width:1000px){.contained{width:98%; float:left; overflow-y:hidden; }
header#nav #menuWrapper { background: #000;}
header#nav { height: 77px;}
#hamburger {right: 40px; top: 36px; cursor: pointer;}
.overview-right { width: 100%; float: right; padding: 0px;}
.overview-right-tx { width: 100%; text-align: justify;   padding: 15px;  line-height: 24px;}
.spacing-top-medium {  margin-left: 0px; width: 185px;  line-height: 23px;}
.our-solution-customer { width: 100%; float: left;  padding: 20px 0;}
header#nav #menuWrapper { background: #000; height: 277px !important;}
.banner-front { width: 84%;margin-top: 9%;}
.klant-online2 { top: -126px;}

.services-content {	min-height: 220px;}
.k-text p {margin: 30px auto;}
.services-content {min-height:290px;}
.technisch-nl-boxes{ margin: 0px 11px 20px;}
.betaalbare-left img {width: 100%;}

.betaalbare-all-cover {	padding: 40px 10px;	box-sizing: border-box;}
.k-text img {width: 100%;}
.call-now img {width:auto;}

.klant-online {
    width: 70%;
    float: left;
    position: relative;
    top: -250px;
}

}

@media only screen and (min-width:480px) and (max-width:767px){.contained{width:95%; float:left}
.contained{overflow-y:hidden;}
.footer-nav{width:100%}
.copyright{padding:0px 0}
.copyright p{font-size:10px}
.social li{padding:5px 5px 5px 0}
.social img{width:14px; height:14px}
.footer{padding:15px 0}
.logo-part { margin-top: -10px;}
.colors-border {  top: 50px;}
.banner-front { width: 100%;  margin-top: 12%;}
.text-system { font-size: 24px;}
.text-system-4 { font-weight: normal;  margin-bottom: 10px; margin-top: 10px; font-size: 10px;}
.banner {  height: 209px;  margin-top:8%;}
.widget-spacing {   padding: 20px 0;}
header#nav #menuWrapper { background: #000;}
.complex-box-klant-one {   width: 100%; }
.complex-box-klant-two {   width: 100%;}
.complex-box-klant-one {   width: 100%; }
.complex-box-klant-three {   width: 100%;}
.overview-right { width: 100%; padding:0}
.col-md-6 { width: 100%;float: left;}
.spacing-top-medium { background-color: rgba(0,0,0,0.7); color: #fff;  padding: 20px 20px;  border-top: 4px solid #f53d05;  position: relative; margin-left: 20px;   width: 230px; line-height: 23px; text-align: center;}
.our-solution-customer h1 {  text-align: center;  margin-bottom: 20px;}
.our-solution-customer {  width: 100%;  float: left;  padding: 25px 0 0;}
.overview-right-tx { width: 100%; text-align: justify; padding: 25px 0; line-height: 24px;}
.services-top-left {  width: 100%;  padding: 10px 0; min-height: 225px;}
.services-top {  font-size: 8px;}
.widget {  width:100%; padding:0px;}
.neem-contact-page { padding:0px;}
.col-md-7 {  width: 86%;   float: left;}
.col-md-5 {  width: 100%;  float: left;}
.office-nl-blog {   padding: 10px 0;}
.span8 {  width: 100%; padding-right: 0px;}
.span4 { width: 100%; float: right;}
.contact-widget strong { font-size: 11px;}
.form-control { width: 95%;}
header#nav #menuWrapper { background: #000; height: 277px !important;}
.banner-recovery { width: 100%; width: 100%; height: 269px;  margin-top: 0%;}
.banner-internal-bg { width: 100%;  height:216px;   margin-top: 8%;}
.call-now { padding: 8px 15px;}
.customer-bottom-tx h2, h3 { padding: 5px 0;font-size: 17px;}
.our-solution-customer h1 span {  text-align: center; font-size: 19px;}
.customer-left-side { width:100%;}
.customer-right-side { width:100%;}
.text-system span {  font-size: 19px; color: rgb(225, 240, 255);}
.custom-widget-bg-box { font-size: 10px;}
.custom-widget-bg {  width: 85%;}
.customer-bottom-tx { width: 100%; float: left;  margin-right: 0px;}
.cutomer-support-page-tx-side {  padding:10px 0;}
.cutomer-support-page-aside { width: 100%;  float: right;}
.right-sidebar {   padding: 0 0 0px 0px;}
.k-text img {  width:100%;  margin-top:0; }

.adsimage a img {
    margin-top: 0px;
    height: auto;
    width: auto;
    display: inherit;
}

.klant-online {
    width: 100%;
    float: right;
    position: absolute;
    top: 0;
    background: #00000052;
    left: 0;
    padding: 20px 20px;
    box-sizing: border-box;
}

#klantnu-js { height:400px;}
.technisch-nl-top-tx h2 { font-size: 21px; font-weight: 300;}
.technisch-nl-boxes { width: 100%; float: left;margin: 0px 0px 20px;}
.betaalbare-left { width:100%;}
.betaalbare-right { width:100%;}
.betaalbare-right h1 { font-size: 22px;}
.cutomer-support-page-aside img{ width: 100%;}
.betaalbare-left img { width: 100%;}
.custom-fnummer {width: 46%; margin: 5px 8px; height: 160px;}
.custom-fnummer img{ width: 100%;}
.custom-fnummer h3 { padding: 30px 0 10px;}
.footer-nav-1 { width:100%; float: left;}
.footer-nav-2 { width:100%; float: left;}
.footer-nav-3 { width:100%; float: left;}
.col-md-4 { width:100%;}
.col-md-8 { width:100%;}
.klant-online2 { width: 100%; float: right;position: relative; top:37px;}
.ti { display:none}
#klantnu-js2 {height: 270px;}
.k-text2 p {  color:#fff;}
.call-gif {width: 17% !important;  margin-top: 0 !important;}
.k-text2 img { display: none;}
.cutomer-support-page-tx-side h1 { font-size: 19px;}
}


@media only screen and (min-width:320px) and (max-width:479px){.contained{width:90%; float:left; overflow-y:hidden;}
.footer-nav{width:100%}
.copyright{padding:0px 0}
.copyright p{font-size:10px}
.social li{padding:5px 5px 5px 0}
.social img{width:14px; height:14px}
.k-text2 img { display: none;}
.cutomer-support-page-tx-side h1 { font-size: 19px;}
.footer{padding:15px 0}
.logo-part { left: -25px;  margin-top: -10px;position: relative;}
.colors-border {  top: 50px;}
.banner-front { width: 100%;  margin-top: 12%;}
.text-system { font-size: 22px;}
.text-system-4 {font-weight: normal; margin-bottom: 0px; margin-top: 0px; width: 100%; line-height: 19px; font-size: 10px;}
.banner {  height: 209px;  margin-top: 12%;}
.widget-spacing {   padding: 20px 0;}
header#nav #menuWrapper { background: #000; height: 277px !important;}
.complex-box-klant-one {   width: 100%; }
.complex-box-klant-two {   width: 100%;}
.complex-box-klant-one {   width: 100%; }
.complex-box-klant-three {   width: 100%;}
.overview-right { width: 100%; padding:0}
.col-md-6 { width: 100%;float: left;}
.spacing-top-medium { margin-left: 0px;  }
.our-solution-customer h1 {  text-align: center;  margin-bottom: 20px;}
.our-solution-customer {  width: 100%;  float: left;  padding: 25px 0 0;}
.overview-right-tx { width: 100%; text-align: justify; padding: 25px 0; line-height: 24px;}
.services-top-left {  width: 100%;  padding: 10px 0; min-height: 225px;}
.services-top {  font-size: 8px;}
.widget {  width:100%; padding:0px;}
.neem-contact-page { padding:0px;}
.col-md-7 {  width: 86%;   float: left;}
.col-md-5 {  width: 100%;  float: left;}
.office-nl-blog {   padding: 10px 0;}
.span8 {  width: 100%; padding-right: 0px;}
.span4 { width: 100%; float: right;}
.contact-widget strong { font-size: 11px;}
.form-control { width: 95%;}
.banner-recovery { width: 100%; height: 293px;  margin-top: 12%;}
.banner-internal-bg { width: 100%;  height:240px;   margin-top:14%}
.call-now { padding: 8px 15px;    margin-bottom: 9px;}
.customer-bottom-tx h2, h3 { padding: 5px 0;font-size: 17px;}
.our-solution-customer h1 span {  text-align: center; font-size: 19px;}
.customer-left-side { width:100%;}
.customer-right-side { width:100%;}
.text-system span {  font-size: 19px; color: rgb(225, 240, 255);}
.custom-widget-bg-box { font-size: 10px;}
.custom-widget-bg {  width: 85%;}
.customer-bottom-tx { width: 100%; float: left;  margin-right: 0px;}
.cutomer-support-page-tx-side {  padding:10px 0;}
.cutomer-support-page-aside { width: 100%;  float: right;}
.right-sidebar {   padding: 0 0 0px 0px;}

.k-text img {
    width: 110%;
       margin-top: 0;
    float: left;
}
.klant-online h3 {font-size: 30px; padding: 20px 0 5px;}
.klant-online {
    width: 100%;
    float: right;
    position: absolute;
    top: 10px;
    background: #00000052;
    left: 0;
    padding: 10px;
	    box-sizing: border-box;
}

.klant-online h3 span {font-size: 25px; line-height: 20px;}
.klant-online h3 span strong {
    display: block;
    margin-bottom: 10px;
}

.adsimage {
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 0px 5px;
}
.adsimage a img { width: 100%; margin: 5px 0 0!important; padding: 0; height: auto;}

#klantnu-js { height:435px;}
.technisch-nl-top-tx h2 { font-size: 21px; font-weight: 300;}
.technisch-nl-boxes { width: 100%; float: left;margin: 0px 0px 20px;}
.betaalbare-left { width:100%;}
.betaalbare-right { width:100%;}
.betaalbare-right h1 { font-size: 22px;}
.cutomer-support-page-aside img{ width: 100%;}
.betaalbare-left img { width: 100%;}
.custom-fnummer { width: 100%;  margin: 5px 0;}
.custom-fnummer img{ width: 100%;}
.custom-fnummer h3 { padding:15px 0 10px;}
.text-system-4 span { font-size: 17px;}
.large-font { font-size: 19px !important;}
.cust-p{position: relative;  top: 5%;}
.custom-fnummer p { padding: 0px 20px 15px 20px;  color: #fff;  line-height: 20px; font-size: 12px;}
.footer-nav-1 { width:100%; float: left;}
.footer-nav-2 { width:100%; float: left;}
.footer-nav-3 { width:100%; float: left;}
.col-md-4 { width:100%;}
.col-md-8 { width:100%;}
.klant-online2 { width: 100%; float: right;position: relative; top:43px;}
.ti { display:none}
#klantnu-js2 {height: 210px;}
.k-text2 p {  color:#fff;}
.k-text p {
    font-size: 13px;
    float: left;
    width: 100%;
    line-height: 20px;
    box-sizing: border-box;
}
.k-text p span {  font-size: 17px;}
.call-gif {width: 17% !important;  margin-top: 0 !important;}


.adsimage a img { display: inherit;}

button.chatbox-open {    position: relative!important;    float: right;}

.services .icon { padding: 10px; width: 40px; border-radius: 5px;}
.services .icon  img{width: 100%; max-width: 35px;}
.technisch-nl-boxes p {  font-size: 14px;  line-height: inherit;}


}