@font-face {
  font-family: 'Avenir LT Std Light';
  src: url('../fonts/AvenirLTStd-Light.eot');
  src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Light.woff') format('woff'),
    url('../fonts/AvenirLTStd-Light.ttf') format('truetype'),
    url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir LT Std Roman';
  src: url('../fonts/AvenirLTStd-Roman.eot');
  src: url('../fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Roman.woff') format('woff'),
    url('../fonts/AvenirLTStd-Roman.ttf') format('truetype'),
    url('../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir LT Std Book';
  src: url('../fonts/AvenirLTStd-Book.eot');
  src: url('../fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
    url('../fonts/AvenirLTStd-Book.woff') format('woff'),
    url('../fonts/AvenirLTStd-Book.ttf') format('truetype'),
    url('../fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir LT Black';
  src: url('../fonts/AvenirLT-Black.eot');
  src: url('../fonts/AvenirLT-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLT-Black.woff2') format('woff2'),
    url('../fonts/AvenirLT-Black.woff') format('woff'),
    url('../fonts/AvenirLT-Black.ttf') format('truetype'),
    url('../fonts/AvenirLT-Black.svg#AvenirLT-Black') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Avenir LT Medium';
  src: url('../fonts/AvenirLT-Medium.eot');
  src: url('../fonts/AvenirLT-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirLT-Medium.woff2') format('woff2'),
    url('../fonts/AvenirLT-Medium.woff') format('woff'),
    url('../fonts/AvenirLT-Medium.ttf') format('truetype'),
    url('../fonts/AvenirLT-Medium.svg#AvenirLT-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Butler';
  src: url('../fonts/Butler.eot');
  src: url('../fonts/Butler.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Butler.woff2') format('woff2'),
    url('../fonts/Butler.woff') format('woff'),
    url('../fonts/Butler.ttf') format('truetype'),
    url('../fonts/Butler.svg#Butler') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{
  font-family: 'Avenir LT Std Book', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #262e6e;
  overflow: hidden;
  line-height: 1.2;
  letter-spacing: 1px;
}
a{
  color: #ff0000;
}
b, strong{
  font-family: 'Avenir LT Black',Helvetica, Arial, sans-serif;
  font-weight: normal;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Butler',Helvetica, Arial, sans-serif;;
  font-weight: normal;
}
h2{
  font-size: 25px;
  text-transform: uppercase;
  color: 262e6e;
}
h6{
   font-family: 'Avenir LT Std Book',Helvetica, Arial, sans-serif;;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 12px;
   line-height: 1.2
}
.container-fluid{
  padding: 0 35px;
}
.cont_center{
  text-align: center;
}
.cont_right{
  text-align: right;
}
#videoHome{
  background-size: cover;
  height: 100%;
  left: 0%;
  letter-spacing: 0;
  line-height: 0;
  margin: 0;
  object-fit: cover;
  opacity: 1;
  padding: 0;
  position: absolute;
  text-align: inherit;
  top: 0;
  transition: none 0s ease 0s ;
  visibility: inherit;
  width: 100%;
   -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#videoHome2{ 
    background-size: cover;
    height: 100%;
    left: 0%;
    letter-spacing: 0;
    line-height: 0;
    margin: 0;
    object-fit: cover;
    opacity: 1;
    padding: 0;
    position: absolute;
    text-align: inherit;
    top: 0;
    transition: none 0s ease 0s ;
    visibility: inherit;
    /*width: 70%;*/
     -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
#navbar{
  float: right;
  margin-right: -3%;
  text-align: center;
  width: 600px;
}
.nav{
  display: inline-block;
  float: none;
}
.navbar-brand{
  padding-top: 22px;
}
.navbar-default{
  background: transparent;
  border: 0;
} 
.navbar-default .navbar-nav > li{
  padding: 22px 15px;
}
.navbar-default .navbar-nav > li > a{
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  color: #262e6e!important;
  font-family: 'Avenir LT Black',Helvetica, Arial, sans-serif;;
  position: relative;
  padding: 0;
}
.navbar-default .navbar-nav > li.active > a,.navbar-default .navbar-nav > li.active > a:hover, .navbar-default .navbar-nav > li > a:hover{
  background: transparent;
  color: #262e6e!important;
}
.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li.active > a:before, .navbar-default .navbar-nav > li > a.activea:before{
  content: "";
  width: 100%;
  height: 5px;
  background: #ff0000;
  position: absolute;
  bottom: -0px;
  color: #262e6e!important;
  left: 0
}

.info_map{
  padding-left: 30px;
  margin-top: 80px;
}
.info_map a{
  color: #ff0018;
  margin: 10px 0;
}
.contact-fo{
  position: absolute;
  bottom: 22px;
  width: 100%;
  font-family: 'Avenir LT Medium',Helvetica, Arial, sans-serif;;
  text-transform: uppercase;
}
.contact-fo a{
  cursor: pointer;
  color: #262e6e;
  display: inline-block;
  margin-top: 5px;
  position: relative;
}
.contact-fo a:hover:before{
  content: "";
  width: 100%;
  height: 5px;
  background: #ff0000;
  position: absolute;
  bottom: -2px;
}
.footer_txt{
  padding-left: 30px;
  margin-top: 50px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Avenir LT Black', Helvetica, Arial, sans-serif;;
  line-height: 1.5;
}
.footer_txt span{
  color: #ff0018;
}
.footer_txt a{
  color: #262e6e;
  margin:0 5px;
}
#cont-info{
  background: #fff;
  height: 100vh;
  position: absolute;
  top: 0;
  width: 600px;
  padding: 5% 50px 20px 50px;
  right: 0%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 1;
}
.home #cont-info{
  /*opacity: 0;*/
  right: -600px;
}
#cont-info .inf{
  display: block;
  height: 100%;
}
.home #cont-info .inf{
  display: none;
  height: 100%;
}
#sec-video{
 -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.ifno.cont_center h2{  
  margin-bottom: 27px;
}
.ifno.cont_left h2{
  padding-left: 30px;
  margin-bottom: 27px;
}
.lang-nl, .lang-en{
  position: relative;
  padding-left: 30px;
}
.tab-content .lang-nl, .tab-content .lang-en{
  margin-left: -35px;
  padding-left: 35px;
}

