/* GENERAL STYLES

-------------------------------------------------*/

body {

    background:#f5f2f4;

    font-family: 'Open Sans', sans-serif;

}



.container {

    max-width: 1020px!important;

    margin:auto!important;

}



p { font-size:14px;}



a { color:inherit;}



h1,h2,h3,h4,h5,h6 { color:#e40520;}

h1 { font-size:3.2em; color:#e40520; margin-bottom:20px;}

h3 { font-size: 1.6em; font-weight: 300;}

h3.bold-grey { font-size:6em;color:#dad7d8;font-weight: bold;}

h4 { font-size: 1.5em; font-weight: 300; line-height:1.5em; margin-bottom:30px;}

.grey h1 { color:#fff; font-size:7em; font-weight: bold;}

.holder h2 { font-size:34px;font-weight:300; margin-top:10%;}

.holder h3 { font-size:26px;font-weight: bold;margin-top:80px;}

td { padding:4px;}

#portfolio a{

    text-decoration: underline;

}



@media (max-width: 768px) {

    h1 { font-size:2em;}

    h4 { font-size: 1.5em;}

    h3.bold-grey { font-size:3em;}

    .grey h1 { font-size:3em;}

}







.m-5 { margin:5px;}

.m-10 { margin:10px;}

.m-15 { margin:15px;}

.m-20 { margin:20px;}



.p-20 { padding:20px 0px;}

.p-50 { padding:50px 0px;}







.grey { background:#dad7d8;}

.red { color:#e40520;}



.content {

    padding:30px;

}







img.responsive { width:100%;}











div.li { display: -webkit-box; }





body.adviseurs { display:block; }

.team li { display:inline!important;}

ul { margin-bottom:0px;}



.p-50 { padding: 50px 0px;}

.padding-sides { padding: 20px 10%;}





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

.text-right { text-align: right;}

.min-content-height { min-height:180px;}



@media (max-width: 768px) {.text-center-768 { text-align: center; margin-bottom:20px;}}



.center {

    padding:0px;

    margin:0px;

}



.bg-white {

    background:#fff;

    padding-bottom:40px;

}





.header {

    background-size:cover!important;

    background-position: center center!important;

    /*min-height:360px;*/

    /*min-height:40vh;*/

    padding:0px!important;

}



.breadcrumbs {

    height:50px;

    padding-top:15px;

}



.breadcrumbs span {

    font-size:12px;

}



.breadcrumbs span > a {

    color:#626260;

}





/* Navbar - menu

--------------------------------------*/



.logo {

    position: relative;

    width:100%;

    min-height:85px;

}



.logo img {

    max-width: 200px;

}









ul.side-menu {

    padding:0px;

}



ul.side-menu li {

    min-height:50px;

    width:100%;

    display:inline-block!important;

    border-bottom:1px solid #bbb8ba;

}



ul.side-menu li:hover {

    background:#333;

    color:#fff;

}



ul.side-menu li > a {

    padding-left: 10px;

	width: 100%;

	height: 100%;

	display: block;

	padding-top:15px;

	padding-bottom: 15px;

	padding-right:10px;

}

ul.side-menu li:hover > a {

	text-decoration: none;

}



ul.side-adress {

    padding:0px;

    margin-bottom:20px;

    padding-bottom:20px;

    border-bottom: 1px solid #ccc;

    list-style: none;

}





li.dropdown.dropdown-large.open + div#main-slider {margin-top:60px; }

li.dropdown.dropdown-large + div#main-slider { margin-top:0px;}







/* Mycarousel

--------------------------------------*/



#myCarousel {





}



.carousel-inner {

   /* padding:30px 120px;*/

}



.item {

  width:100%;

  height:auto;

  margin:0 auto;

/*  padding:10px;*/

}









/* CARDS STYLING

-----------------------------------------*/



ul.center { }



.demo-2 {

    position:relative;

    width:100%;

/*    max-width:400px;

    min-width: 350px;*/

    height:675px;

    overflow:hidden;

    float:left;

    padding:0px;



    background-color:rgba(255,255,255,0.3)

}



.demo-2 p,.demo-2 h2 {

    color:#b2b2b2;

    padding:10px;

    top:20px;

    position:relative

}



/*div > div:nth-child(2) > div.li > ul.demo-2 p, div > div:nth-child(2) > div.li > ul.demo-2 h2 {

    color:#fff;

}

div > div:nth-child(2) > div.li > ul.demo-2 > li.text-block {

    background:#e40520;

}





div > div:nth-child(3) > div.li > ul.demo-2 p, div > div:nth-child(3) > div.li > ul.demo-2 h2 {

    color:#b2b2b2;

}

div > div:nth-child(3) > div.li > ul.demo-2 > li.text-block {

    background:#626260

}*/





.demo-2 p {

    font-family: 'Open Sans', sans-serif;

    font-size: 16px;

    line-height: 23px;

    margin-top: 10px;

    margin-bottom: 24px;

    padding: 0px;

}



.demo-2 h2 {

    font-size:18px;

    line-height:24px;

    margin:0;

    font-family: 'Open Sans', sans-serif;

    padding:0px;

}



ul.team > div > div.li.text-block > div.title-bar-slide > h2 {

    font-size: 24px;

}





.effect img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    object-fit: cover;

    height: 100%;

    max-height: 405px;

}



@media only screen and (min-width: 768px) and (max-width: 1182px) {

    .effect img {

       object-fit: cover;

        height: auto;

        max-height: 442px;

    }



    ul.demo-2.effect:hover > li.text-block {

        bottom:-170px!important;

    }

}



.effect img.top:hover {

}



.block-holder {

	cursor: -webkit-pointer;

	cursor: -moz-pointer;

	cursor: pointer;

    float:left;

    padding:0px!important;

    margin:0px!important;

/*    width:33.33333%;

    max-width:400px;

    min-width: 350px;*/

}





li.text-block {

    position: absolute;

    z-index: 1;

    background:#343333;

    width:100%;

    height:405px;

    bottom:0px;

    cursor:pointer;

    -webkit-transition:bottom .3s ease-in-out;

    -moz-transition:bottom .3s ease-in-out;

    -o-transition:bottom .3s ease-in-out;

    transition:bottom .3s ease-in-out;

    padding:35px;

}







div.center > div > div.li:nth-child(2) > ul > li.text-block { background:#e40520;}

div.center > div > div.li:nth-child(3) > ul > li.text-block { background:#626260;}


body:not(.adviseurs) ul.demo-2.effect > li.text-block {
    bottom:-135px;
}

body.adviseurs ul.demo-2.effect:hover > li.text-block {
	bottom: -135px;
}

body:not(.adviseurs) div.block-holder.position-2 > div >ul.demo-2.effect > li.text-block,
body:not(.adviseurs) div.block-holder.position-5 > div > ul.demo-2.effect > li.text-block,
body:not(.adviseurs) div.block-holder.position-6 > div > ul.demo-2.effect > li.text-block {
    bottom:0px;
}


body:not(.adviseurs) ul.demo-2.effect:hover > li.text-block {
    bottom:0px;
}



.view-more {

    width: 100%;

    position: absolute;

}



.view-more p {

    text-align: center;

    margin-top: 270px;

    font-size: 22px;

}



.view-more p > a.btn-outline {

    color:#fff;

}

.view-more p > a:hover {

    text-decoration: none;

}







ul.vraag {

    background: #fff;

    height: 270px;

    width: 100%;

    padding:35px;

    border-bottom: 1px solid #eee;

}



ul.vraag li {

    list-style: none;

}



.vraag p { font-size:18px;}





ul.info-block {

    background: #fff;

    height: 270px;

    width: 100%;

    padding:35px;

}

.info-block p { font-size:18px;}





div.title-bar, div.title-bar-slide { margin-bottom:20px;}

div.title-bar h4 { display:inline-block; font-weight: bold;margin-left:20px; font-size:14px;}



.title-bar-slide img { width:auto!important; min-width:auto;max-width:40px;max-height:50px;position: relative;}

.title-bar-slide h4 { display:inline-block; font-weight: bold; margin-left:20px;color: #fff; font-size:14px;}



div.social-block > p {

    padding:0px;

}



.social-box {

    min-height:40px;

    margin-top:30px;

}



.description {

    bottom: 35px;

    position: absolute;

    padding-right: 30px;

    max-height: 260px;

    overflow: hidden;

}



.description-outside {

    bottom: 50px;

    position: absolute;

    padding-right: 30px;

    max-height: 215px;

    overflow: hidden;

    z-index: 3;

    padding:0px 34px;

    min-height:90px;

}



div.description-outside > p > a {

    color: #fff;

}





h2.zero,p.zero {

    margin:0;

    padding:0

}





p.zero {

    font-size: 14px;

    line-height: 20px;

}





div.description > p > a:hover {

    color:inherit!important;

}



a:focus, a:hover {

    color:inherit!important;

}



.social-block{

display: none;

}

ul.demo-2.effect.team:hover .social-block{

display : block;

}

ul.demo-2.effect.team:hover .description{

display : none;

}



ul.demo-2.effect {

    transition: display 0.5s ease;

}















/* New block styling

----------------------------------------*/



div.block-holder.position-2 > div > ul > li:nth-child(2),

div.block-holder.position-5 > div > ul > li:nth-child(2),

div.block-holder.position-6 > div > ul > li:nth-child(2)

 {

    display:none;

}



div.block-holder.position-2 > div > ul > li.text-block > div.title-bar-slide,

div.block-holder.position-5 > div > ul > li.text-block > div.title-bar-slide,

div.block-holder.position-6 > div > ul > li.text-block > div.title-bar-slide {

/*    display:none;

    bottom:0px;*/

}



div.block-holder.position-2 > div > ul > li.text-block,

div.block-holder.position-5 > div > ul > li.text-block,

div.block-holder.position-6 > div > ul > li.text-block {

    height:270px;

}





body:not(.adviseurs) div.block-holder.position-2 > div > ul:hover > li.text-block,

body:not(.adviseurs) div.block-holder.position-5 > div > ul:hover > li.text-block,

body:not(.adviseurs) div.block-holder.position-6 > div > ul:hover > li.text-block {

    bottom:-135px;

}

body.adviseurs div.block-holder.position-2 > div > ul:hover > li.text-block,

body.adviseurs div.block-holder.position-5 > div > ul:hover > li.text-block,

body.adviseurs div.block-holder.position-6 > div > ul:hover > li.text-block {

    bottom:-135px;

}







div.block-holder.position-2 > div > ul > li.text-block > div > h4,

div.block-holder.position-5 > div > ul > li.text-block > div > h4,

div.block-holder.position-6 > div > ul > li.text-block > div > h4 {

    color:#333;

}



div.block-holder.position-2 > div > ul,

div.block-holder.position-5 > div > ul,

div.block-holder.position-6 > div > ul {

    background: #fff;

    height: 270px;

    width: 100%;

    border-bottom: 1px solid #eee;

}



div.block-holder.position-2 > div > ul > li.text-block,

div.block-holder.position-5 > div > ul > li.text-block,

div.block-holder.position-6 > div > ul > li.text-block {

    background:#fff;

}

















/* Maps

----------------------------------------*/



.maps {

/*    margin-top:50px;*/

}



#map {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.flexible-container {

    position: relative;

    padding-bottom: 32.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}



.flexible-container iframe,

.flexible-container object,

.flexible-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}











/* Footer

----------------------------------------*/



footer {

    background: #000;

    color:#b2b2b2!important;

    padding:30px;

}



footer h2 {

    text-transform: uppercase;

    font-size: 22px;

    font-weight:bold;

}







footer .block {

    padding-right: 30px;

    margin-bottom:50px;

}



button {     margin-bottom: 5px;}



i.fa {

    min-width: 13px;

    margin: 3px;

}





a.social-grey {

    background: #626260;

    height: 37px;

    width: 37px;

    color: #fff!important;

    border: none;

    padding:9px;

    transition: background 0.5s ease;

    margin-right:7px;

}

a.social-grey:hover {

    background: #b6000d;

    height: 37px;

    width: 37px;

    color: #fff!important;

    border: none;

    padding:9px;

}



a.social-red {

    background: #e40520;

    height: 37px;

    width: 37px;

    color: #fff!important;

    border: none;

    padding:9px;

    transition: background 0.5s ease;

    margin-right:7px;

}

a.social-red:hover {

    background: #7d7d7d;

    height: 37px;

    width: 37px;

    color: #fff!important;

    border: none;

    padding:9px;

}



.btn {

    border-radius: 6px;

    border-bottom-right-radius: 0px;

    font-size:18px;

        margin-bottom: 5px;

}



.btn-red {

    background: #e40520;

    color: #fff;

    border: none;

    padding:4px 14px;

    transition: background 0.5s ease;

    margin-right:7px;

}



.btn-red:hover {

    background: #7d7d7d;

    color: #fff!important;

}



.btn-hero {

    transition: background 0.5s ease;

}



.btn-hero:hover {

    background:#7d7d7d!important;

}





.btn-filter {

    border-radius: 0px;

    border: 2px solid #ccc;

    background:#fff;

    margin:5px 5px;

    font-size:12px;

    color:#999;

}


.btn-filter:hover {
    background:rgba(0,0,0,0.1);
}

.btn-filter.active, .btn-filter:active {

    -webkit-box-shadow: none;

    box-shadow: none;

    background: #E40520;
    border:2px solid #E40520;
    color:#fff;

}




.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
.btn-filter.active:focus {
    color:#fff!important;
}




/* Input styles

----------------------------------------*/



input.sir-input {

    background: #525251;

    color:#fff!important;

    border-radius: 0px;

    border:1px solid #525251;

}



input.contact-input {

    background: #fff;

    color:#333!important;

    border-radius: 0px;

    border:1px solid #fff;

    -webkit-box-shadow:none;

    box-shadow: none;

}

textarea.contact-input {

    background: #fff;

    color:#333!important;

    border-radius: 0px;

    border:1px solid #fff;

     -webkit-box-shadow:none;

    box-shadow: none;

}



select.contact-input {

    background: #fff;

    color:#333!important;

    border-radius: 0px;

    border:1px solid #fff;

     -webkit-box-shadow:none;

    box-shadow: none;

    margin-bottom:15px;

}



select{

    color: #555;

    display: block;

    font-size: 14px;

    height: 34px;

    line-height: 1.42857;

    padding: 6px 12px;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

    width: 100%;

    background: #fff none repeat scroll 0 0;

    border: 1px solid #fff;

    border-radius: 0;

    box-shadow: none;

    color: #333 !important;

    width:100%;

}



.input-group {

    width:100%;

}

#workfield-button {

	color: #fff!important;

}

.header.basic.image {

	position: relative;

}

.header.basic.image img{

	width: 100%;

	height: 100%;

}

.content a {

	text-decoration: underline;

	color: #e40520;

}

a.btn-red {

	color: #fff;

	text-decoration: none;

}

ul.side-menu a {

	color: #333;

	text-decoration: none;

}



/*.carousel-control.right > img, .carousel-control.left > img { top: 40vw !important; }*/

/*.min-content-height { min-height: 40vw !important; }*/

.social-box { float: left; clear:both; }



.page-swiper:hover {

	cursor: -webkit-grab;

	cursor: -moz-grab;

}



.page-swiper {

	-webkit-touch-callout: none; /* iOS Safari */

	-webkit-user-select: none;   /* Chrome/Safari/Opera */

  	-khtml-user-select: none;    /* Konqueror */

  	-moz-user-select: none;      /* Firefox */

  	-ms-user-select: none;       /* Internet Explorer/Edge */

  	user-select: none;

}



.page-swiper img {

  -webkit-user-drag: none;

  -khtml-user-drag: none;

  -moz-user-drag: none;

  -o-user-drag: none;

  user-drag: none;

}



h2 { font-size: 20px; }



.carousel-inner a { text-decoration: underline; }



div.block-holder.position-2 > div > ul *:not(h4),

div.block-holder.position-5 > div > ul *:not(h4),

div.block-holder.position-6 > div > ul *:not(h4) {

    color: #828282 !important;

}



.carousel-inner h2 { margin-top: 0; }



#homeslider h3 { color: #FFF; }

@media (max-width: 576px) {
    #homeslider p { font-size: 3em }
}



@media (min-width: 995px) {

	@media (max-width: 1210px) {

		.block-holder { max-width: 368px !important; }

	}

}



.at-share-btn { margin: 0 5px !important; }



.at-icon-wrapper * {

	background-color: #E40520;

	padding: 7px;

}



.at-icon-wrapper *:hover {

	background-color: #877274;

}



.social { margin-top: 20px; }



.share {

	float: left;

	padding-top: 6px;

}



.social-grey * { width: 15px; }

.margin-social { margin-bottom: 20px; }



@media (max-width: 768px) {

	#workfield-block li { margin-bottom: 0; }



	#workfield-block li a:hover {

		color: #000 !important;

		border-color: #FFF;;

		background-color: #FFF;

	}

}

/* Sinterklaas formulier */
.hide_sint{
    display: none;
}

.sinterklaas {

	color: red;

	margin-left: 20px;

}



.panel-default>.panel-heading {

    background:#ffffff;

    border-bottom:1px solid #ddd;

}



.panel-collapse {

    border-bottom:1px solid #ddd;

    background:#f8f8f8;

}



h4.panel-title a {

    text-decoration: none;

}

.content img{max-width: 100%;}

button.btn-red:disabled {
    background: #7d7d7d;
}

@media (min-width: 768px) {
	body.landingspage h4 {
		min-height: 93px;
	}
}

body.landingspage h4 {
	margin-bottom: 10px;
}

body.landingspage .teaser {
	margin-bottom: 40px;
}

body.landingspage .teaser p {
	min-height: 180px;
}

table tr:nth-child(odd) {
	background-color: #eee !important;
}

table tr:nth-child(even) {
	background-color: #fff !important;
}

ul.side-menu li.submenu-title {
	min-height: 0;
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: none;
	color: #E61D20;
}

ul.side-menu > li:first-child {
	margin-top: 20px;
}

ul.side-menu ul.subpages {
	padding-left: 0;

	margin-bottom: 30px;
}

ul.side-menu li.submenu-title:hover {
	background: none;

	color: #E61D20;
}

body.landingspage p.landing-paragraph {
	margin: 0;

	min-height: 0;
}


.checkbox {
    padding: 6px 12px;
}

/* Training page */

.training .form-area > form {
    border: 1px solid #e40520;
    /*border-radius: 3px;*/
    padding: 0 15px 50px 15px;
}

.training .form-area > form .btn-red {
    margin-right: 0;
}

#atstbx .btn-filter {
    top: 10px !important;

    left: 0 !important;
}

#colleague-inputs {
    display: none;
}