/* CUSTOMIZE THE NAVBAR
   HEADER
*/

@media screen and (max-width: 810px) {
	.homenav {
		display: none !important;	
	}
}

@media screen and (max-width: 1000px) {
	.search_form {
		width: 96px !important;
	}
}

@media screen and (max-width: 1160px) {
	.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul li a {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}

.content-wrapper-default{
    width: 100%;
}


.caption-fixed{
    min-height: 100px;
}

.item .carousel-item{
    width: 100%;
}

.content-wrapper-video .content-wrapper-inner{
    margin: auto;
    max-width: 1160px;
}
.content-wrapper-news .content-wrapper-inner{
    margin: auto;
    max-width: 1160px;
    padding-bottom: 2px;
}
.content-wrapper-reclame .content-wrapper-inner{
    margin: auto;
    max-width: 1318px;
}
.content-wrapper-reclame .content-wrapper-inner .list-horizontal li{
    margin-top: 27px;
    margin-bottom: 22px;
    padding-left: 41px;
}

.logo-header{
    background: url('/static/img/BVN98-01.png') no-repeat center center;
    height: 98px;
    position: absolute;
    left: 80%;
    top: -35px;
    width: 98px;
}
.content-wrapper-default .alert-mssg .circled-cross:hover{
   cursor: pointer; cursor: hand;
}
.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  z-index: 20;
}
.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner{
    position: relative;
    top: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}
.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .logo{
    position: absolute;
    padding-left: 75px;
}
.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul{
    float: right;
    font-family: 'interstate-regularcondregular';
    font-weight: bold;
}
.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul span{
    font-size: 18px;
}
.content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul li .active{
    border-bottom: 2px solid #FFF;
}
.searchbar{
    margin-top: 8px;
    margin-left: 5px;
    background:transparent !important;
    color: #fff;
    font-family: 'interstate-regularcondregular';
    font-size: 14px;
    width: 200px;
    border-radius: 6px;
    border: 1px solid #D6D6D6;
}
.searchbar::-moz-placeholder{
    color: #FFFFFF;
    font-weight: bold;
    opacity: 1;
    font-size: 14px;
}
.navbar-nav .glassicon{
    position: absolute;
    top: 17px;
    right: 10px;
}
.navbar{
    background:transparent !important;
    border:none;
}
.navbar-wrapper .navbar-inverse .navbar-nav > li > a {
    color: white;
}
#headerCarousel {
    overflow: hidden;
}

#headerCarousel .caption-fixed{
    background-color: rgba(0, 0, 0, 0.40);
    height: 115px;
    left: 0;
    position: absolute;
    bottom: 22px;
    width: 100%;
    font-family: 'interstate-regularcondregular';
}
.caption-fixed .caption-title{
    font-size: 24px;
    color: #FFFFFF;
}
.caption-fixed .caption-date,
.caption-fixed .caption-info{
    font-size: 16px;
    color: #FFFFFF;
}
#headerCarousel .carousel-control {
    width: 70px;
    top: 200px;
}
.header-indicators{
    position: absolute;
    bottom: 20px;
    right: 326px;
    z-index: 50;
    width: 100%;
}
.header-indicators li{
    margin-right: -4px;
}
.header-indicators li img{
    border: 1px solid rgba(255, 255, 255, 0.4);
    height: 100px;

}
.header-indicators li.active img{
    border: 3px solid #AD1D30;
}
.btn-watchvideo {
   border-radius: 10px;
    color: #FFFFFF;
    font-size: 20px;
    /*margin-left:280px;*/ /* button los*/
    line-height: 50px;
    margin-bottom: 3px;
    padding-left: 52px;
    padding-right: 40px;
    position: absolute;
    top: 31px;
    left:-200px; /* button los */
    white-space: nowrap;
    font-family: “Helvetica Neue”, Arial;
}
.btn-watchvideo img {
    left: 15px;
    position: absolute;
    top: 12px;
}
.btn-watchvideo{
    background-color: #AD1D30;
}
a:hover{
    text-decoration: none;
}
a:hover .program-title{
    text-decoration: underline;
}

