html {
    overflow-x: hidden;
}
body {
    font-family: 'DIN Alternate';
    font-size: 15px;
    line-height: 25px;
    background: #fff;
    color: #475155;
    position: relative;
    float: left;
    width: 100%;
    overflow-x: hidden;
}

/* ALGEMEEN */
img {
    max-width: 100%;
    height: auto;
}

iframe {
    max-width: 100%;
}

/* LISTS*/
ul {
    margin: 0 0 20px 20px;
}
ol {
    margin: 0 0 20px 20px;
}

/* LINKS */
a {
    text-decoration: underline;
    -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;
}
a:link {
    color: #f6921e;
}
a:visited {
    color: #f6921e;
}
a:hover {
    color: #e28316;
}
a:active {
    color: #e28316;
}

/* TYPOGRAFIE */
p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 20px 0;
}

address {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 20px 0;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #00adee;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
h1 {
    font-size: 30px;
    line-height: 36px;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
h3 {
    font-size: 22px;
    line-height: 28px;
}
h4 {
    font-size: 20px;
    line-height: 26px;
}
h5 {
    font-size: 18px;
    line-height: 24px;
}
h6 {
    font-size: 16px;
    line-height: 22px;
}


/* READ MORE */
.read-more {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
}

.read-more:link {
    text-decoration: none;
}
.read-more:visited {
    text-decoration: none;
}
.read-more:hover {
    text-decoration: none;
}
.read-more:active {
    text-decoration: none;
}

.read-more::after {
    font-family: 'FontAwesome';
    content: '\f105';
    font-weight: 400;
    font-size: 15px;
    line-height: 15px;
    margin: 0 0 0 10px;
}

.dienst p{ 
height: 150px !important}

/* BUTTONS */

.orange-button {
    position: relative;
    background: #f6921e;
    color: #fff;
    border-bottom: #d9460d 2px solid;
    text-decoration: none;
}
.orange-button:link {
    background: #f6921e;
    color: #fff;
    border-bottom: #d9460d 2px solid;
    text-decoration: none;
}
.orange-button:visited {
    background: #f6921e;
    color: #fff;
    border-bottom: #d9460d 2px solid;
    text-decoration: none;
}
.orange-button:hover {
    background: #d9460d;
    color: #fff;
    border-bottom: #c93804 2px solid;
    text-decoration: none;
}
.orange-button:active {
    background: #d9460d;
    color: #fff;
    border-bottom: #c93804 2px solid;
    text-decoration: none;
}

/* INPUT TEXTAREA */

input, textarea, select {
    outline: none;
    border: 1px solid #a6a6a6;
	border-radius:0px;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid #00ADEE;
}

input, select {
    padding: 0 12px 0 12px;
    height: 35px;
}

html input[type="button"], input[type="reset"], input[type="submit"] {
    background: #00b900;
    color: #fff;
    border-bottom: #090 2px solid;
    border-top: 0px;
    border-left:0px;
    border-right: 0px;
    
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    
    -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;
}

html input[type="button"]:hover , input[type="reset"]:hover , input[type="submit"]:hover {
    background: #090;
    border-bottom: #005e00 2px solid;
}

textarea {
    padding: 12px;
}



/* FORMULIEREN ALGEMEEN */

.gform_wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.gform_fields {
    position: relative;
    float: left;
    margin: 0;
    list-style-type: none;
}

.gform_fields li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.gfield_label {
    position: relative;
    float: left;
    width: 30%;
}
.ginput_container {
    position: relative;
    float: left;
    width: 70%;
}
.gform_footer {
    position: relative;
    float: left;
    width: 100%;
}

.gfield_required {
    color: #D24646;
}

.ginput_container input {
    position: relative;
    float: left;
    width:100%;
}

.ginput_container select {
    position: relative;
    float: left;
    width:100%;
}
.ginput_container textarea {
    position: relative;
    float: left;
    width:100%;
	height:100px;
}

.gform_button {
    float: right;
}

.gfield_checkbox {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.gfield_checkbox li {
    position: relative;
    float: left;
    list-style: none;
}
.gfield_checkbox input {
    width: auto;
    height: 20px;
    margin: 3px 10px 0 0;
}

@media(max-width:767px){
    .gfield_label {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .ginput_container {
        width: 100%;
    }
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}



/* FORMS MELDINGEN */
.gform_wrapper .validation_message.gfield_description {
    background-color: #D24646;
    clear: both;
    color: #FFF;
    float: left;
    padding: 0px 10px;
    position: relative;
    margin: 14px 0 0 30%;
    font-size: 12px;
    width: auto!important;
    margin-top: 10px;
}

.gform_wrapper .validation_message.gfield_description:before {
    border: solid transparent;
    border-color: rgba(255,255,255,0);
    border-bottom-color: #D24646;
    border-width: 7px;
    bottom: 100%;
    content: " ";
    left: 50%;
    margin-left: -7px;
    pointer-events: none;
    position: absolute;
    height: 0;
    width: 0;
}

.validation_error {
    position: relative;
    float: left;
    background-color: #D24646;
    padding: 10px;
    color: white;
    margin: 0 0 20px 0;
}

@media(max-width:767px){
    .gform_wrapper .validation_message.gfield_description {
        margin: 14px 0 0 0%;
    }
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}



/* EINDE GENERAL */

/* HEADER */
.header {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 1px 1px 12px 0px rgba(34,30,31,1);
    -moz-box-shadow: 1px 1px 12px 0px rgba(34,30,31,1);
    box-shadow: 1px 1px 12px 0px rgba(34,30,31,1);
    z-index: 99;
}
.header::before {
    position: absolute;
    float: left;
    width: 30%;
    height: 100%;
    background: #00adee;
    content: '';
}
.logo-menu {
    padding: 15px;
    background: #00adee;
}
.logo-menu a {
    
}

.logo-menu .logo {
    position: relative;
    float: left;
}

.quick-contact {
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 3;
}
.quick-contact ul {
    position: relative;
    float: left;
    margin: 0px;
}
.quick-contact ul li {
    position: relative;
    float: left;
    list-style: none;
    color: #fff;
    padding: 0 0 0 5px;
}
.quick-contact ul li:last-child::after {
    display: none;
}
.quick-contact ul li::after {
    content: '|';
    position: relative;
    float: left;
     padding: 0 0 0 5px;
}

.quick-contact a {
    position: relative;
    float: left;
    text-decoration: none;
}
.quick-contact a:link {
    color: #fff;
}
.quick-contact a:visited {
    color: #fff;
}
.quick-contact a:hover {
    color: #fff;
    text-decoration: underline;
}
.quick-contact a:active {
    color: #fff;
    text-decoration: underline;
}


@media(max-width:767px){
    .header {
        background-color: #00ADEE;
    }
}
@media(min-width:768px){
    .header {
        background-color: #00ADEE;
    }
}
@media(min-width:992px){
    .header {
        background-color: #fff;
    }
}
@media(min-width:1200px){
    
}


/* HOOFDMENU LINKS */
.hoofdmenu-links {
    position: relative;
    float: right;
}

.hoofdmenu-links ul {
    position: relative;
    float: right;
    margin: 65px 15px 0 0;
    list-style: none;
}
.hoofdmenu-links ul li {
    position: relative;
    float: left;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 10px;
}

.hoofdmenu-links ul li i {
    font-size: 23px;
    line-height: 13px;
}

.hoofdmenu-links ul li:last-child {
    padding: 0 0 0 10px;
}
.hoofdmenu-links a:link {
    color: #fff;
    text-decoration: none;
}
.hoofdmenu-links a:visited {
    color: #fff;
    text-decoration: none;
}
.hoofdmenu-links a:hover {
    color: #b2eaff;
    text-decoration: none;
}
.hoofdmenu-links a:active {
    color: #b2eaff;
    text-decoration: none;
}

/* BURGER MENU */
.burger-menu {
    position: relative;
    float: right;
    width: 25px;
    margin: 35px 0;
}
.burger-menu .stroke {
    position: relative;
    float: left;
    width: 25px;
    height: 4px;
    margin: 0 0 4px 0;
    background: #fff;
}
.burger-menu .stroke:last-child {
    margin: 0;
}

body.show-menu .burger-menu .stroke {
    background-color: #f6921e;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
body.show-menu .burger-menu .stroke:nth-child(1) {
    -webkit-transform: rotate(-45deg) translate(-5.3px,5.3px);
    transform: rotate(-45deg) translate(-5.3px,5.3px);
}

body.show-menu .burger-menu .stroke:nth-child(2) {
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

body.show-menu .burger-menu .stroke:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-6px,-6px);
    transform: rotate(45deg) translate(-6px,-6px);
}

@media(max-width:767px){
    .hoofdmenu-links {
        display: none;
    }
    .quick-contact {
        display: none;
    }
    .burger-menu {
        display: block;
    }
}
@media(min-width:768px){
    .hoofdmenu-links {
        display: none;
    }
    .quick-contact {
        display: none;
    }
    .burger-menu {
        display: block;
    }
}
@media(min-width:992px){
    .hoofdmenu-links {
        display: block;
    }
    .quick-contact {
        display: block;
    }.burger-menu {
        display: none;
    }
    .hoofdmenu-links ul li {
        font-size: 13px;
        line-height: 13px;
        padding: 0 8px;
    }
}
@media(min-width:1200px){
    .hoofdmenu-links ul li {
        font-size: 17px;
        line-height: 17px;
        padding: 0 8px;
    }
}

/* MOBIELMENU */
.mobiel-menu {
    position: absolute;
    left: 0px;
    top: 120px;
    z-index: 333;
    width: 100%;
    height: 0%;
    min-height: 0;
    background: #e7ecee;
    visibility: hidden;
    opacity: 0;
    -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;
}

body.show-menu .mobiel-menu {
    visibility: visible;
    min-height: 2000px;
    height: 100%;
    opacity: 1;
}

.mobiel-menu ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 40px 0px;
}

.mobiel-menu ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.mobiel-menu ul li a {
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    color: #00adee;
}
.mobiel-menu ul li a:link {
    color: #00adee;
}
.mobiel-menu ul li a:visited {
    color: #00adee;
}
.mobiel-menu ul li a:hover {
    color: #00adee;
}
.mobiel-menu ul li a:active {
    color: #00adee;
}

/* ZOEKVELD MOBIEL */
.search-wrap-mobile {
    position: relative;
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}
.search-wrap-mobile form {
    position: relative;
    float: left;
    width: 100%;
}

.search-wrap-mobile .zoekveld  {
    position: relative;
    float: left;
    width: 100%;
}

.search-wrap-mobile .zoekbutton {
    position: absolute;
    top: 0px;
    right: 0px;
    background: none;
    border: none;
    outline: 0;
    height: 35px;
    width: 35px;
    text-align: center;
}
.search-wrap-mobile .zoekbutton:hover {
    color: #F6921E;
}

/* MENU RECHTS */
.menu-rechts {
}
.menu-rechts ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.menu-rechts ul li {
    position: relative;
    float: left;
    list-style: none;
    font-size: 17px;
    line-height: 17px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 8px;
}
.menu-rechts ul li a {
    position: relative;
    float: left;
    color: #00adee;
    padding: 29px 0 23px 0;
}
.menu-rechts ul li a:link {
    color: #00adee;
    text-decoration:none;
}
.menu-rechts ul li a:visited {
    color: #00adee;
    text-decoration:none;
}
.menu-rechts ul li a:hover {
    color: #0093ca;
    text-decoration:none;
}
.menu-rechts ul li a:active {
    color: #0093ca;
    text-decoration:none;
}
.menu-rechts ul li a:hover::before {
    text-decoration:none;
    color: #848484;
}


@media(max-width:767px){
    
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    .menu-rechts ul li {
        font-size: 13px;
        line-height: 13px;
    }
}
@media(min-width:1200px){
    .menu-rechts ul li {
        font-size: 17px;
        line-height: 17px;
    }
}


/* MENU RECHTS ICONS */

.menu-rechts ul li a::before {
    -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;
}

.systeembeheer a::before {
    display: block;
    margin: 0 auto;
    content: '\e911';
    font-family: 'icomoon';
    text-align: center;
    color: #b0b0b0;
    text-decoration: none;
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 15px 0;
    font-weight: 400;
}
.ictoplossingen a::before {
    display: block;
    margin: 0 auto;
    content: "\e90a";
    font-family: 'icomoon';
    text-align: center;
    color: #b0b0b0;
    text-decoration: none;
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 15px 0;
    font-weight: 400;
}
.cloudoplossingen a::before {
    display: block;
    margin: 0 auto;
    content: "\e905";
    font-family: 'icomoon';
    text-align: center;
    color: #b0b0b0;
    text-decoration: none;
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 15px 0;
    font-weight: 400;
}
.overig a::before {
    display: block;
    margin: 0 auto;
    content: "\e90d";
    font-family: 'icomoon';
    text-align: center;
    color: #b0b0b0;
    text-decoration: none;
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 15px 0;
    font-weight: 400;
}
.overig a {
    font-weight: 400;
}

/* SEARCH */
.search {
    min-height: 0px;
}
.search-wrap {
	display:none;
    position: absolute;
    right: 15px;
    z-index: 2;
    background: #00adee;
    padding: 10px;
}
.search-wrap form {
    position: relative;
    float: left;
}
.search-wrap .form-group {
    position: relative;
    float: left;
}

.search-wrap .zoekveld {
    position: relative;
    float: left;
    font-size: 18px;
    line-height: 18px;
    line-height: 18px;
    height: 50px;
    width: 400px;
    border:none;
    outline: none;
    background: #029bd4;
    padding: 0 15px;
    color: #e7f7fd;
    -webkit-box-shadow: inset 0px 0px 13px 0px rgba(8,97,130,0.79);
    -moz-box-shadow: inset 0px 0px 13px 0px rgba(8,97,130,0.79);
    box-shadow: inset 0px 0px 13px 0px rgba(8,97,130,0.79);
}
.search-wrap .zoekveld::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #e7f7fd;
}
.search-wrap .zoekveld:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #e7f7fd;
   opacity:  1;
}
.search-wrap .zoekveld::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #e7f7fd;
   opacity:  1;
}
.search-wrap .zoekveld:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #e7f7fd;
}

