/*
Theme Name: Bridge Child PB 18
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.5
Template: bridge
*/


/*  Changelog

*/


/* r 402 opacity op 1 voor testen */

@import url("../bridge/style.css");


@font-face{
    font-family: 'DrukText-SuperItalic';
    src: url('fonts/DrukText-SuperItalic.otf') format('opentype');
}

@font-face{
    font-family: 'DrukText-Medium';
    src: url('fonts/DrukText-Medium.otf') format('opentype');
}

@font-face{
    font-family: 'RoxboroughCF-RegularItalic';
    src: url('fonts/RoxboroughCF-RegularItalic.ttf') format('truetype');
}

@font-face{
    font-family: 'MonumentExtended-Regular';
    src: url('fonts/MonumentExtended-Regular.otf') format('opentype');
}

@font-face{
    font-family: 'MonumentExtended-Ultrabold';
    src: url('fonts/MonumentExtended-Ultrabold.otf') format('opentype');
}

@font-face{
    font-family: 'HiroshigeStd-BlackItalic';
    src: url('fonts/HiroshigeStd-BlackItalic.otf') format('opentype');
}



.mobile-only {
    display: none !important;
}

.ipad-only {
    display: none !important;
}

.desktop-only {
    display: block !important;
}

.z-index-1000 {
    z-index: 1000;
}

.grecaptcha-badge {
    display: none;
}



/* Tooltipy plugin */


.bluet_block_to_show {
    /*padding: 0 !important;*/
}

.bluet_block_container {
    background-color: transparent !important;
    box-shadow: 0 0 0 #fff !important;
}

.bluet_title_on_block {
    display: none;
}

.bluet_text_content {
    padding: 0 !important;
}

.bluet_text_content img{
    display: inline-block;
}

.bluet_text_content p {
    padding: 0 !important;
}

/* End Tooltipy */


/* Cookie plugin */

.cn-set-cookie.cn-button {
    color: black !important;
}


.tooltip_templates {
    display:none;
}

.druktext-superitalic {
    font-family: DrukText-SuperItalic;
}

.druktext-medium {
    font-family: DrukText-Medium;
}

.monument-ext-reg {
    font-family: MonumentExtended-Regular;
}

.monument-ext-ultrabold {
    font-family: MonumentExtended-Ultrabold;
}

.hiroshigestd-blackitalic {
    font-family: HiroshigeStd-BlackItalic;
}

.letterspacing-2 {
    letter-spacing: 2px;
}

.font-border {
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.font-border-white {
    color: black !important;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.black-border {
    border: 3px solid black;
}

.black-border-2 {
    border: 2px solid black;
    box-sizing: border-box;
}

.black-border-2.animated-video {
    border-width: 0;
}

.white-background {
    background-color: white;
}

.box-shadow {
    -webkit-box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    9px 9px 0px 0px rgba(0, 0, 0, 1);
    box-shadow:         9px 9px 0px 0px rgba(0, 0, 0, 1);
}

.box-shadow-small {
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    5px 5px 0px 0px rgba(0, 0, 0, 1);
    box-shadow:         5px 5px 0px 0px rgba(0, 0, 0, 1);
}

.align-center {
    text-align: center;
}

.only-mobile {
    display: none;
}

@media screen and (max-width: 992px)  {
    .only-mobile {
        display: block;
    }
}

@media screen and (min-width: 769px)  {
    #world-peace.neon-opacity {
        /*opacity: 0;*/
    }

    #mother.neon-opacity {
        color: black;
    }
}


@media screen and (min-width: 0px)  {

    .neon{
        -webkit-animation-name:neon;
        -webkit-animation-duration:1.5s;
        -webkit-animation-delay:0s;
        -webkit-animation-timing-function:ease-in-out;
        -webkit-animation-iteration-count:infinite;
        -webkit-animation-direction:alternate;

        animation-name:neon;
        animation-duration:1.5s;
        animation-delay:0s;
        animation-timing-function:ease-in-out;
        animation-iteration-count:infinite;
        animation-direction:alternate;

        opacity: 1 !important;
        /*color: white !import313ant;*/
    }

}

/*glow*/



@-webkit-keyframes neon {
    from {
        text-shadow: 0 0 10px #fff,
            0 0 20px  #fff,
            0 0 30px  #fff,
            0 0 40px  #FF1177,
            0 0 70px  #FF1177;
    }
    to {
        text-shadow: 0 0 5px #fff,
            0 0 10px #fff,
            0 0 15px #fff,
            0 0 20px #FF1177,
            0 0 35px #FF1177;
    }

}

@-moz-keyframes neon {
    from {
        text-shadow: 0 0 10px #fff,
            0 0 20px  #fff,
            0 0 30px  #fff,
            0 0 40px  #FF1177,
            0 0 70px  #FF1177;
    }
    to {
        text-shadow: 0 0 5px #fff,
            0 0 10px #fff,
            0 0 15px #fff,
            0 0 20px #FF1177,
            0 0 35px #FF1177;
    }

}

@keyframes neon {
    from {
        text-shadow: 0 0 10px #fff,
            0 0 20px  #fff,
            0 0 30px  #fff,
            0 0 40px  #FF1177,
            0 0 70px  #FF1177;

    }
    to {
        text-shadow: 0 0 5px #fff,
            0 0 10px #fff,
            0 0 15px #fff,
            0 0 20px #FF1177,
            0 0 35px #FF1177;
    }

}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes pulse_animation2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.pulse {
    animation-name: pulse_animation;
    animation-duration: 1500ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.pulse2 {
    animation-name: pulse_animation2;
    animation-duration: 1500ms;
    transform-origin: 70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



/* visual composer */

.vc_column_container>.vc_column-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* scroll vars */

#scroll-vars {
    position: fixed;
    min-width: 120px;
    z-index: 100000;
    left: 70px;
    top: 50px;
    background: lightgrey;
    color: black;
    padding: 0 5px;
    display: none;
}

#timer {
    position: fixed;
    min-width: 120px;
    z-index: 100000;
    left: 70px;
    top: 50px;
    background: lightgrey;
    color: black;
    padding: 0 5px;
    display: none;
}

#scroll-vars span {
    display: inline-block;
    width: 50px;
}

.buttons {
    position: fixed;
    min-width: 120px;
    z-index: 100000;
    left: 70px;
    top: 70px;
    background: lightgrey;
    color: black;
    padding: 0 5px;
    display: none;
}



/*Algemeen*/

.display-none {
    display: none !important;
}


.visible {
    visibility: visible;
}

.hidden {
    visibility: hidden;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-1 {
    opacity: 1 !important;
}

#spinner-back {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10000;
    background-color: black;
    /*opacity: 0;*/
}

#logo-loader {
    position: absolute;
    height: auto;
    left: 40px;
    top: 40px;
    z-index: 10001
}

#spinner {
    color: white;
    text-align: center;
    position: fixed;
    min-height: 395px;
    z-index: 10002;
    /*    left: -285px;
        margin-left: 50%;*/
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-transform: uppercase;
    /*padding: 10px;*/
}

#spinner h1{
    text-align: center;
    color: white;
}

#spinner h2{
    text-align: center;
    color: white;
    padding: 0 10px;
}

#spinner .load-image {
    display: inline-block;
    margin: 15px 0 0 0;
}

#spinner .button {
    display: none;
}

#load-spinner {
    margin-top: 10px;
    display: inline-block;
    vertical-align: top;
}

.spinner-image-wrapper {
    margin-top: 20px;
    height: 15px;
    overflow:hidden;
    background-color: white;
    display: inline-block;
}

.load-image {
    position: relative;
    display: inline-block;
}

.load-image-text-container {
    position: relative;
    text-align: center;
    top: -4px;
}

.load-image-text {
    display: inline-block;
    color: white;
    padding: 0 10px;
}

.home .wrapper {
    opacity: 0;
    transition: opacity 1s;
}

body {
    color: black;
    /*cursor: url('img/mickey-cursor.cur'), auto;*/
    /*cursor: all-scroll;*/
}

p {
    padding: 0px 0px 20px 0px;
}

