/* 

 * Template 100 - BS Connect

 * bs_style.css

 * 

*/

.header-left {

    padding: 22px 0 0 0;

}



.fixed-header-on .header .logo img {

    margin-top: 10px;

}



.lightbox-3-v1 .image-gallery .image-holder {

    height: 222px;

}



.background-image-holder, .foreground-image-holder {

    background-position: 50% 50% !important;

    background-size: cover !important;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0;

}

.image-holder a {

    height: 100%;

    width: 100%;

    display: inline-block;

}



.image-box .body p:last-child {

	margin-bottom: 15px ;

}



.call-to-action h2 {

    font-size: 33px;

    font-weight: 700;

    text-transform: uppercase;

}





/* 

 * Sander 16-03-2016

 * uitlijning snippets

 */

.accordion-v1 h2, 

.accordion-v2 h2,

.afbbox-1x-v1 h2,

.afbbox-1x-v2 h2,

.afbbox-1x-v3 h2,

.afbbox-1x-v4 h2,

.afbbox-3x-v1 h2,

.afbbox-3x-v2 h2,

.afbbox-3x-v3 h2,

.afbbox-3x-v4 h2,

.tekst-h2 h2,

.tekst-h3 h3,

.tekst-h4 h4,

.tekst-h5 h5,

.blockquote blockquote{

	margin-top:0;

}

.accordion-v1 .panel-group, 

.accordion-v2 .panel-group,

.image-box.style-3-b {

	margin-bottom:0;

}

.afb-box-v1 {

	padding-top:30px;

	padding-bottom:30px;

}

.with-dropdown-buttons .navbar-default .navbar-collapse {

	padding-right:0;

}





/* 

 * Sander 16-03-2016

 * opmaak algemeen

 */

h1, h2, h3, h4, h5, h6, .call-to-action h2 {

	text-transform: none;

}

.btn {

	margin-right:10px;

}

section img:nth-child(1n+2) {

  	margin-top:20px;

}





/* 

 * Sander 16-03-2016

 * Bootstrap flex-row

 */



.row-flex, .row-flex > div[class*='col-'] { 

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex:1 1 auto;

}

.row-flex-wrap {

    -webkit-flex-flow: row wrap;

    align-content: flex-start;

    flex:0;

}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {

     margin:-.2px; /* hack adjust for wrapping */

}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {

    width:100%;

}

.flex-col {

    display: flex;

    display: -webkit-flex;

    flex: 1 100%;

    flex-flow: column nowrap;

}

.flex-grow {

    display: flex;

    -webkit-flex: 2;

    flex: 2;

}



/* 

 * Sander 18-03-2016 

 * lightbox snippet fix

 */

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

	.image-gallery div.col-sm-4:nth-child(3n+1), .image-gallery div.col-sm-3:nth-child(4n+1), .image-gallery div.col-sm-2:nth-child(6n+1) {

		clear:left;

	}	

}



/* 

 * 

 * Sander 30-3-2016

 * video snippet

 */

.video-wrapper {

    display: block;

    height: auto;

    left: auto;

    position: relative;

    top: auto;

    width: auto;

}

.video-wrapper iframe {

    display: block;

    height: auto;

    left: auto;

    min-height: 240px;

    position: relative;

    top: auto;

    width: 100%;

}

@media only screen and (min-width: 481px) and (max-width: 991px) {

	.video-wrapper iframe {

	    height: 240px;

	    width: 450px;

	}

}

@media only screen and (max-width: 480px) {

	.video-wrapper iframe {

	    min-height: 200px;

	    width: 100%;

	}

}



/* Rick 7-6-2016 */



.video-wrapper {

	position: relative;

	top:auto;

	height:auto;

	width:auto;	

	left:auto;

	display:block;

}

.video-wrapper iframe {

	position: relative;

	top:auto;

	height: 700px;

	width:100%;	

	left:auto;

	display:block;

}

.controls-wrapper {

	display: none;

}

@media only screen and (min-width: 481px) and (max-width: 991px) {	

	.video-wrapper iframe {

		width:450px;

		height:240px;

	}

}

@media only screen and (max-width: 480px) {	

	.video-wrapper iframe {

		width:100%;

		min-height:200px;

	}

}



.background-img-7 {

	background-image: url('../images/background-img-7.jpg');

}

.iviewer_wrapper, .iviewer_wrapper .iviewer {

	width: 100%;

    height: 300px;

}

.lightbox-3-v2 .iviewer_wrapper, .lightbox-3-v2 .iviewer_wrapper .iviewer {

	height:270px;

}

.lightbox-4-v2 .iviewer_wrapper, .lightbox-4-v2 .iviewer_wrapper .iviewer {

	height:200px;

}

.lightbox-6-v2 .iviewer_wrapper, .lightbox-6-v2 .iviewer_wrapper .iviewer {

	height:123px;

}

.afbbox-3x-v1 .iviewer_wrapper, .afbbox-3x-v1 .iviewer_wrapper .iviewer,

.afbbox-3x-v2 .iviewer_wrapper, .afbbox-3x-v2 .iviewer_wrapper .iviewer,

.afbbox-3x-v3 .iviewer_wrapper, .afbbox-3x-v3 .iviewer_wrapper .iviewer,

.afbbox-3x-v4 .iviewer_wrapper, .afbbox-3x-v4 .iviewer_wrapper .iviewer  {

	height:270px; 

}

.team-v1 .iviewer_wrapper, .team-v1 .iviewer_wrapper .iviewer {

	height:263px;

}

.basis-plaatje-rechts .iviewer_wrapper, .basis-plaatje-rechts .iviewer_wrapper .iviewer,

