/*
 
    Specific layout and styling, project based
        
    
*/
/*
Flexslider vs LayerSlider vs SliderRevolution
Font-scaling
Transition
Isotope Masonry less
popover alties => wireframe analyse hiervoor
breadcrumb vs history what is a breadcrumb hiearchy or history?
gray-color thingy

widget-row vs thumbs vs joyo-thumbs
shortcode for 
- Fontawesome
- Accordion
- Notifications
- span-fluid in content bv span3
font-awesome OWN export
joyo-widget and all other style
widget in sidebar vs in column = uiterlijk op basis van locale class via functions of template
  een sidebar uiterlijk moet ook midden in de pagina kunnen.
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope styles ****/
/* required for containers to inherit vertical size from window */
html,
body {
  height: 100%;
}
.isotope-container {
  margin: 0;
}
.isotope-container .element {
  width: 150px;
  height: 150px;
  margin: 0;
  padding: 0;
  border-width: 0;
}
.isotope-container .element.width2 {
  width: 300px;
}
.isotope-container .element.height2 {
  height: 300px;
}
.isotope-container .element.width2.height2 {
  height: 300px;
  width: 300px;
}
.isotope-container .large,
.isotope-container .variable-sizes .element.large,
.isotope-container .variable-sizes .element.large.width2.height2 {
  height: 450px;
  width: 450px;
  z-index: 100;
}
.element {
  float: left;
  overflow: hidden;
  position: relative;
}
/**** Pointer for elements on the complete grid ****/
.element:hover {
  cursor: pointer;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/*
- Global styling HTML structure	(Backgroundcolors are set in variables.less or overruled here)
- Project Styling HTML objects
- Isotope
- Exceptions for specific situations
- Styles for Widgets
- Flexslider
- AddThis
- Quicksand
- Responsive video
- Back-to-top
- Cookie-notification

*/
/* GLOBAL STYLING 
----------------------------------------------------------------------------------------*/
#wrapper {
  background: url('../images/theme/orange.png') no-repeat center bottom;
}
.segment > .container {
  background-color: transparent;
  position: relative;
}
#segment-header {
  background-image: url('../images/theme/header-bg.png');
  background-color: transparent;
  background-position: top;
  background-repeat: repeat-x;
  z-index: 9999;
  position: fixed;
  width: 100%;
}
#segment-header > .container {
  background: transparent;
  margin-bottom: 20px;
}
#segment-header > .container #drop-white {
  position: absolute;
  top: 107px;
  left: 40px;
  height: 36px;
  width: 108px;
  background: url('../images/theme/drop-white.png') no-repeat;
}
#segment-content {
  margin-top: -130px;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 24px;
  background-image: url('../images/theme/middle-bg-2.png');
  background-repeat: no-repeat;
  background-position: center 400px;
}
#segment-content > .container {
  padding-top: 110px;
  z-index: 2;
}
#segment-content #top-image {
  max-width: 1600px;
  height: 400px;
  z-index: 0;
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
#segment-footer {
  background: #ffffff;
  -webkit-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.3);
  position: relative;
}
#segment-footer > .container {
  padding-top: 40px;
}
@media (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
}
/* PROJECT STYLING HTML OBJECTS
----------------------------------------------------------------------------------------*/
body {
  position: relative;
  padding-top: 0;
}
#logo {
  float: left;
  position: absolute;
  padding-left: 16px;
  padding-top: 28px;
}
#logo img {
  max-width: 100%;
}
#mqtranslate-chooser {
  float: right;
}
#mqtranslate-chooser.qtrans_language_chooser {
  list-style: none;
  padding: 0;
  margin-left: 4px;
}
#mqtranslate-chooser.qtrans_language_chooser li {
  float: left;
}
#mqtranslate-chooser.qtrans_language_chooser li a {
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  line-height: 36px;
  color: #808080;
}
#mqtranslate-chooser.qtrans_language_chooser li a:hover {
  text-decoration: none;
}
#mqtranslate-chooser.qtrans_language_chooser li.active {
  display: none;
}
#segment-header-wrapper,
#segment-header {
  height: 170px;
}
.navbar.social {
  float: none;
  margin-top: 0;
}
.navbar.social span {
  float: left;
  line-height: 44px;
}
.navbar.social .navbar-inner {
  float: left;
  color: #808080;
}
.navbar.social .navbar-inner li {
  float: left;
}
.navbar.social .navbar-inner li a {
  background-repeat: no-repeat;
  height: 44px;
  width: 44px;
  padding: 0;
  margin: 0;
  text-indent: -9999px;
}
.navbar.social .navbar-inner li.facebook a {
  background-image: url('../images/theme/icon-facebook-gray.png');
}
.navbar.social .navbar-inner li.facebook a:hover {
  background-image: url('../images/theme/icon-facebook-white.png');
}
.navbar.social .navbar-inner li.linkedin a {
  background-image: url('../images/theme/icon-linkedin-gray.png');
}
.navbar.social .navbar-inner li.linkedin a:hover {
  background-image: url('../images/theme/icon-linkedin-white.png');
}
.navbar.social .navbar-inner li.twitter a {
  background-image: url('../images/theme/icon-twitter-gray.png');
}
.navbar.social .navbar-inner li.twitter a:hover {
  background-image: url('../images/theme/icon-twitter-white.png');
}
#sticky-contact {
  position: fixed;
  right: 0;
  top: 172px;
  width: 40px;
  background: #f59a00;
  z-index: 100;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