a, a:hover, a:focus {
    color: black;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-16 {
    font-size: 16px;
    line-height: 20px;
}

.font-size-16-strong strong {
    font-size: 16px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-18 {
    font-size: 18px;
    line-height: 21px;
}

.font-size-20, .font-size-20 input {
    font-size: 20px !important;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-30 {
    font-size: 30px;
    line-height: 35px;
}

.font-size-32 {
    font-size: 32px;
    line-height: 42px;
}

.font-size-36 {
    font-size: 36px;
    line-height: 50px;
}

.font-size-38 {
    font-size: 38px;
    line-height: 42px;
}

.font-size-38-s {
    font-size: 38px;
    line-height: 42px;
}

.font-size-40 {
    font-size: 40px;
    line-height: 50px;
}

.font-size-60 {
    font-size: 60px;
    line-height: 70px;
}

.font-size-65 {
    font-size: 65px;
    line-height: 72px;
}

.font-size-68 {
    font-size: 68px;
    line-height: 74px;
}

.font-size-80 {
    font-size: 80px;
    line-height: 90px;
}

.font-size-100 {
    font-size: 100px;
    line-height: 100px;
}

.font-size-150 {
    font-size: 150px;
    line-height: 150px;
}

.font-size-175 {
    font-size: 175px;
    line-height: 175px;
}

.font-s {
    font-size: 17px;
    line-height: 19px;
}

.font-m {
    font-size: 20px;
    line-height: 22px;
}

.font-l {
    font-size: 35px;
    line-height: 45px;
}

.font-l2 {
    font-size: 50px;
    line-height: 65px;
}

.font-l {
    font-size: 50px;
    line-height: 65px;
}

.font-xl {
    font-size: 60px;
    line-height: 75px;
}

.font-xxl {
    font-size: 80px;
    line-height: 100px;
}

.line-height-30{
    line-height: 30px;
}

.line-height-36{
    line-height: 36px;
}

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

.italic {
    font-style: italic;
}

.normal {
    font-style: normal;
}

.uppercase {
    text-transform: uppercase;
}

.strong {
    font-weight: 600;
}

.display-block {
    display: block;
}

.text-align-right {
    text-align: right;
}

.text-align-center {
    text-align: center;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.padding-top-20 {
    padding-top: 20px;
}

.margin-left-10 {
    margin-left: 10px;
}

body, .wrapper {
    /*background-color: white;*/
}

body {
    background-color: white;
}

.wrapper {
    background-color: transparent;
}

.content, .content .container, .full_width {
    background-color: transparent !important;
}

.content {
    /*margin-top: -80px !important;*/
    margin-top: 0px !important;
}


.single-projects .content .container .container_inner.page_container_inner, .single-projects .full_page_container_inner {
    padding: 20px 0 0;
}

.post-content {
    margin-top: 20px;
    min-height: 20px;
}

.single-projects .post-content {
    margin-top: 0px;
    min-height: 20px;
}

a, p a{
    color:black;
}

.wrapper a:hover, .wrapper p a:hover, .wrapper a:hover span, .wrapper h1 a:hover{
    /*color:black !important;*/
}

h1, h2, h3, h4 ,h5, h6 {
    color: black;
    text-transform: none;
    font-weight: 400;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
}

.wpb_text_column h4 {
    margin-bottom: 20px;
}

.title h1 {
    color: black;
    font-size: 20px !important;
    line-height: 1.3em;
}

.separator.small {
    background-color: white;
    display: none;
}

.excerpt-read-more {
    margin-left: 7px;
}

.content, .content .container, .full_width {
    /*background-color: white;*/
    background-color: transparent;
}



/* header */

header {
    z-index: 1000;
    height: 95px;
}

header.centered_logo nav.main_menu, header.centered_logo nav.main_menu.left {
    /*float: left;*/
    position: absolute;
    top: 40px;
    left: 10px;
}

nav.main_menu>ul>li>a {
    font-size: 18px;
    /*line-height: 60px !important;*/
    font-family: 'DrukText-SuperItalic';
    padding: 0 6px;
    color: black;
}

nav.main_menu>ul>li>a span {
    text-decoration: underline;
    line-height: 1.3em !important;
}

#menu-hoofdmenu .menu-item {
    max-width: 400px;
}

header.centered_logo .header_inner_left {
    position: relative;
    margin: 0 0 10px !important;

}

model-viewer.model-viewer-header {
    position: fixed;
    left: 50%;
    margin-left: -150px;
    display: inline-block;
}

.q_logo img {
    /*max-width: 180px;*/
    height: auto !important;
}

.mobile-logo-small {
    display: none;
    background-color: black;
    text-align: left !important;
}

header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom {
    /*background-color: transparent;*/
}

header.centered_logo .header_inner_right {
    position: absolute;
    top: 10px;
    left: 10px;
}

header.centered_logo .logo_wrapper {
    /*float: none;*/

}


/* mobile menu */

.mobile_menu_button span {
    color: black;
}

nav.mobile_menu ul li.active > a {
    color: black;
}


.mobile_menu_button .qode_icon_font_awesome {
    font-size: 30px;
}


/* menu knop popup menu */

.mobile_menu_button {
    display: none!important;
}

#menu-hoofdmenu-1 {
    display: block !important;
}

#menu-hoofdmenu-1 li {
    display: inline-block;
    margin-right: 5px;
}

#menu-hoofdmenu-1 li a{
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'DrukText-SuperItalic';
    text-decoration: underline;
    color: black;

}


.popup_menu_holder {
    /*background-color: black;*/
}

.popup_menu_inner {
    width: 45px;
}

.popup_menu .line, .popup_menu .line:after, .popup_menu .line:before {
    background-color: black;
    height: 4px;
    width: 40px;
}

.popup_menu .line {


}

.popup_menu .line:before {
    top: -12px;
    /*left: -5px;*/
}

.popup_menu .line:after {
    top: 12px;
    /*left: -5px;*/
}

.header_bottom {
    background-color: transparent;
}

.header_top_bottom_holder .header_bottom {
    height: 95px;
}

.q_logo {
    /*height: 80px;*/
    margin-top: 0px;
}

.q_logo a {
    height: auto !important;
}

.q_logo img {
    /*max-width: 180px;*/
    height: auto !important;
}

.q_logo img.normal {
    position: fixed;
    left: 50%;
    /*transform: translateX(-50%) !important;*/
    top: 10px !important;
    opacity: 1;
}

.header-right-from-logo-widget {
    top: 10px;
}

.header-right-from-logo-widget .custom-html-widget a {
    color: black;
    font-size: 16px;
    /*font-weight: 700;*/
}

.socials {
    display: inline-block;
    margin-top: 10px;
    font-family: HiroshigeStd-BlackItalic;
}

.socials a {
    text-decoration: underline;
}

.socials a:hover {
    text-decoration: none;
}



@-moz-keyframes
sound {
    0% {
        height:3px
    }
    25% {
        height:16px
    }
    50% {
        height:6px
    }
    75% {
        height:16px
    }
    100% {
        height:3px
    }
}

@-webkit-keyframes
sound {
    0% {
        height:3px
    }
    25% {
        height:16px
    }
    50% {
        height:6px
    }
    75% {
        height:16px
    }
    100% {
        height:3px
    }
}

@keyframes
sound {
    0% {
        height:3px
    }
    25% {
        height:16px
    }
    50% {
        height:6px
    }
    75% {
        height:16px
    }
    100% {
        height:3px
    }
}



.buttons-fe {
    float: right;
    margin-top: 42px;
    display: none;
}

.home .buttons-fe {
    display: block;
}


.sound-toggle {
    display:none;
    position:relative;
    top: -2px;
    width:14px;
    height:16px;
    cursor:pointer;
    z-index:20;
    float: right;
    margin-left: 10px;
    margin-right: 30px;
    margin-top: 40px;
}

.home .sound-toggle {
    display: block;
}

.sound-toggle .line {
    position:absolute;
    bottom:0;
    left:0;
    width:2px;
    height:3px;
    background: black;
    -moz-transition:background 0.2s ease, height 0.5s ease;
    -o-transition:background 0.2s ease, height 0.5s ease;
    -webkit-transition:background 0.2s ease, height 0.5s ease;
    transition:background 0.2s ease, height 0.5s ease
}

.sound-toggle .line:nth-child(2) {
    left:4px
}

.sound-toggle .line:nth-child(3) {
    left:8px
}

.sound-toggle .line:nth-child(4) {
    left:12px
}

.sound-toggle:hover .line {
    background:#999;
}

.sound-toggle.is-playing
.line {
    -moz-animation:sound 2.5s linear 0s infinite normal none;
    -webkit-animation:sound 2.5s linear 0s infinite normal none;
    animation:sound 2.5s linear 0s infinite normal none
}

.sound-toggle.is-playing .line:nth-child(2) {
    left:4px;
    -moz-animation-duration:3s;
    -webkit-animation-duration:3s;
    animation-duration:3s
}

.sound-toggle.is-playing .line:nth-child(3) {
    left:8px;
    -moz-animation-duration:3.5s;
    -webkit-animation-duration:3.5s;
    animation-duration:3.5s
}

.sound-toggle.is-playing .line:nth-child(4) {
    left:12px;
    -moz-animation-duration:2s;
    -webkit-animation-duration:2s;
    animation-duration:2s
}

.sound-toggle.is-visible {
    display:block
}


