

header .header_inner_left {
    left: 26px;    
}

.header_bottom {
   padding: 0 51px 0 44px;
}

.side_menu_button {
    height: 129px;
}

.q_icon_with_title.left_from_title.custom_icon_image.tiny .icon_text_holder .icon_holder {
    width: 14px!important;
 padding: 3.5px 12.5px 0 0;
}

.q_slide_text{
letter-spacing: -3.2px;
}
.q_counter_holder span.counter {
letter-spacing: -6.3px;
}
.q_counter_holder.center {
    text-align: center;
    padding: 2px 22px;
}
.carousel-inner .slider_content .text .qbutton {
    margin: 15px 0 0;
    text-align: center;
}

.projects_holder.hover_text article .hover_feature_holder_title .portfolio_title{
    margin: 18px 0 12px 0;
}

.q_icon_with_title .icon_text_inner {
    padding: 0 0 0px;
}

.footer_top h5 {
    color: #fff;
    margin: 0 0 25px;
}

.portfolio_single .portfolio_single_text_holder {
    margin: 7px 0 40px;
}

.four_columns>.column1>.column_inner {
    padding: 0 20% 0 0;
}

@media only screen and (min-width: 769px) {
.qode-instagram-feed li {
    padding: 0 1px!important;
    margin: 0 0 2px!important;
}
}
.qode-instagram-feed {
    margin-left: 1px;
    margin-top: 31px;
}
.q_progress_bar .progress_title_holder {
margin: 0 0 11px;
}

.q_progress_bar .progress_number {
    display: none;
}

@media (max-width: 1200px) {
.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_subtitle span {
    font-size: 60px !important;
}
}

.parallax_content.center {
    text-shadow: 2px 2px black;
}

.drop_down .second .inner ul li a {
color: #FFFFFF;
}


.footer_bottom_holder {
     display: none;
}

@media only screen and (max-width: 780px) {
h1 {
    font-size: 60px !important;
}

.wpb_text_column {
margin-top: 20px !important;
}

.q_icon_list p {
margin-top: 20px !important;
}
}
body .gform_wrapper input[type=text],
.gform_wrapper textarea {
      border: 1px solid grey !important;
}

.partner {
    background: transparant !important;
}

@media (min-width: 480px) and (max-width: 780px) {
.vgtablet {
width: 100%;
}

.hgtablet {
width: 50%;
}
}

.q_slide_text {
text-align: center !important;
}

a.qbutton.green.default {
    margin-left: 520px !important;
}


/* Navbar background color*/
.header_bottom {
   background-color: rgba(91, 121, 132, 0.9) !important;
}

/* Mobile navbar, background color */
@media only screen and (max-width: 1000px){
.header_bottom, nav.mobile_menu{
	background-color: rgb(91, 121, 132) !important;
	}		
}

/* Mobile navbar, active and hover color */
nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a,
nav.mobile_menu ul li.current-menu-item > a{
	color:  rgb(193, 193, 197);
}

/* Sticky navbar, background color */
header.sticky .header_bottom{
	background-color: rgba(91, 121, 132, 0.9)  !important;
}

/* Sticky navbar, active and hover color */
header.sticky nav.main_menu > ul > li > a:hover span, 
header.sticky nav.main_menu > ul > li.active > a span,
header.sticky nav.main_menu > ul > li:hover > a > span,
header.sticky nav.main_menu > ul > li > a:hover > i, 
header.sticky nav.main_menu > ul > li:hover > a > i,
header.sticky nav.main_menu > ul > li.active > a > i,
.light.sticky nav.main_menu > ul > li > a:hover, 
.light.sticky nav.main_menu > ul > li.active > a, 
.dark.sticky nav.main_menu > ul > li > a:hover, 
.dark.sticky nav.main_menu > ul > li.active > a{
	color: rgb(193, 193, 197) !important;
}

/* Navbar hover color */
nav.main_menu ul li:hover a, nav.main_menu ul li.active a  {
	 color: rgb(193, 193, 197); 
}

/* tevredenheid procent teken padding zodat hij niet afgekapt word door een onzichtbare scrollbar */
.c {
  padding-right: 6.3px;
}

h4,
.h4,
h4 a{
	line-height: 20px;
	}

/* Menu items centreren */
.main_menu {
    left: 35% !important;
}

/* Telefoon nummer verbergen op ipad formaat i.v.m overloop van tekst, en de menu items naar rechts verplaatsen */
@media only screen and (max-width: 1024px) {
  .header_inner_right {
    display: none !important;
  }
  .main_menu {
  left: 420px !important;
  }
.q_slide_text, wpb_wrapper h1 {
   font-size: 60px !important;
 }
}

/* Volledig logo tonen tussen de 768 en 1000 pixels, en naar het midden verplaatsen */
@media screen and (min-width: 768px) , screen and (max-width: 1000px) {
   header .q_logo img.normal {
    display: block !important;
  }
header .q_logo img.mobile {
    display: none !important;
  }
  .logo_wrapper {
    margin-left: -25%;
  }
.q_slide_text, wpb_wrapper h1 {
   font-size: 60px !important;
 }
}

/*  Klein logo laten zien beneden de 768 pixels en logo centreren */
@media screen and (max-width: 768px) {
header .q_logo img.normal {
    display: none !important;
  }
header .q_logo img.mobile {
    display: block !important;
  }
.logo_wrapper {
    margin-left: auto;
  }
.q_slide_text {
   font-size: 21px !important;
   padding-bottom: 270px !important;
 }
 .wpb_wrapper h1 {
 font-size: 21px !important;
 }
} 

/* Kleur van tekst op de website minder donker maken */
h2, .h2, h2 a, h4, .h4, h4 a{
	color: rgba(48, 48, 48, 0.48) !important;
	}

nav.main_menu > ul > li > a {
font-family: 'Open Sans', sans-serif;
}

header.sticky nav.main_menu > ul > li > a, 
header.light.sticky nav.main_menu > ul > li > a, 
header.dark.sticky nav.main_menu > ul > li > a{
font-family: 'Open Sans', sans-serif !important;
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3{
font-family: 'Open Sans', sans-serif !important;
}

#back_to_top:hover span
{
	background-color: #5b7984;
	border-color: #5b7984;
}

/* Kleur van de 3 streepjes in het menu bij mobiele weergaven */
.side_menu_button > a:hover,
    .mobile_menu_button span:hover,
    .popup_menu:hover .line,
    .popup_menu:hover .line:after,
    .popup_menu:hover .line:before{color: #FFF !important; }

/* Shaduw rondom de tekst in de slider, en andere banner */
.q_slide_text span, .wpb_wrapper h1, .tekstSchaduw h2{
    text-shadow: 3px 2px 7px black;
}

/* hover kleurtje van de linkjes in de footer */
.footer_top a:hover
	{
        color: #5b7984 !important;
    }

/* Huidig submenu item een kleur geven */
@media screen and (min-width: 480px) {
.inner li span:hover, li .current_page_item a span {
    transition: color 0.5s ease;
    color: #5b7984 ;
}
}
-0 51px 0 44px