#sticky-contact:after {
  border-right: 14px solid #f59a00;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  content: "";
  display: inline-block;
  left: -14px;
  position: absolute;
  top: 50%;
  margin-top: -7px;
}
#sticky-contact.open {
  width: 300px;
}
#sticky-contact.open ul {
  display: block;
  width: 260px;
}
#sticky-contact .header {
  background: url('../images/theme/contact-title.png') no-repeat left top;
  width: 20px;
  height: 244px;
  text-indent: -9999px;
  margin: 10px;
  cursor: pointer;
  float: left;
}
#sticky-contact .header.lang-en {
  background-image: url('../images/theme/contact-title-en.png');
}
#sticky-contact ul {
  display: none;
  float: left;
  width: 0;
}
#sticky-contact ul .inner-wrapper {
  margin: 20px 10px 10px 0px;
}
#sticky-contact ul .inner-wrapper .title {
  text-transform: uppercase;
}
#sticky-contact ul .inner-wrapper img {
  border: 1px solid #FFFFFF;
  height: auto;
  margin-bottom: 6px;
  margin-right: 8px;
  width: 100px;
}
#sticky-contact ul .inner-wrapper .description {
  clear: both;
  border-top: 1px solid #fcce79;
  padding-top: 10px;
}
/* RESPONSIVE HEADER
----------------------------------------------------------------------------------------*/
.navbar {
  margin-top: 54px;
}
@media (min-width: 1200px) {
  
}
@media (max-width: 979px) {
  #drop-white {
    visibility: hidden;
  }
  #logo {
    padding-top: 6px;
    padding-left: 0;
  }
  .navbar {
    float: left;
    margin-top: 68px;
  }
}
@media (max-width: 767px) {
  #segment-header-wrapper,
  #segment-header {
    position: relative;
  }
  #segment-header {
    background-position: left top;
  }
  #logo {
    background: transparent;
    padding-left: 0;
  }
  #segment-top {
    margin-top: 0;
  }
  .navbar {
    float: left;
    margin-top: 54px;
  }
  .navbar li a {
    font-size: 17px;
  }
}
#social-contact {
  position: absolute;
  right: 20px;
  top: 6px;
  color: #808080;
}
@media (max-width: 480px) {
  #segment-header {
    background-image: url('../images/theme/header-bg-long.png');
  }
  #logo {
    padding-top: 16px;
    margin-left: -8px;
  }
  .navbar {
    margin-top: 80px;
  }
  #social-contact {
    right: 18px;
    top: 0;
  }
  #social-contact > span {
    display: none;
  }
}
#header {
  display: none;
}
.btn-label {
  color: #4d4d4d;
  text-shadow: none;
}
.intro-homepage {
  margin-bottom: 24px;
  background-color: rgba(256, 256, 256, 0.6);
  background-image: -moz-linear-gradient(left, rgba(256, 256, 256, 0.6), rgba(256, 256, 256, 0.6));
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(256, 256, 256, 0.6)), to(rgba(256, 256, 256, 0.6)));
  background-image: -webkit-linear-gradient(left, rgba(256, 256, 256, 0.6), rgba(256, 256, 256, 0.6));
  background-image: -o-linear-gradient(left, rgba(256, 256, 256, 0.6), rgba(256, 256, 256, 0.6));
  background-image: linear-gradient(to right, rgba(256, 256, 256, 0.6), rgba(256, 256, 256, 0.6));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99ffffff', endColorstr='#99ffffff', GradientType=1);
}
.intro-homepage .inner-wrapper {
  padding: 20px 20px 20px 20px;
}
.intro-homepage .title {
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 700;
}
.intro-homepage p {
  overflow: hidden;
}
.intro-homepage p:last-child {
  margin-bottom: 0;
}
#page {
  background-color: #ffffff;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