.play-toggle {
    position: relative;
    display: block;
    width: 9px;
    height: 12px;
    background-image: url('img/play-pause.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.play-toggle.is-playing {
    background-position: right center;
}


/* pages algemeen */


.content.content_top_margin {
    margin-top: 80px !important;
}




/* frontpage */

.content {
    /*z-index: 111;*/
}

#bg-video {
    position: absolute;
    display: block;
    width: 100%;
    height: 500px;
    background-color: black;
}

.video-container {
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: black;
}

.video-still {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.video-still img {
    width: 100%;
    /*height: 400px;*/
    height: auto;
    /*object-fit: cover;*/
}

.start-video-mobile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3em;
    color: white;

}

.start-video-mobile i {
    text-shadow: 2px 2px 2px #000;
    animation: pulse 1s infinite;
}

#studioplakband {
    width: 350px;
    max-width: none !important;
    height: auto;
    position: absolute;
    right: -15px;
    top: 70px;
    border: 3px solid black;
    display: none;
    -webkit-box-shadow: 8px 8px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    8px 8px 0px 0px rgba(0, 0, 0, 1);
    box-shadow:         8px 8px 0px 0px rgba(0, 0, 0, 1);
}

.home #studioplakband {
    display: block;
}

.mobile-logo-pb {
    position: absolute;
    top: -15px;
    right: 40px;
    border: 1px solid black;
    z-index: 200;
    background-color: white;
    padding: 8px 8px 3px 8px;
    display: none;
}

.mobile-logo-pb img {
    width: 130px;
    height: auto;
}

.patroon {
    height: 40px;
    width: auto;
    max-width: none !important;
}

.patroon.align-left-content {
    position: relative;
    right: 40%;
}

.patroon-verticaal {
    height: auto;
    width: 40px;
    max-height: none !important;
}

.row-marquee {
    padding: 0px 0 15px;
    margin-bottom: 50px;
    font-family: DrukText-SuperItalic;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.row-marquee em {
    font-style: normal;
    color: white;
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}

.row-marquee .patroon-verticaal {
    position: absolute;
    /*left: -770px;*/
    top: 50px;
}

.marquee-1 {
    position: relative;
    top: -12px;
    overflow: hidden;
    color: black;
    background-color: black;
    /*    border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: black;*/
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    padding: 10px 0;
    max-height: 60px;
    overflow:hidden;
}

.row-top-image .top-image {
    display: none;
}

.row-top-image .top-image img {
    width: 100vw;
    height: auto;
}

.row-about-1 {
    padding-top: 80px;
    padding-bottom: 0px;
}

.about-text-1-header {
    position: relative;
    z-index: 100;
    text-align: center;
    margin-bottom: 40px;
}

.about-text-1-header p {
    position: relative;
    display: inline-block;
    /*color: white;*/
    background-color: white;
    border: 2px solid black;
    margin: 0;
    padding: 10px 20px;
    top: 0px;
    left: 0px;
}

.about-text-1 {
    font-family: DrukText-SuperItalic;
    letter-spacing: 2px;
}

.about-text-1 em, .about-text-1 .act-tooltip {
    font-style: normal;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

#world-peace {
    font-family: DrukText-SuperItalic;
    /*text-align: center;*/
    color: black;
    text-transform: uppercase;
}

#world-peace span {
    display: inline-block;
    margin: 0 60px;
}

.column-about-text-1 .patroon {
    position: absolute;
    left: 90%;
    bottom: 15px;
}

.about-image {
    position: relative;
    text-align: center;
}

.about-image-text {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 50px;
}

.about-image-text p{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid black;
}






/* instagram */

.row-instagram {
    margin-top: 150px !important;
    margin-bottom: 80px !important;
}

#voet-links {
    position: absolute;
    left: -3vw;
    top: -7vw;
    width: 28vw;
    height: auto;
}

.banaan-links-4 {
    position: absolute;
    z-index:1000;
    left: -6vw;
    top: -60px;
}

.banaan-links-4 img{
    width: 28vw;
    height: auto;
}

#voet-rechts {
    position: absolute;
    right: -3vw;
    top: -7vw;
    width: 28vw;
    height: auto;
}

.banaan-rechts-4 {
    position: absolute;
    z-index:1000;
    right: -6vw;
    top: -60px;
}

.banaan-rechts-4 img{
    width: 28vw;
    height: auto;
}

.row-instagram {
    padding-bottom: 50px;
}

.row-instagram .wpb_widgetised_column{

}

.insta-header-text {
    text-align: center;
    height:0;
}

.insta-header-text p {
    position: relative;
    display: inline-block;
    /*color: white;*/
    background-color: white;
    border: 2px solid black;
    margin: 0;
    padding: 10px 20px;
    top: -85px;
    -webkit-box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    9px 9px 0px 0px rgba(0, 0, 0, 1);
    box-shadow:         9px 9px 0px 0px rgba(0, 0, 0, 1);
}


.insta-header-text a p {
    transition: transform .2s;
}

.insta-header-text a p:hover {
    transform: translate(3px,3px);
}

.row-instagram .wpb_widgetised_column .wpb_wrapper{
    /*max-width: 1100px;*/
    margin: 0 auto;
}

.qode-instagram-feed.qode-col-3 li {
    /*height: 320px;*/
}

.row-instagram .wpb_widgetised_column .wpb_wrapper img{
    /*    position: absolute;
        clip: rect(0px, 320px, 320px, 0px);*/
}

.qode-instagram-feed.qode-col-6 li {
    width: 350px;
    height: 340px;
    overflow-y: hidden;
}


.about-text-2 {
    padding: 40px 40px 30px;
    color: white;
    background-color: black;
    /*border: 1px solid black;*/
    position: relative;
    letter-spacing: 1px;
}

.about-text-2 em {
    font-style: normal;
}

.about-text-2 .column-1 {
    width: 47%;
    margin-right: 3%;
    display: block;
    float: left;
}

.about-text-2 .column-2 {
    width: 47%;
    margin-left: 3%;
    display: block;
    float: left;
}

.about-text-2-header {
    position: relative;
    z-index: 100;
    text-align: left;
}

.about-text-2-header p {
    position: relative;
    display: inline-block;
    /*color: white;*/
    background-color: white;
    border: 2px solid black;
    margin: 0;
    padding: 10px 20px;
    top: 20px;
    left: 20px;
}

#buy-now {
    position: absolute;
    right:10px;
    bottom:10px;
    width: 140px;
    height: auto;
}

.row-about-2 .patroon {
    position: relative;
    margin-top: 20px;
    left: 40%;
}

.row-about-3 {
    margin: 80px 0 30px;
}


.row-about-3 .wpb_wrapper .wpb_wrapper {
    text-align: center;
}

.about-text-3{
    position: relative;
    display: inline-block;
    background-color: white;
    border: 2px solid black;
    padding: 20px 80px 20px;
    margin: 0 0px;
    z-index: 10;
}

#mother{
    position: relative;
    margin-top: -40px;
    color: #fde300;
    background-color: black;
    padding: 80px 0 70px
}

#or-ask {
    text-align: center;
    margin-top: 25px;
    opacity: 1;
    transition: opacity 2s;
}

#or-ask p{
    max-width: 950px;
    margin: 0 15px;
    display: inline-block;

}


.row-about-3 .patroon {
    position: relative;
    margin-top: 30px;
    right: 40%;
}

model-viewer.banaan-3d {
    width: 650px;
    height: 650px;
}

.banaan-links-3-3d {
    position: absolute;
    z-index:10;
    left: -4vw;
    top: -40px;
}

.banaan-rechts-3-3d {
    position: absolute;
    z-index:10;
    right: -4vw;
    top: -40px;
}


#banaan-links-3 {
    position: absolute;
    left: -8vw;
    top: -120px;
    width: 26vw;
    height: auto;
    z-index:10;
}

.banaan-links-3 {
    position: absolute;
    z-index:10;
    left: -4vw;
    top: 50px;
}

.banaan-links-3 img{
    width: 26vw;
    height: auto;
}


#banaan-rechts-3 {
    position: absolute;
    right: -4vw;
    top: -120px;
    /*width: 580px;*/
    width: 26vw;
    height: auto;
}

.banaan-rechts-3 {
    position: absolute;
    z-index:10;
    right: -8vw;
    top: 50px;
}



.banaan-links-2 img, .banaan-links-3 img, .banaan-links-4 img {
    /*    -ms-transform: rotate(30deg);  IE 9 
        -webkit-transform: rotate(30deg);  Safari 3-8 
        transform: rotate(30deg);*/
}

.banaan-rechts-2 img, .banaan-rechts-3 img, .banaan-rechts-4 img {
    /*    -ms-transform: rotate(-30deg);  IE 9 
        -webkit-transform: rotate(-30deg);  Safari 3-8 
        transform: rotate(-30deg);*/
}


.work-header-text {
    position: relative;
    display: inline-block;
    top: 15px;
    left: 15px;
    z-index: 10;
    padding: 3px 15px;
}