.lang-en{
  margin-top: 50px;
}
.lang-nl:before{
  content: "NL";
  position: absolute;
  top: 1px;
  left: 0px;
  color: #ff421e;
  font-size: 11px;
}
.lang-en:before{
  content: "EN";
  position: absolute;
  top: 1px;
  left: 0px;
  color: #ff421e;
  font-size: 11px;
}
.lang-gui{
  position: relative;
  margin-left: -35px;
  padding-left: 35px;
}
.lang-gui:before{
  background-color: #ff421e;
    content: "";
    height: 1px;
    left: 5px;
    position: absolute;
    top: 10px;
    width: 10px;
}
.clear{
  width: 100%;
  clear: both;
  float: left;
  height: 10px;
}

.menu_list{
 position: relative;
}
.menu_list h2{
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Avenir LT Black', Helvetica, Arial, sans-serif;;
  margin: 2px 0 2px 0;
}
.menu_list h3{
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'Avenir LT Std Book', Helvetica, Arial, sans-serif;;
  margin: 0px 0 2px 0;
}

.desc_cat{
  clear: both;
    margin: auto;
    text-align: center;
    width: 60%;
}

.menu_list .item{
  margin-bottom: 20px;
}
.col-md-4.item{
  text-align: right;
}
.tab-content{
 padding: 5px 20px;
}
#tab_menu_list{
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    text-align: center;
}
#tab_menu_list ul{
  border: 0 none;
  display: table;
  margin: 10px auto auto;
  width: auto;
}
#tab_menu_list a{
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #262e6e;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: 'Butler', Helvetica, Arial, sans-serif;;
  padding: 10px;
}
#tab_menu_list li.active a{
  color:#ff0018;
}

/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url(../img/logo.png) 0 0 no-repeat;
}
*/

/*
Main content
*/

#content article {

}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Site footer
*/

.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}
.poster-mobile{
  display: none;
}
@media(min-width: 1400px){
  #videoHome2{
    width: 70%;
  }
}
@media(max-width: 1200px){
  #cont-info{
    
    padding: 7% 40px 50px 30px;
  }
 
  #navbar{
    width: 53%;
  }
  #tab_menu_list a {
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px;
  }
}
@media(max-width: 768px){
   #videoHome2{
    width: 50%!important;
  }
}
@media(max-width: 767px){
  #pmo{
    height: 300px!important;
  }
  body{
    overflow: visible;
  }

  #sec-video,#videoHome, #videoHome2{
    display: none;
  }
  .navbar-default .navbar-nav > li > a{
    font-size: 20px;
    font-family: 'Avenir LT Std Light', Helvetica, Arial, sans-serif;
  }
  .nav{
    margin-top: 100px;
  }
  .contact-fo{
    display: none;
  }
  
  .poster-mobile{
    width: 100%;
     height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    display: block;
    position: absolute;
    top: 0;
  }
  .secti.poster-mobile{
    height: 300px;
    background-size: 100% auto;
  }
  #cont-info {
    height: auto;
    position: relative;
    width: 100%;
}
  .home #cont-info{
  opacity: 0;
  right: 0%;
  }
  .home #cont-info .inf {
    display: block;
  }

  .navbar-default{
    position: fixed;
    top: 0;
    width: 100%;
  }
  #navbar{
    /*display: none;*/
   background: #fff none repeat scroll 0 0;
    left: 0;
    margin: 0;
    padding: 10% 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100vh;
  }
  .navbar-toggle, #ihome{
    position: relative;
    z-index: 99999;
    border: 0;
    background: transparent!important;
  }
  .navbar-toggle{
    display: block;
    margin-top: 48px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #262e6e;
    height: 4px;
    width:35px;
}
.col-md-4.item {
    text-align: left;
}
.navbar-default .navbar-nav > li > a:hover:before{
  display: none;
}

}
@media(max-width: 375px){
  #tab_menu_list a {
    font-size: 15px;
    letter-spacing: 0;
    padding: 5px;
}
}