.search-wrap .zoekbutton {
    position: relative;
    float: left;
    background: none;
    border: none;
    outline: none;
    font-size: 23px;
    line-height: 23px;
    min-height: 50px;
    color: #fff;
    padding: 13px 10px 13px 20px;
    -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;
}

.search-wrap .zoekbutton:hover {
    color: #c7f0ff;
}




/* HOME PAGE BANNER */
.home-banner {
    position: relative;
    float: left;
    width: 100%;
    height: 585px;
    background: #f6f6f6;
    background-size: cover;
    background-position: center center;
}
.home-banner:before {
}
.bg-overlay {
    height: 585px;
    background: #00adee;
    mix-blend-mode: multiply;
}
.bg-overlay::before {
    position: absolute;
    content: '';
    right: 500px;
    width: 1200px;
    height: 585px;
    background: #00adee;
    mix-blend-mode: multiply;
}
.home-banner-content {
    text-align: right;
    color: #fff;
    margin:0;
    padding: 100px 30px 169px 30px;
}
.home-banner-content h3 {
    color: #fff;
    font-size:30px;
    line-height: 36px;
    font-weight: 400;
    text-transform: none;
    margin: 0 0 50px 0;
}

.home-banner-content h3:last-child {
    margin: 0;
}
.overlay-button {
    position: absolute;
    bottom: 30px;
    font-size: 18px;
    line-height: 18px;
    right: 30px;
    font-weight: bold;
    padding: 18px 35px;
}
.overlay-button:after {
    position: relative;
    float: right;
    font-family: 'FontAwesome';
    content: '\f105';
    font-size: 32px;
    line-height: 18px;
    font-weight: 400;
    margin: 0 0 0 20px;
}
.overlay-button:link {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.37);
    border: 1px solid #fff;
}
.overlay-button:visited {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.37);
    border: 1px solid #fff;
}
.overlay-button:hover {
    color: #00adee;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
}
.overlay-button:active {
    color: #00adee;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #fff;
}