#page .inner-wrapper-page {
  padding: 40px 32px 34px 32px;
}
/* NAVBAR
----------------------------------------------------------------------------------------*/
.navbar {
  float: right;
}
.navbar .nav > li > a {
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
  font-family: 'lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-color: #ffffff;
  border-width: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  min-height: 0;
}
.navbar .nav {
  margin-right: 0;
}
.navbar .nav > li > a {
  padding: 10px 6px;
  text-shadow: none;
}
.navbar .nav > li > a,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 2px 0 0 0;
  min-width: 160px;
  padding: 0;
}
.dropdown-menu li > a {
  padding: 6px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  background-color: #eb9400;
  background-image: -moz-linear-gradient(top, #f59a00, #dc8a00);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f59a00), to(#dc8a00));
  background-image: -webkit-linear-gradient(top, #f59a00, #dc8a00);
  background-image: -o-linear-gradient(top, #f59a00, #dc8a00);
  background-image: linear-gradient(to bottom, #f59a00, #dc8a00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff59a00', endColorstr='#ffdc8a00', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #97af00;
  background-image: -moz-linear-gradient(top, #a0b900, #8aa000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a0b900), to(#8aa000));
  background-image: -webkit-linear-gradient(top, #a0b900, #8aa000);
  background-image: -o-linear-gradient(top, #a0b900, #8aa000);
  background-image: linear-gradient(to bottom, #a0b900, #8aa000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0b900', endColorstr='#ff8aa000', GradientType=0);
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
  background-color: #a0b900;
}
/* RESPONSIVE NAVBAR
----------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
  .navbar {
    float: none;
  }
  .navbar.social {
    float: left;
  }
  .navbar > li > a {
    font-size: 14px;
  }
  .nav-collapse .nav > li:first-child {
    margin-top: 24px;
  }
  .nav-collapse #menu-hoofdnavigatie {
    border-top: 1px solid #eeeeee;
    margin-top: 10px;
  }
  .btn-navbar {
    position: relative;
    z-index: 1;
  }
}
/* STICKY FOOTER 
----------------------------------------------------------------------------------------*/
#wrapper {
  height: auto !important;
  margin: 0 auto -143px;
  min-height: 100%;
}
#logos-footer {
  margin-top: -10px;
}
#logos-footer li {
  margin: 0;
  width: 25%;
  text-align: center;
  float: left;
}
#service-footer {
  float: none;
}
#push,
#segment-footer {
  height: 143px;
}
/* RESPONSIVE STICKY FOOTER
----------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
  #logos-footer {
    float: left;
  }
  #logos-footer li {
    margin-right: 20px;
    width: auto;
  }
  #service-footer {
    float: right;
  }
}
@media (max-width: 979px) {
  #wrapper {
    margin-bottom: -100px;
  }
  #push,
  #segment-footer {
    height: 100px;
  }
}
@media (max-width: 767px) {
  #wrapper {
    margin-bottom: 0;
  }
  #push,
  #segment-footer {
    height: auto;
  }
  #logos-footer li {
    width: 50%;
  }
  #service-footer {
    clear: both;
  }
}
/* EXCEPTIONS FOR SPECIFIC SITUATIONS
----------------------------------------------------------------------------------------*/
.entry-content hr {
  clear: both;
}
/* STYLES FOR WIDGETS
----------------------------------------------------------------------------------------*/
.joyo_widget > .inner-wrapper,
.joyo_accepted_widget > .inner-wrapper {
  background-color: #ffffff;
  padding: 18px 14px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.joyo_widget > .inner-wrapper .widget-title,
.joyo_accepted_widget > .inner-wrapper .widget-title {
  color: #f59a00;
}
.joyo_widget > .inner-wrapper p,
.joyo_accepted_widget > .inner-wrapper p {
  font-size: 13px;
  line-height: 1.3em;
}
.joyo_widget > .inner-wrapper ul,
.joyo_accepted_widget > .inner-wrapper ul {
  list-style: none outside none;
  margin-left: 0;
}
.joyo_widget > .inner-wrapper ul li .title,
.joyo_accepted_widget > .inner-wrapper ul li .title {
  color: #555555;
}
.widget-style-default > .inner-wrapper {
  background-color: #ffffff;
  padding: 18px 14px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.widget-style-default > .inner-wrapper .widget-title {
  color: #f59a00;
}
.widget-style-default > .inner-wrapper p {
  font-size: 13px;
  line-height: 1.3em;
}
.widget-style-default > .inner-wrapper ul {
  list-style: none outside none;
  margin-left: 0;
}
.widget-style-default > .inner-wrapper ul li .title {
  color: #555555;
}
.widget-style-one {
  margin-bottom: 0!important;
}
.widget-style-one > .inner-wrapper {
  background-color: #ffffff;
  padding: 18px 14px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.widget-style-one > .inner-wrapper .widget-title {
  color: #f59a00;
}
.widget-style-one > .inner-wrapper p {
  font-size: 13px;
  line-height: 1.3em;
}
.widget-style-one > .inner-wrapper ul {
  list-style: none outside none;
  margin-left: 0;
}
.widget-style-one > .inner-wrapper ul li .title {
  color: #555555;
}
.joyo_featured .inner-wrapper img {
  float: left;
  margin: 0 10px 10px 0;
}
.joyo_featured .inner-wrapper .widget-title {
  text-transform: uppercase;
  font-size: 28px;
  color: #333333;
}
/* RESPONSIVE VIDEO
----------------------------------------------------------------------------------------*/
.rve-embed-container {
  position: relative!important;
  padding-bottom: 56.25%!important;
  padding-top: 30px!important;
  height: 0!important;
  overflow: hidden !important;
}
.rve-embed-container iframe,
.rve-embed-container object,
.rve-embed-container embed {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100% !important;
}
.themeblvd-gmap {
  border: solid 4px #ffffff;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}
/* BACK TO TOP
----------------------------------------------------------------------------------------*/
a.to-top {
  background: url('../images/theme/up.png') no-repeat;
  display: block;
  float: right;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  margin-top: -28px;
}
/* MEDIAQUERY DEBUG
----------------------------------------------------------------------------------------*//*
	#show {
		position: absolute;
		z-index: 1000;
		background: black;
		color: @white;
	}
	#show:after{
		content:"default-940";
	}
@media (min-width: 1200px) {
	#show:after{
		content:"min-1200";
	}
}
@media (min-width: 1700px) {
	#show:after{
		content:"min-1700";
	}
} 
@media (min-width: 768px) and (max-width: 979px) {
	#show:after{
		content:"min-768 max 979";
	}
}
@media (max-width: 767px)  {
	#show:after{
		content:"max-767";
	}
}	
@media (max-width: 480px) {
	#show:after{
		content:"max-480";
	}
}
*/