/*
* Theme name: Nikhef by Dutchwebdesign
*/
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 0;
}

a img.alignnone {
    margin:0;
}

.logos a img.alignnone {
    margin: 5px 0px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #f0f0f0;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
    color: rgba(0,0,0,0.5) !important;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* Theme */

BODY {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
A { text-decoration: none; outline: none; }
A:HOVER { text-decoration: underline; }

IMG { border: none; }
LABEL { cursor: pointer; }
INPUT, TEXTAREA { outline: none; font-family: "Roboto Mono", Arial, Helvetica, sans-serif; }
BUTTON SPAN {display: none;}
TEXTAREA {resize: none;}
IFRAME {
    margin: 0;
    border: none;
}
TABLE {
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
section, article, header, footer {display:block;}
H1, H2, H3, H4, H5, H6, P, FIELDSET, FORM, UL, OL, LI, DL, DT, DD {
    padding: 0;
    margin: 0;
}
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A {
    text-decoration: none !important;
}
#content H1, #content H2, #content H3, #content H4, #content H5, #content H6 {
    margin: 0 0 15px;
}
.page #content .main-content H1,
.page #content .main-content H2,
.page #content .main-content H3,
.page #content .main-content H4,
.page #content .main-content H5,
.page #content .main-content H6{
    clear: both;
}

.page #content .main-content H1:first-of-type,
.page #content .main-content H2:first-of-type,
.page #content .main-content H3:first-of-type,
.page #content .main-content H4:first-of-type,
.page #content .main-content H5:first-of-type,
.page #content .main-content H6:first-of-type{
    clear: initial;
}
#content P, #content UL, #content OL {
    margin-bottom: 15px;
}

#content OL li, #content UL li {
    padding: 5px 0 10px 0;
    color: rgba(0,0,0,0.8);
    line-height: 1.6em;
}
#content P {line-height: 1.7em; color: rgba(0,0,0,.8); font-weight: 100;}
#content UL, #content OL {margin-left: 15px;}
#content A {color: #702577; border-bottom: 1px solid #702577;}

#content A:hover {
    color: #702577;
    border-bottom: 1px solid transparent;
    text-decoration: none;
}

#content a[data-lightbox="lightbox"] {
    border-bottom: 0;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
#page {
    min-width: 220px;
    overflow: hidden;
}
#slider .owl-controls {
    position:absolute;
    width: 100%;
    top: 84px;
}
#slider-placeholder{
    /*opacity: 0.6;*/
}
.owl-dotswrap {
    display: block;
    margin: auto;
    max-width: 1360px;
    min-width: 220px;
    position: relative;
    text-align: left;
}
.owl-dots {
    display: block;
    margin: auto;
    text-align: left;
    max-width: 1360px;
    min-width: 220px;
}
.area {
    margin: auto;
    text-align: left;
    max-width: 1360px;
    min-width: 220px;
}
/*  Header  */
#header {
    font-weight: bold;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 17px;
    min-height: 99px;
    color: #fff;
    background: url("public/images/bg/line.gif") repeat-x left bottom;
}
.logotype {
    position: relative;
    float: left;
    z-index: 7;
    margin: 25px 0 0 15px;
}
.logotype IMG{
    width: 130px;
}
#header #show-menu {
    position: absolute;
    right: 0;
    top: 42px;
    display: none;
}
#header .area {
    position: relative;
    z-index: 77;
    max-width: 1800px;
}
#header .bg, #header .bg-left {
    width: 351px;
    height: 95px;
    position: absolute;
    left: 0;
    top: 0;

}
#header .bg {
    background: url("public/images/bg/header-bg.jpg") no-repeat left top;
}
#header .bg-left {
    background: #fff;
    width: 1000px;
    left: -1000px;
}
#header .main-menu {
    margin: 40px 0 0 190px;
    float: left;
    position: relative;
    z-index: 7;
}
#header .main-menu UL {
    list-style: none;
}
#header .main-menu UL LI {
    display: inline;
    margin-right: 32px;
    float: left;
}
#header A {color: #fff;}
#header .main-menu UL LI A {
    border-bottom: 4px solid #000;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 5px;
}
#header .main-menu UL LI:hover > A, #header .main-menu UL LI.active A,
#header .main-menu UL LI.current-menu-item > A,
#header .main-menu UL LI.current_page_parent > A,  /*#header .main-menu UL LI.current-menu-parent > A,
*/#header .main-menu UL .current-page-ancestor > A {
    color: #DC2339 !important;
    border-color: #DC2339 !important;
}
#header .main-menu UL .current-page-ancestor + li + li + li + li + li + .current-menu-ancestor > A {
    border-color: #000 !important;
    color: #fff !important;
}
#header .main-menu .sub-menu{
    display: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#header .main-menu .current-menu-item .sub-menu, #header .main-menu .current-page-ancestor .sub-menu, #header .main-menu .sub-menu{
    position: absolute;
    left: -52px !important;
    top: 59px !important;
    display: none !important;
    padding: 22px 20px 17px !important;
}
#header .main-menu .current-menu-item .sub-menu, #header .main-menu .current-page-ancestor .sub-menu,  #header .main-menu .current-menu-parent .sub-menu, .single-program #header .main-menu .menu-item-459 .sub-menu, .term-deeltjesfysica #header .main-menu .menu-item-459 .sub-menu, .term-astrodeeltjesfysica #header .main-menu .menu-item-459 .sub-menu, .term-ander-onderzoek #header .main-menu .menu-item-459 .sub-menu {
    display: block !important;
}
#header .search {
    background-color: #343434;
    width: 130px;
    float: right;
    margin: 32px 0 0 15px;
}
#header .search INPUT {
    border: none;
    background: none;
    font-size: 17px;
    color: #6a6a6a;
    float: left;
    width: 82px;
    line-height: 130%;
    margin: 4px 0 0 10px;
}
#header .search BUTTON {
    float: right;
    width: 33px;
    height: 33px;
    border: none;
    cursor: pointer;
    background: url("public/images/icons/search.gif") no-repeat left center;
}
#header .lang {
    float: right;
    position: relative;
    margin: 34px 20px 0 35px;
}
#header .lang A {text-decoration: none; padding: 5px 10px; display: inline-block;}

#header .lang A.active, #header .lang A:hover {
    color: #000;
    background-color: #fff;
}
#header .lang:hover .hidden {display: block;}
/*  Content  */
.white-bg {background: #fff;}
/*  Slideshow  */
.rslides, .footer-slider {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 !important;
}
.rslides LI {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides LI:first-child {
    position: relative;
    display: block;
    float: left;
    padding: 0 !important;
}
.rslides IMG {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.rslides .area {position: relative;}
.rslides .text-box {
    position: absolute;
    right: 0;
    top: 105px;
    width: 378px;
    padding: 30px;
    color: #fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    background: #702577 !important;
}

    .rslides .text-box:after {
        position: absolute;
        content: '';
        display: block;
        background: #702577;
        height: 200px;
        width: 100%;
        left: 0;
        transform: skewY(20deg);
        -ms-transform: skewY(20deg);
        -webkit-transform: skewY(20deg);
        margin-top: -50px;
    }

.rslides .text-box .btn {
    background-color: #fff !important;
    color: #702577 !important;
    float: right;
    position: relative;
    z-index: 10;
}

.rslides .text-box .btn img {
 height: 12px;
 display: inline-block;
 width: auto;
 float: none;
}

#content .rslides .bg {
    display: none;
}
#content .rslides H2 {
    font-size: 48px;
    font-weight: normal;
    font-family: "Roboto Mono", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    font-weight: 300;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.1em;
}
#content .rslides H3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

#content .rslides p {
    color: #fff;
    position: relative;
    z-index: 10;
}

.area.pager {position: relative;}
#content .rslides P {
    margin-bottom: 25px;
}
.slideshow {position: relative; overflow: hidden;}
.slideshow  .corner {
    position: absolute;
    left: -386px;
    bottom: 0;
    width: 780px;
    height: 252px;
    z-index: 7;
    background: url("public/images/bg/corner.png") no-repeat right center;
}
.slideshow  .arrow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 7;
    text-align: center;
    line-height: 0px;
    font-size: 1px;
}
#content .owl-dots {
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
}
.owl-dots {
    display: inline-block;
}
.owl-dots .owl-dot {
    background-color: #fff;
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    text-indent: -10000px;
    width: 27px;
}

.center-menu {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    top: 84px;
    z-index: 77;
}
#content .btn {
    display: inline-block;
    padding: 12px 40px;
    background-color: #702577;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Roboto Mono", Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
}
.owl-dots .owl-dot.blue:hover,
.owl-dots .owl-dot.blue.active {
    background-color: #1ca2cf;
}
.owl-dots .owl-dot.orange:hover,
.owl-dots .owl-dot.orange.active {
    background-color: #fd9800;
}
.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active {
    background-color: #a9d423;
}

.owl-dots .owl-dot.red:hover,
.owl-dots .owl-dot.red.active {
    background-color: #de243b;
}

.owl-dots .owl-dot.pink:hover,
.owl-dots .owl-dot.pink.active {
    background-color: #c24c88;
}

.owl-dots .owl-dot.purple:hover,
.owl-dots .owl-dot.purple.active {
    background-color: #906;
}

/*  Footer  */
#footer {
    color: #fff;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    padding: 50px 0;
    overflow: hidden;
}

#footer .footer-column {
    width: 33%;
    float: left;
}

#footer p {
    line-height: 1.6em;
}

#footer h3 {
    font-family: "Roboto Mono", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 26px;
    text-transform: uppercase;;
}

#footer ul {
    list-style: none;
    margin: 0;
}

#footer ul li {
    padding: 5px 0;
}

#footer ul li a {
    transition: all .2s ease-in-out;
}

#footer ul li a:hover {
    color: #e3d88b;
}

#footer ul li a:before {
    content: '';
    width: 14px;
    height: 13px;
    background: url(public/images/icons/arrow.svg);
    background-size: 100%;
    display: inline-block;
    margin: 0 10px 0 0;
}


#footer .btn {
    display: inline-block;
    background: #FFF;
    color: #702577;
    font-family: "Roboto Mono", sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 10px 15px;
    transition: all .2s ease-in-out;
}

#footer .btn:hover {
    background: #e3d88b;
}

#footer .btn img {
    height: 12px;
}