@media(max-width:767px){
     .bg-overlay::before {
        right: 750px;
        display: none;
    }
    .bg-overlay {
        display: none;
    }
    .home-banner {
        height: auto;
        background-color: #00adee;
        background-blend-mode: multiply;
    }
    .home-banner-content {
    }
}
@media(min-width:768px){
    .bg-overlay::before {
        right: 750px;
        display: block;
    }
     .bg-overlay {
        display: none;
    }
    .home-banner {
        height: auto;
        background-color: #00adee;
        background-blend-mode: multiply;
    }
}
@media(min-width:992px){
    .bg-overlay::before {
        right: 404px;
    }
     .bg-overlay {
        display: block;
    }
    .home-banner {
        height: auto;
        background-color: #00adee;
        background-blend-mode:normal;
    }
}
@media(min-width:1200px){
    .bg-overlay::before {
        right: 500px;
    }
}

/* PAGE BANNER */
.page-banner {
    position: relative;
    float: left;
    width: 100%;
    height: 240px;
    background: #f6f6f6;
    background-size: cover;
    background-position: center center;
}
.page-titel {
    margin: 158px 0 10px 0;
}
.page-banner .bg-overlay {
    height: 240px;
}
.page-banner .bg-overlay::before {
    height: 240px;
}
.page-titel h4, .page-titel h1 {
    color: #fff;
}
.page-titel h4 {
    margin: 0 0 0px 0;
    font-weight: 400;
}
.page-titel h1 {
    margin: 0 0 10px 0;
}