/* RESPONSIVE CSS
    240 x 320 (small phone)
    320 x 480 (iPhone)
    480 x 640 (small tablet)
    768 x 1024 (iPad - Portrait)
-------------------------------------------------- */
@media screen and (min-width: 767px) and (max-width: 1049px) {
    .logo-header {
        background: url('/static/img/logo.png') no-repeat center center;
        height: 98px;
        position: absolute;
        left: 15px;
        top: -40px;
        width: 98px;
    }

}

@media screen and (min-width: 767px) and (max-width: 800px) {
    .nav>li>a {
        padding: 10px 11px;
    }

}

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

    .navbar-wrapper .navbar-inverse .navbar-nav > li > a {
        color: black;
    }

    .content-wrapper-default .content-wrapper-default-inner .navbar-wrapper {
        top: 0px;
    }

    .content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul {
        float: left;
        font-weight: normal; 
    }

    .content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul li .active {
        border-bottom: 2px solid #B22A2E;
        color: #B22A2E;
    }

    .navbar-nav>li>a {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .navbar-inverse .navbar-collapse{
        border-color: #F4F4F4;
    }

    .content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        background-color: #F4F4F4;
        width: 100%;
        top: 0px;
    }
    .navbar-inverse .navbar-toggle {
        border: none;
    }
     .navbar-toggle:hover,
     .navbar-toggle:focus {
      background-color: red;
    }


    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #AD1C31;
        height:5px;
        width: 40px;
    }
    .logo-header{
        background: url('/static/img/logo_small.png') no-repeat center center;
        height: 50px;
        position: absolute;
        left:20px;
        top: -54px;
        width: 50px;
    }
    /*
        HeaderCarousel
    */
    #headerCarousel{
        margin-top:50px;
       // height:0;
    }


    #headerCarousel .caption-fixed{
        background-color: #EEEEEE;
        top: 95px;
        height: auto;
        left: 0;
        position: static;

    }
    .caption-fixed p {
        /*left: 70px;*/
        position: relative;
        width: 240px;
    }
    .caption-fixed .caption-title{
        color: #AD1C31;
        font-size: 18px;
    }
    .caption-fixed .caption-date,
    .caption-fixed .caption-info{
        color: #333;
        font-size: 13px;
    }
    .caption-fixed .btn-playicon-red{
        background: url("/static/img/play-icon-red.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        float: left;
        height: 76px;
        margin-left: -5px;
        margin-top: -88px;
        width: 68px;
    }
    #headerCarousel .carousel-control {
        top: -125px;
        width: 15px;
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
        background-repeat: repeat-x;

    }
    .btn-watchvideo,
    .content-wrapper-reclame,
    #headerCarousel .header-indicators{
        display:none;
    }

    .content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .navbar ul span {
        font-size: 23px;
    }

    .nav li.ontvangst {
        display: none;
    }

    .nav li.forum {
        display: none;
    }

    .searchbar{
        color: #000;
    }

    .searchbar::-moz-placeholder{
        color: #000;
    }

    .caption-fixed .caption-info {
        display: none; 
    }

    .caption-fixed {
     min-height: 50px;
    }

}

@media screen and (min-width: 768px) and (max-width: 979px) {
    .glassicon,
    .searchbar{
        display:none;
    }
    .content-wrapper-default .content-wrapper-default-inner .navbar-wrapper .navbar-inner .logo {
        left: 4%;
        /*position: relative;*/
    }
    #headerCarousel{
        height: auto;
    }
    #headerCarousel .header-indicators{
        /* bottom: 20%; */
        /* left: 10%; */
        left: 140px;
        top: 120px;
        margin: auto;
        position: absolute;
        width: 100%;
        z-index: 50;
    }

    .btn-watchvideo{
       /* display: none;*/
        left: -70px;
        padding-left: 25px;
        padding-right: 25px;
        top: 5px;
        height: 38px;
        line-height: 35px;
    }

    #headerCarousel .caption-fixed{
        background-color: #EEEEEE;
        top: 95px;
        height: auto;
        left: 0;
        position: static;

    }
    .caption-fixed p{

        width: 225px;
    }
    .caption-fixed .caption-title{
        color: #AD1C31;
        font-size: 18px;
    }
    .caption-fixed .caption-date,
    .caption-fixed .caption-info{
        color: #333;
        font-size: 13px;
    }

    .header-indicators li img {
        height: 70px;
    }

    #headerCarousel .header-indicators {
        left: 314px;
        top: 231px;
    }

    /*.btn-watchvideo {
        right: 47%;
        top: 77%;
    }*/

    #headerCarousel .carousel-control {
        height: 95%;
        width: 70px;
        top: -15px;
    }

    .carousel-control.left,
    .carousel-control.right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
        background-repeat: repeat-x;
    }

    .btn-playicon-red{
        display:none;
    }

    .logo-header {
        left: -15px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
    .header-indicators {
        bottom: 40px;
        left: 50%;
        margin: auto;
        position: absolute;
        width: 100%;
        z-index: 50;
    }
    .header-indicators li img{
         width: 115px;
         height: inherit;
    }
    .btn-watchvideo {
        width: 150px;
    }
    .caption-fixed p{
        width: 280px;
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
        background-repeat: repeat-x;
    }
    .btn-playicon-red{
        display:none;
    }

}