#footer A {color: #fff;}
#footer .social {
    float: right;
    margin-top: 40px;
}
#footer .social UL {
    list-style: none;
}
#footer .social UL LI {
    display: inline;
    margin-left: 30px;
}
#footer .bottom .design {
    float: right;
}
#footer .bottom A {
    color: #6b6b6b;
}
#footer .bottom UL {
    list-style: none;
    display: inline-block;
    line-height: 100%;
}
#footer .bottom SPAN {margin-right: 5px;}
#footer .bottom UL LI {
    display: inline-block;
    padding: 0 5px 0 7px;
    border-left: 1px solid #545454;
}
#footer .center {
    position: relative;
    padding: 30px 0;
    margin-top: 35px;
    border-top: 1px solid #393939;
}
#footer .center .bg {
    position: absolute;
    right: 0;
    top: -8px;
    width: 69px;
    /*background: url("public/images/bg/border.gif") no-repeat left center;*/
    height: 45px;
    transform: rotate(-10deg);
}
#footer .center UL {
    list-style: none;
}
#footer .center UL LI {
    display: inline;
}
#footer .center .logos {float: left;}
#footer .center .logos UL LI {margin-right: 20px;}
#footer .column {
    float: left;
    width: 44%;
    margin-right: 4%;
    padding-top: 40px;
}
#footer .column A {color: #1ca2cf;}
#footer H3 {
    margin-bottom: 20px;
}
#footer .column P {
    line-height: 220%;
}
#footer .column .col {
    float: left;
    width: 50%;
}
.sidebar {
    float: left;
    width: 392px;
    padding: 0 40px;
    position: relative;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    z-index: 77;
}
#content .single-medewerker .area#on-bottom {
    padding: 15px 48px;
}
#content .area#on-bottom {
    max-width: 100%;
    overflow: hidden;
    margin-bottom: -22px;
}
.sidebar {background-color: #f3f3f3;}
.sidebar .left-bg, #content .vacatures .left-bg {
    position: absolute;
    left: -1000px;
    width: 1000px;
    background-color: #f3f3f3;
}
.sidebar .left-bg {
    height: 5000px;
}
.main-content {
    margin-left: 392px;
    padding-left: 75px;
    padding-right: 75px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#content .col{
    float: left;
    width: 47%;
    margin-left: 5%;
    padding-top: 20px;
}
#content .col:nth-child(2n+0){
    margin-left: 0;
    clear: both;
}
#content .news UL, #content .doelgroepen UL {
    margin: 0;
    list-style: none;
}
#content .news UL LI, #content .doelgroepen UL LI {margin-bottom: 50px;}
.home #content .news UL LI, .home #content .doelgroepen UL LI {margin-bottom: 100px;}
#content .news IMG, #content .doelgroepen IMG {display: block; width: 100%;}
#content .main-content > H2, #content .sidebar H2, #content .vacatures H2, #content .team H2, #content .column H2, #content.actual .news H2,
#content .main-content .events H2, #content .main-content .indent-box H2 {
    font-size: 33px;
    font-weight: 300;
    color: #e2001a;
    padding: 3px 0 3px 35px;
    background: url("public/images/icons/arrow-red.gif") no-repeat left 15px;
}
#content .news STRONG,
#content .events STRONG,
#content .post STRONG,
#content .doelgroepen STRONG,
#content .program STRONG,
#content .employee STRONG{
    font-size: 17px;
    font-weight: 700;
    display: block;
    padding: 25px 0;
    position: relative;
    z-index: 77;
}
#content .news A,
#content .doelgroepen A,
#content .post A,
#content .program A,
#content .employee A,
#content.actual .news .pic A {
    color: #000;
    display: block;
    position: relative;
    overflow: hidden;
}
#content .news A SPAN,
#content .doelgroepen A SPAN,
#content .post A SPAN,
#content .program A SPAN,
#content .employee A SPAN,
#content.actual .news .pic SPAN,
#content .sidebar .programs .post A SPAN {
    position: relative;
    margin-top: -42px;
    height: 42px;
    width: 100%;
    display: block;
    background: url("public/images/bg/picture-bg.png") no-repeat left top;
}
#content.actual .news .pic SPAN {
    background-image: url("public/images/bg/picture-bg-2.gif");
    height: 21px;
    margin-top: -21px;
}
#content .news P,
#content .post P,
#content .program P,
#content .employee P,
#content .doelgroepen P {
    font-size: 17px;
}

#content .doelgroepen LI{
    float: left;
    width: 340px;
}

#content .doelgroepen > DIV{
    min-height: 550px;
}
#content .doelgroepen H2{
    padding: 0;
}
#content .sidebar H2, #content .column H2, #content.actual .news H2 {
    font-size: 30px;
    color: #906;
    background-image: url("public/images/icons/arrow-purple.gif");
}

.post-type-archive-events #content.actual .news H2, .home #content .events H2 {
    color: #9c0;
    border-color: #9c0;
    background-image: url("public/images/icons/arrow-green.gif");
}
#content.actual .news.blog H2 {
    color: #1ca2cf;
    border-color: #1ca2cf;
    background-image: url("public/images/icons/arrow-blue.gif");
}
#content .main-content > H2, #content .line, #content .column H2, #content.actual .news H2, #content .faq H1,
#content .main-content .events H2, #content .main-content .indent-box H2, #content .news_article_img {
    padding-bottom: 13px;
    position: relative;
    border-bottom: 5px solid #dc2339;
}
#content .line {
    float: left;
    width: 100%;
    margin: 50px 0;
}
#content .main-content H2 SPAN, #content .line SPAN, #content .column H2 SPAN, #content.actual .news H2 SPAN {
    position: absolute;
    right: 0;
    bottom: -44px;
    width: 41px;
    height: 44px;
    display: none;
    background: url("public/images/bg/red-border.gif") no-repeat left top;
}
#content.actual .news.blog H2 SPAN {
    background: url("public/images/bg/blue-border.gif") no-repeat left top;
}
.post-type-archive-events #content.actual .news H2 SPAN {
    background: url("public/images/bg/green-border.gif") no-repeat left top;
}
.indent-box {
    background-color: #f39d1c;
    margin: 75px -300px 60px -75px;
    padding: 0 300px 20px 75px;
    position: relative;
    float: left;
    width: 100%;
}
#content .main-content .indent-box H2 {
    color: #fff;
    border-color: #fff;
    margin-top: 0;
    padding-top: 50px;
    background-image: url("public/images/icons/arrow-white.gif");
    background-position: 0 60px;
}
#content .main-content .indent-box H2 SPAN {background-image: url("public/images/bg/white-border.gif");}
#content .cols {position: relative; width: 100%; float: left;}
#content .cols .corner {
    position: absolute;
    right: 10px;
    top: 25px;
    width: 28px;
    height: 28px;
    display: none;
    background: url("public/images/bg/pict-corner.png") no-repeat left top;
}
#content .cols UL, #content .indent-box .cols UL > LI {
    list-style: none;
    margin: 0;
    font-size: 17px;
    color: #fff;
}
#content .cols {padding-top: 25px;}
#content .cols H3,
#content .cols UL > LI{
    font-size: 19px;
    color: #fff;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    list-style: none;
}
#content .cols .page_item_has_children > A {
    font-weight: bold;
}
#content .cols .page_item_has_children > UL {
    margin: 15px 0 0;
}
#content .cols UL A {
    color: #fff;
}
#content .cols UL LI {margin-bottom: 5px;}
#content .cols .item {
    width: 93%;
    padding-bottom: 45px;
}
#content .cols .item IMG {width: 100%; margin-bottom: 20px;}
#content .events {
    float: left;
    width: 100%;
}
#content .events H2, #content .white .column + .column H2 {
    color: #9c0;
    border-color: #9c0;
    margin-bottom: 40px;
    background-image: url("public/images/icons/arrow-green.gif");
}
#content .main-content .events H2 SPAN {background-image: url("public/images/bg/green-border.gif");}
#content .events .item A {
    font-size: 18px;
    font-weight: 700;
    display: block;
    color: #000;
    position: relative;
}
#content .events .item STRONG {
    display: block;
    margin: 15px 0 10px;
}
#content .events .item SPAN, #content .white .column + .column A STRONG {
    position: absolute;
    left: 0;
    top: 0;
    width: 67px;
    height: 100px;
    text-align: center;
    line-height: 170%;
    color: #fff;
    font-size: 16px;
    background: url("public/images/bg/date-bg.png") no-repeat left top;
    z-index: 1;
}
#content .events .item SPAN EM, #content .white .column + .column A STRONG EM {
    display: block;
    font-size: 30px;
    padding-top: 13px;
    font-style: normal;
}
#content .events .item {width: 93%;}
#content .events .item IMG {width: 100%;}
#carousel4 .owl-dots {
    position: absolute;
    left: 0;
    top: -35px;
    z-index: 7;
    width: 100%;
    text-align: center;
    margin: auto;
}
#carousel4 .owl-dot {
    display: inline-block;
    width: 27px;
    height: 5px;
    margin-right: 11px;
    background-color: #cee785;
}
#carousel4 .owl-dot:hover, #carousel4 .owl-dot.active {
    background-color: #a6d221;
}
#content .vacatures {
    background-color: #000;
    color: #fff;
    min-height: inherit !important;
    height: auto !important;
    position: relative;
    z-index: 7;
    margin-right: -40px;
    padding-right: 40px;
}
#content .vacatures A {color: #fff;}
#content .vacatures H2 {
    color: #1ca2cf;
    background-image: url("public/images/icons/arrow-blue.gif");
}
#content .vacatures UL {
    font-size: 17px;
    font-weight: 300;
    list-style: none;
    margin: 0;
}
#content .vacatures UL H3 {
    font-size: 19px;
    line-height: 150%;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .vacatures UL LI {
    padding: 35px 0;
    border-bottom: 1px solid #4b4b4b;
}
#content .vacatures UL LI:first-child {padding-top: 0;}
#content .vacatures .left-bg {background-color: #000; top: -235px; padding-bottom: 1px;}
#content .vacatures .top-bg {
    position: absolute;
    right: 0;
    top: -237px;
    width: 466px;
    height: 237px;
    background: url("public/images/bg/black-bg.gif") no-repeat left top;
}
#content .vacatures .bottom-bg {
    width: 100%;
    height: 70px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: -70px;
}
.picture-box {
    margin-left: -75px;
    color: #fff;
    position: relative;

    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: -60px;
}
.home .picture-box {margin-top: 60px; height: auto;}
.info-box {margin-right: -155px; position: relative;}
.home .news {padding-bottom: 217px;}
.picture-box IMG {
    width: auto;
    height: 711px;
    display: block;
}
.home .picture-box IMG {
    width: 100%;
    height: auto;
}
#content .picture-box H2 {
    position: absolute;
    left: 75px;
    top: 60px;
    font-size: 33px;
    color: #fff;
    border: none;
    font-weight: 300;
    background: url("public/images/icons/arrow-white-small.png") no-repeat left center;
    padding: 3px 0 3px 40px;
}
#content .picture-box H3 {
    position: absolute;
    left: 75px;
    bottom: 60px;
    line-height: 130%;
    width: 580px;
    font-size: 48px;
    font-weight: 700;

}
#content .picture-box H3 A, #content .picture-box H2 A {color: #fff;}
.info-box .date {
    border-bottom: 1px solid #828282;
    padding: 15px 0;
    margin-bottom: 20px;
    color: #636363;
}
.txt {
    background: #fff;
    float: right;
    width: 58%;
    position: relative;
    top: 0;
    min-height: 239px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    z-index: 7;
    margin-right: 262px;
}
#content .txt H3 {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 26px;
    padding: 75px 0 20px 145px;
    background: url("public/images/pictures/Proton.png") no-repeat left 35px;
    background-size: 130px;
}
.txt .right-bg {
    position: absolute;
    right: -1000px;
    top: 0;
    width: 1000px;
    background-color: #fff;
}
.txt .left-bg {
    position: absolute;
    left: -459px;
    top: 0;
    width: 459px;
    height: 238px;
    background: url("public/images/bg/white-corner.png") no-repeat right top;
}
.large-picture {position: relative; margin-top: -239px; margin-bottom: -22px; float: left; width: 100%;}
.large-picture IMG {
    display: block;
    width: 100%;
}
.center-box {
    position: absolute;
    left: 0;
    top: 210px;
    color: #fff;
    width: 100%;
}
#content .center-box H2 {
    font-size: 36px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 170%;
}
#content .center-box H2 SPAN {
    display: block;
    color: #09c;
    padding-left: 30px;
    background: url("public/images/icons/arrow-blue-small.png") no-repeat left center;
}
.team {
    padding: 50px 0 0;
    overflow: hidden;
}
.home .team {background-color: #f3f3f3;}
#content .team H2 {
    margin: 0 0 30px;
    background-image: url("public/images/icons/arrow-orange.gif");
    color: #f90;
}
#content .team UL {
    list-style: none;
    margin: 0;
}