@media(max-width:767px){
    .page-banner {
        height: auto;
        background-color: #00adee;
        background-blend-mode: multiply;
    }
}
@media(min-width:768px){
    .page-banner {
        height: auto;
        background-color: #00adee;
        background-blend-mode: multiply;
    }
}
@media(min-width:992px){
    .page-banner {
        height: auto;
        background-color: #00adee;
        background-blend-mode:normal;
    }
}
@media(min-width:1200px){
    
}



/* PAGE */
.page-content {
    position: relative;
    float: left;
    width: 100%;
    margin: 30px 0 15px 0;
}

.page .page-titel {
    margin: 184px 0 10px 0;
}

.page-template-dienstpage .page-titel {
    margin: 158px 0 10px 0;
}

.page-template-casepage .page-titel {
    margin: 158px 0 10px 0;
}

.page-template-veelgesteldevraag .page-titel {
    margin: 229px 0 10px 0;
}

.search .page-titel {
    margin: 184px 0 10px 0;
}

.error404 .page-titel {
    margin: 184px 0 10px 0;
}
.page-template-dienstenoverzicht .page-content {
    margin: 40px 0 0px 0;
}
.page-template-dienstenoverzicht .introductie {
    margin: 0 0 20px 0;
}

/* SIDEBAR */

.sidebar-wrap {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 15px 0 15px;
    background: #e7ecee;
    margin: 0 0 20px 0;
}
.sidebar-wrap h6 {
    margin:  0 0 10px 0;
}
.sidebar-wrap .widget {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.sidebar-wrap img {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin: 10px 0px;
}

.sidebar-wrap ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
}
.sidebar-wrap ul li {
    position: relative;
    float: left;
    margin: 0;
    list-style: none;
    width: 100%;
}
.sidebar-wrap ul li::before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #f6921e;
    margin: 0 5px 0 0;
}
/* BREADCRUMBS */
.broodkruimel {
    margin: -25px 0 0 0;
}
.broodkruimel p {
    margin: 0;
    text-align: right;
    color: #e1e1e1;
    font-size: 13px;
    line-height: 13px;
}

.broodkruimel a:link {
    color: #e1e1e1;
    text-decoration: none;
}
.broodkruimel a:visited {
    color: #e1e1e1;
    text-decoration: none;
}
.broodkruimel a:hover {
    color: #e1e1e1;
    text-decoration: underline;
}
.broodkruimel a:active {
    color: #e1e1e1;
    text-decoration: underline;
}


@media(max-width:767px){
    .broodkruimel {
        display: none;
    }
}
@media(min-width:768px){
    .broodkruimel {
        display: block;
    }
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}

/* CTA ZIJBALK */
.cta-blok {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    background: #e7ecee;
    margin: 0 0 20px 0;
    
}

.cta-blok h6 {
    margin: 0 0 10px 0;
}
.cta-blok ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    list-style-type: none;
}

.cta-blok ul li {
    position: relative;
    float: left;
    width: 100%;
}

.cta-blok ul li::before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #f6921e;
    margin: 0 5px 0 0;
}


.cta-blok .orange-button {
    position: relative;
    float: left;
    display: block;
    margin: 0;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 40px;
}

.cta-blok .orange-button::after {
    font-size: 26px;
    line-height: 10px;
    content: '\f105';
    font-family: 'FontAwesome';
    font-weight: 400;
    margin: 0 0 0 10px;
}

.vv-dienstpagina {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 0 0 ;
}

/* STAT */
.statistieken {
    margin: 0 -15px 50px -15px;
}

.stat {
    position: relative;
    float: left;
    margin: 30px 0;
}

.stat .number {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 58px;
    line-height: 58px;
    margin: 0 0 15px 0;
    color: #f6921e;
}

.stat .wat {
    position: relative;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #00adee;
}

.stat-wrap {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    
}

/* TABS HOME */

.diensten-tab {
    position: relative;
    float: left;
    width: 100%;
    background-color: #e7ecee;
}

