/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400italic,300,300italic,700,900');

/* ----------------------
	GENERAL
 ---------------------- */
 
body {font-family: 'Lato'; font-weight:400; color:#49535D; font-size:16px; line-height:25px;}

.text-warning {color:#ff9933;}

a {color:#ff9933;}
a:hover, .readmore:hover {text-decoration:none; color:#F9B905;}
.readmore {color:#ff9933; display:inline-block; font-size:12px; text-transform:uppercase; padding-right:15px; background-image: url(../images/arrow-readmore.png); background-position: right center; background-repeat:no-repeat;}

.bg-default {padding:100px 0px;}
.bg-default-30 {padding:30px 0px;}
.bg-default-35 {padding:35px 0px;}
.bg-padding-top-only {padding-top:50px;}
.bg-padding-top-only-100 {padding-top:100px;}
.bg-padding-top-30 {padding-top:30px;}
.bg-page {padding:50px 0px;}
.bg-gray {background-color:#f3f6f8;}
.bg-dark {background-image:url(../images/bg-dark.jpg); background-position:center; color:#FFF;}
.bg-warning {background-color:#ff9933; color:#FFF;}

.avop-is {text-align:center; font-size:150%; font-weight:500;}

.btn {white-space:normal}
.btn, .btn:focus {outline:none!important; border-top:none; border-left:none; border-right:none; border-bottom-width:2px; text-transform:uppercase; font-weight:700; font-size:14px; padding:10px 20px;}
.btn:active {outline:none!important; border-bottom:none; padding-top:12px;}
.btn-warning {border-color:#E47F19;}
.btn-default {background-color:#eeeff0; color:#606d79;}
.btn-dark {background-color:#151719; border-color:#0b0c0d; color:#91979e;}
.btn-dark:hover {color:#91979e; background-color:#1B1D1F;}
.btn-dark:active, .btn-dark:focus {color:#91979e;}
.projects-slider a:hover h3{color: #ff9933;}

.title {font-size:36px; margin:0px 0px 20px;}
.subtitle {font-size:16px; color:#ff9933; text-transform:uppercase; margin:0px 0px 20px;} 
.title {margin-top:-20px;}
.title-small {font-size:20px; font-weight:700; line-height:25px; margin-top:0px;}
p + .title-small, ul + .title-small {margin-top:20px;}
.title-small + .subtitle {margin-top:-10px!important; font-size:14px;}   
.title-small + small {margin-bottom:0px;}
.text-employee .title-small + .subtitle {margin-top:0px;}   
.title + .subtitle {margin:0 0 20px; margin-top:-10px;}
.page-header{border-bottom:0px;}

.text-dark {color:#3f474f;}
small {font-size:12px; color:#afafaf; text-transform:uppercase; display:block; margin:-10px 0px 15px;}

.block {padding:30px; border:1px solid #eeeff0; border-bottom-width:2px; background-color: #FFF;}
.block .title-small{margin-bottom: 15px;}

.italic {font-style:italic;}

.carousel-nav {position:absolute; width:100%; top:35%;}
.carousel-nav .left {float:left; margin-left:-25px;}
.carousel-nav .right {float:right; margin-right:-25px;}

.no-container .row-no-margin{margin:0px;}
.no-padding {padding:0px;}
.certification-table td {vertical-align:middle!important;}
.certification-table tr td:first-child{padding:20px 10px 20px 0px!important; }   
.certification-table img {max-width:180px; height:auto;}

.bg-dark.footer{ padding:20px 0px; background-image:url(../images/bg-dark-lighter.jpg);}
ul { list-style-type: square; padding-left:20px;}
.rightblock ul li {padding:0 0 10px}

/* ----------------------
	NAV 
 ---------------------- */
.mainmenu.sticky {box-shadow: 0px 0px 10px 0px rgba(96,109,121,0.2);}
.mainmenu ul li {position:relative; padding:0px 0px 0px 40px;}
.mainmenu ul li a {padding:30px 0px; color:#606d79; font-size:16px;}
.mainmenu ul li a:hover, .mainmenu ul li a:focus, .mainmenu ul li.active a {background-color:transparent; color:#ff9933;}

.mainmenu ul.dropdown-menu {margin:0px;  box-shadow:none; border-radius:0px; border:none; list-style-type:none; padding:10px 0px; position:absolute; background-color:#606d79;}
.mainmenu ul.dropdown-menu:before {top: -4px; left: 50px; position:absolute; content:""; display:block; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #606d79 transparent;}
.mainmenu ul.dropdown-menu li {padding:0px;}
.mainmenu ul.dropdown-menu li a {color:#FFF; display:block; padding:8px 25px 8px 25px!important;}
.mainmenu ul.dropdown-menu li a:hover {background-color:transparent; color:#ff9933;}
.mainmenu ul.dropdown-menu li.active a {font-weight:700; background-color:transparent;}
.mainmenu ul.dropdown-menu li.active a:hover {color:#FFF;}



.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ background-color:transparent; } 

.navbar-brand {height:auto; padding:30px 15px;}
.navbar-brand img {width:120px; }
.navbar-brand img {max-height:60px;}


.navbar-toggle {margin: 15px 10px 0px;} 
.navbar-toggle .icon-bar {background-color:#606d79; width: 36px; margin-bottom: 6px; height: 3px; border-radius: 1px;}

/* dropdown menu  */
ul.dropdown-menu{ padding:0px; } 

/* scroller */
.scroller {position:fixed; right:0px; top:200px; z-index:100;}
.scrollpoint {top:-150px; position:relative; height:0; pointer-events:none;}
.scroller ul {list-style-type:none;}
.scroller ul li {padding-left:5px; position:relative; /*right:-150px;*/}
.scroller ul li a {display:block; color:#FFF; background-color:#ff9934; padding:5px 10px 5px 0px; border-top:1px solid #f3902a; border-bottom:1px solid #ffa54d;}
.scroller ul li a:focus, .scroller ul li a:hover {background-color:#ff9934; }
.scroller ul li.active a {background-color:#ea7f13;}
.scroller ul li:last-child a {border-radius: 0 0 0 5px;}
.scroller ul li:first-child a {border-radius: 5px 0 0 0;}
.scroller ul li a span {display:inline-block; text-align:center; width:40px;}

/* ----------------------
	COMPONENT
 ---------------------- */
 
.blog-featured {position: relative; z-index: 1; border-bottom-width:1px;}
.blog-featured table {margin:0px -15px; width:100%;}
.blog-featured table td {padding:0px 15px 0px; width:50%; vertical-align:top;}
.blog-featured .btn {margin:15px 40px 0px;} 
.blog-featured .subtitle {text-align:center;} 


.intro-image {position:relative;}
.blog .col {margin-bottom:30px;}
.intro-image .news-date {position:absolute; top:30px; left:0px; width:50px;} 
.blog .readmore {margin-top:10px;}
.blog-title h3 {margin-top:0px;}
.blog-title a {color:#606d79;} 
.blog-title a:hover {color:#ff9933}

.item-page a:hover {text-decoration:underline;}
.item-page img {max-width:100%;}

.nav-jobs li a{border-bottom:1px solid #EEE; padding-left:0; color:#49535D;}
.nav-jobs li a:hover, .nav-jobs li a:focus {background-color:transparent;color:#ff9933;}
.nav-jobs li a .fa {float:right; margin-left:10px; color:#AAA; margin-top:8px;}
.nav-jobs li a:hover .fa {color:#ff9933;}
.nav-jobs .label {float:right; background-color:#AAA; font-size:10px; margin-top:7px; margin-left:10px;}

/* SERVICE */

.header-service {padding:8% 0px; overflow:hidden; position:relative; background-size:cover; background-position: center 50%;}
.header-service .header-cta {margin:0px;}
.header-service .container .header-text-block{float:right; position:relative; z-index:20; }
.header-service img {width:auto!important;}
.header-text-block .cta-footer {margin:0!important;}
.header-text-block .header-cta {padding:0;}
.header-text-block .header-quote {margin-bottom:10px;}

#carousel-homepage .carousel-inner .item { z-index: 1; }

.header-text {z-index:2; position:relative; float:right;  width:600px; }

.service-item {margin:20px 0;float: left; width: 100%;}
.service-item.block-cta {margin:-22px 0 20px!important;}
.component-service .USP {padding-top:60px!important;}


.diensten-links {color:#49535D; }

.header-text-person {background-color:rgba(255,255,255,0.8); padding: 15px 10px; max-width:500px; margin-bottom:20px; display:inline-block; }
.header-text-person p {margin:0px; font-weight:bold; font-size:150%;}

.header-text-text {background-color:rgba(96,109,121,0.65); float:right; width:600px; clear: both; margin-top:20px; padding:15px 25px; color:white; }

.header-text-subtext {background-color:rgba(96,109,121,0.8); float:right;  width:600px;  height:50px; clear: both;  padding:10px 25px; color:white; }

.oranje {color:#ff9933}

.btnright {float:left;}

.calltoactionbrochure td {padding:20px 20px; width:50%;vertical-align:none;  }

.block .subtitle {text-align:center; }

.row.margin-top-100px {margin-top:100px;}

/*blok diensten*/

.nav-categories {white-space: nowrap; } /* !important (fixes table) */
.nav-categories li{width:50%; float:left; display:inline;background-color:#f3f6f8; border:1px solid #EBECED; text-align:center;}
.nav-categories li a {padding:20px; display:block;}
/*.nav-categories li:nth-child(odd).active a:after, .nav-categories li:nth-child(even).active a:after {background-color:#444; content: ""; display:block; width:3px; height:100%; position:absolute; top:0px;}*/
.nav-categories li:nth-child(odd).active a, .nav-categories li:nth-child(even).active a {color:#ff9933; font-weight:700; }
.nav-categories li:nth-child(even).active a:after {right:0px;}
.nav-categories li:nth-child(odd).active a:after {left:0px;}
/*.nav-categories li:nth-child(odd).active {background-image: url(../images/arrowright.png); background-repeat:no-repeat; background-position:left center;}*/
.nav-categories {float:left; width:100%; margin-bottom:30px;}
.nav-categories a {color:#49535D; font-weight:500;}
.nav-categories a:hover {color:#ff9933; font-weight:500;}

.leftblock ul {padding:0px;}
.leftblock {margin-top:-37px; margin-bottom:100px; position:relative;}

.rightblock {margin-top:50px; margin-bottom:50px;}
.rightblock h2 {margin: 5px 0px;}
.rightblock {padding-left:30px;}
 
.leftblock .readmore{margin:0px 0px 0px;} 

.list-circle{ list-style-type:none;}
.list-circle li{background-image: url(../images/li-circle2.png);  background-position:left center; background-repeat:no-repeat; padding-left:40px;}

/* ----------------------
	GROUP
 ---------------------- */
/*ons aanbod*/

.we-offer ul {list-style-type:none; padding:0;}
.we-offer a, .we-offer h3{ background-color:#f3f6f8; border:1px solid #EBECED; padding:10px 17px; display:inline-block; width:100%; text-align:left; color:#49535D;}
.we-offer h3{ background-color:#606D79; color:white; margin:0px; padding:18px;} 
.we-offer a:hover, .we-offer a:active{color:#ff9933;}
.we-offer{float:left; width:100%; margin-top:20px; margin-bottom:100px;}
.we-offer .service-child {padding:0!important;}
.we-offer .service-child a {padding: 5px 17px 5px 17px;background-color: #edeff1;font-size: 14px;}
.we-offer li .fa-angle-down {float:right;}
.we-offer li.active a{color: #ff9933;}

/*4 menu blocks*/

.grouppage .nav-categories li:nth-child(even).active a:after{visibility:hidden;}
.grouppage .nav-categories li:nth-child(even).active {background-image:none; }
.grouppage .nav-categories li:nth-child(odd).active a:after {visibility:hidden;}
.grouppage .nav-categories li:nth-child(odd).active {background-image:none; }
.grouppage .block{ display:none;}
.grouppage .leftblock{ margin-bottom:0px;}
.img-frame-table-cell img{max-width: 142px;}

/* ----------------------
	MODULES
 ---------------------- */
 
.top {position:relative;}

.header-overlay {position:absolute; width:100%; height:200px; left:0px; top:0px; z-index:1; background-image:url(../images/header-overlay.png); background-position:top left; background-repeat:repeat-x;}

.sidebar {margin-top:-60px;}
.sidebar .title-small {background-color:#616d79; color:#FFF; height:60px; margin:0px; padding:18px 30px; text-transform:uppercase;}
.sidebar .block {background-color:#f2f6f9;}

.sidebar .block .nav {margin:-30px;}
.sidebar .block .nav li a {padding:10px 20px 15px 20px;}  

.header-home {text-align:center; background-color:#f8f8f8; padding-top:0px;}
.header-home img {max-height:500px; margin-bottom:-10px; max-width:100%;} 
.header-home .container {position:relative;}
.header-home h1 {background-color:rgba(255,255,255,0.8); position:absolute; padding:10px; font-size:24px; font-weight:700; right:0px; top:0px;}

.header-small {position:relative; overflow:hidden; padding:120px 0px;}
.header-small img {position:absolute; left:0px; top:0px; min-height:100%; min-width:100%; z-index:-1;}
.header-small h1 {position:relative; z-index:2; background-color:rgba(255,255,255,0.8); padding:10px 20px; float:right; font-size:36px; font-weight:700;}
.header-small .header-subtitle {clear:both; background-color:#616d79; color:#FFF; padding:10px 20px; float:right; font-weight:700;}

.header-cta {position:relative; padding:15px 15px 0px; max-width: 500px; margin:-180px auto 60px; background-color:rgba(96,109,121,0.8); color:#FFF;}  
.cta-footer {font-weight:700; background-color:#606d79; margin:15px -15px 0px; padding:10px 15px 5px;}

img.header-background {position:absolute; width:100%; left:0px; top: 30px; padding-left: 98px; height: 91%; }

.block-overlay {padding-top:0px;}
.introtext{padding-top:22px;}
.services-block {background-color:#FFF; border-bottom:2px solid #eeeff0; border-right:1px solid #eeeff0; z-index: 2; }
.services-block .col {border-left:1px solid #eeeff0; border-top:1px solid #eeeff0;}
.services-block .table-cell {vertical-align:middle;}
.block-service {display: block; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 0;}
.services-block ul {list-style-type:none; padding:0px;}
.services-block ul li {line-height:35px; padding:0px 0px 0px 30px; background-image:url(../images/li-checkmark.png); background-repeat:no-repeat; background-position:left center;}
.service-child {padding-left: 55px !important; background-size: 12px !important; background-position: 30px 55% !important;}
.services-block .col.text-right ul li {background-position:right 10px; padding:0px 30px 0px 0px;}
.services-block .col.text-right .service-child {padding-right: 55px !important; background-position: 91% 12px !important;}
.services-block ul li a {color:#49535D; position:relative; z-index:1;}
.services-block ul li a:hover {color:#ff9933;}
.group-title {text-transform:uppercase; font-weight:700; z-index:1; background-color: #606d79; color: #FFF; padding: 5px 20px; width: 160px; display: inline-block; text-align: center; position: absolute;}

.group-title.active {background-color:#ff9933;}
.group-title.active.not-active {background-color: #606d79;}

.quote {font-size:24px; font-weight:300; font-style:italic; line-height:35px; padding:120px 0px 60px!important;}
.USP{padding:60px 0px!important;}
.quote img {float:left; padding:0px 40px 0px 0px;}

.block-cta {position:relative; z-index:1; margin-bottom:-68px; font-size:18px;}
.bg-cta {border:1px solid #eeeff0; border-bottom-width:2px; text-align:center; padding:20px; display:block; margin-top:-1px;}
.block-cta p {margin:0px;}

.projects-slider .block {min-height:300px;}
.projects-slider a, .projects-slider a:hover {color:#49535D;}
.projects-slider .carousel-indicators {top: 10px; position: relative; width: 100%; display: inline-block; left: 0px; margin: 0px;}
.projects-slider .carousel-indicators li {background-color:#FFF; margin:0px -5px 0px 0px; border-radius:0px; padding:10px; height:80px; width:125px; border:1px solid #eeeff0;text-indent:inherit;}
.projects-slider .carousel-indicators li a {pointer-events:all; display:block; position:relative; z-index:10;}
.projects-slider .carousel-indicators li:hover {border-color:#D9DFE4; z-index:1; position:relative;}
.projects-slider .carousel-indicators li.active {border-color:#ff9933; position:relative; z-index:2;}
.projects-slider .carousel-indicators li span {display:table-cell; vertical-align:middle; height:60px;}
.projects-slider .carousel-indicators li img {width:100%;}
.projects-slider .block {padding:30px 50px;}

.newsflash .col {margin-bottom:10px;}
.newsflash table td {vertical-align:top; font-size:14px;}
.newsflash table td.first-col {width:70px; padding-right:10px;}
.news-date {font-size:14px; font-weight:900; text-transform:uppercase;padding:10px; text-align:center; line-height:18px;}
.newsflash .title-small {font-size:18px; line-height:25px; margin:0px 0px 10px;}
.newsflash .title-small a:hover {color:#ff9933;}
.newsflash .readmore {margin-top:10px;}

.category-module, .sidebar .nav {margin:-30px; list-style-type:none; padding:0px;}
.category-module li a, .sidebar .nav li a {position:relative; color:#616d79; display:block; border-bottom:1px solid #FFF; border-top:1px solid #e8edf0; padding:10px 50px 15px 30px;}
.category-module li:last-child a, .sidebar .nav li:last-child a {border-bottom:none;}
.category-module li a:hover, .sidebar .nav li a:hover {color:#ff9933; background-color:transparent;}
.sidebar .nav li a:focus {outline:none; background-color:transparent;}
.sidebar .nav li.active a {font-weight:bold; color:#ff9933;}
.mod-articles-category-date {position:absolute; right:0px; top:10px; padding:3px 5px; background-color:#e8edf0; font-size:10px;}


.contact-bottom {background-image: url(../images/bg-coffee.jpg); background-repeat:no-repeat; background-position: 20% -20%;}
.contact-bottom .col {float:right; font-size:18px;}
.contact-bottom .btn {margin-right:10px;}

.USP table {margin:0px auto;}
.USP table td {vertical-align:top; padding-right:20px;}
.USP img {padding:0px; position:relative; top:8px;}

.contactinfo table {margin-top:20px; margin-bottom:20px;}
.contactinfo .block {padding-top:25px;}
.contactinfo td {padding-right:1.5em;}
.contactinfo img {width: calc(100% + 60px);
    height: auto;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -45px;
	margin-top: 10px;}
	 
.contactarticle{ text-align:center; margin-top:50px; margin-bottom:40px;}
.formleft{margin-left:0px;}
.formright, .formleft{text-transform:uppercase;}
.contactformbottom{margin-top:15px; margin-bottom:50px;}

.footer-question {padding:130px 0px;}
.footer-question img{max-width:150%; text-align:center; position:absolute; z-index:-5; margin-top:-90px;}
.footer-question .coffee{margin-left:-5%; margin-top:7px;}

.leftblock .list-circle li.active a{font-weight:700;}

.module-inline {display:inline;}
.module-inline * {display:inline;}

/* ----------------------
	FOOTER
---------------------- */
.footer-top {font-weight:300; background-color:#383d42; padding:20px 0px; color:#FFF;}
.footer-top .form-control {background-color:#474c52; border-color:#383d42; color:#96a1ac; font-weight:400;}
.footer-top .form-control:focus {border-color:transparent;}
.footer-social {padding-top:5px;}
.footer-social p {margin-bottom:0px;}

.footer {padding:40px 0px; font-size:14px;}
.footer h3 {font-size:18px; font-weight:700; line-height:25px;}
.footer-menu {list-style-type:none; padding:0px; margin:0px 0px 20px;}
.footer-menu li {font-weight:700; width:25%; float:left;}
.footer-menu li a {font-weight:400; display:block; color:#e5e5e5; font-size: 16px; font-weight: 700; line-height: 25px; margin-top:20px; padding:0px}
.footer-menu li a:hover {color:#ff9933; background-color:transparent;}
.footer-menu li ul {list-style-type:square; padding-left:4px; list-style-type:none; padding:0; margin-top:5px;}
.footer-menu li ul li ul{margin:0 0 0 15px; list-style-type:square;}
.footer-menu li ul li {width:100%; line-height:normal; font-weight:400; font-size:14px; color: #e5e5e5;  padding:5px 10px 5px 0px;}
.footer-menu li ul a {font-size:14px; font-weight:400; padding:0; line-height:normal;margin-top:0;}
.footer-menu li ul li ul li a {font-size:12px;}
 
.copyright {margin-top:10px; color:#969696;}  
.copyright img {max-width:250px; margin-top:-9px;}
.copyright .logo-footer {position:relative; bottom:-8px;} 
.copyright .creator {margin:10 0 0;}
.copyright .creator, .copyright .creator a {color:#AAA; font-size:12px;} 
/* ----------------------
	FORMS
---------------------- */
.form-group {position:relative;} 
.control-label {text-transform:uppercase; font-size:14px;}
.form-control {height:42px; box-shadow:none; border:1px solid #e1e6e9; color:#929CA2;}
.form-control:focus {box-shadow:none; border-color:#B7C1C7;}
 
.qaptchaslider{float:left;}
.contactform button{float:right; height:45px; }
label.error{color:#ff9933; font-size:10px; font-weight:400; text-transform:none; position:absolute; bottom:-25px; left:0px;} 
.contactform .QapTcha{margin-top:0px;}
.alert-success{position: fixed; bottom: 10px; right: 10px; z-index: 20; max-width: 300px;}
.alert-success h4{display:none;}
 
/* ---------------------------------------------------------------------------------------------------------------------
														Colleagues
---------------------------------------------------------------------------------------------------------------------------------------- */
 
.colleagues-page img {width:100%; max-height:auto; overflow:hidden;}
.colleague-block.block {height:150px;}
.coach-block {height:170px;}
.colleague-block {max-height:400px; border: 1px solid #eeeff0; margin-bottom:30px;}
.photo-frame {max-height:250px; overflow:hidden; }
.colleague-block .block {padding:20px; }
.bg-padding-top-only>h2 {margin-bottom: 25px; padding-left:0px;}

/* ---------------------------------------------------------------------------------------------------------------------
														Colleague Detail
---------------------------------------------------------------------------------------------------------------------------------------- */

.photo-frame-big {overflow:hidden;}
.borderleft {border-left:1px solid #eeeff0;}
.photo-frame-big img {width:100%; height:100%;}
.margin-bottom-30px {margin-bottom:30px; border:1px solid #e1e6e9;}
.row-description-employee {margin-top:15px;}
.colleagues-details {margin-bottom:20px;}
.colleagues-details .table-display {margin:0px; border: 1px solid #eeeff0;}
.text-employee {padding: 0px 25px; padding-top: 30px;}
.text-employee-box {padding-bottom:0px;}

.colleagues-details .employee-info {position:absolute; bottom:0px; left:15px; width:100%;}

p.quote-detail:before, p.quote-detail:after {content: '"';}
.quote-detail {font-style:italic; margin-bottom:95px;}

.employee-info .info-gray {display:inline-block; margin:0px 20px;margin-left: 10px;margin-right: 30px;}

/* ---------------------------------------------------------------------------------------------------------------------
														Projects
---------------------------------------------------------------------------------------------------------------------------------------- */

.grayborder {border: 1px solid #eeeff0;}
.grayborder-left {border-left: 1px solid #eeeff0; width:100%;}
.single-service {padding-bottom:30px;}
.single-service-text, .service-text-responsive {padding:30px 15px;margin-bottom:14px;}
.service-text-participant{min-height:290px;}
.participant .img-frame-table .col-sm-6:nth-child(odd) {clear:left;}
.participant .img-frame-table .col-sm-6:nth-child(even) {clear:right;}
.img-frame-table {display:table;     margin-left:0px;  margin-right:0px;}
.img-frame-table-cell {display:table-cell; vertical-align:middle; float:none; }
.single-service .bg-default-30 {padding-top:15px;}
.single-service-text h2 {color:#49535D;}
.client{margin-top:70px;}

  /* ---------------------------------------------------------------------------------------------------------------------
														Project-detail
---------------------------------------------------------------------------------------------------------------------------------------- */

.project-detail-div {padding-top:20px;}

  /* ---------------------------------------------------------------------------------------------------------------------
														blog-detail
---------------------------------------------------------------------------------------------------------------------------------------- */

.img-news-article{ margin-bottom:30px;}
.space-blog{margin-bottom:10px;} 


 /* ---------------------------------------------------------------------------------------------------------------------
														Assesment & brochure
---------------------------------------------------------------------------------------------------------------------------------------- */

.qaptchaslider{float:left;}

.submit-assesment button{float:right; height:45px;}
.submit-brochure button{ float:left!important;}

.submit-assesment .QapTcha{margin-top:0px;}
.submit-assesment .dropError { display:inline;}
.submit-assesment {margin-top:43px;}

.form-block {margin-top:-150px;}


/*.submit-brochure{margin-left:auto; margin-right:auto; width:400px;} !! center's quaptcha en button  */
.submit-assesment { margin-top:25px;}
 
.form-group ul {list-style: none; padding-left: 0px; text-transform: none;}
.form-group ul label {font-weight:normal; padding-left:4px; margin-bottom:1px;}
.form-group ul .checkbox {padding-left: 20px; margin-top: 0px; margin-bottom: 0px;}
.avop-check {top: 3px;}

.form-block .title {text-align:center;}
 
/* ---------------------------------------------------------------------------------------------------------------------
														Opdrachtgevers 
---------------------------------------------------------------------------------------------------------------------------------------- */
 
.clients-logos img {width:140px; height:auto; margin:15px;}
 	
/* ---------------------------------------------------------------------------------------------------------------------
														vacatures opdrachtgever 
---------------------------------------------------------------------------------------------------------------------------------------- */
 
.employ-clients table {font-size:12px;}

/* ---------------------------------------------------------------------------------------------------------------------
														Thankyou 
---------------------------------------------------------------------------------------------------------------------------------------- */

.read-blog {padding-top:25px;}
.thankyoupage .title {font-size: 49px;line-height: 52px; margin: 0px 0px 20px; text-align: center;}
.thankyoupage .ty-message {text-align: center;font-size: 20px; font-weight: 300;  font-style: italic;}

/* ---------------------------------------------------------------------------------------------------------------------
														carousel homepage
---------------------------------------------------------------------------------------------------------------------------------------- */

.header-car .header-cta p {font-size:14px;}
.header-car img {width:100%; height:auto; margin-top:30px;}
/*.carousel-inner>.item>img { margin-top:30px;}*/
.carousel-indicators .active {background-color:orange; border:orange;}
.carousel-indicators li {background-color:white;}

.carousel-caption .header-caption {float: right;bottom: 40px;right: 20px;position:relative;}
	
.header-car .carousel-caption {text-shadow: none;}

.carousel-caption .header-caption .header-text-person { position: absolute;left: 0px;top: -75px;}
.carousel-caption .header-caption .header-text-person p {text-shadow:none; color: #49535D;}
.header-car .carousel-indicators {/*opacity:0;*/ bottom:45px;}

.carousel-caption .header-caption .header-cta {margin: 0px; text-align:left; line-height: 1.4;}
.carousel-control {display:none;}

/*home header*/
.carousel-inner { overflow: inherit!important; }
.carousel-indicators { bottom: -90px; }
.carousel-inner>.item>img { margin-top: -152px;}
.header-service img.header-photo { position: absolute; }

/* ---------------------------------------------------------------------------------------------------------------------
														Language switch
---------------------------------------------------------------------------------------------------------------------------------------- */
#mainmenu { float: left; margin-left: 20%;  }
.navbar-fixed-top .mod-languages { position: sticky; }
.navbar-header .mod-languages { position: sticky; }

.navbar-fixed-top .mod-languages { margin-top: 34px;  margin-left: 70%;  }
.navbar-fixed-top.sticky .mod-languages { margin-top: 23px;  margin-left: 70%;  }

.lang-inline { float: left; }
.mod-languages .lang-inline li a { padding: 0!important; }


/* ----------------------
	RESPONSIVE
---------------------- */
@media(min-width:600px){
	.table-cell {display:table-cell; float:none!important;}
	.v-align {vertical-align:middle; }
	.align-top {vertical-align:top;}
	.table-display {display:table; width:100%;}
}

@media(min-width:600px){
	.services-block {position:relative; margin-top:-40px;}
	.services-block .col {padding: 40px ;}

	.group-title.title-top {right:-80px; top:-1px;}  
	.group-title.title-right {bottom:-17.5px; right:-1px;}
	.group-title.title-bottom {left:-80px; bottom:-1px;}  
	.group-title.title-left {top:-17.5px; left:-1px;}
	
	.services-block .services-logo {border-radius:200px; height:120px; width:120px; right:-60px; bottom:-60px; position:absolute; z-index:1; box-shadow: 0px 1px 0px 2px rgba(96,109,121,0.1); display:block; position:absolute; background-color:#FFF; text-align:center;}
	.services-block .services-logo a {padding:50px 0px 45px 0px; display:block;}
	.services-block .services-logo img {height:30px;}	
}

@media(min-width:767px) and (max-width:992px){
	.mainmenu ul li {padding:0px 0px 0px 20px;}
	
	.header-cta {margin-top:-150px;}
	
	.header-small {padding:80px 0px;}
	
	.services-block {margin-top:-20px;}
	
	.footer-question {padding:50px 0px 0px!important;}
	.footer-question img {margin-top:-30px; max-width:130%;}
	
	.service-text-participant{height:375px;}
	.intro-image .news-date {top:20px;}
	.blog-title a {font-size:18px;}
	
	.footer-menu li {width:50%;}
	.footer-menu li ul li {width:100%;}
}

@media(max-width:992px) and (min-width:601px){
	.contactinfo img {display:none;}
}

@media(max-width:767px) and (min-width:480px){
	.col-colleagues {width:50%!important; }
}

@media(min-width:767px){
	.mainmenu ul.navbar-nav {margin-top:10px;}
	.mainmenu ul.navbar-nav {float:right;}	
	.mainmenu li.parent:hover ul.dropdown-menu {display:block!important;}
	.services-block ul {display:table-cell; vertical-align:middle;}	

	.blog-title {height:70px; margin-left:40px;} 
	
	.form-contact textarea {min-height:307px;}
	
}

@media(min-width:992px){
	.content-left {padding-right:20px;}
	.content-right {padding-left:20px;} 	
	.footer h3 {min-height:40px; word-spacing:100px;}
	.component-small-top {padding:40px 0px 40px 20px;}
	.block-affix.affix {position:fixed; top:80px; margin-top:0;}		
}

@media(min-width:1100px){
	.header-car {margin-top:-50px;}	
}

@media(min-width:1300px){
	.header-car {margin-top:-100px;}	
}

@media(max-width:1300px){
	.header-service {padding:135px 0px;}
}

@media(max-width:991px){
	.block-affix.affix {height:auto!important;}	
	.header-caption{	display:none;}
	
	.contactinfo img {width: calc(100% + 30px);  height: auto;  margin-left: -15px;  margin-right: -15px;  margin-bottom: -15px;}	
			
	.block{ padding:15px;} 
	
	.header-small img {left:-20%;}
	
	.sidebar {margin:0px;}
	
	.contact-bottom {background-position:right -20%;}

	.footer-top {text-align:center;}
	.footer-top .form-newsletter {max-width:350px; margin:15px auto 0px;}

	.footer .col:first-child {width:75%; float:left;}
	.footer .col:last-child {width:25%; float:left;} 
	
	.header-text-person { background-color:rgba(255,255,255,1); margin-bottom:0px; }

	#opacity1 {background-color:rgba(96,109,121,0.95); }
	
	.leftblock {margin-top:30px; margin-bottom:0px;}
	
	.rightblock {padding-left:0px; margin-top:30px; margin-bottom:30px; }

	.we-offer {padding-left:0px; margin-top:0px;}
	
	.grouppage .rightblock {padding-left:0px; margin-top:0px; margin-bottom:30px;}
	
	.footer-question img {max-height:300px; position:relative; margin-left:0px }

	.header-service {padding:120px 0px 100px;}
	.header-service img.header-background {width:auto; height:83%; margin-left: 11px; top: 46px;  }
	
	.sidebar .block .nav {margin:-15px; }
	
	.colleagues-details {margin-top:0px;}
	
	#map_canvas {height:300px!important;}
	
	.img-frame-table {display:block;}
	.img-frame-table-cell img {margin-left: auto; margin-right: auto;display: block; padding:10px 0px;}
	.img-frame-table-cell {display:table-cell;}
	.grayborder-left {border-left:none; border-top:1px solid #eeeff0; }
	.single-service-text {padding: 30px 0px;}
	

	.category-module, .sidebar .nav {margin:-15px; list-style-type:none; padding:0px;}
	
	.submit-assesment button {float:left;}
	
	.we-offer {margin-bottom:20px;}
	
	.header-car .carousel-indicators {/*opacity:0;*/ bottom:25px; }
}

@media(max-width:780px){
	.service-blocks .bg-default {padding: 50px 0px;}
	.service-blocks .margin-top-100px {margin-top:50px;}
	.header-car .carousel-indicators { /*opacity:0;*/ bottom:6px; }
}

@media(min-width:1201px){
	.btn-assessment{ margin-left:15px;}
}

@media(min-width:992px) and (max-width:1200px){
	.btn-assessment{ margin-top:15px;}
}

@media(min-width:602px)and (max-width:991px){
	.btn-assessment{margin-top:0px; margin-left:15px;}
}
	
@media(min-width:587px)and (max-width:601px){
	.btn-assessment{margin-top:15px; margin-left:0px; display:block;width:286px; }
	}

@media(max-width:586px){
	.btn-assessment{ margin-top:15px; margin-left:0px; display:inline-block;}
}

@media(max-width:767px){
	/*.services-block{border:0px;}
	.services-block .text-right .group-title {left:0px !important;right:0px !important;}
	.services-block .group-title {position: relative;
    padding: 0;
    width: 100%;
    text-align: left;
    padding: 9px 10px;
    left: 0px;
    right: 0px;
    text-transform: none;
    font-weight: 500;
    font-size: 18px; }
	.services-block .table-cell{padding:0px !important; margin-top: 15px;}*/
	
	.home-menu .nav-categories li a, .home-menu .nav-categories li span{background: #f3f6f8; padding: 5px 17px; border:1px solid #EBECED; font-size: 15px; line-height: 35px; width: 100%; display: block; text-align: left;}
	.home-menu .nav-categories li{float:none;width:100%;border:0px;}
	.home-menu .nav-categories{float: none; width: 100%;  padding: 0;}
	.home-menu .dropdown-menu {
	
    position: relative;
    top: initial;
    left: initial;
    z-index: 1000;
    display: block;
    float: none;
    
    padding: 0px;
    margin: 0px;

    text-align: left;

    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-background-clip: none;
    background-clip: none;}
	.home-menu .nav-categories .parent > a{background: #606d79;
    color: #fff;
    font-weight: 500;
    font-size: 18px;}
	.home-menu .nav-categories .parent .parent ul li a{padding: 5px 17px 5px 17px;
    background-color: #edeff1;
    font-size: 14px;}
	.home-menu .nav-categories .parent span:after{font-family: FontAwesome;
    content: "\f078";
    font-size: 12px;
    position: absolute;
    right: 15px;}
	.home-menu .nav-categories  .dropdown-menu{margin: 0px 0px 15px 0px;}
	.home-menu .nav-categories  .dropdown-menu  .dropdown-menu{margin: 0px;}
	
	.services{display:none;}
	.component-top .services-block {top: 0px; margin-top: -50px;} 
	.header-car img {margin-top: 60px;}

	.navbar-header {background-color:#FFF; box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.2);}
	.navbar-brand {padding:10px 15px!important; z-index:2;}
	.navbar-brand img {height:50px!important;}
	.mainmenu ul.navbar-nav {margin:0px -15px; background-color:#606d79; padding:0px;}
	.mainmenu ul li {padding:0px;}
	.mainmenu ul li a {color:#FFF; padding:15px 20px!important; border-bottom:1px solid #57636D; border-top:1px solid #6F7B86;}
	.mainmenu ul.dropdown-menu li a {color:#DCDCDC; display:block; padding:15px 20px 15px 35px!important; font-size:15px; border-top:1px solid #454F58}
	.mainmenu ul.dropdown-menu li {background-color:#505B66; }
	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {background-color:#586775;}
	
	.bg-default {padding:50px 0px;}

	.header-home {padding-top:50px;} 
	.header-home h1 {top:-50px;}
	.header-service {padding:0px; padding-top:220px;}
	.header-small {padding:50px 0px;}
	
	.header-cta {margin:0px; max-width:100%;}
	.services-block {top:0px; margin-top:15px;}
	
	.blog-featured table td {display:block; float:left; width:100%; padding:0px 0px 15px 15px;}
	.service-text-responsive{padding: 30px 10px!important; height:inherit;}
	.sidebar {margin:0px 0px 15px;} 
	
	.quote {text-align:center;}
	.quote img {float:none; height:80px; margin-bottom:30px; margin-top: 0px; padding:0px;}
	
	.contact-bottom {padding:0px}
	.contact-bottom .container {padding:80px 15px; background-color:rgba(255,255,255,0.8);}
	
	.copyright, .copyright .creator{text-align:center;}	
	.copyright img {margin:0px auto; display:block; margin:15px auto;}
	.copyright .logo-footer {text-align:center;}
	
	.USP table td {display:block; float:left; width:100%;}
	.USP img {width:auto; height:auto; margin-top: 10px;} 
	
	.footer-question .coffee{margin-left:0%;}
	
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height:none;}
	
	.footer-question img{ display:none; }
	.footer-question{margin-left:0px;}
	.footer-question-text {text-align:center;}
	
	.row.margin-top-100px{margin-top:50px;}	
	
	.bg-dark {padding-top:100px}   

	.header-overlay{ display:none;}

	.img-frame-table{display:block;}
	.img-frame-table-cell img{margin-left: auto; margin-right: auto;display: block; padding:10px 0px;} 
	.img-frame-table-cell{display:block;}
	.colleague-block {max-height:none;}
	.photo-frame {max-height:420px;}
	
	#projects-carousel .block{padding:30px 30px;}

	.content-right .bg-page{padding: 10px 0px;}
	
	.USP table{margin: 0 auto;} 
	.mainmenu ul.dropdown-menu{padding:0px;}
	
	.content-right .bg-padding-top-only{ padding-top:0px; } 
	
	#opacity1{ display:none; } 
	
	#col-text-block{ padding:0px; margin: 0px auto;  }

	.form-block{margin-top: 0px; padding:0 15px; border:none;}
	.form-block .title{text-align:center;}
	
	.header-service {margin-top:70px;}
	.header-service img.header-background {/*margin-left:0px; width:100%; height:auto;*/   padding: 0px; position: absolute; left: 125px; height: 88%; top: 26px; }

	.header-service #col-text-block {margin-top:-150px;}
	.header-service .header-text-person {padding:5px 10px;}
	.header-service .cta-footer {padding:5px 10px; font-size:14px; margin-top:-20px;}
	.header-service .cta-footer p {margin:0px;}
	.header-text-block {max-width:60%;}
	
	.blog-title {margin-left:40px;}
	.blog-title h3 {font-size:16px; line-height:22px;}
	.intro-image .news-date {top:10px;}
	.footer .col {width:100%!important;}
	.footer-menu li ul {display:none;}	
	.footer-menu li {width:100%;}
	
}

@media(min-width:991px) and (max-width:1200px){
	.header-caption{max-width:470px;}
	.nav-categories li a {font-size:14px;}
}

@media screen and (min-width: 768px){
	.carousel-caption {left: 20%;right: 12%;}
	.colleagues-page .block{min-height:143px;}
}

@media(max-width:1100px){
	.header-text-person {display:none;}
}

@media(max-width:600px){
	.services-block {border-top:1px solid #eeeff0;}
	.services-block .col {padding:50px 30px 15px; float:left; width:100%; border-top:none;}		
	.services-block .col-3 {border-top:1px solid #EEE}
	.services-block .group-title {left:-1px; top:-1px;}
	.services-block .text-right .group-title {right:-1px; left:auto;}
	.services-block .services-logo {display:none;}

	.footer .col {width:100%;}	
	.header-service {padding-top:180px; }
	.colleagues-details .col{width:100%;}

	.bg-dark {padding-top:30px}
	.component-bottom .bg-dark {padding-bottom:0px }
	.copyright{ margin-top:10px;}
	 
	.employee-info .info-gray{display:block;}
	
	.photo-frame-big img{  height:250px; width :auto; display:block; margin:auto; }
	.photo-frame-big{ height:250px; overflow:hidden; margin-bottom:15px;background-color: #f3f6f8; }

}

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

@media(max-width:520px){
	.component-bottom .block .custom .btn-warning{ font-size:10px;}
	.header-service #col-text-block {margin-top:-100px;}
	.header-service .header-text-person p {font-size:20px;}

	.header-service img.header-background {width:110%; margin-left:-10%; left: 112px; height: 88%; top: 25px; }
}

@media(max-width:480px){
	.header-car img {margin-top: 60px;}
	.header-home h1 {font-size:20px;}

	.component-top .services-block {top: 0px; margin-top: -50px;} 
		
	.blog-featured .btn {margin: 15px 0px;}
	.blog-featured table {display:block; margin:0px 0px 0px -15px; width:auto;}
	
	.header-service{ padding-top:125px; } 
	.header-service .header-text-person p {font-size: 16px;}

	.header-ser
	vice img.header-background {width:110%; margin-left:-10%; left: 84px; height: 88%; top: 15px; }
	
	.nav-categories li{ width:100%; }
	
	.contactform button{ float:left;}
	.certification-table td {display:block; width:100%; border:none!important;}
	.certification-table tr td:first-child{ padding:10px 0px!important;}
	
	.colleague-block {max-height:none;}
	.photo-frame {max-height:none;}
	.colleagues-page img{width:100%; height:auto;}

	.services-block .col {padding: 50px 10px 15px 10px;}
}

@media (min-width: 1300px){
	.carousel-caption { left: 20%;  right: 22%;}
}

@media (min-width: 1420px){
	.carousel-caption .header-caption { bottom: 104px;}

	img.header-background { position: absolute; left: 200px; top: 38px; height: 91%; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
	.header-service img.header-background { position: absolute; left: -25px; top: 56px; height: 79%; }
}


@media(max-width:520px){
	.carousel-indicators { bottom: -5px; }
	.header-service img.header-photo{ height: 145px!important; top: 12px!important; left: 46px!important;}
}

@media(min-width:521px){
	.carousel-indicators { bottom: -5px; }
	.header-service img.header-photo{ height: 145px; top: 12px; left: 46px!important;}
}

@media(min-width:600px){
	.carousel-indicators { bottom: 0px; }
	.header-service img.header-photo{ height: 198px; top: -44px; left: 25px; }
}

@media(min-width:526px) and (max-width:767px){
	.header-service img.header-photo{ height: 198px!important; top: -44px!important; left: 68px!important;  }
}

@media(max-width:767px){
	.carousel-indicators { bottom: -6px!important; }
	.header-service img.header-photo{ height: 221px; top: -68px; left: 68px;  }
}

@media(max-width:991px){
	.carousel-indicators { bottom: -80px; }
	.header-service img.header-photo{ height: 220px; top: 80px; left: 145px;  }
}

@media(min-width:992px){
	.carousel-indicators { bottom: -80px; }
	.header-service img.header-photo{ height: 238px!important; top: 103px!important; left: 144px!important;  }
}

@media(min-width:1020px){
	.carousel-indicators { bottom: -90px; }
	.header-service img.header-photo{ height: 246px; top: 80px!important; left: 136px!important;  }
}

@media(min-width:1300px){
	.header-service img.header-photo{ height: 285px!important; left: 215px!important; top: 128px!important;}
}

@media(min-width:1420px){
	.carousel-indicators { bottom: -74px; }
	.header-service img.header-photo{ left: 260px!important; height: 272%!important; top: 88px!important;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
	.header-service img.header-photo{ height: 217px!important; left: 95px!important; top: 73px!important;}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.header-service img.header-photo{ height: 284px!important; left: 264px!important; top: 115px!important;}
}

@media (min-width: 1024px) and (max-width: 1366px) {
	.header-service img.header-photo{ height: 284px!important; left: 264px!important; top: 115px!important;}
}


@media(max-width:480px){
	.navbar-header .mod-languages { margin-left: 66% !important; }
}

@media(min-width:445px) {
	.navbar-header .mod-languages { margin-left: 76% !important; }
}

@media(max-width:586px) {
	.navbar-header .mod-languages { margin-left: 79%; }
}

@media(min-width:600px) {
	.navbar-header .mod-languages { margin-left: 82% !important; }
}
@media (min-width: 700px){
	.navbar-header .mod-languages { margin-left: 85% !important; }
}

@media (max-width: 767px){
	#mainmenu { float: none; margin-left: -15px; }
	.navbar-brand { margin-top: -46px; }
	.mod-languages ul li a { border-bottom: none!important; border-top: none!important; }
	.navbar-header .mod-languages { margin-top: 20px;  margin-left: 85%;  }
}

@media (min-width: 768px) {
	.navbar-nav { margin: 7.5px -15px; }
}

@media(max-width:992px){
	#mainmenu { margin-left: -13px!important; }
}

@media (max-width:1200px){
	#mainmenu { margin-left: 0px; }
}

@media only screen
and (device-width : 375px)
and (device-height : 812px)
and (-webkit-device-pixel-ratio : 3) {
	.navbar-header .mod-languages { margin-left: 68% !important; }
}