.home #content .team UL{
    width: 100%;
}
#content .team UL > LI{
    width: 100%;
}
#content .team.employee UL > LI{
    width: 20%;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    vertical-align: top;
    overflow: hidden;
}

#content .team.employee UL > LI A {
    position: absolute;
    top: 0;
    display: block;
    clear: both;
    width: 100%;
    height: 100%;
}

#content .team.employee UL > LI IMG {
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);

    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    
    margin: -35px 0;
}
#content .team.employee UL > LI:hover IMG {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}
#content .team UL LI LI, #content .team .item, .home #content .team UL > LI{
    float: left;
    position: relative;
    width: 16.6%;
    border-bottom: 4px solid #1da2cf;
}

.single-program #content .team .item,
.home #content .team .item{
    width: initial;
    line-height: 0;
}
.home #content .team .item {width: 100%;}
/*.home #content .team .owl-item[style] {
    width: initial !important;
}*/
.home .owl-carousel .owl-wrapper-outer {width: 100% !important;}
.single-program #content .team #carousel4,
.home #content .team #carousel4{
    width: 100% !important;
}

/*.home #content .team UL > LI{
    width: inherit;
}*/
#content .team.detail UL LI LI {
    width: inherit;
    border: 0;
}
#content .team.detail UL LI, #content .team .item{
    clear: both;
}
#content .team #carousel4 {
    width: 928px !important;
}
#content .team.overview UL LI A, #content .team.overview .item A {
    line-height: 0px;
    font-size: 1px;
    display: block;
}
#content .team UL LI .info, #content .team .item .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px 25px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    display: none;
}
#content .team .info {
    display: block !important;
    position: relative !important;
    bottom: auto !important;
    top: 0;
    min-height: 144px;
}
#content .team .info H4 {
    line-height: 130%;
}
#content .team UL LI, #content .team UL LI .info, #content .team .item .info{background-color: #1ca2cf;}
#content .team UL LI.red, #content .team UL LI.red .info, #content .team .item.red .info {background-color: #de243b;}
#content .team UL LI.orange, #content .team UL LI.orange .info, #content .team .item.orange .info {background-color: #fd9800;}
#content .team UL LI.green, #content .team UL LI.green .info, #content .team .item.green .info {background-color: #a9d423;}
#content .team UL LI.pink, #content .team UL LI.pink .info, #content .team .item.pink .info {background-color: #c24c88;}
#content .team UL LI.black, #content .team UL LI.black .info, #content .team .item.black .info {background-color: #000;}
#content .team UL LI.red, #content .team .item.red {border-color: #de243b;}
#content .team UL LI.orange, #content .team .item.orange {border-color: #fd9800;}
#content .team UL LI.green, #content .team .item.green {border-color: #a9d423;}
#content .team UL LI.pink, #content .team .item.pink {border-color: #c24c88;}
#content .team UL LI.black, #content .team .item.black {border-color: #000;}
#content .team UL LI .info H4, #content .team .item H4 {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 5px;
}
#content .team UL LI .info P, #content .team .item P {margin-bottom: 0;}
#content .more {
    float: right;
    color: #9c0;
    margin-top: 27px;
    font-size: 14px;
    margin-right: 40px;
    position: relative;
    z-index: 5;
}

.page.post-thumbnail .main-content, .main-content {padding-top: 11px; }
.page-template-default .main-content,
.page-template-page-vacatures .main-content,
.post-type-archive-wordlist .main-content {
    padding-top: 9px;
}
.owl-carousel .owl-wrapper-outer {width: 99% !important;}
#content .sidebar .more {
    display: none;
    margin-top: 27px;
    color: #906;
    margin-right: 0;
}

.home #content .sidebar .more {
    display: block;
}
#content .info-box .text-box {
    float: left;
    width: 90%;
}
#content .menus,
#content .programs {
    padding: 35px 0;
}
#content .programs H3 {
    font-size: 30px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#content .menus UL,
#content .programs UL {
    font-size: 18px;
    list-style: none;
    margin: 0;
}
#content .menus UL A,
#content .programs UL A {
    color: #000;
    display: block;

}
#content .menus UL UL,
#content .programs UL UL {
    font-size: 16px;
    margin: 0 0 40px;
}
#content .programs > UL > LI > A,
#content .menus > UL > LI > A,
#content .menus > UL LI:first-of-type A:first-of-type,
#content .sidebar UL H3 {
    border-bottom: 1px solid #242424;
    padding: 8px 0;
    font-weight: 700;
}
#content .programs UL UL A,
#content .menus UL UL A {
    padding: 3px 20px;
}
#content .programs UL UL A:hover,
#content .programs UL UL .active A,
#content .menus UL UL A:hover,
#content .menus UL UL .active A,
#content .sidebar UL .current_page_item > A,
.post-type-archive-program #content .programs UL UL .active A:hover {
    background-color: #fff;
    color: #e20018;
    text-decoration: none;
}
#content .menus > UL LI:first-of-type.current-menu-item A:first-of-type{
    background-color: transparent;
}
.post-type-archive-program #content .programs UL UL .active A {
    background: none;
    color: #000;
}

#content .menus UL UL LI:first-child A,
#content .programs UL UL LI:first-child A{
    padding-top: 10px;
}
#content .menus:first-child .facts {
    margin-top: 35px;
}
#content .facts {
    padding: 50px 40px 40px 40px;
    background-color: #906;
    color: #fff;
    margin: 0 -40px 60px;
}
#content .facts H3 {
    font-size: 22px;
    font-weight: normal;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .facts P {
    font-size: 14px;
    line-height: 200%;
}
#content .events .more {color: #9c0;}
#content .sidebar .events {
    padding-bottom: 30px;
}
#content .thumbs {
    width: 132px;
    position: absolute;
    right: 80px;
    top: -60px;
    line-height: 0px;
    font-size: 1px;
}
#content .thumbs UL {
    list-style: none;
    margin: 0;
}
#content .thumbs UL .active, #content .thumbs UL LI:hover {
    position: relative;
    left: -3px;
    border-left: 3px solid #99cc00;
}
#content .name {
    position: absolute;
    z-index: 7;
    left: -75px;
    top: -60px;
    padding: 85px 0;
    background-color: #99cc00;
    color: #fff;
    width: 394px;
    text-align: center;
}
#content .name H1 {
    font-size: 72px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .name P {
    font-size: 36px;
    margin: 0;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .main-content .team H2 {
    border: none;
}
#content .team #carousel4 .owl-dot {
    background-color: #ffd79c;
}
#content .team #carousel4 .owl-dot:hover, #content .team #carousel4 .owl-dot.active {background-color: #f90;}
#content .text-area P {
    font-size: 18px;
}
#content .text-area {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#content .text-area H3 {
    font-size: 30px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#content .text-area > EM {
    position: relative;
    line-height: 220%;
    top: 100px;
}
#content .alignleft {
    float: left;
    margin: 20px 30px 20px 0;
}
#content .alignright {
    float: right;
    margin: 20px 0 20px 30px;
}
#content .tabs UL {
    list-style: none;
    margin: 0;
}
#content .tabs UL LI {
    display: inline-block;
    margin-right: -4px;
    border: 1px solid #fff;
    border-bottom: none;
    width: 27%;
    text-align: center;
    float: left;
}
#content .tabs UL LI:first-child {width: 17%;}
#content .tabs UL LI A {
    display: block;
    padding: 20px 0;
    color: #000;
    background-color: #e2e2e2;
    border-top: 9px solid #fff;
}
#content .tabs UL LI:hover, #content .tabs UL LI.active {
    border-color: #e3e3e3;
}
#content .tabs UL LI:hover A, #content .tabs UL LI.active A {
    color: #e2001a;
    background-color: #fff;
    text-decoration: none;
}
#content .tab-area H4 {
    font-size: 17px;
}
#content .tab-area P {
    margin-bottom: 30px;
}
#content .video-box {margin-bottom: 30px;}
#content .video-box * {
    width: 100%;
}
.main-content .team {padding: 20px 0;}
.single-program .main-content .team{
    float: left;
    width: 100%
}
.tab {position: relative; float: left; width: 100%;}
.tab-area {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 30px 0;
}
#over_nikhef_txt {
    width: 96%;
}
.picture_overlay {
    position: absolute;
    width: initial !important;
}
#orange_picture_overlay {
    right: 32px;
}
#white_picture_overlay {
    right: 0px;
}
.white-bg-full-width {background: #fff url("public/images/bg/side-bg.gif") left top;}
.main-content-full-width {
    padding-top: 37px;
    padding-left: 75px;
    padding-right: 75px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#content .main-content-full-width H2 {
    font-size: 33px;
    font-weight: 300;
    color: #fe9f10;
    padding: 3px 0 3px 35px;
    background: url("public/images/icons/arrow-orange.gif") no-repeat left 15px;
}
#content .main-content-full-width #over_nikhef_txt {
    width: 53%;
}
#content .main-content-full-width #menu_bar {
    margin-left: -75px;
    padding-top: 20.5px;
    padding-right: 150px;
    padding-bottom: 20.5px;
    background-color: #C7C7C7;
    width: 100%;
}
#content .main-content-full-width #menu_bar select {
    padding-top: 13px;
    padding-left: 10px;
    padding-bottom: 10px;
    outline: 0;
    width: 240px;
}
#content .main-content-full-width #menu_bar #search_button {
    position: relative;
    top: 6px;
    left: -43px;
    background: #FFF;
    border: none;
}
#content .main-content-full-width #menu_bar #search_button:hover {
    cursor: pointer;
}
#content .main-content-full-width #menu_bar input {
    padding: 9.5px 40px 9.5px 10px;
    width: 50%;
    border: none;
    font-style: italic;
    font-size: 16px;
}
#search_icon {
    height: 25px;
    width: 25px;
}
#content .main-content-full-width #menu_bar select:first-child {
    margin-left: 75px;
}
#content .main-content-full-width #menu_bar select,
#content .main-content-full-width #menu_bar input {
    margin-left: 22px;
}
#content .main-content-full-width #menu_bar #right_side_menu_bar {
    float: right;
    margin-right: -139px;
    margin-top: -40px;
}

