@media (min-width: 1200px) {
    .headermobile {
        display: none;
    }
}

@media (min-width: 992px) {
    .headermobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .headerdesktop {
        display: none;
    }
}

@media (max-width: 576px) {
    .headerdesktop {
        display: none;
    }
	.videodiv {
	      margin-top: 56px !important;
    overflow: hidden !important;
    position: relative !important;
    min-width: 100% !important;

	}
}

@media (max-width: 480px) {
    .headerdesktop {
        display: none;
    }
	.videodiv {
	      margin-top: 56px !important;
    overflow: hidden !important;
    position: relative !important;
    min-width: 100% !important;

	}
}

#slides {
    position: relative;
}

#slides .slides-container {
    display: none;
}

#slides .scrollable {
    position: relative;
    top: 0px;
    left: 0px;
    overflow-y: auto;
    height: 100%;
}

#slides .scrollable::after {
    content: "";
    display: table;
    clear: both;
}

.slides-navigation {
    margin: 0px auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}

.slides-navigation a {
    position: absolute;
    display: block;
}

.slides-navigation a.prev {
    left: 0px;
}

.slides-navigation a.next {
    right: 0px;
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 0px;
    text-align: center;
    width: 100%;
}

.slides-pagination a {
    border: 2px solid rgb(34, 34, 34);
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    zoom: 1; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
}

.slides-pagination a.current {
    background: rgb(34, 34, 34);
}

.throbber {
    display: none;
    margin: 40px auto;
}

.contactform {
}

.contactform label {
    display: block;
    float: left;
    width: 160px;
}

.contactform input {
    height: 20px;
    width: 150px;
    margin-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102);
}

.contactform .adres input {
    float: left;
    width: 119px;
    margin-right: 5px;
}

.contactform .postcode input {
    float: left;
    width: 50px;
    margin-right: 5px;
}

.contactform .huisnummer input {
    width: 24px;
}

.contactform textarea {
    height: 60px;
    width: 275px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102);
}

.contactform .submit {
    float: right;
    margin-right: 88px;
    margin-top: 5px;
}

.contactform .submit input {
    width: 100px;
    height: auto;
    background-image: none;
    border-color: rgb(204, 204, 204) rgb(102, 102, 102) rgb(102, 102, 102) rgb(204, 204, 204);
    background-color: rgb(238, 238, 238);
}

.contactform .submit input:hover {
    border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102);
    background-color: rgb(238, 238, 238);
}

.red {
    color: rgb(255, 0, 0);
    font-size: 12px;
    font-weight: normal;
}

.contactform select {
    background-repeat: repeat;
    border-color: rgb(102, 102, 102) rgb(204, 204, 204) rgb(204, 204, 204) rgb(102, 102, 102);
    border-style: solid;
    border-width: 1px;
    height: 20px;
    margin-bottom: 7px;
    width: 150px;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .contactform {
        margin-left: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .contactform {
        margin-left: 0px;
        width: 100%;
    }

    .contactform .submit {
        margin-right: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .contactform {
        margin-top: 25px;
        margin-left: 0px;
        width: auto;
    }

    .contactform input {
        width: 100%;
    }

    .contactform label {
        float: none;
    }

    .contactform .submit {
        float: none;
    }

    .contactform textarea {
        width: 97%;
    }
}

#mc_embed_signup {
    background: rgb(255, 255, 255);
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
}

.cc-theme-edgeless.cc-window, .cc-animate.cc-revoke.cc-top {
    z-index: 99999;
}

.cc-floating .cc-message {
    font-size: 14px;
}

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

html {
    -webkit-font-smoothing: antialiased;
    position: relative;
    min-height: 100%;
}

html, body {
    margin: 0px;
    padding: 0px;
    font-family: "Archivo Narrow", "Century Gothic", Verdana;
    line-height: 20px;
    font-size: 18px;
    height: 100%;
    opacity: 1;
}

#fullpagediv, header {
    display: block;
}

img {
    border: 0px none;
}

.center {
    text-align: center;
}

h1, h2, h3, h4, p {
    margin: 0px 0px 20px;
    text-align: justify;
}

p:last-child {
    margin-bottom: 0px;
}

h1, h2 {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
}

a, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}

a:link, a:visited {
    color: inherit;
    text-decoration: underline;
}

a:hover, a:active {
    text-decoration: none;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

.clear {
    clear: both;
}

textarea {
    resize: none;
}

.wide {
    display: inline;
}

.mob {
    display: none;
}

.nopadding {
    padding: 0px !important;
    margin: 0px !important;
}

#youtubelink {
    display: none;
}

#mobilevideo {
    width: 75%;
    height: auto;
    margin-top: 100px;
    display: none;
}

#fullpagedivimghome {
    display: none;
}

#fullpagediv, #fullpagedivimg, #fullpagedivimghome {
    height: calc(100% - 45px);
    overflow: hidden;
    position: relative;
    width: 100%;
    background: url("");
}

#fullpagediv.phonebg {
    background: url("../../../cdn.nextdoormedia.nl/kop/assets/images/KOPexpo-home-mobile.jpg") center top / cover;
}

#fullpagedivimg.nofull, #fullpagedivimghome.nofull {
    height: 75%;
}

#projectspage #fullpagedivimg.nofull {
    height: 55%;
}

#fullpagedivimg.half {
    height: 60%;
}

#fullpagedivimg.nofull.portdetail {
    height: calc(100% - 175px);
}

#fullpagedivimg.nofull.newsdetail {
    height: 50%;
}

#fullpagedivimg img.fulldiv, #fullpagedivimghome img.fulldiv {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#fullpageimage {
    display: none;
}

video#bgvid {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 101%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background: url("../../../../cdn.nextdoormedia.nl/kop/assets/images/video_start_frame_2018.jpg") 0% 0% / cover no-repeat;
}

#mute {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 50%;
    left: -12px;
    bottom: 146px;
}

#textabovemute {
    width: 800px;
    position: absolute;
    bottom: 235px;
    margin-left: 50%;
    left: -400px;
    line-height: normal;
    color: rgb(255, 255, 255);
    text-align: center;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
    font-size: 34px;
}

#videolinkmob {
    width: 160px;
    background: none 0px 0px repeat scroll rgba(255, 255, 255, 0.7);
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    transition: all 0.4s ease 0s;
}

#videolinkmob.active {
    opacity: 0;
}

#videolink1 {
    position: absolute;
    bottom: 145px;
    margin-left: 50%;
    left: -260px;
}

#videolink1.videolinken {
    left: -292px;
}

#videolink2 {
    position: absolute;
    bottom: 145px;
    margin-left: 50%;
    left: 84px;
}

#videolink1 a:link, #videolink1 a:visited, #videolink2 a:link, #videolink2 a:visited {
    display: block;
    width: 160px;
    background: none 0px 0px repeat scroll rgba(255, 255, 255, 0.7);
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    transition: all 0.4s ease 0s;
    cursor: pointer;
}

#videolink1 a:link, #videolink1 a:visited {
    width: auto;
    padding-right: 10px;
}

#videolink2 a:link, #videolink2 a:visited {
    width: 169px;
}

.chev-right, .chev-left {
    margin-left: 3px;
    height: auto;
    margin-top: -1px;
    transition: all 0.4s ease 0s;
    width: 8px !important;
    min-height: 0px !important;
}

#portfolio-detail-link-right a .chev-right {
    position: absolute;
    right: 10px;
    top: 12px;
    margin: 0px;
}

#portfolio-detail-link-right a:hover .chev-right {
    right: 7px;
}

#portfolio-detail-link-left a .chev-left {
    position: absolute;
    left: 10px;
    top: 12px;
    margin: 0px;
}

#portfolio-detail-link-left a:hover .chev-left {
    left: 7px;
}

#videolink1 a:hover .chev-right, #videolink2 a:hover .chev-right, a.morelink:hover .chev-right {
    margin-left: 6px;
}

.mute-it {
    background-size: 100%;
    width: 56px;
    height: 55px;
    display: block;
}

.mute-it.unmute {
    background-size: 100%;
    width: 56px;
    height: 55px;
    display: block;
}

#arrowdown {
    position: absolute;
    bottom: 50px;
    margin-left: 50%;
    left: -50px;
    width: 100px;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    z-index: 999;
}

#fullpagedivimg #arrowdown, #fullpagedivimghome #arrowdown {
    width: 80px;
    height: 44px;
    left: -40px;
    bottom: 35px;
}

#fullpagedivimg #arrowdown:hover {
    bottom: 30px;
}

#arrowdown img {
    width: 100%;
    height: auto;
}

header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 9999;
}

#top {
    background: linear-gradient(-90deg, rgb(189, 149, 255), rgb(255, 255, 255)) 0px 0px repeat scroll red;
    height: 72px;
    margin-top: 60px;
    margin-left: 140px;
}

#sticky {
    height: 45px;
    z-index: 999 !important;
}

main {
}

main.portfolio-detail-page {
}

main img, #footerdivs img {
    max-width: 100%;
    height: auto;
}