#more-projects {
    margin: 40px 0 60px;
}

#more-projects a{
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid black;
    transition: transform .2s;
}

#more-projects a:hover {
    transform: translate(3px,3px);
}

.trump-text-container {
    position: relative;
    z-index: 100;
    /*background-color: white;*/
    text-align: center;
}

.row-trump {
    margin-top: 60px;
}

.row-trump .patroon-verticaal.left {
    position: absolute;
    left: 0;
    top: 150px;
}

.row-trump .patroon-verticaal.right {
    position: absolute;
    right: 0;
    top: 0px;
}

.trump-text {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid black;
    margin:0;
}

.row-trump .patroon {
    position: absolute;
    left: -700px;
    top: 270px;
}

.trump-container {
    position: relative;
    margin-top: 720px;
    top: 8px;
}

#banaan {
    position: absolute;
    display: inline-block;
    width: auto;
    height: 700px;
    left: 300px;
    top: -588px;
}

#center-point {
    position: absolute;
    left: 420px;
    top: -295px;
    visibility: hidden;
}

.curve-point {
    display: block;
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: black;
    top: 0;
    right: 0;
    z-index: 100000;
    visibility: hidden;
}

#trump {
    position: relative;
    display: inline-block;
    width: 1000px;
    height: auto;
    /*left: 186px;*/
    left: 100px;
}



/* footer home */

.footer-home-1 {
    position: relative;
    z-index: 100;
    background-color: black;
    color: white;
}

.footer-home-1 .patroon {
    position: absolute;
    right: -480px;
    top: 128px;
}

.footer-home-2 {
    background-color: black;
    color: white;
}

.footer-home-2 a {
    color: white;
}

.footer-home-2 a:hover {
    color: white;
    text-decoration: underline;
}