/*Temp*/
#content .main-content-full-width #menu_bar select,
#content .main-content-full-width #menu_bar #right_side_menu_bar{
    /*display: none;*/
}

#content .main-content-full-width .team {
    margin-left: -75px;
    padding: 0;
    width: 100%;
}
.post-type-archive-employee .main-content-full-width{
    margin: 0;
    padding: 0;
}
#content .main-content-full-width .team.employee {
    margin-left: 0;
}

#content .main-content-full-width .team.employee P {
    margin-top: 20px;
}

#sidebar-nieuws-detail {
    float: right;
}
.news-detail-left {
    float: left;
    width: 226px;
    background-color: #1CA0D0;
    padding-top: 69px;
}
.single-events .news-detail-left {
    background-color: #99CC01;
}
.single-news .news-detail-left {
    background-color: #c14b8c;
}
.news-detail-date {
    margin: 0 auto;
    background: url("public/images/bg/news-detail-date.png") no-repeat;
    width: 120px;
    height: 165px;
    position: relative;
}
.single-post .news-detail-date,
.single-news .news-detail-date {
    margin: 0 auto;
    margin-lefT: 50px;
    background: #53b6d8;
    width: 185px;
    height: 95px;
}
.single-news .news-detail-date {
    background: #d166a1;
}
.news-detail-date-content {
    font-weight: bold;
    text-align: center;
    font-size: 27px;
}
.news-detail-date span:first-child {
    position: relative;
    bottom: -6px;
    font-size: 54px;
}
.single-news .news-detail-date span:first-child,
.single-post .news-detail-date span:first-child {
    position: relative;
    top: 25px;
    bottom: 0px;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
}
#main-content-news-detail {
    margin-left: 335px;
    padding-right: 466px;
}
#main-content-news-detail h2 {
    background: none !important;
    border-bottom: 5px solid #1CA0D0 !important;
}
.single-events #main-content-news-detail h2 {
    border-bottom: 5px solid #99CC01 !important;
}

.single-news #main-content-news-detail h2 {
    border-bottom: 5px solid #C14B8C !important;
}
#main-content-news-detail h2 span {
    background: url("public/images/bg/green-border.gif") no-repeat left top !important;
}
.news_article_img {
    float: left;
    margin-top: 10px;
    width: 100%;
}
#news_detail_picture {
    width: 100%;
    height: auto;
}
.news_article_img .picture_overlay {
    float: right;
    position: relative;
    top: 26px;
}
#main-content-news-detail h1, #main-content-news-detail .news_detail_date, #main-content-news-detail .news_detail_bold_text, #main-content-news-detail .news_detail_text {
    position: relative;
    top: 20px;
}
#main-content-news-detail h1 {
    font-size: 36px;
    font-weight: bold;
}
#main-content-news-detail .news_detail_date {
    color: #949494;
}
#main-content-news-detail .news_detail_bold_text {
    font-weight: bold;
}
.related_news_items {
    float: left;
    margin-top: 68px;
    margin-bottom: 14px;
    font-weight: bold;
}
#sidebar-nieuws-detail {
    padding-bottom: 5.7%;
}
#sidebar-nieuws-detail DIV {
    clear: both;
}
#sidebar-nieuws-detail .events h2 {
    margin-bottom: 15px;
}
#sidebar-nieuws-detail .events {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 10px !important;
}
#sidebar-nieuws-detail .news {
    margin-top: 10px;
}
#white-bg-news-detail {background: #fff;}
.info-box .thumbs img {
    width: 100%;
    height: auto;
}
.home #content {
    padding-bottom: 0;
}
#content .boxes {
    background-color: #343434;
    padding-top: 45px;
}

.tax-programtype #content .boxes{
    padding-top: 0;
}
#content .boxes LI {
    color: #fff;
    list-style: none;
    width: 50%;
    float: left;
    text-align: center;
    padding-bottom: 30px;
    min-height: 900px;
}
#content .boxes LI > A {
    position: relative;
    display: block;
}
#content .boxes LI A STRONG {
    position: absolute;
    right: 0;
    top: 0;
    width: 254px;
    height: 133px;
    font-size: 14px;
    color: #fff;
    line-height: 170%;
    padding: 7px 20px 0 110px;
    text-align: right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    background: url("public/images/bg/corner-black.png") no-repeat 0 0;

    opacity: 1;
    z-index: 99;
}
#content .boxes UL {margin: 0;}
#content .boxes LI IMG {width: 100%; height: auto;}
#content .boxes LI.red {
    background-color: #e2001a;
}
#content .boxes LI.blue {
    background-color: #09c;
}
#content .boxes LI.orange {
    background-color: #f90;
}
#content .boxes LI.green {
    background-color: #9c0;
}
#content .boxes LI.purple {
    background-color: #906;
}
#content .boxes H2 {
    font-size: 48px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding-top: 30px;
    margin-bottom: 0;
}
#content .boxes H2 A {color: #fff;}
#content .boxes H3 {
    font-size: 24px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom: 10px;
}
#content .boxes H3 A {
    color: #fff;
}
#content .boxes P {
    width: 520px;
    margin: auto;
}
#content .boxes .news_overview_link IMG.overview-thumb{
    position: relative;
}
#content .boxes .news_overview_link IMG.overview-thumb.opacity{
    opacity: 0.8;
}
#content .boxes .news_overview_link .more{
    display:none;
}
#content .boxes .news_overview_link .more.hover{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    margin-top: -40px;
    width: 250px;

    font-size: 1.3em;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0px;

    display: block;
}
#content .column {
    float: left;
    width: 50%;
    padding: 45px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.white {
    background-color: #fff;
}
.white .column + .column {
    background-color: #f4f4f4;
}
#content .column H2 {
    border-color: #906;
}
#content .white .column H2 SPAN, #content.actual .news H2 SPAN {
    width: 38px;
    height: 21px;
    bottom: -21px;
    background: url("public/images/bg/purple-border.gif") no-repeat 0 0;
}
#content .white .column + .column H2 SPAN {

    background-image: url("public/images/bg/green-border2.gif");
}
#content .white .column .pic {
    float: left;
}
#content .white .column .text, #content.actual .news .text {
    margin-left: 335px;
}
#content .white .column .news LI {
    float: left;
    width: 100%;
    border-top: 1px solid #c7c7c7;
    padding: 35px 0;
    margin: 0;
}
#content .white .column .text H3, #content.actual .news LI STRONG {
    font-size: 17px;
    line-height: 180%;
}
#content .white .column .text SPAN {
    color: #949494;
}
#content .white .column .news UL LI:first-child {border: none; padding-bottom: 15px;}
#content .white .column .news UL LI:first-child .pic {
    float: none;
}
#content .white .column .news UL LI:first-child .text {
    margin-left: 0;
}
#content .white .column .news UL LI:first-child IMG {
    width: 100%;
}
#content .white .column .news UL LI:first-child A SPAN {
    display: none;
}
#content .white .column .news UL LI:first-child H3 {
    font-size: 24px;
    margin: 10px 0;
}
#content .white .column + .column H2 {
    margin-bottom: 15px;
}
#content .white .column + .column H3 {margin-bottom: 5px;}
#content .white .column + .column A STRONG {
    padding: 0;
}
#content .white .column + .column {
    min-height: 1550px;
}
#carousel, #carousel2 {width: 102%;}
#carousel2 .item H3 A{
    color: #fff;
}
.single .item IMG {width: 100%;}

#content #contact .main-content{
    margin-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
}
#content #contact #contactinfo, #content #contact #contactimage{
    float: left;
    width: 50%;
    padding-top: 130px;
    position: relative;
    z-index: 100;
    clear: both;
}

#content #contact #contactimage{
    padding-top: 0;
}

#content #contact #contactinfo{
    margin-left: 60px;
    width: 45%;
}

#content #contact #contactmap, #content #contact #contactform{
    float: right;
    width: 50%;
}


#content #contact #contactform .form{
    margin: 60px;
}

#content #contact #contactform .form .row, #content #contact #contactform .form INPUT, #content #contact #contactform .form TEXTAREA, #content #contact #contactform .form INPUT[type=submit]{
    height: 30px;
    margin: 10px 0;
}

#content #contact #contactform .form INPUT, #content #contact #contactform .form TEXTAREA{
    width: 250px;
    padding-left: 5px;
}

#content #contact #contactform .form TEXTAREA{
    height: 150px;
}

#content #contact #contactform .form LABEL, #content #contact #contactform .form INPUT, #content #contact #contactform .form TEXTAREA{
    display: block;
    vertical-align: top;

    float: left;

    border: 0;
}

#content #contact #contactform .form LABEL {
    clear: both;

}

#content #contact #contactform .form INPUT[type=submit]{
    background: #000;
    color: #fff;

    text-transform: uppercase;
}

/*Main2.css*/
#content .boxes LI{
    width: 25%;
    min-height: inherit;
    margin-top: 45px;
}
#content .boxes P {display: none;}
#content .boxes LI A STRONG {
    background: none;
    right: auto;
    left: 20px;
    width: auto;
    height: auto;
    text-align: left;
    top: -35px;
    padding: 0;
}
#content .boxes LI:first-child A STRONG {display: block;}
#content .locations .cols,
#content.actual .cols{
    background-color: #fff;
    padding: 30px;
}
#content .locations H3, #content .locations .cols H3, #content.actual .cols H3, #content .with-bg H3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #000;
}
#content .locations UL, #content.actual UL, #content .with-bg UL {
    list-style: none;
    margin: 0 0 0 -2%;
}
#content .locations .cols UL LI,
#content.actual .cols UL LI {
    float: left;
    margin-left: 2%;
    font-size: 18px;
    color: #000;
}

#content.actual .cols UL LI {
    min-height: 280px;
}

#content.actual .cols UL LI IMG {
    width: auto;
    height: 178px;
}

#content .locations .cols:first-of-type UL LI,
#content.actual .cols UL LI{
    width: 48%;
}
#content.actual .cols UL LI:nth-child(-n+2) .pic {
    width: 100%;
    float: none;
}
#content.actual .cols UL LI:nth-child(-n+2) .pic SPAN {
    background: url("public/images/bg/grey-corner.gif") no-repeat right 0;
    height: 18px;
}
#content.actual .cols UL LI:nth-child(-n+2) .text {
    margin-left: 0;
}
#content.actual .cols UL LI:nth-child(-n+2) .text STRONG {
    font-size: 24px;
    margin: 10px 0;
}
#content.actual .cols UL LI:nth-child(-n+2) IMG{
    width: 100%;
    height: auto;
}