.talen {
    float: right;
    color: rgb(255, 255, 255);
    line-height: 50px;
    font-size: 16px;
    text-transform: uppercase;
}

.talen a:link, .talen a:visited {
    text-decoration: none;
}

.talen span::after, .talen a::after {
    content: "/";
}

.talen span:last-child::after, .talen a:last-child::after {
    content: "";
}

#logo {
    position: absolute;
    left: 15px;
    top: -50px;
    width: 82px;
    height: 301px;
    transition: all 0.3s ease 0s;
}

#logo1 {
    position: absolute;
    left: 15px;
    top: -50px;
    width: 82px;
    height: 301px;
    transition: all 0.3s ease 0s;
}

#projectspage #logo {
    width: 97px;
    height: 225px;
}

.is-sticky #logo, #projectspage .is-sticky #logo {
    top: -10px;
    width: 75px;
    height: 174px;
    z-index: 999;
}

#logo img {
    width: 109px;
    height: 283px;
}

#topmenu {
    margin: 11px 0px 0px 230px;
    padding: 0px;
}

#topmenu li {
    display: inline-block;
}

#topmenu li a:link, #topmenu li a:visited {
    color: rgb(255, 255, 255);
    font-size: 18px;
    display: block;
    line-height: 50px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    text-decoration: none;
    padding: 0px 30px;
    transition: all 0.4s ease 0s;
}

#topmenu ul {
    position: absolute;
}

nav ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 180px;
    transition: all 0.4s ease 0s;
}

nav ul li {
    display: inline-block;
    position: relative;
}

nav ul li a:link, nav ul li a:visited {
    display: block;
    line-height: 45px;
    font-size: 17px;
    font-weight: 600;
    padding: 0px 23px;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
}

nav ul li:last-child a:link, nav ul li:last-child a:visited {
    padding-right: 0px;
}

nav ul li a.menuactive:link, nav ul li a.menuactive:visited {
}

nav ul li ul {
    position: absolute;
    top: 65px;
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.65);
    margin-left: 0px;
    left: 0px;
    opacity: 0;
    width: 120%;
    padding: 10px;
    visibility: hidden;
    transition: all 0.25s ease 0s;
}

.is-sticky nav ul li ul {
    display: none !important;
}

nav ul li:first-child ul {
    width: 150%;
}

nav ul li:last-child ul {
    left: auto;
    right: -20px;
    width: 150%;
}

nav ul li ul li {
    float: none;
    display: block;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
    text-transform: none;
    font-size: 17px;
    font-weight: normal;
    line-height: 18px;
    padding: 8px 20px;
    display: block;
}

.submenu {
    width: 100%;
    background: rgb(46, 41, 40);
    z-index: 998 !important;
}

.submenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
    transition: all 0.4s ease 0s;
}

.is-sticky .submenu ul {
    margin-left: 206px;
    text-align: left;
}

.submenu ul li {
    margin-left: 0px;
    display: inline-block;
    margin-right: 43px;
}

.submenu ul li:last-child {
    margin-right: 0px;
}

.submenu ul li a:link, .submenu ul li a:visited {
    display: block;
    line-height: 60px;
    text-align: left;
    padding-right: 15px;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    position: relative;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}

.is-sticky .submenu ul li a:link, .submenu ul li a:visited {
    line-height: 50px;
}

.submenu ul li a.menuactive:link, .submenu ul li a.menuactive:visited {
    color: rgb(204, 204, 204);
}

.submenu a .chev-right {
    position: absolute;
    right: 0px;
    top: 26px;
    transition: all 0.4s ease 0s;
}

.is-sticky .submenu a .chev-right {
    top: 21px;
}

#zigzag > .row, .owl-item > .row {
    margin-left: 0px;
    margin-right: 0px;
}

#zigzag > .row > div, #newsslider .owl-item > .row > div {
    height: 450px;
    padding: 0px;
}

#zigzag.news-detail-page > .row > div {
    height: 650px;
}

#zigzag.portfolio-detail-page > .row > div {
    height: 525px;
}

#mainspacer {
    height: 45px;
}

.textblock, .textblockquote {
    display: table-cell;
    height: 482px;
    vertical-align: middle;
    padding: 30px;
    line-height: 26px;
    text-align: center;
}

.teamdetailpage .textblock, .textblockquote {
    text-align: left;
}

.news-detail-page .textblock, .news-detail-page .textblockquote {
    height: 650px;
}

#zigzag.portfolio-detail-page .textblock, #zigzag.portfolio-detail-page .textblockquote {
    height: 525px;
}

.portfolio-detail .textblock, .textblockquote {
}

.table {
    display: table;
    width: 100%;
}

.imageblock {
    height: 100%;
    overflow: hidden;
    background-size: cover;
}

.textblock ul {
    display: inline-block;
    text-align: left;
}

.textblock ul li {
    list-style: none;
}

.textblock li::before {
    content: "";
    display: inline-block;
    height: 15px;
    width: 20px;
    margin-right: 15px;
    background-image: url("../../../../cdn.nextdoormedia.nl/kop/assets/images/list-check.png");
    background-size: 100%;
}

a.morelink:link, a.morelink:visited {
    background: rgb(74, 74, 73);
    line-height: 34px;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    text-align: center;
    padding: 0px 10px 0px 10px;
    color: rgb(255, 255, 255);
    position: relative;
    display: inline-block !important;
}

a.morelink.active:link, a.morelink.active:visited, .project a.morelink:link, .project a.morelink:visited {
    background: rgb(255, 206, 0);
}

a.morelink.yellow:link, a.morelink.yellow:visited, a.morelink.green:link, a.morelink.green:visited, a.morelink.grey:link, a.morelink.grey:visited, a.morelink.yellowkader:link, a.morelink.yellowkader:visited, a.morelink.greenkader:link, a.morelink.greenkader:visited, a.morelink.greykader:link, a.morelink.greykader:visited {
    background-color: rgb(74, 74, 73);
}

a.morelink.yellow:link, a.morelink.yellow:visited {
    border: 1px solid rgb(74, 74, 73);
    color: rgb(255, 255, 255);
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
}

a.morelink.yellow.active:link, a.morelink.yellow.active:visited, #portfoliotop a.morelink.yellow:link, #portfoliotop a.morelink.yellow:visited {
    border: 1px solid rgb(255, 206, 0);
    background-position: right 9px top 12px;
    background-size: 8px;
    background-color: rgb(255, 206, 0);
    transition: all 0.4s ease 0s;
}

a.morelink.yellowkader:link, a.morelink.yellowkader:visited {
    border: 1px solid rgb(74, 74, 73);
    color: rgb(51, 51, 51);
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") right 9px top 50% / 8px no-repeat transparent;
}

a.morelink.yellowkader.active:link, a.morelink.yellowkader.active:visited {
    border: 1px solid rgb(255, 206, 0);
    background-position: right 9px top 12px;
    background-size: 8px;
    background-color: transparent;
}

a.morelink.green:link, a.morelink.green:visited {
    border: 1px solid rgb(74, 74, 73);
    color: rgb(255, 255, 255);
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right-white.png") right 9px top 12px / 8px no-repeat rgb(74, 74, 73);
}

a.morelink.green.active:link, a.morelink.green.active:visited, #portfoliotop a.morelink.green:link, #portfoliotop a.morelink.green:visited {
    border: 1px solid rgb(149, 214, 0);
    background-position: right 9px top 12px;
    background-size: 8px;
    background-color: rgb(149, 214, 0);
}

a.morelink.greenkader:link, a.morelink.greenkader:visited {
    border: 1px solid rgb(74, 74, 73);
    color: rgb(51, 51, 51);
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") right 9px top 12px / 8px no-repeat transparent;
}

a.morelink.greenkader.active:link, a.morelink.greenkader.active:visited {
    border: 1px solid rgb(149, 214, 0);
    background-position: right 9px top 12px;
    background-size: 8px;
    background-color: transparent;
}

a.morelink.grey:link, a.morelink.grey:visited {
    border: 1px solid rgb(74, 74, 73);
    color: rgb(255, 255, 255);
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right-white.png") right 9px top 12px / 8px no-repeat rgb(74, 74, 73);
}

a.morelink.grey.active:link, a.morelink.grey.active:visited, #portfoliotop a.morelink.grey:link, #portfoliotop a.morelink.grey:visited {
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right-white.png") right 9px top 12px / 8px no-repeat rgb(74, 74, 73);
    color: rgb(255, 255, 255);
}

a.morelink.greykader:link, a.morelink.greykader:visited {
    border: 1px solid rgb(74, 74, 73);
    color: rgb(51, 51, 51);
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") right 9px top 12px / 8px no-repeat transparent;
}

a.morelink.greykader.active:link, a.morelink.greykader.active:visited {
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") right 9px top 12px / 8px no-repeat transparent;
    color: rgb(51, 51, 51);
}

.logout {
    text-align: right;
}

.project a.morelink:link, .project a.morelink:visited {
    width: 32.7%;
}

