/*
 Theme Name:     Specular Child
 Theme URI:      http://codeless.co/specular
 Description:    Specular Child Theme
 Author:         Codeless
 Author URI:     http://www.codeless.co
 Template:       specular
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
html body{
  overflow: hidden;
}
html, body, .top_wrapper, .composer_content {
  height: 100% !important;
}

	.vc_tta.vc_tta-style-outline .vc_tta-tab {
    margin-left: -2px;
    margin-top: -2px;
}
.viewport{
  background: #d1d1d1 !important;
}

.ArtikelClass {
    padding-right: 30px;
	margin-bottom: -220px;
}

.header_page {
  background-color: transparent;
  height: 20px;
}

body.search .ls-fullscreen-wrapper{
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
  top: -80px;
}
.media iframe {
    width: 100%;
    height: 100vh;
}

.ytp-pause-overlay {
    border-radius: 2px;
    direction: ltr;
    bottom: 49px;
    left: 0;
    margin: 12px;
    position: absolute;
    z-index: 41;
    -webkit-transition: opacity .25s cubic-bezier(0,0,0.2,1);
    transition: opacity .25s cubic-bezier(0,0,0.2,1);
    display: none !important;
}

body:not(.page-id-15) .vacatures, body:not(.page-id-15) .nieuweRegeling, body:not(.page-id-15) .gebruikesParti,
		body:not(.page-id-15) .kantoorConc, body:not(.page-id-15) .ontwerpFilo, body:not(.page-id-15) .OTHouse,
		body:not(.page-id-15) .overOTH, body:not(.page-id-15) .privacyVerkl, body:not(.page-id-15) .zorgConc{
    width: 30%;
	margin-left: 70vw !important;
	height: 79vh;
}

body:not(.page-id-15) .vacatures .vacatures_content, body:not(.page-id-15) .nieuweRegeling .nieuweRegeling_content, 
		.nieuweRegeling, body:not(.page-id-15) .gebruikesParti_content, body:not(.page-id-15) .kantoorConc_content,
		body:not(.page-id-15) .ontwerpFilo_content, body:not(.page-id-15) .OTHouse_content, body:not(.page-id-15) .overOTH_content,
		body:not(.page-id-15) .privacyVerkl_content, body:not(.page-id-15) .zorgConc_content{
	width: 95%;
	height: 79vh;
}

body:not(.search) #blog article .content {
    z-index: 100;
    position: absolute;
    right: 0px;
    color: #fff;
    background: #000000bf;
    padding: 10px;
    height: calc(100vh - 100px);
    overflow: scroll;
    top: 100px;
    width: 30% !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.flex-direction-nav .flex-prev {
    left: -36px;
    background-image: none !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,0.1);
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -o-border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -o-border-bottom-left-radius: 0px;
}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
    opacity: 1 !important;
    height: 27px !important;
    position: absolute;
    bottom: 35px !important;
    top: auto !important;
    background-color: rgba(000, 000, 000, 0.75) !important;
    text-indent: 0px !important;
    color: #fff;
    width: 100px;
    text-align: center;
    padding-top: 15px;
    border-radius: 0px !important;
    line-height: 0.7;
}
.portfolio-item.chrome span a{
  border: 0;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0 !important;
  text-indent: -300%;
}

.portfolio-item.chrome .show_text h5 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.services_media h5 {
    text-align: center;
    margin-top: 15px !important;
    text-transform: uppercase;
	white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.vc_gitem_row .vc_gitem-col {
    box-sizing: border-box;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-transform: uppercase;
}

body.search #blog.container{
  background: rgba(0, 0, 0, 0.75);
  color: #fff !important;
}
body.search h2{
  color: #fff !important;
}

body.search #content{
  padding-top:0px !important;
  height:100% !important;
}
body.search #content .container{
  height:100%;
  overflow: scroll;
}
body.search .btn-bt.default{
  color: #fff;
  border-color: #fff;
}
body:not(.home) .composer_content {
  overflow-y: scroll;
  overflow-x: hidden;
  padding:0px !important;
  height:calc(100% - 80px) !important;
}
html body.page-id-56 .ls-container img, body.page-id-56 #ls-global .ls-container img, html body.page-id-81 .ls-container img, body.page-id-81 #ls-global .ls-container img,
html body.page-id-79 .ls-container img, body.page-id-79 #ls-global .ls-container img{
  /*filter: blur(3px) !important;*/
  filter: grayscale(100%) blur(3px) !important;
}
.services_media h5{
	text-align:center;
	margin-top:15px !important;
}
p a:not(.btn-bt){
	text-decoration:underline;
}
.icon-search{
    color: #fff;
    background: rgb(0 0 0 / 75%);
    padding: 14px;
    font-size: 18px;
}
.vc_tta-tabs {
    top: 25px;
    position: relative;
}
nav .menu>li>a,
.vc_tta-tab a span,
nav .menu li ul.sub-menu li a,
h1,h2,h3{
  text-transform: lowercase !important;
}