.tab-container {
    position: relative;
    float: left;
    width: 100%;
}
.etabs {
    position: absolute;
    left: 485px;
    top: -38px;
    z-index: 3;
}
.etabs span {
    position: relative;
    float: left;
    margin: 0 2px 0 0 ;
}
.etabs span:last-child {
    margin: 0;
}
.etabs a {
    position: relative;
    float: left;
    background: #fff;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.etabs a:link {
    text-decoration: none;
    color: #666666;
}
.etabs a:visited {
    text-decoration: none;
    color: #666666;
}
.etabs a:hover {
    text-decoration: none;
    color: #666666;
}
.etabs a:active {
    text-decoration: none;
    color: #666666;
}

.etabs .tab a i {
    display: block;
    text-align: center;
    float: none;
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 10px 0;
}

.etabs .selected-tab a span {
    display: block;
    text-align: center;
    float: none;
}
.etabs .selected-tab a {
    color: #00adee;
}
.etabs .selected-tab a:link {
    color: #00adee;
    background: #e7ecee;
}
.etabs .selected-tab a:visited {
    color: #00adee;
    background: #e7ecee;
}
.etabs .selected-tab a:hover {
    color: #00adee;
    background: #e7ecee;
}
.etabs .selected-tab a:active {
    color: #00adee;
    background: #e7ecee;
}
.panel-container {
    position: relative;
    float: left;
    width: 100%;
    padding: 60px 0 60px 0;
}

.dienst {
    position: relative;
    float: left;
    margin: 0 0 40px 0;
}

.dienst:nth-child(4n+5) {
	
}

.dienst h5 a:link {
    text-decoration: none;
}

.dienst p {
	position:relative;
	float:left;
	width:100%;
	height:100px;
}


@media(max-width:767px){
	
}
@media(min-width:768px){
	
}
@media(min-width:992px){
	
}
@media(min-width:1200px){
	
}



.titel-icoon {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    color: #00adee;
}

.titel-icoon span {
    position: relative;
    float: left;
    font-size: 26px;
    line-height: 26px;
    margin: 0 10px 0 0;
}
.titel-icoon h5 {
    position: relative;
    float: left;
    font-size: 16px;
    line-height: 16px;
    margin: 0px;
    padding: 5px 0;
}


@media(max-width:767px){
    .etabs {
        position: relative;
        float: left;
        width: 100%;
        left: 0px;
        top: 0px;
    }
    
    .etabs .tab {
        position: relative;
        float: left;
        width: 100%;
    }
    .etabs .tab a {
        width: 100%;
        text-align: center;
    }
    
}

@media(min-width:768px){
   .etabs {
        position: relative;
        float: left;
        width: 100%;
        left: 0px;
        top: 0px;
    }
    
    .etabs .tab {
        position: relative;
        float: left;
        width: 100%;
    }
    .etabs .tab a {
        width: 100%;
        text-align: center;
    }
}
@media(min-width:992px){
    .etabs {
        position: absolute;
        width: auto;
        left: 389px;
        top: -85px;
        z-index: 3;
    }
    .etabs .tab {
        width: auto;
        position: relative;
        float: left;
    }
    .etabs .tab a {
        width: auto;
        text-align: left;
        font-size: 13px;
        line-height: 13px;
        padding: 16px 10px;
    }
}
@media(min-width:1200px){
	
    .etabs {
        position: absolute;
        left: 485px;
        top: -85px;
        z-index: 3;
    }
    .etabs .tab a {
        width: auto;
        text-align: left;
        font-size: 17px;
        line-height: 17px;
        padding: 14px 9px;
    }
}



/* INTRO RECENSIES */
.intro-recensies {
    position: relative;
    float: left;
    width: 100%;
    margin: 80px 0 0 0;
}
.intro-recensies ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.intro-recensies ul li {
    position: relative;
    float: left;
    list-style-type: none;
}

.recensie-tekst-wrap {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.28);
    -moz-box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.28);
    box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.28);
}
.recensie-tekst-wrap::after {
    left: 50%;
    margin-left: -15px;
    bottom: -30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #f6f6f6;
    border-width: 15px;
}

.intro-recensies ul li .recensie-tekst {
    position: relative;
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 30px 10px;
    font-size: 15px;
    font-style: italic;
    margin: 0;
    
}
.intro-recensies ul li .recensie-tekst::before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    font-family: "Times New Roman";
    content: '“';
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    background:#00adee;
}

.intro-recensies ul li .recensie-tekst::after {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 24px;
    height: 24px;
    font-family: "Times New Roman";
    content: '”';
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: #fff;
    background:#f6921e;
}
.intro-recensies .naam {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #5d8aa0;
}
.intro-recensies .bedrijf {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    color: #00adee;
}
.intro-recensies .bx-wrapper {
    position: relative;
    float: left;
    width: 100%;
}
.intro-recensies .bx-wrapper .bx-controls-direction a {
    position: absolute;
    z-index: 55;
    bottom: 15px;
}
.intro-recensies .bx-wrapper .bx-controls-direction a:link {
    color: #5d8aa0;
}
.intro-recensies .bx-wrapper .bx-controls-direction a:visited {
    color: #5d8aa0;
}
.intro-recensies .bx-wrapper .bx-controls-direction a:hover {
    color: #f6921e;
}
.intro-recensies .bx-wrapper .bx-controls-direction a:active {
    color: #f6921e;
}
.intro-recensies .bx-wrapper .bx-next {
    right: 0px;
}

.intro-recensies .intro {
    margin: 0 0 80px 0;
}
.intro-recensies .intro {
    margin: 0 0 80px 0;
}
.intro-recensies .recensies {
    margin: 0 0 80px 0;
}

/* REFERENTIES */
.referentie-slideshow {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px 0;
    background: #f6f6f6;
}