#content.actual .cols UL LI:nth-child(odd) {
    clear: both;

}
#content .locations UL LI STRONG, #content .with-bg STRONG {
    display: block;
    font-weight: 600;
    margin: 20px 0 5px;
}
#content .locations UL LI IMG, #content .with-bg UL LI IMG {
    width: 100%;
    height: auto;
}
#content .with-bg A, #content .locations UL LI STRONG, #content .with-bg STRONG {
    color: #000;
}
#content .locations .cols:first-of-type li:nth-child(odd){
    display:block;
    clear: both;
}
#content .locations .cols li:nth-of-type(5n+1){
    clear: both;
}
#content .locations P, #content .with-bg P {
    font-size: 15px;
    line-height: 200%;
    color: #000;
}
#content .locations .cols.with-bg {
    background-color: #f3f3f3;
    padding: 30px;
}
#content .with-bg UL LI, #content .locations.small UL LI, #content .locations .cols UL LI {
    width: 18%;
}
.location-container {
    height: 240px;
    width: 100%;
    background-size: cover;
}
.top-bar {
    background-color: #f3f3f3;
    padding: 15px 48px;
}
#content .top-bar .back {
    background: #fff url("../images/icons/arrow-black.gif") no-repeat 20px 20px;
    color: #161616;
    display: inline-block;
    padding: 15px 22px 15px 40px;
    text-decoration: none;
}
.detail {
    background-color: #fff;
}
.side-col {
    float: right;
    width: 250px;
    background-color: #000;
    color: #fff;
    position: relative;
    padding: 60px 120px 60px 40px;
}
.info-col {
    margin-left: 50px;
    padding-top: 40px;
    margin-right: 421px;
}
#content .side-col H3 {
    font-size: 18px;
    color: #e2001a;
    font-weight: 700;
    padding: 5px 0 5px 30px;
    background: url("../images/icons/arrow-red2.gif") no-repeat 0 3px;
}
#content .side-col UL {
    margin: 0;
    list-style: none;
}
#content .side-col UL LI {margin-top: 40px;}
#content .side-col UL A {
    color: #fff;
}
#content .side-col H4 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
}
#content .side-col IMG {
    border-bottom: 3px solid #e2001a;
    margin-bottom: 15px;
}
#content .side-col LI:nth-child(even) IMG {
    border-color: #09c;
}
.info-col .top-info {padding-bottom: 35px;}
.info-col .top-info IMG {
    float: left;
    margin: 14px 60px 20px 0;
    width: 350px;
    height: auto;
}
.detail .area {
    max-width: 100%;
}
#content .info-col .top-info UL {
    list-style: none;
    margin: 0;
}
#content .info-col .top-info H1 {
    font-size: 48px;
    font-weight: 300;
    color: #e2001a;
    margin-bottom: 25px;
}
#content .info-col .top-info UL {margin-bottom: 30px;}
#content .info-col .top-info UL STRONG {
    display: inline-block;
    width: 150px;
    margin-right: 15px;
}
#content .info-col .top-info UL LI {margin-bottom: 14px;}
#content .info-col .top-info P {margin-right: 30px;}
.pics-area {
    background-color: #f3f3f3;
    margin: 0 -6% 0 -50px;
    padding: 40px 50px 10px;
}
#content .pics-area.no-bg {background: none;}
#content .pics-area H3 {
    font-size: 16px;
    margin-bottom: 30px;
}
#content .pics-area UL {
    list-style: none;
    margin: 0;
}
#content .pics-area UL LI {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
#content .pics-area H4 {
    font-size: 30px;
    padding-top: 20px;
    margin-bottom: 10px;
}
#content .pics-area H4 A, #content .pics-area H5 A {
    color: #000;
}
#content .pics-area H5 {font-size: 16px; margin-bottom: 10px;}
#content .pics-area P {font-size: 14px;}
#content .pics-area.no-bg P {
    font-size: 17px;
}
#content .pics-area.no-bg P SPAN {color: #949494;}
#content .pics-area A SPAN {
    position: relative;
    width: 100%;
    height: 27px;
    display: block;
    margin-top: -27px;
    background: url("../images/bg/picture-bg2.gif") no-repeat right 0;
}
#content .pics-area.no-bg LI {margin-bottom: 45px;}
#content .pics-area LI > A {display: block; float: left; margin-right: 30px;}
.bg-black {
    background-color: #000;
    width: 3000px;
    height: 3000px;
    position: absolute;
    left: 0;
    top: 0;
}
#footer {
    background: #702577;
}

#footer, .main-txt {position: relative; z-index: 77;}
.top-info, .pics-area {
    float: left;
    width: 100%;
}
#content .boxes-row H4 {
    font-size: 14px;
    padding: 15px 20px;
    color: #fff;
    margin-bottom: 0;
    font-family: "Century Gothic", Arial,Helvetica,sans-serif;
}
#content.actual .news H2 {
    border-color: #C14B8C;
    background-image: url("public/images/icons/arrow-purple.gif");
}
#content .news .cols {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#content.actual .news .pic {
    float: left;
    width: 310px;
    overflow: hidden;
}
#content.actual .news P {margin: 0;}
#content.actual .cols UL LI {
    border-bottom: 1px solid #c7c7c7;
    padding: 35px 0;
}
#content.actual .cols strong {padding: 0;}
#content.actual .news .text span {
    color: #949494;
}
#content #contact .contact-bg {
    margin-bottom: -26px;
}
.white#contact .wpcf7-submit {width: 258px !important; font-size: 18px; font-weight: bold; height: 35px !important;}
#contactform P strong {font-size: 18px;}
#content #contact #contactform .form LABEL {margin-top: 13px;}

.txt .left-bg {
    position: inherit;
    float: left;
    left: -62px;
    top: 0;
    background-position: 0 0;
    width: 473px;
}
#content .team.overview UL {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
#content .team.overview UL img {
    width: 270px;
    height: auto;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}
#content .team.overview .team-container{
    height: 370px;
    width: 100%;
    background-size: cover;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

#content .team.overview .team-container a{
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 1;
}
#content .team.detail UL img {
    width: 352px;
}
#content .team.detail .left {float: left;}
#content .team.detail .right {float: left; margin-left: 50px;}
#content .team.detail .right tr {height: 35px;}
#content .team.detail .right td strong {margin-right: 80px;}
#content .txt .title-area {background-color: #fff; margin-left: 411px; height: 239px;}
#content .txt .title-area H3 {/*width: 33%;*/}
#header .area {max-width: 100%;}
#header #show-menu {right: 20px;}
#content .txt H3 {padding-bottom: 55px;}
.large-picture {margin-top: -185px !important;}
.txt {margin: -20px 0 0; background: none; width: auto; margin-left: 392px; float: none;}
#header .main-menu {
    position: absolute;
    margin-left: 360px;
    /*padding-left: 360px;*/
}
/*#header .main-menu UL LI.current_page_item > A,
#header .main-menu UL LI.current-menu-item > A,
#header .main-menu UL LI.current-menu-parent > A {
    color: #6a6a6a;
    border-color: #6a6a6a;
}*/
#header .main-menu .sub-menu {
    display: none;
    position: absolute;
    width: 2300px;
    left: 0 !important;
    top: 29px;
    background-color: #000;
    padding: 27px 20px 22px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    margin-left: -360px;
}
#header .main-menu .current-menu-item .sub-menu, #header .main-menu .current-page-ancestor .sub-menu, #header .main-menu .sub-menu {
    left: 0 !important;
}
#header .area {z-index: 7777;}
.indent-content {padding-top: 68px;}
#content .tabs UL LI {width: 20%; }
.vacatures {height: auto !important;}
#content.actual .news .text H3 {
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 15px;
    font-size: 17px;
}
#content.actual .news .text H3 A {
    color: #000;
}
#content.actual .cols UL LI:nth-child(-n+2) {
    min-height: 732px;
}
#content.actual .news .cols UL LI:nth-child(-n+2) .text H3 {
    font-size: 26px;
    margin-top: 20px;
}
#content.actual .cols UL {margin-left: -8%;}
#content.actual .cols UL LI {margin-left: 8%; width: 42%;}
#content.actual .news .date P {
    display: inline;
}
#content.actual .date-area LABEL {
    font-size: 18px;
    width: 113px;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}
#content.actual .date-area INPUT {
    background-color: #eee;
    border: none;
    padding: 11px;
    width: 125px;
    float: left;
    height: 21px;
}
#content.actual .date-area {
    float: left;
    margin-right: 20px;
    padding: 22px 0 7px;
}
#content.actual .date-filter .btn{
    margin-top: 20px;
}
#content.actual UL .btn{
    width: 80px;
    margin-top: 20px;
}
#content.actual .date-area BUTTON {
    width: 45px;
    height: 43px;
    cursor: pointer;
    float: left;
    border: none;
    background: url("public/images/pictures/calendar.gif") no-repeat 0 0;
}
#content.actual .cols.with-bg {display: none;}

#content .white .column + .column H2 {
    margin-bottom: 15px;
}
#content .white .column + .column H3 {margin-bottom: 5px;}
#content .white .column + .column A STRONG {
    padding: 0;
}
#content .white .column + .column {
    min-height: 1550px;
}
#content > .menu {
    background-color: #d2d2d2;
    padding-top: 60px;
}
#content .menu UL, #content .side-menu UL {
    margin: 0;
    list-style: none;
    font-size: 17px;
    font-weight: bold;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .menu UL LI {
    display: inline-block;
    margin-right: 10px;
}
#content .menu UL LI A {
    display: block;
    padding: 16px 20px;
    color: #000;
}
#content .menu UL LI A:hover, #content .menu UL LI.active A {
    text-decoration: none;
    background-color: #fff;
}
.white-area {
    background-color: #fff;
    padding: 65px 0;
}
#content .side-menu {
    float: left;
    width: 350px;
}
#content .side-menu UL LI {margin-bottom: 10px;}
#content .side-menu UL A {
    display: inline-block;
    color: #000;
    padding: 23px 20px;
}
#content .side-menu UL A:hover, #content .side-menu UL .active A {
    background-color: #ff9900;
    color: #fff;
    text-decoration: none;
    width: 90%;
}
.main-column {
    margin-left: 380px;
}
#content .main-column H1 {
    font-size: 48px;
    margin-bottom: 30px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .main-column P {
    margin-bottom: 40px;
}
#content .main-column H4 {
    margin-bottom: 5px;
    font-size: 16px;
}
#content .main-column .img {
    width: 100%;
    margin-bottom: 40px;
}
#content .main-content .boxes {margin: -60px -75px 0;}
.tax-programtype #content .main-content .boxes {margin: 35px -75px 0;}
#content .main-content .boxes LI {
    width: 25%;
}
#content .main-content .boxes H4 {
    background-color: #151515;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    padding: 20px 30px;
    color: #fff;
    margin-bottom: 0;
    font-size: 18px;
}
#content .main-content .boxes H3 {
    font-size: 47px;
    margin-bottom: 0;
    padding-top: 30px;
}
#content .main-content .boxes P {
    width: auto;
    font-size: 23px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .main-content .boxes LI {
    min-height: 220px;
}
#content .main-content .boxes UL {margin-bottom: -2px;}
#content .main-content .boxes H4 + UL + H4 {background-color: #343434;}
.indent-content {
    padding-top: 70px;
}
.video-area H1 {
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: normal;
}
.video-area P {
    font-size: 18px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .videos {overflow: hidden;}
#content .videos UL {
    list-style: none;
    margin: -1px 0 0 -2%;
}
#content .videos H3 {
    font-size: 17px;
    margin-bottom: 20px;
    height: 63px;
}
#content .videos H4 {
    font-size: 15px;
}
#content .videos P {
    font-size: 15px;
}
#content .videos H3 A {
    color: #000;
}
#content .videos UL LI {
    display: inline-block;
    margin-right: -4px;
    width: 33%;
    padding: 50px 0 30px 2%;
    /*border-top: 1px solid #d2d2d2;*/
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    float: left;
}
#content .videos UL LI iframe {width: 100%; margin-bottom: 20px;}
#content.indent-content .line {margin-top: 0;}