a.morelink.morenews.active:link, a.morelink.morenews.active:visited {
    background: rgb(74, 74, 73);
}

a.morelink.mob:link, a.morelink.mob:visited {
    display: none !important;
}

a.morelink.contactus:link, a.morelink.contactus:visited {
    text-transform: uppercase;
    box-shadow: rgba(50, 50, 50, 0.75) 4px 4px 5px 0px;
}

a.morelink.nomargin {
    margin-top: 10px;
    margin-bottom: 15px;
}

.morelink .chev-right {
    position: absolute;
    right: 9px;
    top: 12px;
    transition: all 0.4s ease 0s;
    margin: 0px !important;
}

.morelinkdown .chev-right {
    position: absolute;
    right: 12px;
    top: 13px;
    width: 15px;
    height: auto;
    margin-top: -1px;
    transition: all 0.4s ease 0s;
}

.morelinkdown {
    display: inline-block;
    background-color: rgb(255, 255, 255);
    background-image: url("https://cdn.nextdoormedia.nl//kop/assets/images/chev-down.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    line-height: 35px;
    text-transform: uppercase;
    text-align: left;
    padding: 0px 36px 0px 10px;
    color: rgb(0, 0, 0);
    position: relative;
    border: 2px solid rgb(74, 74, 73);
    margin-top: 20px;
    cursor: pointer;
    width: 45%;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}

.morelinkdown.is-checked {
    background-color: rgb(74, 74, 73);
    background-image: url("https://cdn.nextdoormedia.nl//kop/assets/images/chev-down-white.png");
    color: rgb(255, 255, 255);
}

.morelinkdown.is-checked:hover {
    background-color: rgb(74, 74, 73);
}

.morelinkdown:first-child {
    margin-right: 9%;
}

.textblockquote span.quote {
    font-weight: 600;
    font-size: 36px;
    display: block;
    line-height: 45px;
    color: rgb(255, 255, 255);
}

.textblockquote span {
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.3);
    padding: 4px;
    display: block;
    color: rgb(255, 255, 255);
    font-size: 19px;
}

.imageblock .textblockquote {
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
}

#home-referenties {
    margin-bottom: 20px;
}

#home-referenties img {
    width: 30%;
    height: auto;
}

footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 45px;
    background: rgb(46, 41, 40);
    color: rgb(255, 255, 255);
    z-index: 9999;
}

footer .footertab > a > img {
    width: 30px;
    height: auto;
    margin-top: -2px;
    margin-right: 10px;
}

footer a:link, footer a:visited {
    color: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
    line-height: 45px;
    display: block;
    text-decoration: none;
    text-align: center;
}

footer a.active:link, footer a.active:visited {
    background: rgb(29, 29, 27);
    position: relative;
}

footer a.active::before {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid rgb(29, 29, 27);
    position: absolute;
    top: -25px;
    margin-left: 50%;
    left: -12px;
    transition: all 0.4s ease 0s;
}

#footerdivs {
    position: fixed;
    z-index: 99999;
    bottom: 45px;
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.88);
}

#footerdivs, #footerdivs > div {
    width: 100%;
}

#footerdivs > div {
    color: rgb(255, 255, 255);
    padding: 40px 0px;
    line-height: 24px;
}

.closefooterdiv {
    position: absolute;
    top: 10px;
    right: 10px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#footerdivs > div h2 {
    font-weight: 300;
}

.Flexible-container {
    position: relative;
    padding-bottom: 35%;
    padding-top: 30px;
    height: 0px;
    overflow: hidden;
}

.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

iframe {
    max-width: 100%;
}

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

#maps {
    width: 100%;
    height: 212px;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/maps-grey.jpg") 0% 0% / cover;
    padding: 10px;
}

#maps a.morelink:link, #maps a.morelink:visited {
    margin: 0px;
}

.contactinfo1, .contactinfo2 {
    border-right: 1px solid rgb(255, 255, 255);
}

.contactinfo1 {
    text-align: right;
}

.contactinfo p {
    margin-bottom: 0px;
}

.footercontactright {
    padding-left: 40px;
}

a.teamlink:link, a.teamlink:visited {
    display: inline-block;
    background: rgb(213, 213, 213);
    line-height: 35px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 0px 25px 0px 10px;
    color: rgb(51, 51, 51);
    position: relative;
    margin-bottom: 50px;
    transition: all 0.4s ease 0s;
}

.teamlink .chev-right {
    position: absolute;
    width: 10px;
    right: 7px;
    top: 11px;
    margin: 0px;
    transition: all 0.4s ease 0s;
}

.follow-us span {
    display: block;
    margin-bottom: 10px;
}

.follow-us a {
    font-size: 26px;
    margin-right: 15px;
    transition: all 0.4s ease 0s;
}

.CGBlogSummary a:link, .CGBlogSummay a:visited, .othernewstitle a:link, .othernewstitle a:visited {
    text-decoration: none;
    transition: all 0.4s ease 0s;
}

footer a.morelink:link, footer a.morelink:visited {
    background: rgb(213, 213, 213);
    color: rgb(51, 51, 51);
    border: 0px none;
    transition: all 0.4s ease 0s;
}

.CGBlogSummaryPostdate, .othernewsdate {
    font-size: 13px;
}

.othernewsitem {
    margin-bottom: 3px;
}

.othernewsdate {
    line-height: 14px;
}

.CGBlogSummaryLink, #footerdivs h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.CGBlogSummaryLink {
    margin-bottom: 25px;
}

#footerdivs h3 {
    margin-bottom: 4px;
}

.contentsum p:last-child {
    margin-bottom: 0px;
}

footer .contactformbox {
    width: 600px;
    margin: 0px auto;
    position: relative;
    clear: both;
}

.contactformbox .website {
    display: none;
}

footer .contactformbox input[type="text"], footer .contactformbox input[type="email"], #formboxcontact .contactformbox input[type="text"], #formboxcontact .contactformbox input[type="email"] {
    height: 30px;
    width: 295px;
    background: rgb(212, 212, 212);
    border: 0px none;
    color: rgb(51, 51, 51);
    padding: 0px 15px;
    border-radius: 0px;
    margin-bottom: 10px;
}

.textblock .contactformbox input[type="text"], .textblock .contactformbox input[type="email"] {
    height: 30px;
    width: 100%;
    background: rgb(212, 212, 212);
    border: 0px none;
    color: rgb(51, 51, 51);
    padding: 0px 15px;
    border-radius: 0px;
    margin-bottom: 10px;
}

.contactformbox input[type="email"] {
    margin-bottom: 0px;
}

fieldset.leftfieldset, fieldset.rightfieldset {
    width: 50%;
}

.textblock fieldset.leftfieldset, .textblock fieldset.rightfieldset {
    width: 100%;
    float: none;
}

fieldset.leftfieldset {
    float: left;
}

.linkslinks {
    float: left;
    width: calc(50% - 10px);
}

.linksrechts {
    float: right;
    width: 50%;
}

footer .contactformbox textarea, #formboxcontact .contactformbox textarea {
    width: 295px;
    float: right;
    height: 110px;
    padding: 10px 15px 15px;
    background: rgb(212, 212, 212);
    border: 0px none;
    border-radius: 0px;
    color: rgb(51, 51, 51);
}

.textblock .contactformbox textarea {
    width: 100%;
    height: 110px;
    padding: 10px 15px 15px;
    background: rgb(212, 212, 212);
    border: 0px none;
    border-radius: 0px;
    color: rgb(51, 51, 51);
}

footer .contactformbox .submit {
    position: absolute;
    right: 0px;
    bottom: -45px;
}

.textblock .contactformbox .submit {
    float: right;
    margin-top: -24px;
}

#formboxcontact .contactformbox .submit {
    position: absolute;
    right: 20px;
    bottom: 50px;
}

#formboxcontact .ajax_result p:last-child {
    margin-bottom: 0px;
}

footer .contactformbox input[type="submit"], #formboxcontact .contactformbox input[type="submit"], #loginform button {
    display: inline-block;
    line-height: 35px;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 25px 0px 10px;
    position: relative;
    border: 0px solid rgb(165, 165, 165);
    color: rgb(51, 51, 51);
    border-radius: 0px;
    min-width: 120px;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") 108px center / 8px no-repeat scroll rgb(213, 213, 213);
    transition: all 0.4s ease 0s;
}

.textblock .contactformbox input[type="submit"] {
    display: inline-block;
    line-height: 35px;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 25px 0px 10px;
    position: relative;
    border: 0px solid rgb(165, 165, 165);
    color: rgb(51, 51, 51);
    border-radius: 0px;
    min-width: 110px;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") right 10px center / 8px no-repeat scroll rgb(213, 213, 213);
    transition: all 0.4s ease 0s;
}

footer .contactformbox .newsletter input, #formboxcontact .contactformbox .newsletter input, .textblock .contactformbox .newsletter input {
    float: left;
    margin-right: 15px;
}

.textblock .newsletter {
    text-align: left;
}