.referentie-slideshow .bx-viewport {
    padding: 2px 0;
    min-height: 135px;
    min-width: 102%;
    margin-left: -3px;
}

.referentie-slideshow ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.referentie-slideshow ul li {
    position: relative;
    float: left;
    height: 130px;
    margin: 0 23px 0 2px !important;
    list-style-type: none;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.28);
    -moz-box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.28);
    box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.28);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.referentie-slideshow ul li:hover {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.5);
    -moz-box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.5);
    box-shadow: 0px 0px 4px 0px rgba(85,125,145,0.5);
}
.referentie-slideshow ul li a {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    height: 100%;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.referentie-slideshow ul li .logo {
	position: relative;
    float: left;
    width: 100%;
    background: #fff;
    height: 100%;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.referentie-slideshow ul li img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
	max-height:100%;
}
.referentie-slideshow .bx-wrapper {
    position: relative;
    float: left;
    width: 100%;
}
.referentie-slideshow .bx-wrapper .bx-controls-direction a {
    position: absolute;
    z-index: 55;
    top: -50px;
    line-height: 15px;
    text-align: center;
    padding: 5px 7px;
}
.referentie-slideshow .bx-wrapper .bx-next {
    right: 0px;
}
.referentie-slideshow .bx-wrapper .bx-prev {
    right: 35px;
}

.referentie-slideshow .bx-wrapper .bx-controls-direction a:link {
    color: #747474;
    background: #e9e9e9;
    border: 1px solid #d8d8d8;
}
.referentie-slideshow .bx-wrapper .bx-controls-direction a:visited {
    color: #747474;
    background: #e9e9e9;
    border: 1px solid #d8d8d8;
}
.referentie-slideshow .bx-wrapper .bx-controls-direction a:hover {
    color: #747474;
    background: #dbdbdb;
    border: 1px solid #c5c5c5;
}
.referentie-slideshow .bx-wrapper .bx-controls-direction a:active {
    color: #747474;
    background: #dbdbdb;
    border: 1px solid #c5c5c5;
}

/* CALL TO ACTION */
.calltoaction {
    position: relative;
    float: left;
    width: 100%;
    padding: 30px 0;
    background-color: #eaeaea;
}
.calltoaction span {
    position: relative;
    float: left;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    padding: 18px 0;
}
.calltoaction .orange-button {
    float: right;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 40px;
}
.calltoaction .orange-button i {
    font-size: 26px;
    line-height: 18px;
    margin: 0 15px 0 0;
}

@media(max-width:767px){
    .calltoaction .orange-button {
        float: left;
        width: 100%;
        text-align: center;
    }
}
@media(min-width:768px){
    .calltoaction .orange-button {
        float: left;
    }
}
@media(min-width:992px){
    .calltoaction .orange-button {
        float: left;
    }
}
@media(min-width:1200px){
    .calltoaction .orange-button {
        float: right;
    }
}


/* NIEUWSBRIEF */
.nieuwsbrief {
    position: relative;
    float: left;
    width: 100%;
    background-color: #068ec0;
    padding: 40px 0 0 0;
}


.nieuwsbrief .uitleg {
    position: relative;
    float: left;
    color: #fff;
    margin: 0 0 40px 0;
}
.nieuwsbrief p {
    margin: 0;
}
.nieuwsbrief .uitleg h4 {
    color: #fff;
    margin: 0 0 10px 0;
}
.nieuwsbrief .gform_wrapper {
    position: relative;
    float: left;
    width: 100%;
    margin: 15px 0;
}
.nieuwsbrief ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    list-style-type: none;
}
.nieuwsbrief label {
    display: none;
}

.nieuwsbrief .ginput_container {
    position: relative;
    float: left;
    width: 100%;
}

.nieuwsbrief input[type=email] {
    position: relative;
    float: left;
    width: 100%;
    border:1px solid #67cff6;
    outline: none;
    background: #107da6;
    color: #c7eaf7;
    height: 56px;
    padding: 0 25px;
    -webkit-box-shadow: inset 0px 0px 13px 0px rgba(8,97,130,0.79);
    -moz-box-shadow: inset 0px 0px 13px 0px rgba(8,97,130,0.79);
    box-shadow: inset 0px 0px 13px 0px rgba(8,97,130,0.79);
}

.nieuwsbrief .gform_footer {
    position: inherit;
    float: none;
    width: auto;
}

.nieuwsbrief .gform_button {
    position: absolute;
    right: 5px;
    top: 5px;
    height: auto;
    float: none;
    background: #f6921e;
    color: #fff;
    border-bottom: #d9460d 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 30px;
    -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;
    
}
.nieuwsbrief .gform_button:hover {
    background: #d9460d;
    border-bottom: #c93804 2px solid;
}

.nieuwsbrief .validation_error {
    display: none;
}

.nieuwsbrief .gform_wrapper .validation_message.gfield_description {
    margin-left: 0px;
}


.nieuwsbrief input[type=email]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #e7f7fd;
}
.nieuwsbrief input[type=email]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #e7f7fd;
   opacity:  1;
}
.nieuwsbrief input[type=email]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #e7f7fd;
   opacity:  1;
}
.nieuwsbrief input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #e7f7fd;
}

@media(max-width:767px){
    .nieuwsbrief .gform_button {
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        right: 0px;
        top: 0px;
        margin: 10px 0 0 0;
    }
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}