.footer-home-2 h3 {
    color: white;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.footer-home-3 {
    background-color: black;
    color: white;
}

.footer-home-3 .patroon {
    position: absolute;
    left: -200px;
    top: 0px;
}

.footer-home-3 .wpb_wrapper .wpb_wrapper {
    text-align: right;
}

.footer-home-3 .logo {
    position: relative;
    display: inline-block;
    top: 20px;
    height: auto;
}


.footer-home-4 {
    background-color: white;
    color: black;
}


.footer-home-4 .wpb_wrapper {
    text-align: center;
}

.footer-home-4 p{
    display: inline-block;
    padding: 10px 15px 0 15px;
}

.footer-home-4 .patroon{
    position: absolute;
    bottom: -20px;
    right: -400px;
}

.footer-home-4 .patroon-verticaal {
    position: absolute;
    right: -50px;
    top: 70px;
}


/* footer algemeen */

footer h3 {
    text-transform: uppercase;
}

.footer_bottom .textwidget {
    margin-top:30px;
    text-align: center;
}

.footer_bottom .textwidget p {
    display: inline-block;
    padding: 10px 15px 0 15px;
}

.footer-top-header .patroon {
    position: absolute;
    right: -480px;
    top: 128px;
}


.footer_top {
    padding-top: 78px;
    padding-bottom: 120px;

}


.footer_top .four_columns {
    margin-top: 50px;
}


.footer-top-footer {
    position: relative;
    margin-top: 90px;
    text-align: right;
}


.footer-top-footer .patroon {
    position: absolute;
    left: -300px;
    top: 0px;
}

.footer-top-footer .logo {
    position: relative;
    display: inline-block;
    top: 20px;
    height: auto;
}

.footer_bottom {
    position: relative;
    padding-top: 25px;
    padding-bottom: 50px;
}

.footer_bottom .patroon-verticaal {
    position: absolute;
    right: -50px;
    top: 70px;
}

/* row projecten */

.projects-row {
    position: relative;
}

.flexslider, .flexslider-uit {
    position: relative;
    width: 100%;
    /*height: 70vh;*/
    height: 650px;
}

.flexslider .flex-viewport, .flexslider-uit .flex-viewport {
    /*height: 70vh;*/
    height: 650px;
    /*border: 2px solid black;*/
}

.flexslider .slides, .flexslider-uit .slides {
    height: 100%;
}

.flexslider .flex-direction-nav .flex-next {
    /*    opacity: 1 !important;
        right: 10px !important;*/
}

.flexslider .flex-direction-nav .flex-prev {
    /*    opacity: 1 !important;
        left: 10px !important;*/
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1 !important;
    right: 25px !important;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1 !important;
    left: 25px !important;
}

.flexslider .flex-next {
    /*    right: 15px;*/
    border-radius: 0;
    border-width: 0;
    background-image: url('img/arrow-right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.flexslider .flex-prev {
    /*left: 15px;*/
    border-radius: 0;
    border-width: 0;
    background-image: url('img/arrow-left.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.flex-direction-nav a {
    width: 30px;
    height: 61px;
    font-size: 0;
}

.flexslider:hover .flex-direction-nav a.flex-next:hover, .flexslider:hover .flex-direction-nav a.flex-prev:hover {
    background-color: transparent;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 0px;
    display: inline-block;
    content: ' ';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.project-slide {
    height: 100%;
    /*width: 100%;*/
}

.project-slide>div {
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slider-footer {
    position: relative;
    box-sizing: border-box;
    padding: 24px 0 19px;
    /*height: 68px;*/
    width: 100%;
}

.slider-footer .patroon {
    position: absolute;
    left: 85%;
    top: 15px;
}

.projects-row .patroon-verticaal.left {
    position: absolute;
    left: -80px;
    top: 110px;
}

.projects-row .patroon-verticaal.right {
    position: absolute;
    right: -40px;
    top: 10px;
}



.slider-footer strong {
    text-transform: uppercase;
    font-family: HiroshigeStd-BlackItalic;
}

.like-button-projects {
    position: absolute;
    right: 25px;
    bottom: 10px;
    color: white;
}





/* projecten masonry */



.masonry.vc_col-md-6, .full-width.vc_col-md-12 {
    margin-bottom: 30px;
}

.masonry .flexslider, .masonry .flexslider .flex-viewport, .masonry .flexslider-uit, .masonry .flexslider-uit .flex-viewport {
    height: 376px;
}

.masonry .project-1 .flexslider, .masonry .project-1 .flexslider .flex-viewport, .masonry .project-1 .flexslider-uit, .masonry .project-1 .flexslider-uit .flex-viewport {
    height: 750px;
}

.masonry .slider-footer {
    position: absolute;
    bottom:10px;
    left: 5%;
    width: 90%;
    padding: 5px 10px;
    color: white;
    background-color: black;
    /*opacity:0;*/
    opacity:1;
    transition: opacity .5s;
}

.full-width .slider-footer {
    position: absolute;
    display: inline-block;
    bottom:10px;
    left: 30px;
    width: calc(100% - 60px);
    padding: 5px 10px;
    color: white;
    background-color: black;
    opacity:0;
    transition: opacity .5s;
}


.projects-row.masonry:hover .slider-footer, .projects-row.full-width:hover .slider-footer{
    opacity: .85;
}





/* carousel */


.row-carousel {
    /*min-height: 350px;*/
    margin-top: 80px;
    margin-bottom: 70px !important;
}

.row-carousel .wpb_wrapper {
    text-align: center;
}

.js-marquee {
    margin-right:0 !important;
}

.marquee-element {
    float: left;
    width: 33vw;
    /*height: 13vw;*/
    overflow: hidden;
    color: white;
}

.row-carousel .title > div > p {
    display: inline-block;
    /*color: white;*/
    background-color: white;
    padding: 5px 20px;
    border: 2px solid black;
    font-family: druktext-superitalic;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow:    9px 9px 0px 0px rgba(0, 0, 0, 1);
    box-shadow:         9px 9px 0px 0px rgba(0, 0, 0, 1);
}

.row-carousel{
    min-height: 315px;
    /*overflow: hidden;*/
}

.marquee-2 {
    padding-top:20px;
    background-color: black;
    max-height: 260px;
    overflow: hidden;
}

.marquee-2 img {
    width: 100%;
    height: auto;
}

.marquee-2 p {
    text-align: center;
    text-transform: uppercase;
    font-family: 'MonumentExtended-Ultrabold';
    letter-spacing: 1px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.marquee-2 p em {
    font-style: normal;
    color: black;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

#banaan-links-2 {
    position: absolute;
    left: -10vw;
    top: -4vw;
    /*width: 580px;*/
    width: 20vw;
    height: auto;
}

#banaan-rechts-2 {
    position: absolute;
    right: -10vw;
    top: -4vw;
    /*width: 580px;*/
    width: 20vw;
    height: auto;
}

.banaan-links-2 {
    position: absolute;
    z-index:1000;
    left: -4vw;
    top: 40px;
}

.banaan-links-2 img{
    width: 20vw;
    height: auto;
}

.banaan-rechts-2 {
    position: absolute;
    z-index:1000;
    right: -4vw;
    top: 40px;
}

.banaan-rechts-2 img{
    width: 20vw;
    height: auto;
}

.projects-row iframe {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    background-color: black;
}

/*.projects-row:nth-child(3n+1) {
    width: 63%;
   
}

.projects-row:nth-child(3n+2) {
    width: 37%;
    background-color: green;
}

.projects-row:nth-child(3n+3){
    width: 100%;
    background-color: purple;
}*/

.home .projects-featured-image {
    position: relative;
    height: 100%;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.single-projects .projects-featured-image {
    height: 650px;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.project-overlay-hover {
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display:block;
    position: absolute;
    background-color: black !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}


.project-overlay {
    position: absolute;
    display: block;
    left: 50px;
    text-transform: uppercase;
}

.project-overlay.top {
    top: 50px;
}

.project-overlay.bottom {
    bottom: 150px;
}

.project-overlay h3 {
    margin: 5px 0;
    font-size: 18px;
    line-height: 18px;
    font-style: italic;
    display: none;
}

.single-projects .project-overlay .portfolio-teaser-meta {
    display: none;
}

.project-overlay h3.pb-title,.project-overlay h3.client {
    margin: 5px 0 15px 0;
}

.project-overlay h3.resultaat {
    margin: 65px 0 15px 0;
}

.project-overlay h3.pb-title span, .project-overlay h3.client span, .project-overlay h3.resultaat span{
    display: inline-block;
    margin: 0;
    color: black;
    background-color: white;
    padding: 5px 6px 4px 8px;
    border: 1px solid black;
    font-family: akzidenz;
    letter-spacing: 1px;
}


/* toevoeging voor Kiss My Ads iframe */

.page-id-602 .project-overlay h3.title span, .page-id-602 .project-overlay h3.client span, .page-id-602 .project-overlay h3.resultaat span{
    display: inline-block;
    margin: 0;
    color: white;
    background-color: #ff0000;
    padding: 5px 6px 4px 8px;
    border: none;
    font-family: akzidenz;
    letter-spacing: 1px;
}


@media screen and (min-width: 800px)  {
    .page-id-602 .project-overlay h3 {
        margin: 5px 0;
        font-size: 26px;
        line-height: 26px;
    }
}

.page-id-602 .project-overlay .portfolio-teaser-meta {
    display: none;
}



/* einde toevoeging */


.project-animation-wrapper {
    text-align: center;
    height: 100%;
}

.vinger-links, .vinger-rechts {
    position: relative;
    display: inline-block;
    height: 100%;
    z-index: 10;
}

.vinger-links {
    margin-right: -220px;
}

.vinger-rechts {
    margin-left: -220px;
}

.vinger-links img, .vinger-rechts img{
    position: relative;
    margin-top: 50%;
    top: -30px;
    display: block;
    height: 400px;
}

.vinger-links img{
    left: -180px;
}

.vinger-rechts img{
    right: -180px;
}

.iframe-wrapper {
    position: relative;
    height: 100%;
    width: calc(100% - 2px);
    /*top: 0%;*/
    display: inline-block;
    /* border: 1px solid lightgrey; */
}

.iframe-wrapper iframe {
    border: 2px solid black;
}

.box {
    width: 100px;
    height: 100px;
    background-color: red;
}

.iframe-wrapper iframe {
    top: 0;
    position: relative;
    display: block;
    /*width: 800px;*/
}


.project-overlay h3 span{
    display: inline-block;
    margin: 0;
    color: white;
    background-color: black;
    padding: 4px 8px 4px 6px;
    font-family: akzidenz;
    letter-spacing: 1px;
}

.bezoek-website {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

.bezoek-website span {
    display: inline-block;
    border: 1px solid black;
    padding: 10px 15px;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
}

.view-project-container {
    position: absolute;
    z-index: 1000;
    top: 30px;
    left: 30px;
}

.view-project {
    display: inline-block;
    text-align: center;
    height: 30px;
    color: black;
    background-color: white;
    padding: 10px 15px 3px 15px;
    font-size: 18px;
    font-family: DrukText-SuperItalic;
    letter-spacing: 1px;
    border: 2px solid black;
    opacity: 1;
    transition: opacity 1s 2s;
}

.view-project:hover {
    color: black !important;
}

.view-project .arrow{
    display: inline-block;
    position: relative;
    margin-left: 5px;
    width: 5px;
    height: 10px;
    background-image: url('img/small-arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.projects-row:hover .view-project {
    opacity: 1;
}

.view-project:hover {
    color: white;
}

.like-button-container-top {
    position: absolute;
    top: 120px;
    right: 100px;
    color: white;
    display: none;
}

.like-button-shortcode {
    position: absolute;
    top: 95px;
    right: 20px;
    color: white;
    /*display: none;*/
}

.like-button-container {
    position: relative;
    display: inline-block;
    /*display: none;*/
    margin-left: 15px;
    top: 12px;
    color: white;

}

.like-button-container-small {
    font-size: 12px;
}

.like-button-container-small svg {
    width: 20px;
}

.like-count {
    position: relative;
    margin-left: 7px;
    bottom: 3px;
}


#knop-noah-pb {
    position: fixed;
    top: 320px;
    right: 50%;
    margin-right: -630px;
    z-index: 100;
}

.footer-home-3 {
    padding-top: 100px;
    padding-bottom: 120px;
}

.teaser-excerpt {
    position: relative;
    top: -10px;
    margin-bottom: 20px !important;
}

.teaser-excerpt a {
    text-decoration: underline;
}



/* single projects */

.projects-header {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

.projects-header h1 {
    display: inline-block;
    font-size: 35px;
    border: 1px solid black;
    padding: 6px 15px 2px;
    text-transform: uppercase;
    font-family: DrukText-SuperItalic;
}

.projects-header .patroon {
    position: absolute;
    left: 80%;
    top: 15px;
}


.container-content {
    position: relative;
    margin-bottom: 30px;
}

.container-content .patroon {
    position: absolute;
    right: 95%;
    bottom: 25px;
}


.custom-page-header {
    margin-top: 10px;
}

.bezoek-website-button-container {
    text-align: center;
}

.bezoek-website {
    display: inline-block;
}

.header-image-container {
    position: relative;
}

.single-projects .vc_row {
    margin-left: 0;
    margin-right: 0;
}

.project-image-small {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.project-image-small.portrait {
    height: 800px;
}

.project-image-small.vc_col-md-12 {
    height: 600px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.video-button {
    position: absolute;
    left: 50%;
    top: calc(50% - 20px);
    transform: translate(-50%,-50%);
    color: white;
    font-size: 3em;
    width: 0;
    height: 0;
/*    border-style: solid;
    border-width: 42px 0 42px 62px;
    border-color: transparent transparent transparent white;*/
    opacity: 1;
    animation: pulse 1s infinite;
}

.video-button i {
    text-shadow: 2px 2px 2px #000;
}

.projects-navigation-row {
    margin-top: 20px;
}

.post-navigation-container {
    position: relative;
    text-align: center;
}

.navigation-label {
    display: inline-block;
    font-family: DrukText-SuperItalic;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.post-navigation {
    display: inline-block;
}

.screen-reader-text {
    height: 0;
}

.nav-links {
    position: relative;
    box-sizing: border-box;
    min-height: 110px;
    border: 2px solid black;
    background-color: white;
    padding: 22px 30px;
    top: -40px;
}


.post-navigation .post-title {
    font-family: HiroshigeStd-BlackItalic;
    letter-spacing: 1px;
    text-transform: uppercase;
    /*font-style: italic;*/
}

.post-navigation .post-title:hover {
    text-decoration: underline;
}

.nav-previous, .nav-next {
    position: relative;
    float: right;
    max-width: 300px;
}

.nav-previous {
    margin-left: 20px;
}

.nav-next {
    margin-right: 20px;
}

.nav-next a {
    display: inline-block;
    padding-left: 40px;
}

.nav-previous a {
    display: inline-block;
    padding-right: 40px;
}

/*.nav-previous::before {
    content: "<";
    position: absolute;
    left: -30px;
    top: 12px;
    font-size: 35px;
}*/

.nav-next a::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right:12px solid black;
}

.nav-previous a::before {
    content: " ";
    position: absolute;
    right: 0px;
    top: 12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid black;
}

.single-projects-spacer {
    height: 100px;
}

.single-projects-footer {
    height: 100px;
    background-color: black;
}

.single-projects-spacer.second {
    position: relative;
    height: 200px;
}
.single-projects .contact-row .patroon, .post-type-archive-projects .contact-row .patroon {
    position: absolute;
    right: -200px;
    top: 50px;
}


/* contact projecten */

/* contactformulier */

.single-projects .contact-row {
    margin-top: 20px;
    margin-bottom: 70px;
}

.contact-row .col-1 {
    min-height: 100px;
}

.wpcf7 {
    position: relative;
    font-family: HiroshigeStd-BlackItalic;
    font-size: 24px;
    color: black !important;
    letter-spacing:1px;
    text-transform: uppercase;
    /*font-style: italic !important;*/
    margin-bottom: 30px !important;

}

.wpcf7 h2{
    font-family: DrukText-SuperItalic;
    letter-spacing: 1px;
    text-transform: uppercase;
    /*font-style: italic;*/
}


.wpcf7 input {
    /*border: 1px solid lightgrey !important;*/
    max-width: 180px;
}

.wpcf7 form.wpcf7-form p {
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
    font-family: HiroshigeStd-BlackItalic;
    /*font-style: italic;*/
    font-size: 16px;
    border: 1px solid lightgrey !important;
    padding: 5px 15px !important;
}

.wpcf7 .wpcf7-acceptance{
    font-family: HiroshigeStd-BlackItalic;
    letter-spacing: 1px;
    line-height: 15px;
}

.wpcf7-form-control {
    padding-left: 0px;
    width: 320px;
}

.wpcf7-submit {
    font-family: DrukText-SuperItalic !important;
    letter-spacing: 1px;
    position: relative;
    /*width: 285px;*/
    font-size: 22px !important;
    /*font-style: italic !important;*/
    text-align: left;
    width: 180px !important;
    color: white !important;
    background-color: black !important;
    border-width: 0 !important;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 0 !important;
    background-image: url('img/arrow-right-black-contact.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 40px;

}

.wpcf7-submit::after {
    position: absolute;
    top: 0;
    left: 30px;
    content:"oij ";
    width: 22px;
    height: 40px;
    display: inline-block;
    background-image: url('img/arrow-right-black.png');
    background-repeat: no-repeat;
    background-position: right center;
}



.wpcf7-form-control::-webkit-input-placeholder {
    color: #000 !important;
}

.wpcf7-form-control:-moz-placeholder {  /*Firefox 18- */
    color: #000 !important;
}

.wpcf7-form-control::-moz-placeholder {  /* Firefox 19+ */
    color: #000 !important;
}

.wpcf7-form-control:-ms-input-placeholder {
    color: #000 !important;
}



/* lightbox */

#html5-watermark {
    display: none !important;
}




/* archive projects */

.post-type-archive-projects .title_outer {
    position: relative;
    z-index: 101;
}

.projects-archive-footer {
    height: 100px;
    margin-bottom: 30px;
    background-color: black;
}

.post-type-archive-projects .contact-row {
    position: relative;
    margin-top: 50px;
    margin-bottom: 70px;
}

footer {
    z-index: 200;
}


/* responsive styles */

@media screen and (min-width: 1201px)  {
    .video-container{
        min-height: 627px;
    }
}


@media screen and (min-width: 1001px) and (max-width: 1200px)  {
    .video-container{
        min-height: 543px;
    }

    .trump-container {
        margin-top: 550px;
    }
}

@media screen and (max-width: 1200px)  {

    #knop-noah-pb {
        margin-right: -450px;
    }

    #voet-links {
        left: -120px;
    }

    #voet-rechts {
        right: -120px;
    }

    .banaan-links-4 {
        left: -50px;
        top: 50px;
    }

    .banaan-rechts-4 {
        right: -50px;
        top: 50px;
    }


    .font-size-13 {
        font-size: 12px;
    }

    .font-size-15 {
        font-size: 14px;
    }

    .font-size-17 {
        font-size: 16px;
    }

    .font-size-18 {
        font-size: 16px;
    }

    .font-size-20, .font-size-20 input {
        font-size: 18px !important;
    }

    .font-size-22 {
        font-size: 17px;
    }

    .font-size-36 {
        font-size: 30px;
        line-height: 38px;
    }

    .font-size-38 {
        font-size: 29px;
        line-height: 40px;
    }

    .font-size-38-s {
        font-size: 29px;
        line-height: 40px;
    }

    .font-size-60 {
        font-size: 47px;
        line-height: 52px;
    }

    .font-size-65 {
        font-size: 50px;
        line-height: 55px;
    }

    .font-size-68 {
        font-size: 58px;
        line-height: 64px;
    }

    .font-size-80 {
        font-size: 80px;
        line-height: 90px;
    }

    .font-size-150 {
        font-size: 130px;
        line-height: 130px;
    }

    .font-size-175 {
        font-size: 140px;
        line-height: 150px;
    }

    #studioplakband {
        width: 300px;
    }

    #bg-video {
        height: 425px;
    }

    .flexslider, .flexslider .flex-viewport, .flexslider-uit, .flexslider-uit .flex-viewport  {
        height: 561px;
    }

    .slider-footer {
        /*height: 80px;*/
    }

    .slider-footer .patroon {
        left: 95%;
    }

    .patroon {
        height: 30px;
    }

    #banaan-links-3, #banaan-rechts-3 {
        top: -20px;
    }

    .banaan-links-3, .banaan-rechts-3,.banaan-links-3-3d, .banaan-rechts-3-3d {
        top: 100px;
    }

    .banaan-links-2, .banaan-rechts-2 {
        top: 50px;
    }

    #trump {
        width:800px;
        /*left: 140px;*/
        left: 80px;
    }

    #banaan {
        height: 560px;
        left: 250px;
        top: -470px;
    }

}


@media screen and (min-width: 769px) and (max-width: 1000px)  {
    .video-container{
        min-height: 440px;
    }

    .trump-container {
        margin-top: 400px;
    }
}

@media screen and (max-width: 1000px)  {

    body {
        font-size: 13px;
    }

    .content {
        z-index: 111;
    }

    .mobile-logo-pb {
        display: block;
    }

    #voet-links {
        left: -120px;
    }

    #voet-rechts {
        right: -120px;
    }

    .font-size-13 {
        font-size: 12px;
    }

    .font-size-15 {
        font-size: 13px;
        line-height: 22px;
    }

    .font-size-17 {
        font-size: 16px;
    }

    .font-size-18 {
        font-size: 14px;
    }

    .font-size-20, .font-size-20 input {
        font-size: 15px !important;
    }

    .font-size-22 {
        font-size: 16px;
    }

    .font-size-36 {
        font-size: 24px;
        line-height: 29px;
    }

    .font-size-38 {
        font-size: 25px;
        line-height: 35px;
    }

    .font-size-38-s {
        font-size: 25px;
        line-height: 35px;
    }

    .font-size-60 {
        font-size: 40px;
        line-height: 44px;
    }

    .font-size-65 {
        font-size: 43px;
        line-height: 47px;
    }

    .font-size-68 {
        font-size: 50px;
        line-height: 56px;
    }

    .font-size-150 {
        font-size: 100px;
        line-height: 110px;
    }

    .font-size-175 {
        font-size: 110px;
        line-height: 100px;
    }

    #studioplakband {
        width: 250px;
    }

    #bg-video {
        height: 350px;
    }

    .flexslider, .flexslider .flex-viewport, .flexslider-uit, .flexslider-uit .flex-viewport {
        height: 454px;
    }

    .slider-footer .patroon {

    }

    .marquee-element {
        width: 50vw;
        /*height: 15vw;*/
    }

    model-viewer.banaan-links-3-3d, model-viewer.banaan-rechts-3-3d{
        width: 400px;
        height: 400px;
    }

    .banaan-links-3, .banaan-rechts-3 {
        top: 70px;
    }

    .banaan-links-3-3d, .banaan-rechts-3-3d {
        top: 0px;
    }

    .banaan-links-3-3d {
        left: -130px;
    }

    .banaan-rechts-3-3d {
        right: -130px;
    }

    #banaan-links-2 {
        left: -15vw;
        top: 2vw;
        width: 30vw;
    }

    #banaan-rechts-2 {
        right: -15vw;
        top: 2vw;
        width: 30vw;
    }

    .banaan-links-2 {
        left: -7vw;
        top: 110px;
    }

    .banaan-rechts-2 {
        right: -7vw;
        top: 110px;
    }

    .banaan-links-2 img, .banaan-rechts-2 img{
        width: 30vw;
    }

    .patroon {
        height: 30px;
    }

    #buy-now {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 100px;
        height: auto;
    }

    .about-text-3 #mother{
        margin-top: -20px;
    }

    .work-header-text {
        top: 28px;
    }

    #trump {
        width:600px;
        /*left: 112px;*/
        left: 60px;
    }

    #banaan {
        height: 420px;
        left: 180px;
        top: -360px;
    }

    .container-content .patroon {
        position: absolute;
        right: 100%;
        bottom: 25px;
    }

    .projects-header .patroon {
        left: 90%;
    }


}