#titleonvideo {
    position: absolute;
    width: 100%;
    bottom: 260px;
    margin-top: 95px;
    text-align: center;
    font-weight: bold;
    font-size: 120px;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    z-index: 99999;
}

#titleonimg {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    z-index: 999;
}

#titleonimg h1, #titleonimg h2 {
    font-weight: bold;
    display: table-cell;
    border-top: 15px solid transparent;
    height: 100%;
    padding: 0px 22%;
    vertical-align: middle;
    text-align: center;
    color: rgb(255 181 0);
    text-transform: uppercase;
    font-size: 45px !important;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px !important;
}

.newsdetail #titleonimg h1, .newsdetail #titleonimg h2 {
    font-size: 40px;
}

#titleonimg h1.notfound {
    line-height: normal;
    margin-bottom: 10px;
    font-size: 35px;
    text-transform: none;
}

#titleonimg h1.notfound .aboveh1 {
    font-size: 130px;
}

#portfoliotop {
    padding: 130px 0px 30px;
}

#portfoliofilters {
    margin: 50px 0px 0px;
    opacity: 0;
    transition: all 500ms ease-in-out 0s;
}

.portfoliofilter {
    display: block;
    float: left;
    position: relative;
    width: calc(50% - 5px);
    margin-right: 10px;
}

.portfoliofilter:nth-child(2) {
    margin-right: 0px;
}

.portfoliofilter.last, .portfoliofilter:nth-child(3) {
    margin-right: 0px;
    display: none !important;
}

.portfoliofilter span {
    text-transform: uppercase;
    font-weight: 600;
}

.select {
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
    height: 30px;
    margin-top: 15px;
    width: 261px;
    position: relative;
    font-weight: normal;
    text-align: left;
    display: inline-block;
}

.customSelect, .customSelect2, .customSelect3 {
    border: 1px solid rgb(204, 204, 204);
    overflow: hidden;
    height: auto;
    line-height: 30px;
    margin-top: 5px;
    width: 100%;
    font-weight: normal;
    text-align: left;
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 0px;
    cursor: pointer;
    transition: all 0.4s ease 0s;
    background: rgb(255, 255, 255);
    z-index: 999;
}

.customSelectCaption, .customSelectCaption2, .customSelectCaption3, .customSelectItem {
    padding-left: 10px;
}

.customSelectCaption, .customSelectCaption2, .customSelectCaption3, .customSelectItem {
    background: rgb(255, 255, 255);
    transition: all 0.4s ease 0s;
}

select {
    height: 29px;
    padding: 5px;
    border: 0px;
    width: 100%;
    font-size: 14px;
    appearance: none;
    color: rgba(0, 0, 0, 0);
    text-shadow: rgb(0, 0, 0) 0px 0px 0px;
}

.select::after, .customSelect::after, .customSelect2::after, .customSelect3::after {
    content: "";
    position: absolute;
    right: 6px;
    top: 11px;
    z-index: 1;
    text-align: center;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-down.png") 0% 0% / 100% no-repeat;
    width: 7%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
}

#portfolioitems {
    margin-bottom: -1px;
    background: rgb(0, 0, 0);
}

#newsitems {
    margin-top: 30px;
}

#newsitems h2, #newsitems h1 {
    margin-bottom: 40px;
}

.portfolioitem {
    display: inline-block;
    width: 20%;
    background-size: 100%;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    overflow: hidden;
}

.portfolioitem.laatste {
}

.teamitem {
    display: block;
    float: left;
    width: 20%;
    background-size: 100%;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    overflow: hidden;
    color: inherit !important;
}

.newsitem {
    display: block;
    float: left;
    width: 20%;
    background-size: 100%;
    background-repeat: no-repeat;
    height: auto;
    position: relative;
    overflow: hidden;
    color: inherit !important;
}

#principals .portfolioitem {
    margin-left: -4px;
    margin-bottom: -5px;
    width: 16.72%;
}

.portfolioitem img, .teamitem img, .newsitem img {
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.portfolioitem:hover img, .teamitem:hover img, .newsitem:hover img {
    opacity: 1;
}

.portfolioitem .portfolioitemtitle, .teamitem .portfolioitemtitle, .newsitem .portfolioitemtitle {
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    padding: 0px 10px;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    background: rgba(255, 255, 255, 0.5);
    height: 0px;
    transition: all 0.4s ease 0s;
}

.portfolioitem:hover .portfolioitemtitle, .teamitem:hover .portfolioitemtitle, .newsitem:hover .portfolioitemtitle {
    height: auto;
    padding: 10px;
}

#principals {
    display: none;
}

.slidertextbox {
    display: block;
    width: 43%;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    color: rgb(255, 255, 255);
    padding: 5px;
    bottom: 30px;
    right: 30px;
    position: absolute;
    z-index: 9999;
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.3);
}

.slidertextbox h1 {
    text-transform: none;
    margin-bottom: 0px;
    font-size: 30px;
}

.topdetailcontent, .portfolio-detail-bottom {
    padding: 40px 0px;
    line-height: 26px;
}

.topdetailcontent {
    border-bottom: 1px solid rgb(233, 233, 233);
}

.topdetailcontent.newstopdetail {
    border-bottom: 0px none;
    border-top: 1px solid rgb(233, 233, 233);
    padding-bottom: 0px;
}

.topdetailcontent.noborder {
    border: 0px none;
}

.portfolio-detail-bottom {
    padding: 40px 0px 85px;
}

#portfolio-detail-link-left a:link, #portfolio-detail-link-left a:visited, #portfolio-detail-link-center a:link, #portfolio-detail-link-center a:visited, #portfolio-detail-link-right a:link, #portfolio-detail-link-right a:visited {
    display: block;
    position: relative;
    width: 195px;
    line-height: 35px;
    text-align: center;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    transition: all 0.4s ease 0s;
}

a.bottomlink:link, a.bottomlink:visited {
    display: inline-block;
    position: relative;
    line-height: 35px;
    text-align: center;
    padding: 0px 10px;
    text-decoration: none;
    margin: 0px 10px;
    background: rgb(236, 236, 237);
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    transition: all 0.4s ease 0s;
}

a.bottomlink:hover, a.bottomlink:active {
    background: rgb(206, 206, 206);
}

.portfolio-detail-link a:link, .portfolio-detail-link a:visited {
    background: rgb(236, 236, 237);
}

.portfolio-detail-link {
    display: inline-block;
    margin: 0px 20px;
}

footer ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

footer > div > ul > li {
    display: inline-block;
    width: 24%;
}

footer ul li > a:link, footer ul li > a:visited {
    display: block;
    font-size: 18px;
    background: rgb(46, 41, 40);
    position: relative;
}

footer ul li:hover > a:link, footer ul li:hover > a:visited {
    background: rgb(29, 29, 27);
}

footer ul li.footertab > a::before {
    content: none;
}

footer ul li.footertab:hover > a::before {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 25px solid rgb(29, 29, 27);
    position: absolute;
    top: -25px;
    margin-left: 50%;
    left: -12px;
    opacity: 1;
    transition: all 0.4s ease 0s;
}

footer ul li ul {
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.88);
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0px;
    padding: 40px 0px;
    line-height: 24px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0s ease 0s;
}

footer ul li:hover ul, footer ul li:active ul {
    transition: all 0.4s ease 0s;
}

footer ul li ul a:link, footer ul li ul a:visited {
    display: inline;
    line-height: 24px;
}

footer h2 {
    font-weight: 300;
}

footer img {
    max-width: 100%;
    height: auto;
}

.divider {
    display: none;
}

.newsletter .icheckbox {
    cursor: pointer;
    float: left;
    width: 15px;
    height: 15px;
    top: 0px;
    left: 0px;
    background: rgb(238, 238, 238);
    border: 1px solid rgb(221, 221, 221);
    margin: 5px 12px 5px 0px;
}

.newsletter .icheckbox.checked::after {
    opacity: 1;
    content: "";
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 3px;
    left: 2px;
    border-bottom: 3px solid rgb(51, 51, 51);
    border-left: 3px solid rgb(51, 51, 51);
    border-image: initial;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

#overlay {
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99998;
    display: none;
}

.closeit {
    position: absolute;
    top: 15px;
    right: 20px;
    font-family: arial;
    font-size: 30px;
    color: rgb(255, 255, 255);
    cursor: pointer;
}

#formboxcontact {
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    color: rgb(255, 255, 255);
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 646px;
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.8);
    overflow: auto;
    display: none;
}

#formboxnms {
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 646px;
    background: none 0px 0px repeat scroll rgba(35, 31, 32, 0.8);
    overflow: visible;
    display: none;
}

#formboxnms .closeit {
    top: 0px;
    right: 3px;
}

.columns {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0px auto;
}

.columns > .row {
    display: table-row;
}

.column {
    vertical-align: middle;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    transition: opacity 1000ms ease-in-out 0s;
    opacity: 0;
}

.column.count_0 {
    transition: opacity 0ms ease-in-out 0s;
}

.column > div {
    width: 100%;
    display: inline-block;
    overflow: hidden;
}