/* FOOTER */
.footer {
    position: relative;
    float: left;
    width: 100%;
    background: #00adee;
    color: #fff;
}
.footer .widget {
    margin: 50px 0 0 0 ;
}
.footer h6 {
    color: #fff;
    margin: 0 0 10px 0;
}
.footer ul {
    position: relative;
    float: left;
    width:100%;
    margin: 0px;
    list-style-type: none;
}
.footer ul li::before {
    position: absolute;
    float: left;
	left:0px;
    font-family: 'FontAwesome';
    content: '\f105';
    margin: 0 5px 0 5px;
}
.footer ul li {
    position: relative;
    float: left;
    width: 100%;
}
.footer ul li a {
    position: relative;
    float: left;
	width:100%;
	padding:0 0 0 15px;
}

.footer a:link {
    color: #fff;
    text-decoration: none;
}
.footer a:visited {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    color: #fff;
    text-decoration: underline;
}
.footer a:active {
    color: #fff;
    text-decoration: underline;
}

.software-logo {
    margin: 20px 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.software-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
	width:auto;
    height: 20px;
}
.bottom-footer {
    position: relative;
    float: left;
    width: 100%;
    border-top: 1px solid #46c3f2;
    padding: 15px;
    font-size: 15px;
}
.copyright {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 14px;
    padding: 6px 0;
}
.subfootermenu {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 14px;
    margin:  0 0 0 30px;
    padding: 6px 0;
}
.subfootermenu ul {
    position: relative;
    float: left;
}
.subfootermenu ul li {
    position: relative;
    float: left;
    width: auto;
}
.subfootermenu ul li:first-child::before {
    display: none;
}
.subfootermenu ul li::before {
    content: '|';
}
.social {
    position: relative;
    float: right;
}
.social ul {
    position: relative;
    float: left;
}

.social ul li{
    position: relative;
    float: left;
    width: auto;
    margin: 0 0 0 5px;
}
.social ul li::before {
    display: none;
}
.social ul li a {
    width: 27px;
    height: 27px;
    font-size: 15px;
    line-height: 27px;
    text-align: center;
    position: relative;
    float:left;
    font-weight: 400;
	padding:0;
    background: #ff8200;
}
.social ul li a:link {
    background: #ff8200;
}
.social ul li a:visited {
    background: #ff8200;
}
.social ul li a:hover {
    background: #d9460d;
}
.social ul li a:active {
    background: #d9460d;
}





@media(max-width:767px){
    .subfootermenu {
        width: 100%;
        margin: 10px 0;
    }
    .social {
        float: left;
        margin: 6px 0;
    }
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}


/* CASES OVERZICHT */
.case {
    border: 1px solid #a6a6a6;
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    text-align: center;
    margin: 0 0 20px 0;
}
.case .logo {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 40px 0;
}
.case .logo img {
    display: block;
    margin: 0 auto;
}

