/* GENERAL */
::selection {
  background: #402171; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #402171; /* Gecko Browsers */
}

h1 {
color: #fff !important;
}

h2 {
font-weight: 900;
letter-spacing: 0;
font-size: 26px;
line-height: 26px;
/*line-height: 28.8px;*/
text-transform: uppercase;
color: #000;
}

h3 {
font-family: 'Merriweather', sans-serif;
text-transform: none;
font-weight: bold;
letter-spacing: 0;
color: #000;
}

h4, .q_accordion_holder.accordion h4 {
font-size: 18px !important;
line-height: 22px !important;
font-weight: bold !important;
letter-spacing: 0 !important;
color: #000 !important;
/*text-transform: uppercase !important;*/
}

h4 a {
color: #000;
}

h5 {
font-size: 22px;
line-height: 26.4px;
font-weight: bold;
letter-spacing: 0;
color: #000 !important;
text-transform: uppercase;
}

p {
font-family: 'Merriweather', sans-serif;
}

a {
outline: none !important;
}

ul, ol {
margin-left: 0.25em;
}

ul li, ol li {
list-style-position: outside;
margin-left: 1em;
font-family: 'Merriweather', sans-serif;
}

section.parallax_section_holder {
min-height: 0;
}

.right {
text-align: right;
}

.white,
.white h2,
.handwritten.white p {
color: #fff;
}

.black {
color: #000;
}

.quote p {
font-family: 'Open Sans', sans-serif !important;
font-size: 26px;
line-height: 26px;
font-weight: 900;
text-transform: uppercase;
text-align: right;
padding-right: 25px;
color: #000;
}

.quote.image p {
font-size: 36px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
color: #fff;
}

.cols {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
column-gap: 50px;
}

.handwritten p {
padding: 25px 0 0 0;
font-family: 'Reenie Beanie', sans-serif;
font-size: 30px;
color: #000;
text-align: right;
-moz-transform:rotate(357deg);
-webkit-transform:rotate(357deg);
-o-transform:rotate(357deg);
-ms-transform:rotate(357deg);
}

.label {
position: absolute;
top: -100px;
right: 15px;
z-index: 10000;
}

.label img {
width: 60px;
height: 71px;
}

.submenu li {
display: inline;
}

.project_info {
padding: 15px 10px 25px 10px;
color: #000;
}

.show_more a,
.hide p,
.submenu a,
.go_back p {
font-family: 'Open Sans', sans-serif !important;
font-size: 11px !important;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
cursor: pointer;
color: #444;
position: relative;
z-index: 1001;
}

.show_more a:hover,
.hide p:hover,
.submenu a:hover,
.go_back p:hover {
color: #402171;
}

.show_more a:before,
.hide p:before {
content: "​‌>";
position: relative;
margin-right: 5px;
}

.go_back {
position: relative;
bottom: 25px;
}

.go_back p:before {
content: "<";
position: relative;
margin-right: 5px;
}

.pattern_lines {
background: url(../../../uploads/2017/02/bg_pattern.png);
background-size: 300px 225px !important;
background-repeat: repeat !important;
}

.thin {
font-weight: 400;
}

.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
height: 0;
}

.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* Revolution Slider */
.tp-bgimg {
background-image: none;
}

.q_slider {
padding-top: 120px;
}

.rev_slider a:hover {
color: #402171 !important;
}
/* End */

/* Call To Action */
.call_to_action {
padding: 29px 21px;
font-family: 'Merriweather', sans-serif;
}

.call_to_action .text_wrapper .call_to_action_text {
font-size: 21px;
line-height: 1.3em !important;
}

.call_to_action .text_wrapper .call_to_action_icon_inner img {
max-width: 27%;
margin-top: -15px;
}

.call_to_action .qbutton i {
margin: 0 !important;
font-size: 16px;
}
/* End */

/* Featured Work */
.featured_work .label {
top: -75px;
}

.featured_work h2 {
letter-spacing: 7px;
}

.featured_work .hide {
display: none;
}
/* End */

/* Featured Case */
.featured_case h2 {
letter-spacing: 7px;
}
/* End */