#content .word-list .line {
    margin-top: 0;
    margin-bottom: 40px;
}
#content .word-list H1 {
    font-size: 30px;
    font-weight: normal;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .word-list .text {
    font-size: 18px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    line-height: 190%;
    margin-bottom: 40px;
}
#content .abc {
    list-style: none;
    margin: 0;
    font-size: 15px;
}
#content .abc LI {
    display: inline-block;
    text-transform: uppercase;
    width: 40px;
}
#content .abc LI A {
    display: block;
    padding: 6px 0;
    color: #e2001a;
    text-align: center;
    background-color: #ececec;
    width: 34px;
}
#content .letter UL {
    list-style: none;
    margin: 0;
}
#content .letter UL LI {
    display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 2% 20px 0;
}
#content .letter H2 {
    font-size: 36px;
    background: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 50px 0 0;
    border: none;
}
#content .letter H3 {
    font-size: 18px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}
#content .letter P {
    line-height: 190%;
}
#content .faq H1 {margin-bottom: 30px;}
#content .faq > UL {
    list-style: none;
    margin: 40px 0 0 -4%;
}
#content .faq > UL > LI {
    display: inline-block;
    width: 29%;
    vertical-align: top;
    margin-right: -4px;
    margin-left: 4%;
    margin-bottom: 30px;
}
#content .faq H3 {
    font-size: 24px;
    text-transform: uppercase;
    color: #dc2339;
    border-bottom: 2px solid #dc2339;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#content .faq .orange H3 {
    color: #fb9409;
    border-color: #fb9409;
}
#content .faq .green H3 {
    color: #a6d221;
    border-color: #a6d221;
}
#content .faq .blue H3 {
    color: #1ca2cf;
    border-color: #1ca2cf;
}
#content .faq .purple H3 {
    color: #c24b8d;
    border-color: #c24b8d;
}
#content .faq H4 {
    font-size: 18px;
    text-transform: uppercase;
}
#content .faq UL UL {
    list-style: none;
    margin: 0 0 35px 10px;
}
#content .faq UL UL LI {
    padding-left: 15px;
    background: url("../images/icons/arrow-right.gif") no-repeat 0 5px;
}
#content .faq UL UL LI.open {
    background: url("../images/icons/arrow-bottom.gif") no-repeat -1px 9px;
}
#content .faq UL UL H5 {
    font-size: 17px;
    cursor: pointer;
}
#content .faq UL UL .hidden {display: none;}
#content .leaders {background-color: #dbdbdb; margin-bottom: -65px; margin-top: 90px;}
#content .line.top-i SPAN {
    background: url("../images/bg/red-border-2.gif") no-repeat 0 0;
}
#content .line.top-i {margin-top: 0;}
#content .leaders H1 {margin-bottom: 30px;}
#content .leaders UL {
    list-style: none;
    margin: 0;
    width: 104%;
}
#content .leaders LI {
    display: inline-block;
    width: 16%;
    position: relative;
    vertical-align: top;
    font-size: 17px;
    color: #fff;
    margin-right: -4px;
}
#content .leaders LI .bg {
    width: 100%;
    padding: 20px;
    background-color: #e2001a;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#content .leaders LI > A {
    display: block;
}
#content .leaders LI H3 {
    font-size: 18px;
    margin-bottom: 5px;
}
#content .leaders LI A {color: #fff;}
#content .leaders LI SPAN {
    display: block;
    margin-top: 20px;
    padding-bottom: 40px;
    text-decoration: underline;
}
#content .leaders LI IMG {
    width: 100%;
    display: block;
}
#content .leaders LI.yellow .bg {
    background-color: #ff9900;
}
#content .leaders LI.green .bg {
    background-color: #99cc00;
}
#content .leaders LI.blue .bg {
    background-color: #0099cc;
}
#content .leaders LI.purple .bg {
    background-color: #990066;
}
#content .boxes LI {
    margin-top: 0;
}
/*#content .boxes LI A STRONG {display: none !important;}*/
#content .main-content .boxes LI P {display: none;}
#content .main-content H1 {
    font-family: "Roboto Mono", Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #702577;
    font-size: 30px;
    padding-top: 20px;
}
.page-template-default #content .main-content H2 {
    font-size: 20px;
    background: none;
    border: none;
    color: #000;
    font-weight: bold;
    padding: 15px 0 0;
}
.page-template-default #content .main-content P {
    font-size: 16px;
}
#content .main-content UL {margin-left: 20px;}
#content .main-content OL {margin-left: 25px;}
#header {
    background-color: #000;
    position: relative;
    z-index: 77;
}
.page-template-default #content.indent-content .main-content .line,
.page-template #content .main-content .line,
.archive #content .main-content .line {
    margin-top: 50px;
}
#content .main-content .boxes UL {margin-left: 0;}
/*#content .main-content .boxes {margin-top: -11px;}*/
#content .main-content #wpcf7-f780-p210-o1 INPUT[type="text"], #content .main-content #wpcf7-f780-p210-o1 INPUT[type="email"],
#content .main-content #wpcf7-f780-p210-o1 INPUT[type="password"], #content .main-content #wpcf7-f780-p210-o1 INPUT[type="tel"],
#content .main-content #wpcf7-f780-p210-o1 textarea, #content .main-content #wpcf7-f780-p210-o1 select {
    padding: 7px 10px;
    background: #f3f3f3;
    width: 30%;
    border:  1px solid #fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#content .main-content #wpcf7-f780-p210-o1 fieldset {
    border: none;
}
#content .main-content #wpcf7-f780-p210-o1 LABEL {
    float: left;
    width: 20%;
    margin-right: 2%;
}
#content .main-content #wpcf7-f780-p210-o1 legend {
    display: block;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 20px;
}
#content .sidebar .programs .post H2, #content .sidebar .programs .post .more {
    color: #1ca2cf;
}
#content .sidebar .programs .post H2, #content.actual .news.blog H2 {
    background-image: url("public/images/icons/arrow-blue-small.png");
}
#content .sidebar .programs .post A SPAN {
    background-image: url("public/images/bg/picture-bg-blue.png");
}
.category-blog #content.actual .news .pic SPAN {
    background-image: url("public/images/bg/picture-bg-3.png");
    height: 42px;
    margin-top: -42px;
}
#content .sidebar .programs .post A STRONG {
    display: block;
    margin-top: 15px;
}
.main-content .news_article_img {margin-top: -45px; margin-bottom: 50px;}
.home #content .team UL LI {
    overflow: hidden;
}

/* Image Gallery */
.product-gallery-thumbs {
    padding:0;
    width: 35%;
    width: 430px !important;
    overflow:hidden;
    float: left;
}

.single-customer .product-gallery-thumbs{
    float: right;
    width: 40%;
}

.single-customer .product-gallery-thumbs IMG{
    width: 100%;
    height: auto;
}

.single-customer .product-gallery-thumbs UL{
    padding: 0;
    width: 100%;
}

.single-customer .product-gallery-thumbs LI{
    width: 25%;
    height: 118px;
}
.image-gallery {position: relative; float: left; width: 100%; height: 500px; overflow: hidden;}
.product-gallery-thumbs ul {
    display:block;
}
.image-gallery .img-gallery {float: left; width: 62%; overflow: hidden; height: 625px;}
.image-gallery .img-gallery IMG {
    width: 100%;
    height: auto !important;
}
#content .product-gallery-thumbs ul {margin-left: 0;}
.product-gallery-thumbs li {
    cursor:pointer;
    position:relative;
    overflow:hidden;
    width: 48% !important;
    width: 205px !important;
    margin-left: 0;
    height: 205px !important;
    margin-bottom: 6px;
    margin-left: 2%;
    float: left !important;
}
.product-gallery-thumbs IMG{
    width: 100%;
}
/*.product-gallery-thumbs li img {
	margin: 35px 0 0 -49px;
}*/
.product-details-area .side-left IMG {
    width: 100%;
    height: auto;
}

.product-gallery-thumbs li .image-active {
    /* position:absolute;
     bottom:0px;
     height:100%;
     width:100%;
     background:#fff;
     opacity: 0.6;
     z-index:999;*/
    display:none;

}

.product-gallery-thumbs li.active IMG,
.product-gallery-thumbs li:hover IMG {
    opacity: 0.7;
}
.image-gallery .next,
.image-gallery .prev {
    display: block;
    height: 36px;
    background: #000 url("public/images/icons/arrow-b.gif") no-repeat center center !important;
    position: absolute;
    text-decoration: none;
    right: 0;

}
.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 500px;
    float: left;
}
.jcarousel-list {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 1;
    width: 100%;
}
.image-gallery .prev,
.image-gallery .next {
    width: 34.3%;
    width: 420px;
    height: 36px;
    bottom: 0px;
    z-index: 70;
    position: absolute;
    cursor: pointer;
    right: 41px;
    right: 3px;
    text-indent: -10000px;
}
.image-gallery .prev{
    bottom: 590px;

    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jcarousel-prev {
    display: none;
}
.image-gallery, .jcarousel-clip {height: 625px;}

/*Pagination*/
#content .pagination{
    clear: both;
}
#content .pagination .nav-links a.page-numbers,
#content .pagination .nav-links span.page-numbers.current,
#content .pagination .nav-links .page-numbers.dots{
    background-color: #eee;
    border: 2px solid #ebecee;
    color: #9ba1a8;
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin-right: 7px;
    width: 20px;
    float: left;
    text-align: center;
}