@media screen and (max-width: 992px)  {
    .projects-row .patroon-verticaal.left {
        position: absolute;
        left: -40px;
        top: 10px;
    }
}

/* iPad */

@media screen and (max-width: 768px)  {

    #knop-noah-pb {
        margin-right: -350px;
    }

    .ipad-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }

    #logo-loader {
        left: 50%;
        margin-left: -65px;
        top: 20px;
        width: 130px;
    }

    #spinner {
        /*left: -144px;*/
    }

    #voet-links {
        left: -120px;
    }

    #voet-rechts {
        right: -120px;
    }

    .font-size-11 {
        font-size: 9px;
    }

    .font-size-13 {
        font-size: 12px;
        line-height: 20px;
    }

    .font-size-15 {
        font-size: 13px;
        line-height: 22px;
    }

    .font-size-16 {
        font-size: 15px;
    }

    .font-size-16-strong strong {
        font-size: 14px;
    }

    .font-size-17 {
        font-size: 12px;
    }

    .font-size-18 {
        font-size: 12px;
        line-height: 16px;
    }

    .font-size-20, .font-size-20 input {
        font-size: 15px !important;
    }

    .font-size-22 {
        font-size: 16px;
    }

    .font-size-24 {
        font-size: 17px;
    }

    .font-size-30 {
        font-size: 21px;
        line-height: 26px;
    }

    .font-size-32 {
        font-size: 22px;
        line-height: 27px;
    }

    .font-size-36 {
        font-size: 24px;
        line-height: 29px;
    }

    .font-size-38 {
        font-size: 25px;
        line-height: 35px;
    }

    .font-size-38-s {
        font-size: 25px;
        line-height: 35px;
    }

    .font-size-60 {
        font-size: 30px;
        line-height: 38px;
    }

    .font-size-65 {
        font-size: 43px;
        line-height: 47px;
    }

    .font-size-68 {
        font-size: 46px;
        line-height: 52px;
    }

    .font-size-150 {
        font-size: 80px;
        line-height: 95px;
    }

    .font-size-175 {
        font-size: 70px;
        line-height: 70px;
    }

    .line-height-30 {
        line-height: 25px;
    }

    .line-height-40 {
        line-height: 30px;
    }

    #studioplakband {
        width: 200px;
    }

    #bg-video {
        height: 300px;
    }


    .view-project-container {
        top: 14px;
        left: 14px;
    }

    .about-text-2 {
        padding: 30px 30px 20px;
    }

    #world-peace span {
        margin: 0 30px;
    }

    .masonry .slider-footer, .full-width .slider-footer {
        opacity:0.85;
    }

    .slider-footer .patroon {

    }

    .patroon {
        height: 30px;
    }

    .patroon-verticaal {
        width: 30px;
    }

    .row-marquee .patroon-verticaal {
        left: -20px;
        top: 150px;
    }

    #buy-now {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 100px;
        height: auto;
    }

    .about-text-3 {
        padding: 20px 10px 20px;
    }

    #world-peace.margin-top-20 {
        margin-top: 0px;
    }

    .about-text-3 #mother{
        margin-top: -10px;
    }

    .work-header-text {
        top: 28px;
    }

    .flexslider, .flexslider .flex-viewport, .flexslider-uit, .flexslider-uit .flex-viewport {
        height: 354px;
    }

    .slider-footer .patroon {

    }

    .marquee-2 {

        max-height: 285px;
        overflow: hidden;
    }

    .marquee-element {
        width: 100vw;
        /*height: 30vw;*/
    }

    #banaan-links-2 {
        left: -25vw;
        top: 80px;
        width: 40vw;
    }

    #banaan-rechts-2 {
        right: -25vw;
        top: 80px;
        width: 40vw;
    }

    .banaan-links-2 {
        left: -25vw;
        top: 110px;
    }

    .banaan-rechts-2 {
        right: -25vw;
        top: 120px;
    }

    .banaan-links-2 img, .banaan-rechts-2 img{
        width: 40vw;
    }

    #banaan-links-3 {
        width: 40vw;
        left: -25vw;
    }

    .banaan-links-3, .banaan-rechts-3 {
        display: none;
    }

    .banaan-links-3 {
        left: -25vw;
    }

    /*    .banaan-links-3-3d {
            left: -40px;
        }
        
        .banaan-rechts-3-3d {
            right: -40px;
        }*/

    .banaan-links-3 img, .banaan-rechts-3 img{
        width: 40vw;
    }

    model-viewer.banaan-links-3-3d, model-viewer.banaan-rechts-3-3d{
        width: 300px;
        height: 300px;
        top: 40px;
    }

    #banaan-rechts-3 {
        width: 40vw;
        right: -25vw;
    }

    .banaan-rechts-3 {
        right: -25vw;
    }

    .view-project {
        top: 15px;
        left: 15px;
        height: 20px;
        padding: 2px 7px 2px 5px;
        font-size: 14px;
    }

    .footer-home-3 .patroon {
        left: -250px;
    }

    .footer-home-3 .logo {
        width: 233px;
    }

    .footer_top {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .footer-top-footer {
        margin-top: 30px;
        text-align: center;
    }

    .footer-top-footer .logo {
        width: 233px;
    }

    .trump-container {
        margin-top: 300px;
    }

    #trump {
        width: 400px;
        height: auto;
        left: 45px;
    }

    #banaan {
        height: 280px;
        left: 120px;
        top: -240px;
    }

    .footer-home-3 {
        padding-top: 40px;
        padding-bottom: 50px;
    }


    /* project single */

    .nav-links {
        min-height: 90px;
        padding: 11px 15px;
    }

    #more-projects {
        margin: 30px 0 45px;
    }

    .nav-previous, .nav-next {
        float: none;
    }


}