/* Client Carousel */
.qode_carousels .slides li {
margin: 0 40px;
}

.caroufredsel_wrapper {
height: 66px !important;
}
/* End */

/* Werkwijze */
.werkwijze h2 {
letter-spacing: 7px;
}
/* End */

/* Definitie - Mission Statement */
.def_miss .miss_title h2 {
letter-spacing: 7px;
}

.def_miss .q_elements_holder .q_elements_item {
background: url(../../../uploads/2017/02/bg_pattern.png);
background-size: 300px 225px !important;
background-repeat: repeat !important;
}
/* End */

/* Work */
.work .label {
top: -75px;
}

.work h2 {
letter-spacing: 7px;
}

.projects_holder article .portfolio_description {
padding: 15px 10px 0 10px !important;
background: none !important;
border: 0 !important;
}

.projects_holder article .portfolio_description .portfolio_title {
margin: 0;
}
/* End */

/* Instagram */
.owl-carousel .owl-item {
margin: 0 !important;
}

.owl-theme .owl-controls {
margin: 0;
}
/* End */

/* Cases */
.cases .label {
top: -75px;
}

.cases h2 {
letter-spacing: 7px;
}

.cases p {
color: #000;
}

.keywords p {
font-family: 'Open Sans', sans-serif !important;
font-size: 24px;
font-weight: 900;
text-transform: uppercase;
color: #aaa;
letter-spacing: 0;
line-height: 28.8px;
}
/* End */

/* Vacature */
.q_elements_item {
background-size: cover;
}

.vacature_purple .q_elements_item_content {
background: url(../../../uploads/2017/02/bg_pattern.png);
background-size: 300px 225px !important;
background-repeat: repeat !important;
}
/* End */

/* Voice Over */
.soundcloud iframe {
margin-bottom: 15px !important;
}

.soundcloud h4 {
margin-bottom: 5px !important;
}

.parent-pageid-282 .voice-over .label {
display: none;
}
/* End */

/* Contact */

/* End */
/* END */

/* HEADER */
/* Header Top */
.header_top {
height: 40px;
line-height: 40px;
}

.header_top .left {
position: relative;
left: 50%;
margin-left: -136px;
}

header .header_top .q_social_icon_holder a:hover i {
color: #818181 !important;
}
/* End */

/* Header */
header .container_inner .header_inner_left {
left: 50%;
margin-left: -47px;
}

.q_logo a {
height: 50px !important;
}

.q_logo img {
z-index: 10000;
}

nav.main_menu ul li a {
font-family: 'Open Sans', sans-serif !important;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}

nav.main_menu ul li a:hover,
nav.main_menu ul li.active a {
color: #818181;
}

nav.main_menu.right {
left: -10.5%;
}

nav.main_menu ul li:nth-child(4) {
margin-right: 75px;
}

nav.main_menu ul li:nth-child(5) {
margin-left: 75px;
}

.drop_down .second .inner ul li {
margin: 0;
}

.content.content_top_margin {
margin-top: 120px !important;
}
/* End */

/* Header Scroll */
header.fixed.scrolled .header_top {
background: #fff !important;
}
/* End */

/* Header Mobile */
nav.mobile_menu ul {
padding-bottom: 25px;
}

nav.mobile_menu ul li a {
font-family: 'Open Sans', sans-serif !important;
color: #fff;
text-transform: uppercase;
font-weight: bold;
}

nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active a {
color: #818181;
}

nav.mobile_menu ul li {
border-bottom: 1px solid #222 !important;
}

.mobile_menu_button span {
color: #fff;
}

nav.mobile_menu ul>li.has_sub>span.mobile_arrow {
width: 75%;
}
/* End */

/* Title */
.title.has_fixed_background {
background-position: center 80px !important;
}
/* End */
/* END */

/* HOME */
.featured_case a,
.featured_case p,
.featured_case h2,
.featured_case h4 {
color: #fff !important;
}
/* END */

/* ABOUT */
.spinner_image {
display: none;
}

.spinner {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 100%;
}
 
.spinner iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

.spinner_column .handwritten p {
padding: 0;
}