@media screen and (min-width: 1200px)  {
    .btn-watchvideo {
        width: 150px;
    }
    .header-indicators{
        bottom: 30px;
        margin: auto;
        position: absolute;
        z-index: 50;
        left: 47%;
    }
    .caption-fixed p{
        width: 280px;
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
        background-repeat: repeat-x;
    }
    .btn-playicon-red{
        display:none;
    }

}

@media screen and (min-width: 767px) and (max-width: 1259px) {
    .content-wrapper-video .custom-carousel {
        height: auto;
        margin-top: -20px;
        padding-top: 0px;
    }

    .content-wrapper-video .custom-carousel li{
        margin-right: 5px;
    }

    .custom-carousel {
        padding-right: 5px;
        margin-left: 2px;
        width: 100%;
    }

    .custom-carousel .carousel-inner .item ul li {
        padding-right: 5px;
        margin-left: 2px;
        /*width: 32%;*/
    }

   .content-wrapper-video .content-wrapper-inner {
     width: 93%;
     padding-left: 10px;
    }

    #headerCarousel .carousel-control {
        display: none;
    }

}

@media only screen and (min-width : 768px) and (max-width : 1024px){
    .custom-carousel .carousel-inner .item ul li {
        padding-right: 5px;
        margin-left: 2px;
        width: 32% !important;
    }
}