.slide_flexslider{
  pointer-events: none;
}
.header_page h1:after{
  background: #fff;
}
img{
  width:100%;
}
#logo img{
  width:auto !important;
}
.vc_tta-panel-body{
  height:100%;
  overflow: scroll;
}
body.page-id-15 #navigation,
body.page-id-15 #logo{
  display: none;
}
body:not(.page-id-15) .container.light{
    background: rgba(0, 0, 0, .75);
    padding: 15px;
}
.services_small .content{
  display: none;
}
.top_wrapper{
  -webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;

}

#navigation li{
  background-color: rgba(0, 0, 0, 0.75);
}
nav .menu li > ul.sub-menu li{
  background: transparent !important;
}
body .header_1 nav li > a:hover,
body .header_1 nav li.current-menu-item > a{
  color: #fff;
}
nav .menu li{
  height:60% !important;
  margin-top: 15px;
}
.slider#slider-fullwidth{
    position:absolute;
    z-index: 1 !important;
}
.draggable{
  cursor:move;
  width: 200px !important;
  transition: box-shadow 0.5s;
  -webkit-transition: box-shadow 0.5s;
  background-color: rgba(34, 34, 34, 0.75);
}
.draggable a{
  font-size: 20px !important;
  font-weight: bold !important;
  background: none !important;
}
.vc_tta.vc_general .vc_tta-panels,
.vc_tta.vc_general .vc_tta-panel{
  background: transparent !important;
  background-color: transparent !important;
  border-color:transparent !important;
}

.vc_tta.vc_general ul li a{
  margin: 0px 7px 7px 0px;
  border: none !important;
}
.vc_tta.vc_general ul li a,
.vc_tta.vc_general .vc_tta-panels-container{
  background: rgba(0,0,0,0.7) !important;
}
.vc_tta-tab,
.vc_tta-tab a,
.vc_tta-tab a span{
  color:#a6a6a6 !important;
}
.vc_tta-tab.vc_active,
.vc_tta-tab.vc_active a,
.vc_tta-tab.vc_active a span{
  color:#fff !important;
}
.vc_tta.vc_general .vc_tta-tab>a{
  padding: 11px 20px !important;
}
.chrome .bar{
  background: transparent !important;
}
.chrome h5{
  color:#fff;
}
body .portfolio-item.chrome span a:hover{
  background: transparent !important;
}
body.single-portfolio .header_wrapper .icon-search{
  color:#fff;
}
body.single-portfolio .header_wrapper{
  background: transparent;
}
.latest_blog .blog-item .info{
  display: none;
}
.blog-item a:hover{
  color: inherit !important;
}
body.page-id-15 .recent_news .date{
  display: none;
}

body.page-id-15 .recent_news_block a.vc_btn3{
  background-image: none;
  font-size: 20px !important;
  font-weight: bold !important;
  background: none !important;
  padding: 0px !important;
}