.column.current, .current.column > div {
    opacity: 1;
}

.sliderbottom {
    position: absolute;
    margin-top: -3%;
    width: 100%;
    left: 0px;
}

.sliderbottom > img {
    width: 100%;
}

.zigzagslides {
    min-height: 160px;
}

.bullits {
    position: absolute;
    margin-top: -70px;
    width: 100%;
    text-align: center;
    z-index: 999;
    transition: opacity 1000ms ease-in-out 0s;
    opacity: 0;
}

.zigzagslides.active .bullits {
    opacity: 1;
}

.bullits > .bullit {
    width: 24px;
    height: 24px;
    background: white;
    margin: 3px;
    border-radius: 12px;
    display: inline-block;
    cursor: pointer;
}

.bullits > .bullit.current {
    background: rgb(243, 206, 0);
}

.cursor {
    cursor: pointer;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.bg {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    margin: 0px auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.bg img {
    position: absolute;
    inset: -9999px;
    margin: auto;
    height: 100%;
    min-width: 100%;
}

.iframebox {
    position: relative;
    padding-bottom: 450px;
    height: 0px;
    overflow: hidden;
}

.iframebox .overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 450px;
    z-index: 999;
}

.iframebox iframe, .iframebox object, .iframebox embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 998;
}

.customSelectItem, .customSelectCaption {
    display: none;
}

.customSelectItem.containsportfolio, .customSelectItem.alle {
    display: block;
}

.customSelectItem.checked {
    font-weight: bold;
}

.megawidth {
    width: 1e+06px;
}

#portfoliofilters {
    width: 100%;
    height: 130px;
}

#shareit {
    font-size: 16px;
    margin-top: 40px;
    text-align: center;
}

#shareit p {
    margin-bottom: 10px;
}

.share-link {
    display: inline-block;
}

.share-link a:link, .share-link a:visited {
    color: inherit;
    font-size: 20px;
    margin: 0px 8px;
    transition: all 0.4s ease 0s;
}

.share-link:hover, .sharelink:active {
    color: rgb(255, 206, 0);
}

.notloggedin {
    padding-top: 130px;
    border-bottom: 0px none;
}

#loginform {
    text-align: left;
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    color: rgb(255, 255, 255);
    background: rgba(35, 31, 32, 0.88);
}

#loginform input {
    width: 100%;
    height: 30px;
    background: rgb(212, 212, 212);
    border: 0px none;
    color: rgb(51, 51, 51);
    padding: 0px 15px;
    border-radius: 0px;
    margin-bottom: 10px;
}

#loginform .divider {
    display: none;
}

.black {
    background: rgb(0, 0, 0);
}

#newsitems2017 .container {
    background: rgb(255, 255, 255);
    padding: 30px 30px 0px;
}

.newsitem2017 {
    background: rgb(241, 241, 242);
    padding: 0px 15px 0px 0px;
    margin-bottom: 30px;
    position: relative;
}

.image2017 {
    display: block;
    float: left;
    position: relative;
    margin-right: 20px;
    width: 40%;
}

.image2017 a {
    display: block;
    background-size: 100%;
}

.beursitems .image2017 img {
    opacity: 0;
    transition: all 0.4s ease 0s;
}

.beursitems .newsitem2017:hover .image2017 img {
    opacity: 1;
}

.newsinfo2017 {
    padding: 20px 0px;
    line-height: 26px;
}

.newsinfo2017 a.title:link, .newsinfo2017 a.title:visited {
    text-transform: uppercase;
    font-size: 26px;
    text-decoration: none;
    margin-bottom: 10px;
}

.beursitems .newsinfo2017 a.title:link, .beursitems a.title:visited {
    display: block;
    margin-bottom: 20px;
}

.newsinfo2017 .date {
    margin-bottom: 10px;
}

.newsinfo2017 .readmore {
    bottom: 20px;
    right: 20px;
    display: block !important;
    position: absolute !important;
}

.newsinfo2017 .share {
    bottom: 20px;
    left: calc(40% + 20px);
    display: block !important;
    position: absolute !important;
}

.black .share-link a:link, .black .share-link a:visited {
    color: rgb(255, 255, 255);
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background: rgb(255, 206, 0);
    display: inline-block;
    text-align: center;
    font-size: 15px;
    margin: 0px 8px 0px 0px;
}

.black .share-link a:hover, .black .share-link a:active {
    background: rgb(51, 51, 51);
}

.news-detail-page.black .container {
    padding-top: 30px;
}

.news-detail-page.black .container {
    background: rgb(255, 255, 255);
    line-height: 26px;
}

.black .portfolio-detail-link a:link, .black .portfolio-detail-link a:visited {
    background: rgb(255, 206, 0);
    color: rgb(255, 255, 255) !important;
}

.black h3 {
    color: rgb(255, 206, 0);
}

.news-detail-page.black img {
    margin-bottom: 20px;
}

.zigzag2pic img, .zigzag1pic img {
    max-height: 300px;
    width: auto;
}

.news-detail-page.black .portfolio-detail-bottom {
    padding-bottom: 120px;
}

a.fullscreenoption:link, a.fullscreenoption:visited {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
}

.news-detail-page.black #shareit {
    float: right;
    margin-left: 30px;
    margin-top: 0px;
}

.news-detail-page.black .share-link {
    display: block;
    margin-bottom: 10px;
}

#fullpagedivimg.nofull.newsdetail {
    height: 40%;
    background: rgb(0, 0, 0);
}

#relatednews {
    background: rgb(241, 241, 242);
    padding: 30px 30px 72px;
    margin: 0px -15px;
    position: relative;
    width: calc(100% + 30px);
}

#relatednews img {
    margin-bottom: 0px;
}

#relatednews .image2017 {
    float: none;
    width: 100%;
    margin-right: 0px;
}

#relatednews a:link, #relatednews a:visited {
    text-decoration: none;
}

#relatednews .title {
    font-size: 20px;
    margin-top: 10px;
}

#relatednews .owl-nav {
    display: block;
}

#relatednews .owl-dots {
    display: none !important;
}

.owl-carousel.owl-loaded.mob {
    display: none;
}

#relatednews .owl-controls {
    position: absolute;
    top: calc(50% - 40px);
    width: 100%;
    height: 60px;
    z-index: -1;
    margin: -60px -30px 0px !important;
}

#relatednews .owl-next {
    text-indent: 9999px;
    position: absolute;
    width: 30px;
    height: 100px;
    overflow: hidden;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-right.png") center center no-repeat;
    right: 0px;
    top: 0px;
}

#relatednews .owl-prev {
    text-indent: 9999px;
    position: absolute;
    width: 30px;
    height: 100px;
    overflow: hidden;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-left.png") center center no-repeat;
    left: 0px;
    top: 0px;
}

.container.white {
    background: rgb(255, 255, 255);
}

.black .container.white {
    padding: 0px;
}

.news-detail-page.black .container {
    max-width: 900px;
}

.news-detail-page.black img {
    display: block;
    margin: 15px auto;
}

.news-detail-page h1 {
    font-size: 30px;
}

.news-detail-page.black h2, .news-detail-page.black h1 {
    color: rgb(255, 206, 0);
}

.news-detail-page.black h2.normal, .news-detail-page.black h1.normal {
    color: rgb(51, 51, 51);
}

#relatednews h3 {
    color: rgb(51, 51, 51);
    margin-bottom: 10px;
}

.pagination {
    width: 100%;
    font-size: 20px;
    text-align: center;
}

#filters {
    margin: -30px -30px 0px;
    padding: 30px 0px;
    background: rgb(0, 0, 0);
}

.ui-group {
    width: 200px;
    margin-right: 38px;
    position: relative;
    max-height: 999px;
    background: url("https://cdn.nextdoormedia.nl/kop/assets/images/chev-down-white.png") 95% 10px no-repeat rgb(255, 206, 0);
    display: inline-block;
    padding: 5px;
    transition: all 0.4s ease 0s;
}

.ui-group:last-child {
    margin-right: 0px;
}

.ui-group h3 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0px;
}

.button-group {
    position: absolute;
    width: 100%;
    left: 0px;
    margin-top: 5px;
    z-index: 999;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

.ui-group.active .button-group {
    max-height: 999px;
}

.button-group button {
    display: block;
    width: 100%;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0px;
}

.button-group .button.is-checked {
    font-weight: bold;
}

.image2017 span {
    position: absolute;
    top: calc(50% - 10px);
    text-align: center;
    left: 0px;
    color: rgb(255, 255, 255);
    text-shadow: rgb(0, 0, 0) 1px 1px 4px;
    width: 100%;
    font-size: 36px;
}

.geenitems {
    display: block;
    background: rgb(255, 255, 255);
}

#beursitemswrap {
    min-height: 255px;
}

.beursitems .image2017 {
    width: 30%;
}

.swipebox img {
    max-width: 100%;
    height: auto;
}