#content .news .pagination .nav-links a.page-numbers,
#content .news .pagination .nav-links span.page-numbers.current,
#content .news .pagination .nav-links .page-numbers.dots{
    border-color: #eacce0;
}

#content .pagination .nav-links .page-numbers.dots {
    background-color: initial;
    color: #7e8b91;
    border: none;
}


#content .pagination .nav-links span.page-numbers.current{
    background-color: #0da0c1;
    color: #fff;
}

#content .news .pagination .nav-links span.page-numbers.current{
    background-color: #906;
}

#content .pagination .nav-links span.page-numbers.current,
#content .pagination .nav-links a.page-numbers:hover{
    border-color: #0da0c1;
    text-decoration: none;
}

#content .news .pagination .nav-links span.page-numbers.current,
#content .news .pagination .nav-links a.page-numbers:hover{
    border-color: #906;
}

.post-type-archive-events #content .pagination .nav-links a.page-numbers,
.post-type-archive-events #content .pagination .nav-links span.page-numbers.current,
.post-type-archive-events #content .pagination .nav-links .page-numbers.dots{
    border-color: #e0efb2;
}

.post-type-archive-events #content .pagination .nav-links span.page-numbers.current,
.post-type-archive-events #content .pagination .nav-links a.page-numbers:hover {
    border-color: #9c0;
}

.post-type-archive-events #content .pagination .nav-links span.page-numbers.current {
    background-color: #9c0;
}

.search #content A.btn{
    width: 100px;
    color: #fff;
}
#content .news A span {background: none !important; position: relative; border-bottom: 5px solid #c24d8b;}
/*#content .news A span:after, #main-content-news-detail h2:after,
/*#content .main-content > H2:after,  #content .line:after, #content .column:after, #content.actual .news H2:after,
#content .main-content .events H2:after, #content .main-content .indent-box H2:after, #content .news_article_img:after {
	border-bottom: 5px solid #c24d8b;
    content: '';
    position: absolute;
    right: -81px;
    top: auto !important;
    bottom: -127px;
    width: 60px;
    height: 70px;
    background-color: #f3f3f3;
    transform: rotate(161deg);
  transform-origin: top left;
}*/
#content .news A span:after {
    top: auto !important;
    background: none !important;
    position:absolute; right:0px !important;
    bottom:-5px;
    content:'';
    border-bottom: 14px solid #f3f3f3;
    border-left: 39px solid transparent;
}
#content .news A span:before {
    position:absolute; right:0px;
    bottom:-4px; content:'';
    border-bottom: 18px solid #c24d8b;
    border-left: 52px solid transparent;
}
#content .main-content > H2:after,
#content .line:after, #content .column:after, #content.actual .news H2:after,
#content .main-content .indent-box H2:after, #content .main-content .events H2:after, #content .news_article_img:after {
    top: auto !important;
    background: none !important;
    position:absolute; right:0px !important;
    bottom: -18px;
    content:'';
    border-top: 24px solid #fff;
    border-left: 60px solid transparent;
}

#content .main-content > H2:before,
#content .line:before, #content .column:before, #content.actual .news H2:before,
#content .main-content .indent-box H2:before, #content .main-content .events H2:before, #content .news_article_img:before {
    position:absolute; right:0px;
    bottom:-24px; content:'';
    border-top: 24px solid #dc2339;
    border-left: 60px solid transparent;
}
#content .news_article_img:before {
    bottom: auto;
    top: 0 !important;
    border-top-color: #dc2339;
}
#content .news_article_img:after {
    bottom: auto;
    top: -7px !important;
}












#content .news .cols A span:after {
    border-bottom-color: #fff;
}
.archive #content .news A span:after {
    right: -104px;
    background-color: #fff;
    top: 64px;
}
#main-content-news-detail h2 {
    margin-bottom: 19px;
    z-index: 77;
    margin-left: 2px;
    position: relative;
}
#main-content-news-detail h2:after {
    /*top: 49px;
    right: -66px;
    border: none;
    border-top: 5px solid #c24d8b;
     transform: rotate(-156deg);
     background-color: #fff;*/
}
/*#content .main-content > H2:after, #content .line:after, #content .column:after, #content.actual .news H2:after,
#content .main-content .indent-box H2:after, #content .main-content .events H2:after, #content .news_article_img:after*/ {
    background-color: unset;
    background-color: transparent;
    right: -48px;
    bottom: -6px;
    top: auto !important;
    width: 45px;
    height: 11px;
    transform: rotate(20deg);
    border-color: #dc2339;
}
#content .main-content > H2:after {

}
/*.archive #content .main-content > H2:after,
.archive #content .column:after, #content.actual .news H2:after {
    background-color: #fff;
    right: -20px;
    bottom: -8px;
    height: 41px;
}*/
#content .main-content .indent-box H2:after, .post-type-archive-events #content H2:after {
    border-top-color: #f39d1c;
}
#content .main-content .indent-box H2:before, .post-type-archive-events #content H2:before {

    border-top-color: #fff;
}
#content .events H2 {
    border-color: #9c0 !important;
}
#content .events H2:before, #content .white .column + .column H2:before, .post-type-archive-events #content.actual .news H2:before {
    border-top-color: #9c0 !important;
}
.post-type-archive-events #content.actual .news H2:after {top: -9px;}
#content .line:after {
    top: -53px;
}
.archive #content .news A span::after {
    top: 73px;
}
.archive #content.actual .cols UL LI:nth-child(-n+2) .pic A span::after {
    top: 70px;
}
.post-type-archive-news #content.actual .news H2::before {
    border-top-color: #C14B8C;
}
.single-news #content .main-content > H2::after {
    top: -55px;
    border-color: #c24d8b;
}
.category-blog #content .news H2::before {
    border-top-color: #1ca2cf;
}
.category-blog #content .news A span::before, .category-blog #content .news A span,
.single-post #content .main-content > H2::before, #content .news_article_img:before {
    border-bottom-color: #1ca2cf;
}

.post-type-archive-events #content .news A span
{
    border-bottom-color: #9c0;
}
.post-type-archive-events #content .news A span::before, .single-events #content .main-content > H2::before {
    border-bottom-color: #9c0;
}
/*.post-type-archive-news #content .news A span::after, .post-type-archive-news #content .news A span {
	border-color: #906;
}*/
.sidebar .employee ul {list-style: none;}
#content .sidebar .news A span::after {right: -98px;}
.single .item IMG {height: auto;}
.location-container {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
#content .main-content .videos UL, #content .main-content UL.abc, #content .letter UL {margin-left: 0;}
.exp {
    min-height: 95px;
}
.cols {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
#content .team.detail UL LI, #content .team.info-col.overview UL LI {
    background-color: #f3f3f3;
}
.single-news #main-content-news-detail h2, .single-events #main-content-news-detail h2, .single-post #main-content-news-detail h2 {
    border: none !important;
    display: none;
}
.single-news #main-content-news-detail h2:after, .single-events #main-content-news-detail h2:after, .single-post #main-content-news-detail h2:after {
    display: none !important;
}
.main-content .news_article_img {
    border-top: 5px solid #dc2339;
    border-bottom: none !important;
}
.main-content .news_article_img {padding-top: 0; margin-top: 0;}
/*#content .main-content .news_article_img:after {
	top: -21px !important;
	bottom: auto !important;
	right: -10px;
	height: 17px;
	background-color: #fff;
}*/
.single-events .main-content .news_article_img {
    border-color: #99cc01;
}
.single-events #content .main-content .news_article_img:before {
    border-top-color: #99cc01;
}
.single-news .main-content .news_article_img {
    border-color: #c14b8c;
}
.single-news #content .main-content .news_article_img:after {border-top-color: #fff;}
.single-news #content .main-content .news_article_img:before {border-top-color: #c14b8c;}

.single-post .main-content .news_article_img {
    border-color: #1ca0d0;
}
.single-post #content .main-content .news_article_img:before {
    border-top-color: #1ca0d0;
}
#white_picture_overlay {display: none;}
.white-bg .main-content .line {
    display: none;
}
/*#content .news_article_img::after {
	border-color: #dc2339;
}*/
.news-detail-left {
    position: relative;
}
.news-detail-left:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 5000px;
    background-color: #1ca0d0;
}
.single-news .news-detail-left:before {
    background-color: #c14b8c;
}
.single-events .news-detail-left:before {
    background-color: #99cc01;
}
#content .program UL {list-style: none;}
.news-detail-left {height: auto !important; overflow: hidden;}


.home .team IMG, .main-content .team IMG {width: 100%; height: auto;}
#content .main-content .team #carousel4,
#content .main-content .owl-carousel .owl-wrapper-outer,
#content .main-content .team .item {width: 100% !important;}
.post-type-archive-locations .locations .cols:first-child .exp {
    min-height: inherit !important;
}
.search #content.actual .news H2::after {
    border-color: #906;
}
.search #content.actual .btn {margin-top: 20px;}
.search .left.archive-image-area {margin-bottom: 20px;}
.single .white-bg .main-content .line {display: block;}
#main-content-news-detail > h2 {display: none;}
#content .main-content-full-width .team {padding-bottom: 50px;}
.main-content .news_article_img {margin-top: 40px;}
.main-content .picture-box {margin-bottom: 50px;}

/*Access Request Forms*/
/*fieldset {
    font-family: sans-serif;
    border: 3px solid #000;
    background: #f3f3f3;
    border-radius: 3px;
    padding: 15px;

    margin-right: 2.5%;
    margin-bottom: 20px;

    width: 42.5%;

    float: left;
}

fieldset legend {
    background: #000;
    color: #fff;
    padding: 5px 10px ;
    font-size: 1.2em;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    border-radius: 3px;
    box-shadow: 0 0 0 3px #f3f3f3;
    margin-left: 20px;
}

fieldset LABEL{
    display: block;
}

fieldset INPUT,
fieldset SELECT{
    width: 260px;
    height: 25px;

    margin: -2px 0px;

    float: right;

    display: inline-table;
}

fieldset TEXTAREA{
    width: 100%;
}

fieldset TABLE INPUT, fieldset INPUT[type=radio], fieldset INPUT[type=checkbox]{
    float: none;
}

fieldset TD LABEL,
fieldset TD INPUT{
    float: left;
}

fieldset TABLE INPUT{
    /*width: 50px;*/
/*}

fieldset INPUT[type=radio], fieldset INPUT[type=checkbox] {
    width: 20px;
    height: 20px;

    position: relative;
    top: 4px;

    margin-right: 5px;
}

.wpcf7 .time {
    width: 50px;
}

fieldset TABLE TR TD:first-of-type{
    min-width: 200px;
    height: 60px;
}

fieldset P{
    width: 450px;
}

.wpcf7 FORM > P {
    clear: both;
}*/

fieldset{
    padding-left: 10px;

    margin-bottom: 20px;
}
fieldset LEGEND{
    margin-left: 10px;
}
fieldset LEGEND{
    color: #702577;
    font-weight: 300;
    font-family: "Roboto Mono", sans-serif;
    font-size: 24px;
}
fieldset span{
    width: 1160px;
    height: 25px;
    margin: -2px 0px;
    display: inline-table;
}