@media screen and (max-width: 600px)  {

    model-viewer.model-viewer-header {
        transform: scale(.5);
    }

    .video-still img {
        height: 250px;
    }

    #knop-noah-pb {
        position: relative;
        /*margin-right: -110px;*/
        margin-right: 0px;
        right:0;
        top: 20px;
        margin-bottom: 40px;
        margin-left: 100px;
        display: block;
    }

    #knop-noah-pb img {
        width: 220px;
    }

    header .q_logo img.mobile {
        width: 60px !important;
    }

    #studioplakband {
        width: 150px;
        top: -10px;
        left: 50%;
        margin-left: -75px;
    }

    #bg-video {
        height: 200px;
    }

    .row-instagram {
        padding-bottom: 0px;
    }

    .qode-instagram-feed li:nth-child(4), .qode-instagram-feed li:nth-child(5), .qode-instagram-feed li:nth-child(6) {
        display: none;
    }

    .masonry .flexslider, .masonry .flexslider .flex-viewport, .full-width .flexslider, .full-width .flexslider .flex-viewport, .masonry .flexslider-uit, .masonry .flexslider-uit .flex-viewport, .full-width .flexslider-uit, .full-width .flexslider-uit .flex-viewport {
        height: 280px;
    }


    .view-project-container {
        top: 10px;
        left: 10px;
    }

    .like-button-container {
        margin-left: 10px;
        top: 15px;
    }

    .masonry .slider-footer {
        left: 25px;
        width: calc(100% - 50px);
    }

    /* project single */

    .nav-links {
        min-height: 145px;
        padding: 11px 15px;
    }

    #more-projects {
        margin: 20px 0 30px;
    }
}


/* mobile */