body.page-id-15 .recent_news_block{
  background: #000000b5;
  color: #fff;
  padding: 15px;
  cursor:move;
}
.btn-back svg{
  width: 10px;
  top: 4px;
  position: relative;
  left: -2px;
}
.btn-back:hover{
  color:#444;
}
.btn-back:hover{
  color: #fff !important;
}
.btn-back{
  color: #fff;
  padding: 5px 15px;
  background: rgba(0, 0, 0, 0.75);
  position: relative;
  top: 90px;
  left: 35px;
  z-index: 99999;
}
.page_parents,
body.single-post #comments,
body.single-post #respond{
  display: none;
}
body.single-post .header_wrapper{
  background: transparent !important;
  position: absolute;
}
.footer_wrapper{
  position: absolute !important;
  width: max-content !important;
}
footer .footer_social_icons{
  background: #000000a1 !important;
  padding: 5px 15px !important;
  width: max-content !important;
}
body.page-id-15 .blog-item dd span,
body.page-id-15 .blog-item dd p{
  display: none !important;
}
body.page-id-15 .recent_news.vertical .blog-item dt{
  width: 65px;
  height: 65px;
}
.actueel_btn{
  padding:0px !important;
}
body.single-portfolio .header_page{
  background: transparent;
  z-index: 999999;
}


body.single-portfolio #content{
  background-color: transparent;
padding: 0px;
margin: 0px;
position: absolute;
top: 0px;
background: #d1d1d1 !important;
}
body.single-portfolio .top_wrapper{
  margin-top: -80px;
}
body.single-portfolio .container{
  margin: 0px !important;
}
body.single-portfolio .row-fluid .span3 .title,
body.single-portfolio .row-fluid .span3 h4{
  color: #fff;
}
.btn-back-desc{
  position: absolute;
  right: 30%;
  width: 15px;
  background: rgb(0 0 0 / 75%);
  color: #fff;
  cursor: pointer;
  padding: 5px;
}

.header_page.normal .container{
  width: max-content !important;
  display:block;
  top:80px;
  position:absolute;
  visibility: hidden;
}
body.single-portfolio .row-fluid .span3{
    width:30% ;
    z-index: 100;
    position: absolute;
    right: 0px;
    color: #fff;
    background: #000000bf;
    padding: 10px;
    height: calc(100vh - 100px);
    overflow: scroll;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
	overflow-x:hidden;
	overflow-y:auto;
}
body.single-portfolio .row-fluid .span9{
  width:100%;
  position: absolute;
  top: 0px;
}
.nav-growpop{
  display: none;
}
.flexslider{
  height: 100vh;
}
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev{
  opacity: 1 !important;
  height: 50px;
  position: absolute;
  bottom: 30px;
  top: auto !important;
  background-color: rgba(000, 000, 000, 0.75) !important;
  text-indent:0px !important;
  color:#fff;
  width:100px;
  text-align: center;
  padding-top: 15px;
  border-radius: 0px !important;
}
.flex-direction-nav .flex-next{
  right: 40% !important;
  background-image:none !important;
}
.flex-direction-nav .flex-prev{
  left: 40% !important;
}

#content{
      height: calc(100% - 200px) !important;
}
body.single-staff #content .span12{
  margin-top: -80px;

}
body.single-post #content,
body.single-staff #content{
  background-color: transparent !important;
    padding: 0px !important;
    margin-top: -80px !important;
}
body:not(.search) #blog{
  margin:0px !important;
  width: 100%;
}
body:not(.search) #blog article .content h1{
  color: #fff !important;
}
body:not(.search) #blog article .content{
  z-index: 100;
  position: absolute;
  right: 0px;
  color: #fff;
  background: #000000bf;
  padding: 10px;
  height: calc(100vh - 100px);
  overflow: scroll;
  top: 100px;
  width: 300px;
}
body:not(.search) #blog article .media{
  width:100%;
  margin:0px !important;
}
body:not(.search) #blog article{
  width: 100%;
}
body.search .blog-article.standard-style{
  width:250px;
  margin: 20px;
}
.social_widget,
#logo,
body.single-portfolio .header_page h1{
  margin-left:35px;
}
footer#footer .inner .row-fluid.ff:first-child{
  padding-bottom:35px !important;
}
.vc_gitem-post-data h5{
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
body #blog.container{
  max-width: none !important;
}
body.page-id-15 .open_default_menu{
  display: block;
}
.open_default_menu{
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 12px 15px !important;
  display: none;
}
.open_default_menu .close-icon{
  display: none;
}
.open_default_menu .close-icon:before{
  content: "\f00d";
font-family: FontAwesome;
font-size: 24px;
line-height: 21px;
color: #fff;
}
.open_default_menu .menu-icon:before{
  content: "\f0c9";
font-family: FontAwesome;
font-size: 24px;
line-height: 21px;
color: #fff;
}
body.home #logo{
  display: none;
}
body.home .codeless_megemenu{
  opacity: 0;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  pointer-events: none;
}
body.page-id-102 .vc_grid-item-mini{
  height: 310px;
}
body .five-cols .portfolio-item{
  width:25%;
  height:260px ;
}
/* .ls-layers .ls-wrapper.ls-in-out{
	opacity:0 !important;
} */
/*body.home .ls-layers .ls-wrapper.ls-in-out{
	opacity:1 !important;
}*/
body .vc_custom_1419240516480{
	background-color: transparent !important;
	height:50px;
}
.vc_gitem-zone:not(.vc_custom_1419240516480){
  min-height:285px;
}
/*desktop*/
@media (min-width: 1200px) {
  .team_title{
    height: 50px;
    position: relative;
    top: -150px;
  }

  .flexslider .slides img{
    display: block;
    margin: 0px;
    z-index: auto;
    width: 100%;
    height: 100VH;
    padding: 0px;
    object-fit: COVER;
  }
  .vc_tta.vc_general {
    font-size: 1em;
    left: 0px;
	}
}