.case h4 {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.case .case-info {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.case .orange-button {
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding:10px 20px;
}

/* CASE SINGLE */
.klantinfo {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}
.klantinfo .logo {
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0;
}

.klantinfo p {
    text-align: center;
}

.klantinfo .logo img {
    display: block;
    margin: 0 auto;
}

.klantinfo .website {
    position: relative;
    float: left;
    width: 100%;
}
.klantinfo .website::before {
    font-family: 'FontAwesome';
    content: '\f0ac';
    margin: 0 5px 0 0;
}

.klantinfo .contactpersoon {
    position: relative;
    float: left;
    width: 100%;
}
.klantinfo .contactpersoon::before {
    font-family: 'FontAwesome';
    content: '\f007';
    margin: 0 5px 0 0;
}

/* CALL BUTTON */
.callbutton {
    visibility: hidden;
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #f6921e;
    font-size: 25px;
    line-height: 25px;
    border-radius: 50%;
    padding: 10px 13px;
    opacity: 0;
}

.show-phone .callbutton {
    visibility: visible;
    opacity: 1;
    z-index: 60;
}


.callbutton:link {
    color: #fff;
    background: #54c433;
}
.callbutton:visited {
    color: #fff;
    background: #54c433;
}

.callbutton:hover {
    color: #fff;
    background: #54c433;
}
.callbutton:active {
    color: #fff;
    background: #54c433;
}

@media(max-width:767px){
    .callbutton {
        display: block;
    }
}
@media(min-width:768px){
    .callbutton {
        display: none;
    }
}
@media(min-width:992px){
    .callbutton {
        display: none;
    }
}
@media(min-width:1200px){
    .callbutton {
        display: none;
    }
}

/* VEELGESTELDE VRAGEN PAGE */

.veelgestelde-vragen {
    position: relative;
    float: left;
    width: 100%;
    background: #e7ecee;
    padding: 15px;
	margin: 0 0 30px 0;
}

.veelgestelde-vragen ul {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    list-style-type: none;
}

.veelgestelde-vragen ul li {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: bold;
}
.veelgestelde-vragen ul li:last-child {
    margin: 0;
}
.veelgestelde-vragen ul li a {
    position: relative;
    float: left;
    width: 100%;
}

/* CONTACTPAGE */

.locatie {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 15px 0 15px;
    margin: 0 0 30px 0;
    background: #f6f6f6;
}

/* GOOGLE MAPS */
.google-map {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
}
.google-map iframe {
    position: relative;
    float: left;
    width: 100%;
}

.acf-map {
    width: 100%;
    height: 300px;
    margin: 0 0 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
.gm-style-iw address {
    margin: 0;
}

/* WHATSAPP */
.whatsapp {
	display:none;
    position: relative;
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 15px 15px 0 15px;
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 20px;
}


.whatsapp i {
    position: relative;
    float: left;
    font-size: 25px;
    line-height: 25px;
    background: #25D366;
    color: #fff;
    padding: 5px 7px;
    margin: 0 10px 10px 0;
}

.whatsapp span {
    position: relative;
    float: left;
    margin: 0 0 10px 0;
}


/* OVER ONS PAGINA */
.bedrijfsvideo {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    margin: 0 0 20px 0;
    background: #e7ecee;
}
.bedrijfsvideo iframe {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

.medewerkers {
    position: relative;
    float: left;
    width: 100%;
}

.medewerker {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin: 0 0 30px 0;
}
.medewerker h5 {
    margin: 10px 0;
}

/* SUPPORT PAGE */

.steps {
	position:relative;
	float:left;
	width:100%;
	color:#fff;
	margin: 0px 0 30px 0;
}
.steps p {
	color:#fff;
}

.steps a:link {
	color:#fff;
}
.steps a:visited {
	color:#fff;
}
.steps a:hover {
	color:#fff;
}
.steps a:active {
	color:#fff;
}

.step {
	position:relative;
	float:left;
	width:100%;
	background:#00ADEE;
	margin: 0 0 30px 0;
}

.steps h3 {
	color:#fff;
	margin: 0 0 10px 0;
}

.step .image-box {
	position:relative;
	float:left;
	width:30%;
	padding:20px 10px 20px 20px;
}
.step .text {
	position:relative;
	float:left;
	width:70%;
	padding:20px 20px 20px 10px;
}

@media(max-width:767px){
    .step .image-box {
		width:100%;
		padding:20px;
	}
	.step .text {
		width:100%;
		padding:20px;
	}
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}


/* SEARCH PAGE */

.search article {
    margin: 0 0 30px 0;
}
.search article h4 {
    margin: 0 0 10px 0;
}

.search article header {
    margin: 0 0 10px 0;
}

.search article h4 a {
    text-decoration: none;
}

.search article h4 a:link {
    color: #00ADEE;
}

.search article h4 a:visited {
    color: #00ADEE;
}
.search article h4 a:hover {
    color: #228ac1;
}
.search article h4 a:active {
    color: #228ac1;
}

.query {
    color: #000;
    background-color: #ffc;
    display: inline-block;
    font-style: 700;
    padding: 2px 4px;
}


/* FIXES CROSS BROWSER */
.unknown .bg-overlay {
    opacity: 0.6;
    background: #0088bb;
}

.unknown .bg-overlay::before {
    background: #0088bb;
}

.ie .bg-overlay {
    opacity: 0.6;
    background: #0088bb;
}
.ie .bg-overlay::before {
    background: #0088bb;
}


@media(max-width:767px){
    
}

@media(min-width:768px){
    
}

@media(min-width:992px){
    
}

@media(min-width:1200px){
    .ie .bg-overlay::before {
		right:499px;
	}
}


/* GENERAL */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }








/* MEDIA QUERYS */
@media(max-width:767px){
    
}
@media(min-width:768px){
    
}
@media(min-width:992px){
    
}
@media(min-width:1200px){
    
}


/* USP DIENSTEN */
.usp-diensten {
	position:relative;
	float:left;
	width:100%;
	background-color:#f6f6f6;
}

.usp-diensten h6 {
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}

.usp-diensten ul {
	position:relative;
	float:left;
	width:100%;
	margin:0;
	text-align:center;
}
.usp-diensten ul li {
	display:inline-block;
	list-style-type:none;
	margin:20px 40px 20px 0px;
	
	font-size:19px;
	line-height:19px;
}

.usp-diensten ul li i {
	color:#58dd00;
}



.overview {
	overflow:hidden;
	padding:0;
	list-style:none;
	margin:0 0 0 -10px;
}

.overview li {
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}


.button {
	font-family: 'din', sans-serif;
	cursor:pointer;
	border:0 none;
	background: #f6921e;
	color:#ffffff !important;
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
}







.vacancy {
	display:inline-block;
	width:690px;
}

.vacancy .top {
	background-color:#00adee;
	height:265px;
	position:relative;
	display:table;
	width: 690px;
}
.vacancy .view-count {
	right:5px;
	top:5px;
	position:absolute;
}
.vacancy .sub {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index: 2;
	line-height:15px;
	color:#ffffff;
	font-size:12px;
	font-family: 'din-medium', sans-serif;
	font-weight:normal;
	padding:8px 10px;
	text-transform:uppercase;
}
.vacancy .sub .date {
	float:right;
}
.vacancy .sub .bg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: -1;
	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	background:#000000;
}
.vacancy .featured-image {
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:1;
	width:100%;
	height:100%;
}
.vacancy .headervac {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding:40px;
	
	font-size:15px;
	color:#ffffff;
	text-transform:uppercase;
	position:relative;
	z-index:2;
}
.vacancy .headervac h1 {
	line-height:30px;
	font-size:26px;
	font-weight:500;
	color:#ffffff;
}
.vacancy .headervac h1 strong {
	font-family: 'din-bold', sans-serif;
	font-weight:normal;
	color:#ffffff;
}
.vacancy .hr {
	margin:15px 0 10px;
	border-top:1px solid #0690c4;
}
.vacancy .button {
	margin-top:25px;
	background:#f6921e;
	font-size:18px;
	letter-spacing:1px;
	padding:7px 8px;
	font-family: 'din-bold', sans-serif;
	font-weight:normal;
}
.vacancy .button.gray {
	background:#666666;
	font-size:17px;
	padding:7px 12px;
}