.basis-plaatje-rechts-tekstrotator .iviewer_wrapper, .basis-plaatje-rechts-tekstrotator .iviewer_wrapper .iviewer,

.basis-plaatje-links .iviewer_wrapper, .basis-plaatje-links .iviewer_wrapper .iviewer,

.basis-plaatje-links-tekstrotator .iviewer_wrapper, .basis-plaatje-links-tekstrotator  .iviewer_wrapper .iviewer {

	height:416px;

}

.afbbox-1x-v1 .iviewer_wrapper, .afbbox-1x-v1 .iviewer_wrapper .iviewer,

.afbbox-1x-v2 .iviewer_wrapper, .afbbox-1x-v2 .iviewer_wrapper .iviewer,

.afbbox-1x-v4 .iviewer_wrapper, .afbbox-1x-v4 .iviewer_wrapper .iviewer {

	height:427px; 

}

.afbbox-1x-v3 .iviewer_wrapper, .afbbox-1x-v3 .iviewer_wrapper .iviewer {

	height:270px;

} 

body:not(.snippet) .iviewer_wrapper .iviewer img {

	display:none;

}

.team-4-boxen {

	height: 625px;

}



#custom-basis-plaatje-rechts .tparrows {

	display: none;

}

#custom-basis-plaatje-rechts .tp-bullets {

	display: none;

}

/* Rick video snippet */

.custom-video { min-height: 554px; }

.pv-60 {

	padding-top: 60px;

	padding-bottom: 60px;

}

.play-btn .fa {

	margin-left: 8px;

}.video-wrapper {

	position: relative;

	top:auto;

	height:auto;

	width:auto;	

	left:auto;

	display:block;

}

.video-wrapper iframe {

	position: relative;

	top:auto;

	height: 700px;

	width:100%;	

	left:auto;

	display:block;

}

.controls-wrapper {

	display: none;

}

@media only screen and (min-width: 481px) and (max-width: 991px) {	

	.video-wrapper iframe {

		width:450px;

		height:240px;

	}

}

@media only screen and (max-width: 480px) {	

	.video-wrapper iframe {

		width:100%;

		min-height:200px;

	}

}

@media (min-width: 1200px) {

	

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (max-width: 480px) {

}

	

.mfp-fade.mfp-bg {

	opacity: 0;

	-webkit-transition: all 0.15s ease-out; 

	-moz-transition: all 0.15s ease-out; 

	transition: all 0.15s ease-out;

}

.mfp-fade.mfp-bg.mfp-ready {

	opacity: 0.8;

}

.mfp-fade.mfp-bg.mfp-removing {

	opacity: 0;

}



.mfp-fade.mfp-wrap .mfp-content {

	opacity: 0;

	-webkit-transition: all 0.15s ease-out; 

	-moz-transition: all 0.15s ease-out; 

	transition: all 0.15s ease-out;

}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

	opacity: 1;

}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

	opacity: 0;

}

.custom-video {

	position: relative;

}

.play-btn {

    border: 2px solid #fff; 

    width: 100px;

    height: 100px;

    text-align: center;

    line-height: 100px;

    border-radius: 100%;

    border-radius: 100%;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-size: 50px;

    position: absolute;

    left: 50%; 

    top: 50%;

    margin-left: -50px;

    margin-top: -50px;

    color: white;

}

.play-btn:hover {

    background: #00aeef;

    color: white;

}

.full-width-banner {

    display: table;

    position: relative;

    width: 100%;

}

.full-width-banner > img {

    width: 100%;

}

.full-width-banner .tp-caption {

    position: absolute;

    bottom: 20px;

    left: calc(50% - 35px);

    width: 35px;

    z-index: 5;

}

.full-width-banner a.full-width-banner-bottom {

	background:rgba(255,255,255,0);

    bottom: 0;

    display: inline-block;

    height: 1px;

    margin-bottom: -2px;

    position: absolute;

    width: 1px;

}

#full-width-banner, #page-start h1 {

  -webkit-transition: all .5s ease;

  -moz-transition: all .5s ease;

  transition: all .5s ease;

}

.my-container img {

	margin-left: auto;

	margin-right: auto;

}

/* Einde video snippet */



/* Video snippet */

.video-blokken .video-wrapper {

	position: relative;

	top: auto;

	height: 270px;

	width: 358px;

	display: block;

}

.video-blokken .video-wrapper iframe {

	height: 270px;

}

.video-blokken .play-btn { 

	margin-top: -171px;

}

.video-blok-links .video-wrapper {

	position: relative;

	top: auto;

	height: auto;

	width: 555px;

	display: block;

}

.video-blok-links .video-wrapper iframe {

	height: 270px;

}

iframe {

	z-index: -1;

}



.vorige_volgende_nav {

	width:100%;

	text-align:right;

}

/*.overlay-visible .overlay-bottom, .overlay-visible .overlay-top {

    opacity: 1;

    filter: alpha(opacity=100);

    height: auto!important;

    padding-bottom: 20px;

}

.overlay-bottom, .overlay-top {

    position: relative;

    z-index: 99;

    padding: 15px;

    margin-top: -75px;

    bottom: 0px;

    left: 0;

    right: 0px;

    background-color: rgba(30, 30, 30, 0.5);

    overflow: hidden;

    opacity: 1;

    filter: alpha(opacity=0);

    -webkit-transition: all ease-in-out 0.25s;

    -o-transition: all ease-in-out 0.25s;

    transition: all ease-in-out 0.25s;

    height: 55px;

    color: #ffffff;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0) scale(1, 1);

    text-align: center;

}*/

.wedding {

	padding: 0;

}