@media (max-height:400px) and (max-width: 820px) {
  html body.single-portfolio .container .row-fluid .span3 {
    top: 160px !important;
  }

  .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
    right: 30% !important;
    background-image: none !important;
    top:auto !important;
    bottom:10px !important;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1180px) and (orientation:landscape) {
  /* For landscape layouts only */
  body, html, .viewport {
    background-color: #333333 !important;
}
  .flexslider {
    margin: 0 0 0px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    zoom: 0;
    margin-top: 22px !important;
}

.page_header_yes .top_wrapper {
    padding-top: 0;
    background: white;
}

#logo {
	margin-left: 20px;
	}

  .flexslider .slides img{
    display: block;
    margin: 0px;
    z-index: auto;
    width: 100%;
    height: 100%;
    padding: 0px;
    object-fit: COVER;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
    display: none;
}
.flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
    display: none;
}
.header_page.normal .container > h1 {
    height: auto;
    line-height: 30px;
    display: none;
}
header#header .row-fluid .span12, .header_wrapper {
    height: 80px;
    /*display: none;*/
}
  body .btn-back {
    top: 100px !important;
    left: 30px !important;
  }
  html body.single-portfolio .row-fluid .span3 {
    top: 65vh !important;
    
  }

  html body.single-portfolio .header_wrapper {
    display: none;

  }


  	.row {
    zoom: 1;
	}
	header#header .row-fluid .span12 {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    width: 100% !important;
}
nav .menu > li > a, nav .menu > li.hasSubMenu:after, header#header .header_tools .vert_mid > a:not(#trigger-overlay), header#header .header_tools .cart .cart_icon {
    font-family: "Open Sans";
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #a6a6a6;
    font-size: 13px;
    font-display: swap;
    padding-left: 40px !important;
}

	body:not(.page-id-15) .container.light {
    color: #eee;
    height: 100VH;
	}
		nav .menu {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    height: 100%;
    margin-top: 0 !important;
	}
}

 /* Iphone landscape */
@supports (-webkit-touch-callout: none)  {
@media only screen and (orientation:landscape){

  /* For landscape layouts only */
  body, html, .viewport {
    background-color: #333333 !important;
}
  .flexslider {
    margin: 0 0 0px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    zoom: 0;
    top: 0px;
}

html body.single-portfolio .header_wrapper {
  display: none;

}

nav .menu > li > a, nav .menu > li.hasSubMenu:after, header#header .header_tools .vert_mid > a:not(#trigger-overlay), header#header .header_tools .cart .cart_icon {
  font-family: "Open Sans";
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #a6a6a6;
  font-size: 13px;
  font-display: swap;
  padding-left: 40px !important;
}
  .flexslider .slides img{
    display: block;
    margin: 0px;
    z-index: auto;
    width: 100%;
    height: 100%;
    padding: 0px;
    object-fit: COVER;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
    display: none;
}
.flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
    display: none;
}
.header_page.normal .container > h1 {
    height: auto;
    line-height: 30px;
    display: none;
}
header#header .row-fluid .span12, .header_wrapper {
    height: 80px;
    /*display: none;*/
}
html body.single-portfolio .container .row-fluid .span3 {
    display: none;
}
  body .btn-back {
    top: 100px !important;
    left: 30px !important;
  }
  html body.single-portfolio .row-fluid .span3 {
    top: 45vh !important;
  }
  	.row {
    margin-left: 80px !important;
    zoom: 1;
	}
	.row-dynamic-el .media .type_image.alignment_left {
    float: left;
    padding-right: 600px;
	}
}
}