a.cta1:link, a.cta1:visited, a.cta2:link, a.cta2:visited {
    display: block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    bottom: 50px;
    left: 50%;
    width: 170px;
    background: none 0px 0px repeat scroll rgba(255, 255, 255, 0.7);
    line-height: 35px;
    color: rgb(51, 51, 51);
    z-index: 999;
}

a.cta1:hover, a.cta1:active, a.cta2:hover, a.cta2:active {
    background: none 0px 0px repeat scroll rgba(202, 202, 202, 0.7);
}

.cta1 {
    margin-left: -260px;
}

.cta2 {
    margin-left: 90px;
}

@media (min-width: 1919px) {
    .try {
        margin: 0px 0px 0px 662px;
    }

    #top {
        margin-left: 387px !important;
    }
}

@media only screen and (min-width: 992px) {
    nav ul li:hover ul {
        visibility: visible;
        top: 45px;
        opacity: 1;
    }

    #arrowdown:hover {
        bottom: 45px;
    }

    #videolink1 a:hover, #videolink1 a:active, #videolink2 a:hover, #videolink2 a:active {
        background: none 0px 0px repeat scroll rgba(202, 202, 202, 0.7);
    }

    footer #contactform input[type="submit"]:hover, #formboxcontact #contactform input[type="submit"]:hover, #loginform button:hover {
        background-position: 112px center;
        background-color: rgb(182, 182, 182);
    }

    .textblock .contactformbox input[type="submit"]:hover {
        background-position: right 6px center;
    }

    #topmenu li a:hover, #topmenu li a:active {
        color: rgb(204, 204, 204);
    }

    nav ul li a:hover, nav ul li a:active {
        color: rgb(204, 204, 204);
    }

    a.morelink.yellow.active:hover, a.morelink.yellow.active:active, a.morelink.yellowkader.active:hover, a.morelink.yellowkader.active:active, a.morelink.green.active:hover, a.morelink.green.active:active, a.morelink.greenkader.active:hover, a.morelink.greenkader.active:active, a.morelink.grey.active:hover, a.morelink.grey.active:active, a.morelink.greykader.active:hover, a.morelink.greykader.active:active {
        background-position: right 5px top 12px;
    }

    .morelink:hover .chev-right {
        right: 6px;
    }

    .morelinkdown:hover .chev-right {
        margin-top: 1px;
    }

    .morelinkdown:hover {
        background-color: rgb(229, 229, 229);
    }

    footer a:hover, footer a:active {
        color: rgb(204, 204, 204);
    }

    a.teamlink:hover, a.teamlink:active {
        background: rgb(182, 182, 182);
    }

    .teamlink:hover .chev-right {
        right: 4px;
    }

    .follow-us a:hover {
        color: rgb(204, 204, 204);
    }

    .CGBlogSummary a:hover, .CGBlogSummay a:active, .othernewstitle a:hover, .othernewstitle a:active {
        color: rgb(204, 204, 204);
    }

    footer a.morelink:hover, footer a.morelink:active {
        background: rgb(182, 182, 182);
    }

    #customSelectCaption:hover, #customSelectCaption2:hover, #customSelectCaption3:hover, .customSelectItem:hover {
        background: rgb(233, 233, 233);
    }

    .portfolio-detail-link a:hover, .portfolio-detail-link a:active {
        background: rgb(206, 206, 206);
    }

    .submenu ul li a:hover .chev-right {
        right: -4px;
    }

    .submenu ul li a:hover, .submenu ul li a:active {
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #logo {
        width: 105px;
        height: 243px;
    }

    nav ul {
        margin-left: 120px;
    }

    #topmenu {
        margin-left: 109px;
    }

    nav ul li a:link, nav ul li a:visited {
        font-size: 15px;
        padding: 0px 17px;
    }

    nav ul li ul {
        width: 145%;
    }

    nav ul li ul li a:link, nav ul li ul li a:visited {
        font-weight: normal;
        padding: 8px 14px;
        font-size: 16px;
    }

    .textblock, .textblockquote {
        line-height: 22px;
    }

    a.morelink:link, a.morelink:visited {
        margin-top: 10px;
    }

    .slidertextbox {
        width: 40%;
        font-size: 28px;
    }

    #customSelect, #customSelect2, #customSelect3 {
        width: 177px;
    }

    .footercontactright {
        padding-left: 20px;
    }

    .follow-us a {
        font-size: 22px;
    }

    .is-sticky .submenu ul {
        margin-left: 140px;
    }

    .submenu ul li {
        margin-right: 23px;
    }

    .submenu ul li a:link, .submenu ul li a:visited {
        font-size: 12px;
    }

    #titleonimg h1, #titleonimg h2 {
        padding: 0px 14%;
    }

    .image2017 {
        width: 35%;
        height: 290px;
        position: relative;
        overflow: hidden;
    }

    .beursitems .image2017 {
        width: 35%;
        height: 220px;
    }

    .image2017 a {
        display: block;
        background-size: auto 100%;
        background-position: -100px top;
        width: 100%;
        height: 100%;
    }

    .image2017 img {
        height: 100%;
        width: auto;
        position: absolute;
        left: -100px;
        max-width: none;
    }

    #relatednews .image2017 {
        float: none;
        width: 100%;
        height: 170px;
        margin-right: 0px;
    }

    #relatednews .image2017 img {
        margin-bottom: 0px;
        width: 100%;
        height: auto;
        left: 0px;
    }

    .ui-group {
        width: 160px;
        margin-right: 38px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html, body {
        font-size: 14px;
        text-align: justify;
    }

    #logo {
        width: 85px;
        height: 196px;
        left: 0px;
    }

    .is-sticky #logo {
        width: 55px;
        height: 127px;
    }

    #topmenu {
        margin-left: 70px;
    }

    nav ul {
        margin-left: 85px;
    }

    #topmenu li a:link, #topmenu li a:visited {
        padding: 0px 19px;
        font-size: 14px;
    }

    nav ul li a:link, nav ul li a:visited {
        padding: 0px 8px;
        font-size: 13px;
    }

    nav ul li ul {
        width: 145%;
    }

    nav ul li ul li a:link, nav ul li ul li a:visited {
        font-weight: normal;
        padding: 8px 10px;
        font-size: 16px;
    }

    nav ul li:last-child ul {
        width: 200%;
    }

    #textabovemute {
        margin-left: 0px;
        left: 0px;
        width: 100%;
        padding: 0px 10px;
        font-size: 15px;
        bottom: auto;
        top: 110px;
    }

    .textblock, .textblockquote {
        line-height: 22px;
        padding: 20px;
    }

    a.morelink:link, a.morelink:visited {
        margin-top: 10px;
        width: 90%;
    }

    .footercontactright {
        padding-left: 15px;
    }

    footer ul li > a:link, footer ul li > a:visited {
        font-size: 16px;
    }

    a.teamlink:link, a.teamlink:visited {
        margin-top: 40px;
    }

    .slidertextbox {
        width: 35%;
        font-size: 24px;
    }

    #customSelect, #customSelect2, #customSelect3 {
        width: 135px;
    }

    .portfoliofilter {
        width: calc(50% - 5px);
    }

    #portfolio-detail-link-left a:link, #portfolio-detail-link-left a:visited, #portfolio-detail-link-center a:link, #portfolio-detail-link-center a:visited, #portfolio-detail-link-right a:link, #portfolio-detail-link-right a:visited {
        width: 185px;
    }

    #videolink1 a:link, #videolink1 a:visited, #videolink2 a:link, #videolink2 a:visited {
        font-size: 16px;
    }

    .is-sticky .submenu ul {
        margin-left: 92px;
    }

    .submenu ul li {
        margin-right: 15px;
    }

    .submenu ul li a:link, .submenu ul li a:visited {
        font-size: 11px;
    }

    #titleonimg h1, #titleonimg h2 {
        padding: 0px 10%;
    }

    .newsinfo2017 {
        margin-left: calc(40% + 20px);
    }

    .beursitems .image2017 {
        width: 40%;
    }

    .newsinfo2017 .readmore {
        bottom: auto;
        right: auto;
        float: right;
        display: inline-block !important;
        position: relative !important;
        width: 200px !important;
    }

    .newsinfo2017 .share {
        margin-top: 20px;
        bottom: auto;
        width: 170px;
        left: auto;
        position: relative !important;
    }

    #relatednews .title {
        font-size: 16px;
    }

    .ui-group {
        width: 222px;
        margin-right: 38px;
    }

    .ui-group:first-child {
        margin-bottom: 30px;
    }

    .ui-group:nth-child(3) {
        margin-right: 0px;
    }

    .newsitem2017 {
        min-width: 100%;
    }

    .image2017 span {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    html, body {
        font-size: 16px;
    }

    .contactpic {
        display: none;
    }

    #fullpagedivimg.nofull, #fullpagedivimghome.nofull {
        height: 50%;
    }

    .portfolioitem img, .teamitem img, .newsitem img {
        opacity: 1;
    }

    .textblock ul {
        padding-left: 0px;
    }

    body {
        margin-bottom: 0px;
    }

    footer > ul {
        text-align: center;
    }

    footer > div > ul > li {
        width: 24%;
    }

    footer ul li > a:link, footer ul li > a:visited {
        display: inline;
        font-size: 15px;
    }

    footer ul li {
        width: auto;
        font-size: 16px;
        padding: 0px 10px;
        text-align: center;
    }

    header .col-md-12 {
        padding: 0px;
    }

    .wide {
        display: none;
    }

    .mob {
        display: block;
    }

    a.morelink.mob:link, a.morelink.mob:visited {
        display: inline-block !important;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    #newsslider h2 {
        font-size: 18px;
        padding: 0px 10px;
        line-height: 28px !important;
    }

    #top {
        height: 45px;
    }

    #logo, .is-sticky #logo, #projectspage #logo, #projectspage .is-sticky #logo {
        left: 0px;
        width: 36px;
        margin-left: -48px;
        height: 83px;
        z-index: 999;
    }

    #topmenu {
        margin-left: 45px;
        width: calc(100% - 40px);
        display: table;
    }

    #topmenu li {
        width: 18%;
        height: 45px;
        display: table-cell;
        vertical-align: middle;
    }

    #topmenu li a:link, #topmenu li a:visited {
        font-size: 15px;
        padding: 0px 6px;
        width: 100%;
        line-height: normal;
        text-align: center;
    }

    #topmenu li:first-child {
    }

    .talen {
        position: absolute;
        right: 5px;
        top: -2px;
    }

    nav.mob {
        display: none;
        width: calc(100% + 30px);
        left: -15px;
        background: rgb(46, 41, 40);
        position: absolute;
        top: 45px;
        overflow: auto;
        z-index: 10;
    }

    nav.mob ul {
        padding: 0px;
        text-align: center;
        list-style-type: none;
        margin-left: 0px;
    }

    nav.mob ul li {
        float: none;
        display: block;
    }

    nav.mob ul li a:link, nav.mob ul li a:visited {
        text-decoration: none;
        display: block;
        height: auto;
        padding: 10px 0px;
        line-height: 18px;
        font-size: 18px;
        border-bottom: 1px solid rgb(126, 126, 126);
    }

    nav.mob ul li:last-child a:link, nav.mob ul li:last-child a:visited {
        border-bottom: 0px none;
    }

    nav.mob ul li ul {
        display: none;
        padding: 0px;
        border: 1px solid transparent;
        top: 0px;
        position: relative;
        opacity: 1;
        visibility: visible;
        width: 100%;
        transition: none 0s ease 0s;
    }

    nav.mob ul li:last-child ul {
        right: 0px;
    }

    nav.mob ul li:last-child a:link, nav.mob ul li:last-child a:visited {
        border-bottom: 1px solid rgb(126, 126, 126);
    }

    nav.mob ul li ul li:last-child a:link, nav.mob ul li ul li:last-child a:visited {
        border-bottom: 0px none;
    }

    nav.mob ul li ul li a:link, nav.mob ul li ul li a:visited {
        font-size: 16px;
        color: rgb(255, 255, 255);
        line-height: 10px;
    }

    .menutrigger {
        display: block;
        position: absolute;
        top: 0px;
        left: 13.6%;
        width: 55px;
        height: 45px;
        cursor: pointer;
        z-index: 20;
    }

    .menutrigger span {
        position: absolute;
        left: 10px;
        top: 20px;
    }

    .menutrigger span, .menutrigger span::before, .menutrigger span::after {
        cursor: pointer;
        border-radius: 1px;
        height: 3px;
        width: 35px;
        background: white;
        position: absolute;
        display: block;
        content: "";
        transition: all 500ms ease-in-out 0s;
    }

    .menutrigger span::before {
        top: -10px;
    }

    .menutrigger span::after {
        bottom: -10px;
    }

    .menutrigger.active span {
        background-color: transparent;
    }

    .menutrigger.active span::before, .menutrigger.active span::after {
        top: 0px;
    }

    .menutrigger.active span::before {
        transform: rotate(45deg);
    }

    .menutrigger.active span::after {
        transform: rotate(-45deg);
    }

    img.ultrigger {
        height: auto;
        padding: 10px;
        position: absolute;
        right: 0px;
        top: 4px;
        width: 40px;
    }

    video#bgvid {
        max-height: 100%;
    }

    #textabovemute {
        margin-left: 0px;
        left: 0px;
        width: 100%;
        padding: 0px 10px;
        font-size: 15px;
        bottom: auto;
        top: 110px;
    }

    #mute {
        display: none;
    }

    #fullpagediv {
        background: url("images/k.html") center top / cover;
    }

    #arrowdown, #fullpagedivimg #arrowdown, #fullpagedivimghome #arrowdown {
        width: 50px;
        left: -25px;
        bottom: 10px;
    }

    #videolink1, #videolink1.videolinken, #videolink2, #videolinkmob {
        left: -110px;
    }

    #videolinkmob {
        position: absolute;
        display: none;
        bottom: 174px;
        margin-left: 50%;
        width: 220px;
    }

    #videolink1 {
        bottom: 127px;
    }

    #videolink2 {
        bottom: 80px;
    }

    #videolink1 a:link, #videolink1 a:visited, #videolink2 a:link, #videolink2 a:visited {
        width: 169px;
    }

    #videolink1 .chev-right, #videolink2 .chev-right, #videolinkmob .chev-right {
        position: absolute;
        top: 13px;
        right: 10px;
    }

    ::-webkit-media-controls-start-playback-button {
        appearance: none;
        display: none !important;
    }

    #titleonimg {
    }

    #titleonimg h1, #titleonimg h2 {
        display: block;
        margin-top: 90px;
        font-size: 20px;
        padding: 0px;
    }

    footer .container, #portfoliotop .container, .portfolio-detail-bottom .container {
        padding: 0px;
    }

    footer .footertab > a > img {
        width: 18px;
        margin-right: 2px;
    }

    footer ul li.footertab > a:link, footer ul li.footertab > a:visited {
        font-size: 15px;
    }

    footer ul li ul {
        padding: 20px 0px 10px;
        font-size: 14px;
        line-height: 20px;
    }

    footer ul li.footertab:hover > a::before {
        content: "";
        width: 0px;
        height: 0px;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid rgb(29, 29, 27);
        position: absolute;
        top: -15px;
        margin-left: 50%;
        left: -7px;
        opacity: 1;
        transition: all 0.4s ease 0s;
    }

    .footercontactright {
        padding-left: 15px;
        height: 115px;
    }

    .follow-us span {
        display: block;
    }

    .follow-us a {
        font-size: 16px;
        margin-right: 5px;
    }

    a.teamlink:link, a.teamlink:visited {
        margin: 10px 0px;
    }

    #maps {
        height: 80px;
        margin-bottom: 10px;
    }

    footer h2 {
        font-size: 20px;
        margin: 0px 20px 10px;
    }

    footer a.morelink:link, footer a.morelink:visited, footer a.teamlink:link, footer a.teamlink:visited {
        height: 23px;
        line-height: 23px;
        padding: 1px 25px 5px 10px;
        position: absolute;
        left: 50%;
        display: block;
        bottom: 15px;
        width: 115px;
        margin-left: -125px;
        margin-right: 0px;
    }

    footer a.morelink:link, footer a.morelink:visited {
        float: right;
        position: relative;
        left: auto;
        bottom: auto;
        margin-left: 15px;
        width: auto;
    }

    footer a.morelink span {
        height: 23px;
    }

    footer .morelink .chev-right, footer .teamlink .chev-right {
        top: 6px;
        width: 8px;
    }

    footer ul li ul a:link, footer ul li ul a:visited {
        line-height: 20px;
    }

    footer #contactform {
        width: 95%;
    }

    footer #contactform textarea, footer #contactform input[type="text"], footer #contactform input[type="email"], #formboxcontact #contactform textarea, #formboxcontact #contactform input[type="text"], #formboxcontact #contactform input[type="email"] {
        width: 100%;
    }

    fieldset.leftfieldset, fieldset.rightfieldset {
        position: relative;
        padding: 5px;
    }

    footer #contactform .submit {
        right: 5px;
        bottom: -35px;
    }

    #formboxcontact #contactform .submit {
        position: relative;
        float: right;
        bottom: -5px;
        right: 5px;
    }

    footer #contactform input[type="submit"], #formboxcontact #contactform input[type="submit"] {
        height: 30px;
        line-height: 30px;
    }

    #formboxcontact #contactform input[type="submit"] {
        width: 95px;
        min-width: auto;
        font-size: 12px;
        padding-right: 20px;
        background: url("https://www.kopexpo.nl/error404") 75px center / 8px no-repeat scroll rgb(213, 213, 213);
    }

    #formboxcontact .newsletter label {
        font-size: 12px;
    }

    .closeit {
        top: 21px;
        right: 25px;
    }

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

    .contactinfo1, .contactinfo2 {
        border-right: 0px none;
    }

    .contactinfo1 p {
        width: 50%;
        float: left;
        padding-right: 10px;
        margin-right: 15px;
    }

    footer .newspic {
        max-height: 75px;
        width: auto;
    }

    #zigzag > .row > div, #zigzag.portfolio-detail-page > .row > div, .zigzagslides, .owl-item > .row > div {
        height: auto !important;
    }

    .teamdetailpage .zigzagslides {
        min-height: 250px;
    }

    .textblock, .textblockquote, #zigzag.portfolio-detail-page .textblock, .textblockquote {
        padding: 15px;
        line-height: 20px;
        display: block;
        height: auto;
    }

    .imageblock {
        min-height: 145px;
    }

    #zigzag .row {
    }

    #zigzag .row:first-child {
        border-top: 0px none;
    }

    a.morelink:link, a.morelink:visited {
        margin-top: 10px;
        width: auto;
        display: table;
        font-size: 16px;
        line-height: 18px;
        padding: 5px 25px 5px 10px;
    }

    a.morelink.yellow:link, a.morelink.yellow:visited, a.morelink.yellowkader.active:link, a.morelink.yellowkader.active:visited, a.morelink.yellow.active:link, a.morelink.yellow.active:visited, #portfoliotop a.morelink.yellow:link, #portfoliotop a.morelink.yellow:visited {
        background-position: right 9px top 50%;
    }

    a.morelink span {
        display: table-cell;
        vertical-align: middle;
    }

    .morelink .chev-right {
        top: calc(50% - 5px);
    }

    a.scrollup:link, a.scrollup:visited {
        display: table;
        float: right;
        height: 48px;
        width: 48px;
        text-align: center;
        border: 1px solid rgb(74, 74, 73);
        text-decoration: none;
        position: absolute;
        bottom: 58px;
        right: 12px;
    }

    a.scrollup i {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

    .textblockquote span.quote {
        font-size: 16px;
        line-height: 22px;
    }

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

    .slidertextbox {
        bottom: 100px;
        width: calc(100% - 30px);
        right: 15px;
        font-size: 18px;
        line-height: 26px;
    }

    .topdetailcontent {
        line-height: 20px;
    }

    .topdetailcontent, .portfolio-detail-bottom {
        padding: 20px 0px;
    }

    .topdetailcontent.notloggedin {
        padding-top: 95px;
    }

    .portfolio-detail-bottom {
        padding-bottom: 120px;
    }

    #portfoliotop {
        padding: 95px 0px 20px;
    }

    #portfoliofilters {
        margin: 20px 0px 10px;
        height: 90px;
    }

    .portfoliofilter {
        width: calc(50% - 5px);
    }

    .morelinkdown {
        width: 47%;
        font-size: 13px;
        background-image: none;
    }

    .morelinkdown.is-checked {
        background-image: none;
    }

    .morelinkdown:first-child {
        margin-right: 3%;
    }

    #customSelect, #customSelect2, #customSelect3 {
        width: 100%;
        font-size: 12px;
    }

    .select::after, #customSelect::after, #customSelect2::after, #customSelect3::after {
        background-image: none;
    }

    .portfolioitem, .teamitem, .newsitem {
        width: 50%;
    }

    main {
        position: relative;
        padding-top: 20px;
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 100px !important;
    }

    main.portfolio-detail-page {
    }

    .portfolio-detail-link {
        margin-bottom: 10px;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    #portfolio-detail-link-left a:link, #portfolio-detail-link-left a:visited, #portfolio-detail-link-center a:link, #portfolio-detail-link-center a:visited, #portfolio-detail-link-right a:link, #portfolio-detail-link-right a:visited {
        width: auto;
    }

    #portfolio-detail-link-left a:link, #portfolio-detail-link-left a:visited, #portfolio-detail-link-right a:link, #portfolio-detail-link-right a:visited {
        text-indent: -9999px;
        width: 35px;
    }

    #portfolio-detail-link-left a .chev-left, #portfolio-detail-link-right a .chev-right {
        left: 11px;
    }

    #zigzag h2 {
        text-align: center;
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .submenu .container, .submenu .col-xs-12 {
        padding: 0px;
    }

    .submenu {
        padding: 0px;
    }

    .submenu ul {
        text-align: left;
    }

    .is-sticky .submenu ul {
        margin-left: 0px;
        text-align: center;
    }

    .submenu ul li {
        margin-right: 0px;
        display: block;
    }

    .submenu ul li a:link, .submenu ul li a:visited, .is-sticky .submenu ul li a:link, .is-sticky .submenu ul li a:visited {
        line-height: 26px;
        display: inline-block;
        padding: 2px 15px;
        width: 100%;
        font-size: 14px;
        border-bottom: 1px solid rgb(99, 98, 98);
    }

    .submenu a .chev-right, .is-sticky .submenu a .chev-right {
        top: 11px;
        right: 15px;
    }

    .divider {
        display: block;
        width: 84%;
        margin: 0px 8%;
        height: 1px;
        background: rgb(204, 204, 204);
    }

    #youtubelink {
        margin-top: 15px;
        font-size: 16px;
    }

    #youtubelink a:link, #youtubelink a:visited {
        text-decoration: none;
    }

    #youtubelink i {
        font-size: 40px;
    }

    .videowrapper {
        position: relative;
        padding-bottom: 19%;
        height: 0px;
        width: 100px;
        margin: 0px auto;
    }

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

    #mobilevideo {
        width: 75%;
        height: auto;
        margin-top: 0px;
    }

    #mobilevideo {
        position: absolute;
        top: 90px;
        left: 0px;
        width: 100%;
        height: auto;
    }

    #formboxcontact, #formboxnms {
        width: 90%;
    }

    .bullits {
        bottom: 0px;
    }

    #fullpagedivimg img.fulldiv {
        height: 100%;
        width: auto;
    }

    .bg {
        height: 275px;
    }

    .iframebox {
        padding-bottom: 275px;
    }

    #mainspacer {
        height: 120px;
    }

    .news-detail-page .textblock, .news-detail-page .textblockquote {
        height: auto;
    }

    .CGBlogSummaryLink {
        margin-bottom: 10px;
    }

    footer a.morelink.nomargin {
        margin-bottom: 0px;
    }

    #maps a.morelink:link, #maps a.morelink:visited {
        width: auto;
    }

    #zigzag.portfolio-detail-page .textblock, #zigzag.portfolio-detail-page .textblockquote {
        height: auto;
    }

    iframe.joe {
        height: auto;
        left: 0px;
        width: 100%;
        position: relative;
        top: 0px;
    }

    .project a.morelink:link, .project a.morelink:visited {
        width: 100%;
    }

    #zigzag.black {
        background: none;
    }

    .news-detail-page.black h2.wide {
        display: block;
        text-align: left !important;
        margin-bottom: 20px !important;
        line-height: normal !important;
    }

    .owl-carousel.owl-loaded.mob {
        display: block;
    }

    #fullpagedivimg.half {
        height: 40%;
    }

    .black .container.white {
        padding: 0px;
    }

    #newsslider h2.mob {
        display: table;
    }

    #newsslider h2.mob span {
        display: table-cell;
        height: 40px;
    }

    .black #newsslider .owl-controls {
        margin-top: 0px;
    }

    #filters {
        margin: -30px -15px 0px;
        padding: 15px 30px;
        text-align: center;
    }

    #newsitems2017 .container {
        padding: 15px;
    }

    #newsitems.beursitems {
        margin-top: 15px;
    }

    .ui-group {
        width: 150px;
        display: block;
        margin-bottom: 7px;
        margin-left: 50%;
        left: -75px;
        margin-right: 0px;
        background-position: 95% 6px;
    }

    .ui-group:last-child {
        margin-bottom: 0px;
    }

    .ui-group h3 {
        line-height: 15px;
    }

    .beursitems .newsitem2017 {
        padding: 0px;
        margin-bottom: 15px;
    }

    .beursitems .image2017 {
        float: none;
        width: 100%;
        height: 175px;
        overflow: hidden;
    }

    .beursitems .newsinfo2017 {
        padding: 15px;
    }

    .beursitems .summary {
        display: none;
    }

    .beursitems .newsinfo2017 .readmore {
        position: relative;
        bottom: 0px;
        right: 0px;
        width: auto !important;
        font-size: 16px !important;
        background-position: right 9px top 18px !important;
    }

    .beursitems .newsinfo2017 .share {
        bottom: 0px;
        left: 0px;
        width: 145px;
        position: relative !important;
    }

    .beursitems .newsinfo2017 a.title:link, .beursitems a.title:visited {
        margin-bottom: 9px;
    }

    a.cta1:link, a.cta1:visited, a.cta2:link, a.cta2:visited {
        bottom: 10px;
        font-size: 14px;
        width: 130px;
        left: auto;
        line-height: 26px;
    }

    .cta1 {
        margin-left: 0px;
        left: 15px !important;
    }

    .cta2 {
        margin-left: 0px;
        left: auto;
        right: 15px;
    }

    a.bottomlink:link, a.bottomlink:visited {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #titleonimg h1 {
        font-size: 64px;
    }
}

#fullpagediv {
    background: none;
}