@media screen and (max-width: 480px)  {

    .vc_column_container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mobile-only {
        display: block !important;
    }

    .mobile-hidden {
        display: none;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-space-50 {
        height: 50px;
    }

    #spinner {
        /*        width: 300px;
                left: -150px;*/
    }

    .mobile-logo-pb {
        width: 140px;
        height: 94px;
        right: 10px;
        background-color: transparent;
    }

    #voet-links {
        left: -120px;
    }

    #voet-rechts {
        right: -120px;
    }

    .font-size-11 {
        font-size: 8px;
    }

    .font-size-13 {
        font-size: 12px;
        line-height: 18px;
    }

    .font-size-15 {
        font-size: 12px;
        line-height: 20px;
    }

    .font-size-16 {
        font-size: 13px;
        line-height: 18px;
    }

    .font-size-16-strong strong {
        font-size: 14px;
    }

    .font-size-17 {
        font-size: 12px;
    }

    .font-size-18 {
        font-size: 12px;
        line-height: 16px
    }

    .font-size-20, .font-size-20 input {
        font-size: 14px !important;
    }

    .font-size-22 {
        font-size: 13px;
        line-height: 16px;
    }

    .font-size-24 {
        font-size: 15px;
    }

    .font-size-30 {
        font-size: 14px;
        line-height: 16px;
    }

    .font-size-32 {
        font-size: 14px;
        line-height: 16px;
    }

    .font-size-36 {
        font-size: 15px;
        line-height: 18px;
    }

    .font-size-38 {
        font-size: 14px;
        line-height: 16px;
    }

    .font-size-38-s {
        font-size: 20px;
        line-height: 20px;
    }

    .font-size-40 {
        font-size: 20px;
        line-height: 23px;
    }

    .font-size-60 {
        font-size: 18px;
        line-height: 27px;
    }

    .font-size-65 {
        font-size: 20px;
        line-height: 30px;
    }

    .font-size-68 {
        font-size: 30px;
        line-height: 40px;
    }

    .font-size-100 {
        font-size: 40px;
        line-height: 40px;
    }

    .font-size-150 {
        font-size: 40px;
        line-height: 70px;
    }

    .font-size-175 {
        font-size: 50px;
        line-height: 50px;
    }

    .logo_wrapper {
        left: auto;
        right: 0%;
    }

    header.menu_position_left .header_inner_left {
        /*z-index: 1 !important;*/
    }

    header.centered_logo nav.main_menu, header.centered_logo nav.main_menu.left {
        top: 25px;
        left: auto;
        right: 20px;
        display: block !important;
    }

    nav.main_menu>ul>li>a {
        font-size: 13px;
        line-height: 1em !important;
        color: #FFF !important;
    }

    nav.main_menu>ul>li.active>a {
        color: #FFF !important;
    }

    #studioplakband {
        width: 150px;
    }

    #bg-video {
        height: 150px;
    }

    .patroon-verticaal {
        display: none;
    }

    .home div.grid_section .section_inner {
        width: calc(100% - 30px) !important;
    }

    .post-type-archive-projects .projects-row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .post-type-archive-projects .container_inner {
        width: 100% !important;
    }

    nav.mobile_menu, .logo_wrapper {
        display: none !important;
    }

    .logo_wrapper {
        display: block;
    }

    .header_bottom {
        padding: 0 !important;
    }

    .mobile-logo-small {
        display: block;
        padding: 15px 10px;
    }

    .title_holder {
        padding-top: 20px !important;
    }

    .mobile-logo-pb {
        display: none;
    }

    /*    .mobile-logo-pb {
            right: 50%;
            margin-right: -79px;
            top: -55px;
            border: none;
            -webkit-box-shadow: 9px 9px 0px 0px rgba(0, 0, 0, 0);
            -moz-box-shadow:    9px 9px 0px 0px rgba(0, 0, 0, 0);
            box-shadow:         9px 9px 0px 0px rgba(0, 0, 0, 0);
        }*/

    .row-about-1b, .row-about-3 {
        display: none;
    }

    /*    .row-about-1, .row-about-1b, .row-about-3 {
            display: none;
        }*/


    .work-header-text {
        left: 50%;
        margin-left: -61px;
    }
    .work-header-text span {
        display: none;
    }

    .row-project-teasers {
        margin-top: 20px;
    }

    .no-masonry.last {
        /*margin-bottom: 0 !important;*/
    }

    .projects-container-masonry {
        /*display: none;*/
    }

    .row-project-teasers {
        margin-top: 0px !important;
    }

    .row-project-teasers.second {
        /*display: none;*/
    }

    .project_teasers_masonry_second, .project_teasers_masonry_third {
        /*display: none;*/
    }

    #more-projects {
        position: relative;
        margin: 0px 0 30px;
        top: -10px;
    }

    .home .teaser-excerpt {
        /*display: none;*/
        padding: 0 15px;
    }

    .home .row-carousel {
        display: none;
    }

    .home .row-trump {
        display: none;
    }

    .about-text-2 {
        padding: 30px 30px 20px;
    }

    #mother {
        padding: 50px 0 50px;
        margin-top: -20px;
    }

    .slider-footer .patroon {

    }

    .patroon {
        height: 15px;
    }

    .patroon-verticaal {
        width: 15px;
    }

    .projects-row .patroon-verticaal.right {
        right: -10px;
    }

    .projects-row .patroon-verticaal.left {
        left: -10px;
    }


    .header_top_bottom_holder .header_bottom {
        height: 85px;
    }

    .home .header_top_bottom_holder .header_bottom {
        height: 65px;
    }

    .home .header_top_bottom_holder .header_bottom {
        background-color: #000 !important;
    }

    nav.mobile_menu {
        margin-top: 0px;
    }

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

    .q_logo .mobile {
        /*margin-top: 20px !important;*/
        width: 200px !important;
    }

    .content.content_top_margin {
        margin-top: 20px !important;
    }

    .row-about-1 {
        padding-top: 40px;
        padding-bottom: 10px;
    }

    .row-carousel {
        /* min-height: 350px; */
        margin-top: 30px !important;
        margin-bottom: 15px !important;
    }

    .marquee-2 {
        max-height: 210px;
    }

    .row-instagram {
        display: none;
        /*        margin-top: 75px !important;
                margin-bottom: 40px !important;*/
    }

    .qode-instagram-feed li:nth-child(2), .qode-instagram-feed li:nth-child(3), .qode-instagram-feed li:nth-child(4), .qode-instagram-feed li:nth-child(5), .qode-instagram-feed li:nth-child(6) {
        display: none;
    }

    .qode-instagram-feed li img {
        width: 80vw !important;
        margin-left: 10vw;
        margin-bottom: 10vw;
    }

    .about-text-2 {
        padding: 20px 20px 15px;
    }

    .about-text-2 .column-1, .about-text-2 .column-2 {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    .about-text-3 {
        padding: 10px 10px 10px;
        margin: 0;
    }

    .row-about-3 {
        margin: 40px 0 15px;
    }

    #buy-now {
        width: 80px;
    }

    .row-about-3 .patroon {
        margin-top: 30px;
        margin-bottom: 10px;
        right: 40%;
    }

    .work-header-text {
        top: -12px;
    }

    .flexslider, .flexslider .flex-viewport {
        height: 187px;
    }

    .flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next {
        width: 15px !important;
    }

    .slider-footer {
        /*height: 110px;*/
    }

    .slider-footer .patroon {

    }

    .view-project {
        top: 10px;
        left: 10px;
        height: 20px;
        padding: 1px 3px 2px 3px;
        font-size: 12px;
    }

    .row-trump {
        margin-top: 20px;
    }

    .trump-container {
        margin-top: 300px;
    }

    #banaan {
        height: 300px;
        left: 45px;
        top: -260px;
    }

    #trump {
        left: 10px;
    }

    .trump-text {
        padding: 5px 10px;
    }

    .footer-home-3 .wpb_wrapper .wpb_wrapper {
        text-align: center;
    }

    .footer-home-3 .patroon {
        left: -250px;
        display: none;
    }

    .footer-home-3 .logo {
        width: 233px;
    }

    .footer_top .column_inner>div {
        margin: 0 0 10px!important;
    }

    .custom-page-header {
        margin-top: 0px;
    }

    .single-projects .content .container .container_inner.page_container_inner {
        padding: 0px 0 0;
    }

    .projects-header {
        margin-bottom: 10px;
    }

    .projects-header h1 {
        font-size: 18px;
    }

    .projects-header .patroon {
        display: none;
    }

    .single-projects .projects-featured-image {
        height: 325px;
    }

    .project-overlay.top {
        top: 20px;
    }

    .project-overlay {
        left: 20px;
    }

    .project-overlay h3 {
        margin: 3px 0;
        font-size: 14px;
        line-height: 14px;
    }

    .bezoek-website {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .bezoek-website span {
        padding: 5px 8px;
        font-size: 14px;
    }

    .project-image-small {
        height: 300px;
    }

    .project-image-small.portrait{
        height: 500px;
    }

    .project-image-small.vc_col-md-12 {
        height: 300px;
    }


    /* project single */


    .single-projects .content .container_inner{
        width: 100%;
    }

    /*    .video-button {
            border-width: 21px 0 21px 31px;
        }*/

    .nav-links {
        min-height: 50px;
        padding: 11px 15px;
    }

    .nav-previous, .nav-next {
        float: none;
    }

    .nav-next {
        margin-left: 0px;
    }

    .nav-previous {
        margin-right: 0px;
    }

    .nav-previous a {
        padding-left: 15px;
    }

    .nav-next a {
        padding-right: 15px;
    }

    .contact-row .col-1 {
        min-height: 80px;
    }

    .single-projects .contact-row .patroon {
        top: 0px;
    }

    /* all projects */
    .contact_form_projects {
        margin-left: 15px;
    }


    .like-button-shortcode {
        top: auto;
        right: 20px;
        bottom: 10px;
    }

    .like-button-container {
        font-size: 11px;
        top: 8px;
    }

    .like-button-container, .like-button-shortcode {
        font-size: 11px;
    }

    .like-button-container svg, .like-button-shortcode svg {
        width: 16px;
    }

    .like-count {
        position: relative;
        margin-left: 5px;
        bottom: 8px;
    }


}


@media screen and (max-width: 400px)  {
    .marquee-2 {
        max-height: 170px;
    }

}