/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/
body{
    font-family: 'Special Elite', cursive;
}

.default-bg {
  background-color: #09afdf;
  background-image:url('../images/pattern-10.png');
  color: #ffffff;
}

.blue-bg {
  background-color: #adeff4;
  background-image:url('../images/pattern-1.png');
  color:#333333;
}
.light-blue {
    background: url("../images/krassenturkoois.JPG");
    background-size:25%;
}
.mi-50{
    margin-top:-50px;
}
.mb-50{
    margin-bottom:50px;
}
.navbar-nav > li > a, .parent a, .parentSelected a, .dropdown-menu > li > a {
    font-size:12px !important;
    border:0px !important;
}
.navbar-nav ul.dropdown-resp .level2_item{
    padding-left: 0px !important;
    position:relative;
}
.object-visible.fadeInDown #logo{
    margin-top:5px;
}
.m-auto{
    margin:0 auto;
}
.fixed-header-on .parent > a:before {
    top: 31px;
    right: 0px;
}
.navbar-nav ul.dropdown-resp li{
    padding-left: 75px !important;
    position:relative;
}
.nav .open>a{
    background-color: transparent !important;
    color: #681313;
    border:0px solid grey !important;
}
.fixed-header-on .main-navigation .parent > a, .fixed-header-on .main-navigation .parentSelected > a{
    padding-top:28px !important;
    padding-bottom:27px !important;
    line-height:20px !important;
}
.navbar-nav .dropdown:first-of-type:before{
    content:'';
    background-image:url('../images/menu/second.png');
    width:65px;
    height:65px;
    position:absolute;
    background-size:100%;
    left: -55px;
    top: 5px;
}
.fixed{
    height: 75px;
}