fieldset INPUT,
fieldset SELECT,
fieldset TEXTAREA {
    width: 98%;
}

/* Customers Import TXT*/
.text-area > TABLE TR TD {
    padding: 5px 15px;
}

.text-area > TABLE TR:nth-child(odd) {
    background: #f3f3f3
}
.wpcf7-form fieldset input[type="text"], .wpcf7-form fieldset input[type="password"],
.wpcf7-form fieldset input[type="email"], .wpcf7-form fieldset input[type="tel"],
.wpcf7-form fieldset textarea, .wpcf7-form fieldset select {
	border: none;
	background-color: #f3f3f3;
	padding: 10px 15px;
	width: 98%;
	margin: 10px 0;
    font-size: 16px;
    font-family: "Roboto Mono", sans-serif;
}
#content .btn.wpcf7-submit {
	border: none;
	cursor: pointer;
}
.wpcf7-form fieldset input[type="checkbox"], .wpcf7-form fieldset input[type="radio"] {
	width: auto;
}
.wpcf7-form fieldset .wpcf7-form-control-wrap.authorization span {
	width: auto;
}
.wpcf7-form fieldset .wpcf7-form-control-wrap.authorization .wpcf7-form-control.wpcf7-checkbox {
	float: left;
	padding: 0;
}
.wpcf7-form fieldset .wpcf7-form-control-wrap.authorization span.wpcf7-list-item {
	margin-left: 0;
}
.wpcf7-form fieldset .wpcf7-form-control-wrap.authorization .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
	position: relative;
	top: -3px;
}
.wpcf7-form fieldset {
	border: none;
	padding: 10px 0;
}
.wpcf7-form fieldset LEGEND {
	margin-left: 0;
	padding-left: 0;
}
.wpcf7-form fieldset label {
	width: 100%;
	float: left;
}
.wpcf7-form fieldset .wpcf7-form-control-wrap,
.wpcf7-form fieldset span {
	width: 100%;
}

.content-wrapper {
    overflow: hidden;
}

.sidebar-block {
    float: left;
    width: 300px;
    min-width: 300px;
    padding-top: 100px;
    position: relative;
    z-index: 999;
}

.sidebar-block ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 30px;
}

.sidebar-block ul li {
    padding: 0 !important;
}

.sidebar-block ul li a {
    display: block;
    padding: 5px 0 !important;
    color: #702577 !important;
    border: 0 !important;
}

    .sidebar-block ul li a:before {
        content: '';
        width: 14px;
        height: 13px;
        background: url(public/images/icons/arrow-purple.svg);
        background-size: 100%;
        display: inline-block;
        margin: 0 10px 0 0;
    }

    .sidebar-block ul li:first-child {
        font-weight: bold;
    }

    .sidebar-block ul li:first-child a:before {
        display: none;
    }


.content a, #contactinfo a {
    display: inline-block;
    position: relative;
    z-index: 2;
    transition: all .1s ease-in-out;
}

    .content a:hover, #contactinfo a:hover {
        color: #FFF !important;
    }

    .content a:before, #contactinfo a:before {
        content: '';
        background: #702577;
        display: block;
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 0;
        transition: all .1s ease-in-out;
        z-index: -1;    
    }

    .content a:hover:before, #contactinfo a:hover:before {
        width: 100%;
    }

    .content table tr td {
        padding: 10px;
        font-size: 16px;
        color: rgba(0,0,0,0.8);
    }

        .content table tr:nth-child(odd) {
            background: #F3EFF4;
        }

.content-center {
    max-width: 620px;
    margin: 0 auto;
    padding: 50px 30px;
}

.content-centered {
    width: 60%;
    float: left;
    padding: 50px 30px;
}

    .content h1 {
        font-family: "Roboto Mono", Helvetica, sans-serif;
        font-weight: normal;
        font-weight: 300;
        color: #702577;
    }

/* NEW HEADER */

.page-header {
    background: #702577;
    position: relative;
    font-family: "Roboto Mono", Arial, Helvetica, sans-serif;
    z-index: 999;
}

    .page-header.no-overflow {
        overflow: hidden;
    }

    .togglemenu {
        display: block;
        font-size: 30px !important;
        position: absolute;
        right: 30px;
        display: none !important;
    }

    .mobile-menu {
        display: none;
    }

    .page-header__logo {
        display: block;
        width: 140px;
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px 30px;
        height: 45px;
        z-index: 998;
        opacity: 0;
    }

    .page-header__background {
        position: absolute;
        width: 220px;
        z-index: 997;
        opacity: 0;
    }

    .page-header__background.full {
        width: 300px;
        margin-top: 0;
        margin-left: -59px;
    }

        .page-header__background img {
            width: 100%;
        }

        .page-header__logo img {
            width: 130px;
            margin-top: 15px;
        }

        .page-header__background.full + .page-header__logo img {
            margin-top: 25px;
        }

    .page-header__menu {
        padding: 28px 30px;
        padding-left: 230px;
        min-height: 29px;
    }

        .page-header__menu a {
            color: #FFF;  
            font-size: 13px;
            font-weight: 100;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .page-header__menu .current-menu-item.menu-item-has-children, .page-header__menu .current-menu-parent.menu-item-has-children {
            padding-bottom: 50px;
        }

        .page-header__menu .sub-menu .current-menu-item, .page-header__menu .sub-menu .current-menu-parent {
            padding-bottom: 0px;
        }

            .page-header__menu a:hover, .page-header__menu .current-menu-item a, .page-header__menu .current-menu-parent a {
                color: #e3d88b;
                text-decoration: none;
                border-bottom: 1px solid #e3d88b;
            }

            .page-header__menu .current-menu-item .sub-menu ,  .page-header__menu .current-menu-parent .sub-menu {
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                width: 100%;
                padding: 15px;
                padding-left: 250px;
                background: #702577 !important;
            }

                .page-header__menu .current-menu-item .sub-menu a, .page-header__menu .current-menu-parent .sub-menu a {
                    color: #fff;
                    text-decoration: none;
                    border-bottom: none;
                    font-size: 12px;
                }

                .page-header__menu .current-menu-parent .sub-menu .current-menu-item a, 
                .page-header__menu .current-menu-parent .sub-menu a:hover,
                .page-header__menu .current-menu-item .sub-menu a:hover {
                    color: #e3d88b;
                    text-decoration: none;
                    border-bottom: 1px solid #e3d88b;
                }

        .page-header__menu ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: inline-block;
        }

        .page-header__menu ul li {
            display: inline-block;
            padding: 0 3px;
        }

            .page-header__menu ul li ul {
                display: none;
            }


        .page-header__home {
            float: left;
        }

        .page-header__menu #menu-main-menu, .page-header__menu #menu-main-menu-engels {
            float: left;
            margin: 0 20px;
        }

        .page-header__menu form {
            float: right;
            position: relative;
            margin: 0 20px 0 0;
        }

            .page-header__menu form input {
                font-family: "Roboto Mono", Arial, Helvetica, sans-serif;
                font-size: 14px;
                text-transform: uppercase;
                letter-spacing: 1px;
                padding: 5px 10px;
                border-radius: 0px;
                border: 0;
            }

            .page-header__menu form button {
                position: absolute;
                right: 0;
                top: 4px;
                border: 0;
                box-shadow: none;
                font-size: 16px;
            }

        .page-header__intranet {
            float: right;
        }

        .page-header__lang {
            display: inline-block;
        }

    .clear {
        clear: both;
    }

@media screen and (max-width: 1300px) {
    .page-header__menu form {
        display: none;
    }
}

@media screen and (max-width: 1240px) {
    .page-header__intranet ul {
        display: none;
    }
}

@media screen and (max-width: 1150px) {
    .page-header__menu ul li {
        padding: 0;
    }
}

@media screen and (max-width: 1100px) {
    .page-header__home {
        display: none;
    }
}

@media screen and (max-width: 1075px) {
    .page-header__menu form {
        display: none;
    }

    .page-header__menu nav {
        padding-bottom: 4px;
    }
}

@media screen and (max-width: 870px) {
    .page-header__intranet {
        display: none;
    }

    .page-header__menu {
        padding-right: 0;
    }

    .page-header__menu #menu-main-menu {
        float: none;
    }

    .page-header__menu nav {
        padding-bottom: 8px;
    }

    .page-header__background {
        margin-left: -40px;
    }

    .page-header__logo img {
        width: 100px;
    }

    .page-header__menu {
        padding-left: 170px;
    }

    .page-header__background.full {
        margin-left: -90px;
    }

    .page-header__menu .current-menu-item .sub-menu, .page-header__menu .current-menu-parent .sub-menu {
        display: none;
    }

    .page-header__menu .current-menu-item.menu-item-has-children, .page-header__menu .current-menu-parent.menu-item-has-children {
        padding-bottom: 0;
    }

    .page-header__menu #menu-main-menu {
        display: none;
    }

    .togglemenu {
        display: block !important;
    }

    .mobile-menu {
        display: block;
    }

    .page-header__background.full + .page-header__logo img { 
        margin-top: 0;
    }

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

    .content-centered {
        width: 87%;
    }

    .sidebar-block ul li {
        display: inline-block;
        padding-right: 25px !important;
    }

    .sidebar-block ul li:first-child {
        display: block;
    }

    .sidebar-block {
        width: 100%;
    }

}

@media screen and (max-width: 730px) {
    #content .text-area {
        padding: 0 20px;
        width: 90%;
    }

    #footer {
        padding: 0 20px;
    }
}
@media screen and (max-width: 375px) {
    .sidebar-block ul li {
        width: 100%;
    }
}

@media screen and (max-width: 1190px) {
    .main-content {
        overflow: visible;
    }
}

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

    .sidebar {
        display: none;
    }

    .main-content:before {
        display: none;
    }

}

@media screen and (max-width: 640px) {
    .indent-box::after {
        content: 'Swipe heen en weer om meer te zien';
        display: block;
        position: relative;
        color: rgba(255,255,255,0.6);
        font-size: 12px;
        padding-top: 20px;
    }

    .focustitle {
        margin: 0 !important;
    }

    .focustitle::after {
        content: 'Swipe heen en weer om meer te zien';
        display: block;
        position: relative;
        color: rgba(0,0,0,0.6);
        font-size: 12px;
        padding-top: 10px;
    }

    .footer-column {
        width: 100% !important;
        padding-bottom: 30px;
    }

    #footer {
        padding: 50px 0 !important;
    }
}

.mm-menu {
    background: #702577 !important;
    color: #FFF !important;
}

.mm-menu .mm-listview>li .mm-next:after {
    border-color: #FFF !important;
}

.mm-menu .mm-navbar a, .mm-menu .mm-navbar>* {
    color: #fff !important;
}

.content h2, .content h3, .content h4, .content h5 {
    font-family: "Roboto Mono", sans-serif;
    color: #702577;
}