/* tablet*/
@media (min-width: 700px) and (max-width: 1180px) {
  .mobile_small_menu{
    margin-right:0px !important;
  }
  body.single-portfolio .row-fluid .span3 {
    top:240px !important;
  }
  .btn-back {
    top: 470px !important;
    left: 30px !important;
  }
  .vc_tta.vc_tta-style-outline .vc_tta-tab {
    margin-left: -2px;
    margin-top: -2px;
    background: black;
	}
}


/*MOBILE SMALL*/
@media (max-width: 740px) {

  .team_title{
    height: 50px;
    position: relative;
    top: -115px;
  }
  body.page-id-56 #content{
    margin-top:-70px;
  }
  .menu-small{
	height: 88vh;
    overflow-y: scroll;
  }
}

/* ipad portrait*/
@media (max-width: 820px) and (orientation:portrait){

	
	.vc_tta-color-grey.vc_tta-style-outline .vc_tta-tab>a {
    margin-left: -2px;
    margin-top: -2px;
	background: rgba(0,0,0,.7) !important;
	}
	.vc_tta.vc_tta-style-outline .vc_tta-tabs-list {
    padding-left: 2px;
    padding-top: 10px !important;
	}
	.mobile_small_menu {
    display: block;
    margin-right: 10px !important;
	}
}


/*mobile*/
@media (max-width: 979px){
	body.single-portfolio .row-fluid .span3{
	background: #333333 !important;
	color: #ffffff !important;
}

.header_tools {
  margin-right: 30px;
}

body.single-portfolio .row-fluid .span3 .title, body.single-portfolio .row-fluid .span3 h4{
    color: #fff !important;
}
	.flexslider {
    margin: 0 0 0px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    zoom: 1;
    background: #333333;
	height: auto;
}

.PostDate {
	margin-top: 35px;
}

.uitgelichtGrid .vc_tta-panel-body{
	height: 250px;
}

body:not(.page-id-15) .vacatures, body:not(.page-id-15) .nieuweRegeling, body:not(.page-id-15) .gebruikesParti,
		body:not(.page-id-15) .kantoorConc, body:not(.page-id-15) .ontwerpFilo, body:not(.page-id-15) .OTHouse,
		body:not(.page-id-15) .overOTH, body:not(.page-id-15) .privacyVerkl, body:not(.page-id-15) .zorgConc{
	position: relative;
	right: auto;
	background: rgb(255 255 255 / 0%) !important;
	width:auto;
	margin-bottom: 150vh !important;
	margin-top: 25px;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	top: 0px;
    overflow: visible;
    background: #fff;
    color: #333;
	width:100% !important;
	margin-left: 0px !important;
		}

body:not(.page-id-15) .container.light .kantoorConc_content, body:not(.page-id-15) .container.light .overOTH_content,
body:not(.page-id-15) .container.light .OTHouse_content, body:not(.page-id-15) .container.light .ontwerpFilo_content,
body:not(.page-id-15) .container.light .zorgConc_content, body:not(.page-id-15) .container.light .gebruikesParti_content,
body:not(.page-id-15) .container.light .nieuweRegeling_content, body:not(.page-id-15) .container.light .privacyVerkl_content,
body:not(.page-id-15) .container.light .vacatures_content{
    height: auto;
}

.media iframe {
    width: 100%;
    height: calc(100vw / 1.77);
}

	.header_page.normal .container > h1 {
    height: 0px !important;
    line-height: 30px;
}
	.header_page {
		height: 0px !important;
}
	.btn-back-desc{
		display:none;
	}
	.footer_wrapper{
		height:100px;
	}
	#content{
      height: calc(100% - 140px) !important;
}
	body:not(.search) #blog article .content{
	  z-index: 100;
	  position: relative;
	  right: auto;
	  color: #fff;
	  background: #333;
	  padding: 10px;
	  height: calc(100vh - 100px);
	  overflow: scroll;
	  top: auto;
	  width:auto;
	  width: 100vw !important;
	}

	.five-cols .portfolio-item {
    position: relative;
    width: 20%;
    float: left;
    margin-bottom: 20px;
    left: 10px;
}

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{
    display: none;
}