.level2_item:before{
    content:none !important;
    width:0px !important;
    height:0px !important;
}
.navbar-nav ul.dropdown-resp li:before{
    content:'';
    width:65px;
    height:65px;
    pointer-events: none;
    position:absolute;
    background-size:100%;
    left: 5px;
    top: 5px !important;
}
.dropdown-menu-right.wal-blue-bg{
    background-size:100%;
    margin-top:0px !important;
}
.dropdown-menu-right.wal-blue-bg input:focus{
    background:white !important;
}
.navbar-nav ul.clearfix.dropdown-resp li:first-of-type:before {
    background-image:url('../images/menu/second.png');
    width:65px;
    height:65px;
    pointer-events: none;
    position:absolute;
    background-size:100%;
    left: 5px;
    top: 5px !important;
}
.navbar-nav ul.dropdown-resp li:nth-of-type(3):before {

    background-image:url('../images/menu/prog.png');


}
.navbar-nav ul.dropdown-resp li:nth-of-type(4):before {

    background-image:url('../images/menu/nieuwsbriefSmall.png');


}
.navbar-nav ul.dropdown-resp li:nth-of-type(2):before {

    background-image:url('../images/menu/zaal.png');


}
.navbar-nav ul.dropdown-resp li:last-of-type:before {

    background-image:url('../images/menu/contact.png');


}
.header-top.colored {
  color: #ffffff;
  background-image:url('../images/pattern-10.png')
}
.wal-blue-bg {
    background: url("../images/krassenturkoois.JPG");
    background-size:25%;
}
.checkboxlist label
{
    margin-left: 8px;
}
.zoek-none{
    display:none;
}
/*.main{
    display:none;
}*/
.lijst1{
    position:absolute;
    width:100%;
    height:100%;
}
h1{
    font-size:23px;
    line-height:2;
}
h2{
    line-height:2;
    font-size:16px !important;
}
h3{
    line-height:2 !important;
}
.not-home-aside .col-md-4{
    width:100%;
}
.beforelijst {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.beforelijst:before{
    content:'';
    height:100%;
    width:97%;
    position:absolute;
    background-size:100% 100%;
    pointer-events: none;
    background-repeat:no-repeat;
    background-image:url('../images/lijst2.png');
    z-index:99;
}
.beforelijsthorizontal:before{
    content:'';
    height:100%;
    width:100%;
    position:absolute;
    background-size:100% 100%;
    pointer-events: none;
    background-repeat:no-repeat;
    background-image:url('../images/lijst1.png');
    z-index:99;
}
.listing-item .body h3 {
    font-size:16px;
}
.breadcrumb-container{
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    color:#FFF5DE;
}
.breadcrumb-container a{
    color:#FFF5DE;
}
.breadcrumb-container a:hover{
    color:#fff;
}

.sidebar-nav {
    padding: 9px 0;
}
@media (min-width: 979px) {
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}



.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    top: 11px;
    left: -6px;
}
}
.blogpost{
    position:relative;
}
.main-img-prog{
        position: absolute;
    width: 75%;
    height: 80%;
    left: 0px;
    top: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0px;
    margin: 37px auto;
    background-position:center center;
}
.lijst-over {
    padding: 0px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
    .lijst-over .overlay-container{
        background-size:75%;
        /*height:80% !important;
        margin-top: 9%;*/
    }
    .lijst-over img {
        -moz-border-radius: 15px 0px 0px 15px;
        -webkit-border-radius: 15px 0px 0px 15px;
        border-radius: 15px 0px 0px 15px;
    }
    .lijst-over .overlay-container:hover .overlay-link{
        -moz-border-radius: 15px 0px 0px 15px;
        -webkit-border-radius: 15px 0px 0px 15px;
        border-radius: 15px 0px 0px 15px;
    }
.prog-menu-text{
    margin-top:40px;
    margin-right:20px;
}
.prog-menu-btn{
    margin-bottom:40px;
}
.parent a, .parentSelected a {
    padding-left:0px;
}
.overlay-container img {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.nieuwsbrief-bg{
    background-color:white;
    background-size:contain;

}
.nieuwsbrief{
    background-image:url('../images/nieuwsbriefNieuw.png');
    background-size:contain;
    background-repeat:no-repeat;
}
.level2_item span{
    font-size:8px;
    width:100%;
}
.navbar-collapse {
    padding-right: 50px !important;
}
.top-menu-cheat{
    padding-left:0px;
    margin-left:-50px;
}
.data{
    position:relative;
}
.data .rubber_stamp{
    top:0px;
}
.n-mt{
    margin-top:0px;
}
.highlightClick:active{
    color:blue;
}
.bord-l{
    border-left:1px solid #eee;
}
.bord-r{
    border-right:1px solid #eee;
}
.search-in{
    width:70%;
    float:left;
}
.search-btn{
    margin-top:0px;
    padding:10px 14px;
    margin-left:5px;
    margin-right:0px;
}
.search-btn i{
    line-height: 39px !important;
}
.bannert{
    text-align:center;
    height:60vh;
    overflow:hidden;
    background-size:contain;
    background-position-x: center;
    background-repeat:no-repeat;
    position:relative;
    background-position:center;
}
.btn-banner{
    /*bottom:15%;
    position:absolute;
    left: 0px;
    right: 0px;
    width: 40%;
    margin: 0 auto;*/
    margin-top: 35vh;
}
.nieuwe-cont p,.nieuwe-cont span{
    color:black;
    font-size:20px;
}
.sm-z{
    z-index:10;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*@media (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}*/
.date-frame{

    color: white !important;
    background:#be1c07;
    padding: 5px 0px;
    margin-lefT: -15px;
    padding-left: 15px;
}
.nieuwe-cont{
    padding-top:30px;
}
h1.logo-font{
    font-size:35px;
}
.trans-white{
    background: rgba(255, 255, 255, 0.7);
}
.no-min{
    margin-left:0px;
    margin-right:0px;
}
.voorstelling_thumb_desc p{
    color:black;
}
.contactgegevens .separator-2{
    margin-bottom:0px;
}
.n-up{
    text-transform:none;
}
.h2-type{
    font-family: 'Special Elite', cursive !important;
    font-size: 25px !important;
    line-height: normal;
}
.abs-for-btn{
    position:absolute;
    right:0;
    left:0;
    bottom:10%;
}
.kaarten_active_right{
    padding:15px;
    background:#FFFAEF;
}
.type_kaarten{
    display:block;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.pop-stamp{
    top:100px;
}
.scroll-aan-con{
    position: absolute;
    right: 0px;
    top: 15%;
    z-index: 99;
    overflow:hidden;
}
.rela{
    position:relative;
}
.scroll-aan {
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    color: white;
    padding: 20px;
    -moz-animation-name: dis_animation;
    -o-animation-name: dis_animation;
    -webkit-animation-name: dis_animation;
    animation-name: dis_animation;
    -moz-animation-delay: 10000ms;
    -o-animation-delay: 10000ms;
    -webkit-animation-delay: 10000ms;
    animation-delay: 10000ms;
    -moz-animation-duration: 1000ms;
    -o-animation-duration: 1000ms;
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.bounce {
    width: 8%;
    float:left;
    -moz-animation-name: pulse_animation;
    -o-animation-name: pulse_animation;
    -webkit-animation-name: pulse_animation;
    animation-name: pulse_animation;
    -moz-animation-duration: 5000ms;
    -o-animation-duration: 5000ms;
    -webkit-animation-duration: 5000ms;
    animation-duration: 5000ms;
    -moz-transform-origin: 70% 70%;
    -ms-transform-origin: 70% 70%;
    -o-transform-origin: 70% 70%;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;

}
@media all and (min-width : 991px) {
    .abs-100 {
        position: absolute;
        height: 100%;
    }

        .abs-100 .overlay-container {
            position: relative;
            overflow: hidden;
            height: 100%;
        }

            .abs-100 .overlay-container > img {
                height: 100%;
                max-width: none;
                width: auto;
                position: absolute;
                top: 50%;
                min-height: 100%;
                display: block;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                /*min-width: 100%;*/
            }
}
.abs-100 .overlay-container > img {
    max-height:none;
}
.container .content-slider-with-large-controls{
    margin-top:20px;
}
.overlay-container{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
}
#owl-event .owl-item div{
  padding:5px;
}
#owl-event .owl-item img{
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.owl-pagination{
    top:0px;
    bottom:auto;
}
.owl-buttons{
    top: 55px !important;
    bottom:auto !important;
}
.owl-prev, .owl-next {
    background-color: #be1c07;
    padding: 5px;
    color: white !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.owl-next{
    padding-right:30px !important;
    padding-left:10px !important;
    right:-4px !important;
}
.owl-next:after{
    right:15px !important;
    color:white !important;
}
.owl-prev{
    padding-left:30px !important;
    padding-right:10px !important;
    left:-4px !important;
}
.owl-prev:after{
    left:15px !important;
    color:white !important;
}
.owl-carousel .owl-dot {float: left; background-size: cover;}
h6{
    line-height: initial;
}
.trans-black{
    background-color: rgba(0, 0, 0, 0.62);
    position:absolute;
    width:100%;
    height:100%;
    display:none;
}
.blurback{
    background-size:cover;
    margin-left: 6px;
    display:none;
    overflow: hidden;
    position:absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 98%;
    background-position:center center;
    filter: blur(3px); 
-webkit-filter: blur(3px); 
-moz-filter: blur(3px);
-o-filter: blur(3px); 
-ms-filter: blur(3px);
filter: url(blur.svg#blur);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
filter: brightness(20%);
}
@supports (-ms-ime-align:auto) {
    .blurback {
        transform: matrix3d(1, 0, 0, 0,
                            0, 1, 0, 0,
                            0, 0, 1, 0,
                            0, 0, 0, 0.05);
        background-size: 150%;
    }
    .blurback:before{
        transform: scale(0.05);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: '';  
            background-image: inherit;
            background-size: contain;
            background-repeat: inherit;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .blurback {
        transform: matrix3d(1, 0, 0, 0,
                            0, 1, 0, 0,
                            0, 0, 1, 0,
                            0, 0, 0, 0.05);
        background-size: 120%;
    }
    .blurback:before{
        transform: scale(0.05);
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: '';  
            background-image: inherit;
            background-size: contain;
            background-repeat: inherit;
    }
}
.relative{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
/*.blurback:before{
      transform: scale(0.05);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';  
  background-image: inherit;
  background-size: contain;
  background-repeat: inherit;
}*/
@keyframes dis_animation {
	0% { 

	}
	100% { 
        right:-400px;
    }
}
@keyframes pulse_animation {
	0% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	30% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	40% { -moz-transform: scale(1.23); -ms-transform: scale(1.23); -o-transform: scale(1.23); -webkit-transform: scale(1.23); transform: scale(1.23); }
	50% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	60% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	70% { -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); -webkit-transform: scale(1.12); transform: scale(1.12); }
	80% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	100% { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
.scroll-aan p{
    width:85%;
    float:right;
    margin-bottom:0px;
}



@media all and (max-width : 1200px){
    .navbar-nav ul.dropdown-resp li:before{
        width:35px;
        height:35px;
        top:20px !important;
    }
    .navbar-nav ul.clearfix.dropdown-resp li:first-of-type:before {
        width:35px;
        height:35px;
        top:20px !important;
    }
    .search-btn{
        margin-lefT: -18px;
        padding:10.5px 15px;
    }
    .navbar-nav ul.dropdown-resp li {
        padding-left:50px !important;
    }
}
@media all and (max-width : 1000px) {
    .menu-cont{
       width:100%;
    }
    .navbar-nav > li > a, .parent a, .parentSelected a, .dropdown-menu > li > a{
        font-size:12px !important;
    }
    .navbar-nav ul.dropdown-resp li {
        padding-left: 42px !important;
    }
}
@media all and (max-width : 990px) {
    .menu-cont{
       width:100%;
    }
    .scroll-aan-con{
        display:none;
    }
    header.prog-menu-text{
        margin-top:10px;
        padding-left:30px;
    }
    .prog-menu-btn{
        margin-left:30px;

    }
    .col-md-6.pull-right{
        padding-left:30px;
        padding-right:30px;
        padding-bottom:40px;
    }
    .search-btn{
        margin-lefT: 0px;
        padding:11px 15px;
    }
    .fixed{
        height:150px;
    }
    .top-menu-cheat{
        margin-left:0px;
    }
    .with-dropdown-buttons .header-dropdown-buttons{
        top:-45px;
    }
    #navbar-collapse-1{
        padding-right:0px !important; 
    }
    .tblFormulier td{
        width:100% !important;
    }
    .prog-btn{
        margin-bottom:10px !important;
    }
    .abs-for-btn {
        bottom: 31% !important;
    }
    .beforelijsthorizontal:before{
        background-image:url('../images/lijst2.png');
    }
}
@media all and (max-width : 768px) {
    .nieuwIcon img{
        width:40%;
        margin:0 auto !important;
    }
    h1.logo-font {
        font-size: 7vw;
    }
    .fixed{
        height:75px;
    }
    .bannert{
        height:50vh;
    }
    .sm-z{
        margin-left:25%;
    }
    .navbar{
        margin-top: 15px;
    }

}
@media all and (max-width : 764px){
    .top-menu-cheat{
        position:relative;
        z-index:99999;
        background:#fff;
        margin-left:5px;
        padding-bottom:20px;
    }
    .dropdown-menu.level2{
        display:block;
        position:relative;
        width:93%;
        background:#FFFFFF;
        border:0px solid !important; 
        border-left:1px solid #FFEBE0 !important;
    }
    .voorstelling_thumb_desc{
        padding-left:25px;
        padding-right:25px;
    }
    .dropdown-menu.level2 .level2_item{
        background:#FFFFFF;
    }
    .dropdown-menu.level2 .level2_item a{
        font-size:10px !important;
    }
    .btn-banner{
        width:90%;
    }
    .bannert{
        height:45vh;
    }
    .navbar-default .navbar-nav .open .dropdown-menu{
        background:white !important;
    }
    .prog-menu-btn{
        text-align:center;
    }
    .overlay-visible .overlay-bottom, .overlay-visible .overlay-top{
        display:block !important;
    }
    .overlay-container .text p{
        display:block !important;
    }
    .beforelijst:before{
        width:100%;
    }
    .beforelijsthorizontal:before{
        width:100%;
    }
    .listing-item .body,.prog-menu-text {
        padding:20px 35px !important;
    }
    .level2.dropdown-menu {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    .navbar-nav ul.dropdown-resp li:before{
        width:35px;
        height:35px;
        top:3px !important;
    }
    .navbar-nav ul.clearfix.dropdown-resp li:first-of-type:before {
        width:35px;
        height:35px;
        top:3px !important;
    }
    #level2_4 li a{
        height:75px;
    }
    .navbar-default{
        background:transparent !important;
        margin-top:-50px !important;
        border-color:transparent !important;

    }
    .navbar-default .navbar-toggle {
        border-color: #BE1C06 !important;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background-color:#BE1C06 !important;
    }
    
    .parentSelected a{
        padding: 10px 15px 10px 15px;
        color:#681313;
    }
    .parent a, .parentSelected a{
        padding-left:10px;
    }
    .navbar-nav ul.dropdown-resp li {
    }

}
@media all and (max-width : 764px) {

    .abs-for-btn {
        bottom: -3% !important;
    }
    
}
@media all and (max-width : 500px) {
	.prog-menu-btn{
		margin-lefT:0px;
	}
    .smart-ribbon:after{
        border: 32px solid #BE1C07;
        border-right-color: transparent;
    }
    .smart-ribbon{
        height: 65px;
    }
    .kaarten_inactive_date h4, .kaarten_active_date h4{
		line-height:30px;
	}
    .popclose{
        top:20px;
    }
    .bannert {
        height: 57vh;
        z-index: 1;
        -webkit-transform: translateZ(0px);
        -moz-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        transform: translateZ(0px);
    }
    .abs-for-btn {
        bottom: -3.5% !important;
    }
    #navbar-collapse-1 {
        -webkit-transform: translateZ(1px);
        -moz-transform: translateZ(1px);
        -o-transform: translateZ(1px);
        -ms-transform: translateZ(1px);
        transform: translateZ(1px);
        z-index: 999999;
    }
}