.sc_player_container1 .myButton_play,
.sc_player_container1 .myButton_stop {
top: 9px;
}

.q_accordion_holder.accordion h4:before {
position: relative;
top: -8px;
float: left;
margin: 0 10px 0 35px;
width: 50px; 
height: 50px;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark {
width: 25px;
height: 25px;
margin-top: 2px;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
width: 21px;
height: 21px;
}

.q_accordion_holder.accordion h4:nth-of-type(1):before {
content: url(../../../uploads/2017/02/werkwijze_icon-define.svg);
}

.q_accordion_holder.accordion h4:nth-of-type(2):before {
content: url(../../../uploads/2017/04/werkwijze_icon-imagine.svg);
}

.q_accordion_holder.accordion h4:nth-of-type(3):before {
content: url(../../../uploads/2017/04/werkwijze_icon-preproduction.svg);
}

.q_accordion_holder.accordion h4:nth-of-type(4):before {
content: url(../../../uploads/2017/02/werkwijze_icon-production.svg);
}

.q_accordion_holder.accordion h4:nth-of-type(5):before {
content: url(../../../uploads/2017/02/werkwijze_icon-activate.svg);
}

.q_accordion_holder.accordion h4:nth-of-type(6):before {
content: url(../../../uploads/2017/02/werkwijze_icon-celebrate.svg);
}

.q_accordion_holder.accordion h4:nth-of-type(7):before {
content: url(../../../uploads/2017/02/werkwijze_icon-improve.svg);
}

.q_accordion_holder.accordion .ui-accordion-header {
    margin: 0;
}

/* Definitie & Mission statement */
.def_miss,
.def_miss p,
.def_miss a,
.def_miss h2,
.def_miss h3,
.def_miss h4 {
color: #fff !important;
}
/* End */
/* END */

/* WORK */
.page-id-230 .featured_work .label,
.page-id-230 .featured_work .show_more {
display: none;
}

.page-id-230 .featured_work .hide {
display: block;
}

/*.page-id-230 .featured_work h2 {
margin-bottom: 5px;
}*/
/* END */

/* CASES */
/* Case Single */
.case_labels img {
padding: 0 5px;
}

.case_single .q_elements_holder .q_elements_item:nth-of-type(1) .q_elements_item_content {
border-right: 1px #fff solid;
}

.case_label_holder {
position: absolute;
top: 50%;
left: 50%;
z-index: 10000;
}

.case_single .plan .case_label_holder {
left: 33.33%;
}

.case_single .activate .case_label_holder {
left: 66.66%;
}

.case_label {
position: relative;
left: -50%;
margin-top: -50%;
padding: 5px 10px;
color: #fff;
font-weight: 900;
text-transform: uppercase;
text-align: center;
line-height: 125%;
}

.case_single .define .case_label {
background: #aba9d8;
}

.case_single .imagine .case_label {
margin-top: -25%;
background: #6356b2;
}

.case_single .plan .case_label {
background: #4b3a93;
}

.case_single .create .case_label {
background: #4b3a93;
}

.case_single .activate .case_label {
background: #3f2d78;
}

.case_single .celebrate .case_label {
margin-top: -25%;
background: #2a1d5e;
}

.case_single .improve .case_label {
background: #150f3f;
}

.case_label_mobile {
float: right;
height: 50px;
line-height: 50px;
padding: 0 5px 10px 0;
font-weight: 900;
text-transform: uppercase;
}
/* End */
/* END */

/* TEAM */
.team h2,
.team h4,
.team p,
.team a,
.team a:hover {
color: #fff !important;
}

.team_text {
padding-right: 25px;
}

.team_text .show_more {
padding-top: 15px;
}

.page-id-180 .team_text .show_more {
display: none;
}

.directors .show_more {
padding-top: 0;
}
/* END */

/* VACATURE */
.vacature_purple h2,
.vacature_purple p,
.vacature_purple a,
.vacature_purple a:hover {
color: #fff;
}

.vacature_contact {
text-align: right;
padding-right: 25px;
}
/* END */

/* CONTACT */
.contact .label {
top: 0;
margin-right: 12px;
}

.contact .q_elements_holder .q_elements_item {
vertical-align: top !important;
}

.page-id-142 .footer_top_holder {
visibility: hidden;
height: 0;
}
/* END */

/* FOOTER */
.footer_top {
padding: 75px 0;
}

.footer_top a:hover {
color: #402171 !important;
}

input.wpcf7-form-control.wpcf7-text{
font-family: 'Open Sans', sans-serif !important;
}

textarea.wpcf7-form-control.wpcf7-textarea{
height:114px;
font-family: 'Open Sans', sans-serif !important;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
border: 2px solid #818181;
color: #818181;
}

.footer_bottom {
height: 40px;
line-height: 23px;
}

.footer_bottom .textwidget {
height: 23px !important;
}

.credits {
text-transform: uppercase;
}

.credits a {
font-weight: bold;
}

.credits a:hover {
color: #fff;
}
/* END */

/* RESIZE */
@media only screen and (max-width: 1200px) {
header .container_inner .header_inner_left {
left: 0;
margin: 0;
}
nav.main_menu.right {
left: 0;
}
nav.main_menu ul li:nth-child(4) {
margin-right: 0;
}
nav.main_menu ul li:nth-child(5) {
margin-left: 0;
}
.spinner_image {
display: block;
}
.spinner {
display: none;
}
.case_single .cols {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.keywords {
display: none;
}
}

@media only screen and (max-width: 1000px) {
.header_top .left {
left: 0;
margin: 0;
}
.header_top .right {
display: none;
}
.content.content_top_margin {
margin-top: 0 !important;
}
.mobile_menu_button,
.side_menu_button,
.logo_wrapper {
height: 80px !important;
}
.q_slider {
padding-top: 0;
}
.label img {
width: 50px;
height: 60px;
}
}

@media only screen and (max-width: 777px) {
.rev_slider a:hover {
background: #fff !important;
}
}

@media only screen and (max-width: 768px) {
.quote p,
.team_text,
.vacature_contact {
text-align: left;
padding: 0;
}
.cols {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.label {
right: 0 !important;
}
.page-id-142 .label {
right: 50px !important;
}
.submenu li {
display: block;
}
.case_single .q_elements_holder .q_elements_item:nth-of-type(1) .q_elements_item_content {
border: none;
}
.vacature_purple .q_elements_holder .q_elements_item:nth-of-type(1),
.vacature_white .q_elements_holder .q_elements_item:nth-of-type(2) {
display: none;
}
.google_map_shortcode_holder {
height: 400px !important;
}
}

@media only screen and (min-width: 767px) and (max-width: 1000px) {
.case_single .define .vc_column-inner {
padding-right: 50px !important;
padding-left: 50px !important;
}
.case_single .plan .vc_column-inner {
padding-right: 50px !important;
padding-left: 75px !important;
}
.case_single .create .vc_column-inner {
padding-right: 75px !important;
padding-left: 75px !important;
}
.case_single .activate .vc_column-inner {
padding-right: 75px !important;
padding-left: 50px !important;
}
.case_single .improve .vc_column-inner {
padding-right: 50px !important;
padding-left: 50px !important;
}
}

@media only screen and (min-width: 768px) {
.case_single_mobile {
display: none;
}
}

@media only screen and (max-width: 767px) {
.case_single {
display: none;
}
}

@media only screen and (min-width: 601px) and (max-width: 768px) {
.two_columns_50_50>.column1 {
width: 60%;
}
.two_columns_50_50>.column2 {
width: 40%;
}
.spinner_image {
display: none;
}
.spinner {
display: block;
}
}

@media only screen and (max-width: 600px) {
.call_to_action .text_wrapper .call_to_action_icon_holder {
display: none;
}
.call_to_action.with_icon .text_wrapper .call_to_action_text {
padding: 20px 0 20px 0;
}
.call_to_action .text_wrapper .call_to_action_text {
margin-bottom: 0 !important;
}
.footer_bottom_holder {
padding: 15px 0;
}
.footer_bottom {
height: 0;
}
.footer_bottom_holder .two_columns_50_50>.column2 {
display: none;
}
}
/* END */