body.single-portfolio #content {
    background-color: #333333 !important;
}

  body.single-staff #blog article .media{
    margin-top: 80px !important;
  }
  #blog .span12{
    width: 100% !important;
  }
  #blog article .media{
    padding: 0px;

  }
  #blog article .content{
    position: relative;
    right: auto;
    color: #333;
    background: none;
    height: auto;
    overflow: visible;
    top: auto;
    width: auto;
  }
  #blog article .content h1{
    color: #333 !important;
  }
  .btn-back{
	display: none
  }
  body.single-portfolio .row-fluid .span3 .title, body.single-portfolio .row-fluid .span3 h4{
    color: #333;
  }
  body.single-staff .footer_wrapper,
  body.single-post .footer_wrapper,
  body.single-portfolio .footer_wrapper{
    display: none;
  }
  body.single-portfolio, body.single-post{
    overflow: visible;
  }
  body.single-portfolio .row-fluid .span9{
    position: relative;
    height: 235px;
  }
  body.single-portfolio .row-fluid .span3, body:not(.page-id-15) .vacatures{
	top: 0px;
    position: relative;
    overflow: visible;
    background: #fff;
    color: #333;
    height: auto !important;
	width:100% !important;
	margin-left: 0px !important;
  }

  .vc_gitem-post-data {
    margin-bottom: -25px !important;
  }
  body:not(.home) .container.light{
    padding:15px 15px !important;
    overflow:hidden;
	width:92%;
	min-width: auto !important;
	max-width: none !important;
  }
  .vc_tta-tabs {
    top: 0px;
  }
  .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-body::before,
  .vc_tta-color-grey.vc_tta-style-outline .vc_tta-panel .vc_tta-panel-heading{
    border: none !important;
    background: rgba(0,0,0,0.7) !important;
    margin-bottom: 6px !important;
  }
  .vc_tta.vc_general ul li a, .vc_tta.vc_general .vc_tta-panels-container {
    background: none !important;
  }
  footer .span6 {
    padding: 0px !important;
  }
  #logo{
    display: block !important;
    float: left !important;
  }
  .mobile_small_menu{
    float:right !important;
    position: relative !important;
    display: block;
    color:#fff;
    margin-right: -45px;
    top:53% !important;
  }

  body.home .draggable,
  body.home .recent_news_block{
    display: none !important;
  }
  body.home .media_wrapper img{
    width:250px !important;
    display: none;
  }

  .mobile_small_menu.open:before,
  .mobile_small_menu.close:before{
    font-size: 32px !important;
  }
  .mobile_small_menu.close:hover, .mobile_small_menu.close{
    color:#fff;
    opacity: 0.7;
  }
  .container{
    margin:0px;
    width:100%;
    min-width: 100%;
  }
  .header_page{
    height: 0px;
  }
  
  header#header.transparent{
    background: #000 !important;
  }

  .mobile_small_menu.open:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 21px;
    /*color: red;*/
	}

	/*iphone oplossing lege ruimte*/
	.page_header_yes #content {
    margin-top: 0px !important;
	}
	.row-fluid {
    width: 100%;
    margin-bottom: 0px !important;
	}
}


/*Iphone portrait*/
@supports (-webkit-touch-callout: none)  {
@media only screen and (orientation: portrait){

  .mobile_small_menu.open:before {
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 24px;
    line-height: 21px;
    color: white;
	}
	.five-cols .portfolio-item {
    position: relative;
    width: 20%;
    float: left;
    margin-bottom: 20px;
    left: 15px;
	}
	.blog-article.standard-style .media > *:not(.post_type) {
    width: 100%;
    margin-top: 80px !important;
	}
	.portfolio-item.chrome .overlay {
    height: auto;
    position: relative;
    overflow: hidden;
	}

}
}