/* CUSTOMIZE THE NAVBAR UNDER THE HEADER
-------------------------------------------------- */
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner  {
    margin: auto;
    max-width: 1160px;
}
.content-wrapper-menu .navbar-inverse, 
.content-wrapper-menu .nav .navbar-inner{
    background: #faf7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #faf7f7 0%, #f3f2f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf7f7), color-stop(100%,#f3f2f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #faf7f7 0%,#f3f2f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #faf7f7 0%,#f3f2f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #faf7f7 0%,#f3f2f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #faf7f7 0%,#f3f2f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf7f7', endColorstr='#f3f2f0',GradientType=0 ); /* IE6-9 */
    box-shadow:0px 2px 0 #C0C0C0;
    width:100%;
    margin-bottom: 1px;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner ul {
    width:100%;
    font-family: 'roboto-medium';
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner li {
	text-align: center;
	height: 54px;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner li:nth-child(even) {
    margin: 8px 0 6px;  
    padding: 0.5em 0;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner span{
    color: #555;
    font-size: 18px;
    line-height: 40px;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner .locationbar-item {
	display: inline-block;
	line-height: auto;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner span.divider{
    background: url('/static/img/divider.png') no-repeat center center;
    position: absolute;
    top:0;
    left:0;
    width: 2px;
    height: 68px;
    z-index: 2;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner .selectbox{
    width: 257px;
    margin: 18px 20px 0px;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner .selectbox .form-control{
    border-radius: 10px;
    color: #555555;
    font-family: 'roboto-medium';
    font-size: 17px;
    width: 175px;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner img{
    float: left;
    padding-right: 11px;
    padding-top: 10px;
}
.edit-icon{   
    background: url('/static/img/edit-icon.png') no-repeat center center;
    position: absolute;
    top:0;
    width: 5%;
    height: 100%;
    z-index: 2;
}
.content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner img.black-search-icon{
    position: absolute;
    top: 0px;
    right: 10px;
	padding-right: 0;
	padding-top: 9px;
}
#locationbar_date { width: 300px; }
#locationbar_time { width: 180px; }
#locationbar_location { width: 460px; }
#location_input { padding-right: 30px; }
#locationbar_satellites { width: 212px; }
#locationbar_satellites .locationbar-item { width: 164px; }
#locationbar_location_change { display: none; position: relative; width: 300px; }

/* RESPONSIVE CSS
    240 x 320 (small phone)
    320 x 480 (iPhone)
    480 x 640 (small tablet)
    768 x 1024 (iPad - Portrait)
-------------------------------------------------- */
@media screen and (max-width: 1174px) {

    #locationbar_location {
        width: 330px;
    }
}

@media screen and (max-width: 1100px) {
    .content-wrapper-menu{
        /*display:none;*/
    }
}


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

    #locationbar_date{
        margin-left: 40px;
        width: 220px;
    }

    #locationbar_time{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #locationbar_date {
        display: none;
    }

    .content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner li {
        height: inherit;
    }

    #locationbar_location {
        left: 25px;
        height: 35px;
        width: 240px
    }

    #locationbar_location_change {
        width: 240px;
    }

    .content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner li:nth-child(even) {
        margin: 0px 0 4px;
    }

    .content-wrapper-menu .navbar-inverse, .content-wrapper-menu .nav .navbar-inner {
        box-shadow: none;
    }

    .content-wrapper-menu .content-wrapper-inner .navbar-inverse .navbar-inner span {
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
	.arrow_box:after, .arrow_box:before { 
		position: relative;
	}

	.arrow_box .news-title {
		margin-right: 5px;
	}

	.arrow_box {
		padding-bottom: 5px;
		padding-top: 0px;
	}

	.program-now .item li {
		padding-right: 13px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1260px) {

	.content-wrapper-news .content-wrapper-inner {
		max-width: 93%;
		padding-left: 10px;
	}
}


@media only screen and (min-width : 768px) and (max-width : 1024px){
    .custom-carousel .carousel-inner{
    	width: 100% !important;
    }

    .custom-carousel .carousel-inner .item ul{
    	margin-left: 0px;
    }

    .content-wrapper-video .custom-carousel{
    	margin-top: 0px;
    }

    ul {
    	
	}

	.content-wrapper-footer .content-wrapper-inner .content-wrapper-links {
		margin: 0 !important;
        padding: 0 8px;
	}

    .content-wrapper-footer .content-wrapper-inner .links ul {
        padding: 0 !important;
    }

	.content-wrapper-footer .content-wrapper-inner .navbar ul{
		margin-left: 0px !important;
	}


}
@media only screen and (min-device-width:768px) {
	.custom-carousel .carousel-inner .item ul{
		margin-left: -40px;
	}
}
@media only screen and (min-width:768px) {
	.custom-carousel .carousel-inner .item ul{
		margin-left: -20px;
	}
}


@media only screen and (min-width : 768px) and (max-width : 1024px){
	 .custom-carousel .carousel-inner .item ul{
        margin-left: -40px;
    }
}

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

    .custom-carousel .carousel-inner .item ul{
        margin-left: -35px;
    }


}

.content-wrapper-reclame .content-wrapper-inner .list-horizontal li {
	width: 32.4%;
}

.content-wrapper-reclame .content-wrapper-inner .list-horizontal li img {
	width: 100%;
}

.content-wrapper-reclame .content-wrapper-inner .list-horizontal li {
	padding-left: 37px; 
}

.content-wrapper-reclame .content-wrapper-inner .list-horizontal li:first-child {
	margin-left: -12px;
	/*padding-left: 60px;*/
}


.content-wrapper-reclame .content-wrapper-inner {
	max-width: 1250px
}

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

	.content-wrapper-reclame .content-wrapper-inner {
		max-width: 100%;
	}

	.content-wrapper-reclame .content-wrapper-inner .list-horizontal li:first-child {
		margin-left: -30px;
	}
}

@media screen and (min-width: 979px) and (max-width: 1260px) {

	.content-wrapper-reclame .content-wrapper-inner .list-horizontal li:first-child {
		margin-left: 0px;
		padding-left: 50px;
	}

	.content-wrapper-reclame .content-wrapper-inner .list-horizontal li {
		width: 30%;
	}
}

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

	.content-wrapper-reclame .content-wrapper-inner .list-horizontal li:first-child {
		margin-left: -34px;
	}

}