/*
Theme Name: Armadachild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Version: 1.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-armada
*/
@import url("../dt-armada/style.css");
@import url("//hello.myfonts.net/count/2ef1e2");
@import url("//cloud.webtype.com/css/3a33b453-6b17-46af-8147-a27892a87a17.css");
@font-face {font-family: 'TradeGothicLTPro-Cn18';src: url('fonts/2EF1E2_0_0.eot');src: url('fonts/2EF1E2_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2EF1E2_0_0.woff2') format('woff2'),url('fonts/2EF1E2_0_0.woff') format('woff'),url('fonts/2EF1E2_0_0.ttf') format('truetype');}
@font-face {font-family: 'TradeGothicLTPro-BdCn20';src: url('fonts/2EF1E2_1_0.eot');src: url('fonts/2EF1E2_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/2EF1E2_1_0.woff2') format('woff2'),url('fonts/2EF1E2_1_0.woff') format('woff'),url('fonts/2EF1E2_1_0.ttf') format('truetype');}
@font-face {font-family: 'TradeGothicLT';src: url('fonts/2EFEF2_0_0.eot');src: url('fonts/2EFEF2_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/2EFEF2_0_0.woff2') format('woff2'),url('fonts/2EFEF2_0_0.woff') format('woff'),url('fonts/2EFEF2_0_0.ttf') format('truetype');}

h1 h2 {
    font-family: 'TradeGothicLTPro-Cn18' !important;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 0px;
}

body {
    background: none!important;
    background-color: #000!important;
}
body, p {
    font-family: 'TradeGothicLT'!important;
}


#header {
    background-color: #fff6db!important;
    box-shadow: none!important;
}

#main{
    padding: 14px 0 20px 0;
    background: #000;
}

#main > .wf-wrap, #header .wf-wrap, #phantom .ph-wrap .ph-wrap-content, #bottom-bar > .wf-wrap, #footer > .wf-wrap {
    padding: 0!important;
    width: 1024px!important;
}
p{
    font-size: 18px;
    color: #ffffff;
}
h1{
    font-family: 'TradeGothicLTPro-BdCn20';
    color:#ffffff;
    font-size: 28px;
    text-transform: uppercase;
}

h2{
    font-family: 'TradeGothicLTPro-BdCn20';
    color:#ebd181;
    font-size: 20px;
    text-transform: uppercase;
}

h3{
    font-family: 'MVB Mascot';
    color: #ffffff;
    font-size: 30px;
}

nav{
    display: inline-block;
}

#branding {
    padding: 26px 0 0 15px;
}

.footer {
    background: #000000
}

.bar {
    background-color: #ebd181;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}

.header-metanav {
    padding-top: 3px;
}

.header-metanav .search {
    display: inline-block;
    width: 16px;
    height: 17px;
    background: transparent url(images/search-icon.png) no-repeat 0 0;
    text-indent: -9999px;
    position: relative;
    top: 2px;
}

.header-metanav .language {
    padding-left: 0;
}

.header-metanav .language a {
    text-decoration: none;
    color: #8e8464;
    font-size: 18px;
    font-family: 'TradeGothicLTPro-BdCn20';
    display: inline-block;
    padding-left: 3px;
}

.header-metanav .language a.active {
    color: #000;
}

.header-metanav .header-login-btn {
    background-color: #ecd180;
}

.share-overlay,
.overlay,
#load {
    background-color: #000;
    opacity: 0.9;
}

.introtxt {
    max-width: 695px;
    padding-bottom: 40px;
}

.introtxt h1 {
    line-height: 38px;
}

.mlab-modal-body,
.mlab-modal-body p{
	font-size: 14px;
	line-height: 16px;
}

html[lang="en-US"] .mlab-modal-body .p1{ display: none; }
html[lang="en-US"] .mlab-modal-body .p2{ display: block; }

html[lang="nl-NL"] .mlab-modal-body .p1{ display: block; }
html[lang="nl-NL"] .mlab-modal-body .p2{ display: none; }

/* Static Home Page CSS */

.grid-container{
    padding-bottom: 74px;
    height: 3500px;
}
.grid-container:after {
    content: '';
    display: table;
    clear: both;
}
.second-container{
    display: none;
    /*height: 1300px;*/
    margin-bottom: 20px;
}
.grid-column-right{
    position: relative;
    float: right;
    width: 49%;
    padding-left: 1%;
}

.grid-column-left{
    position: relative;
    float: left;
    width: 49%;
    padding-right: 1%;
}

.col-box {
    position: relative;
}

.col-box:hover {
    cursor: pointer;
}

.imgwrapper:hover:after {
    content: 'Bekijk collectie';
    display: inline-block;
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 44px;
    line-height: 44px;
    background-color: #ebd180;
    min-width: 180px;
    text-align: center;
    text-transform: uppercase;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    z-index: 100;
}

.imgwrapper.imagehunter:hover:after {
    content: 'Bekijk profiel';
}

.imgwrapper.imagehunter-en:hover:after, .lang-en .grid-container .imagehunter:hover:after {
    content: 'View profile'!important;
}

.lang-en .grid-container .imgwrapper:hover:after {
    content: 'View collection';
}

.grid-column-left .left_box_vs:nth-child(2) {
	width: 70%;
	left: 30%;
	margin-top:50px;
}
.grid-column-left .left_box_vs:nth-child(3) {
	width: 120%;
	left: -20%;
}
.grid-column-left .left_box_vs:nth-child(4) {
	width: 60%;
	left: 40%;
}
.grid-column-left .left_box_vs:nth-child(5) {
	width: 85%;
	left: 15%;
}
.grid-column-left .left_box_vs:nth-child(7) {
	margin-top:80px;
	width: 75%;
	left:25%;
}
.grid-column-left .left_box_vs:nth-child(8) {
	width: 110%;
	left:-10%;
}

.grid-column-right .right_box_vs:nth-child(2) {
	margin-top:250px;
	width: 90%;
}
.grid-column-right .right_box_vs:nth-child(3) {
	width: 80%;
}
.grid-column-right .right_box_vs:nth-child(4) {
	margin-top:150px;
	width: 95%;
}
.grid-column-right .right_box_vs:nth-child(5) {
	margin-top:70px;
	width: 75%;
}
.grid-column-right .right_box_vs:nth-child(7) {
	width: 60%;
}

.left_box_1{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}

/* info box css start here*/
.grid-column-left .left_info_box_1 {
	position:inherit;
	left:0px;
	top:0px;
}

.left_info_box_1{
    width: 58%;
    position: absolute;
    top: 1312px;
    left: -88px;
    padding: 30px 28px 28px 28px;
    background-color: #f8eabe;
    z-index: 9999;
    box-sizing: border-box;
	margin-left: -70px;
	margin-bottom: -100px;
	position:relative;
	margin-top: 50px;
}

.right_info_box_1{
    display: none;
    width: 58%;
    position: absolute;
    top: -17px !important;
    left: -148px;
    z-index: 9999;
    background-color: rgba( 248, 234, 190, 1);
    padding: 30px 28px 28px 28px;
    box-sizing: border-box;
}

.right_info_box_1 h1,
.left_info_box_1 h1
{
    font-size: 27px;
    line-height: 28px;
    text-transform: uppercase;
    border-top: 3px solid #000;
    color: #000;
    padding-top: 11px;
}

.right_info_box_1 p,
.left_info_box_1 p
{
    font-family: 'TradeGothicLTPro-Cn18';
    color: #000;
    font-size: 15px;
    line-height: 22px;
}

.right_info_box_1 a,
.left_info_box_1 a{
    font-size: 20px;
    display: block;
    color: #f8eabe;
    background: #000;
    text-transform: uppercase;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    padding: 10px 0 10px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: 'TradeGothicLTPro-BdCn20';
}


.left_box_2{
    width: 70%;
    height: auto;
    position: absolute;
    top: 480px;
    /* right: 50%; */
    right: 0;
}

.right_box_1{
    width: 110%;
    position: absolute;
    top: 335px;
    height: auto;
    left: 9px;
}

.left_box_3{
    width: 123%;
    height: auto;
    position: absolute;
    top: 760px;
    right: 0;
}

.right_box_2{
    width: 90%;
    position: absolute;
    top: 1047px;
    left: 9px;
    height: auto;
}

.right_box_3{
    width: 70%;
    position: absolute;
    top: 1750px;
    height: auto;
    left: 9px;
}

.left_box_4{
    width: 90%;
    position: absolute;
    top: 1440px;
    height: auto;
    right: 0px;
    overflow: hidden;
}


.info-text-box {
    background-color: #fff6db;
    padding: 30px;
    margin-top: 42px;
}

.info-text-box p {
    font-size: 16px;
    line-height: 22px;
    color: black;
}
.info-text-box h1 {
    padding-top: 7px;
    font-weight: normal;
    line-height: 38px;
    font-size: 28px;
    text-transform: uppercase;
    border-top: 3px solid #000;
    font-family: 'TradeGothicLTPro-BdCn20';
    color: #000;
}

.info-text-box a {
    display: block;
    font-size: 20px;
    color: #fff6db;
    background: #000;
    text-transform: uppercase;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    padding: 10px 0 10px 0;
    font-family: 'TradeGothicLTPro-BdCn20';
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* info box css end here*/
.col-box .imgwrapper:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}


.col-box img{
    width:100%;
    height:auto;
}

.info-label{
    font-family: 'TradeGothicLTPro-BdCn20';
    position: absolute;
    right: 12px;
    top: 12px;
    padding: 5px 15px;
    color: #fff;
    background: #000000;
    font-size: 14px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    z-index: 10;
}

span.rollover-new {
    opacity: 1;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;
    background:url(images/mag.png) center center no-repeat #000;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
}

.home{
    position: relative;
    color: #fff;
}


.left , .right {
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.home .left{
    left: 17px;
    bottom: 10px;
}

.home .left .title{
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
}

.home .left .author_name {
    color: #fff;
    font-size: 16px;
    font-family: 'TradeGothicLT';
}

.home .right{
    right: 20px;
    bottom: 24px;
    color: #fff;

}.like-count{
     font-size: 18px;
 }

.like-count .likebtn{
    padding: 5px 0 5px 11px;
    font-size: 20px;
    font-family: 'TradeGothicLTPro-Cn18';
}

.like-count .likebtn:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 15px;
    background: transparent url(images/icon-heart.svg) no-repeat 0 0;
    background-size: 18px 15px;
}

.like-count .imgcounter {
    font-size: 20px;
    font-family: 'TradeGothicLTPro-Cn18';
}

.like-count .imgcounter:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent url(images/pictures-icon.svg) no-repeat 0 0;
    background-size: 14px 14px;
    margin-left: 2px;
}

.load-more-container{
    text-align: center;
    padding-bottom: 54px;
    padding-top: 49px;
}

/* Second Container boxes */
.left_box_5{
    width: 100%;
    height: auto;
    position: absolute;
    top: 2000px;
    left: 0;
}

.left_box_6{
    width: 70%;
    height: auto;
    position: absolute;
    top: 2500px;
    right: 0;
}

.right_box_4{
    width: 110%;
    position: absolute;
    top: 2300px;
    height: auto;
}

.right_box_5{
    width: 80%;
    height: auto;
    position: absolute;
    top: 2750px;
}

.right_box_6{
    width: 100%;
    height: auto;
    position: absolute;
    top: 3200px;
}

.left_box_7{
    width: 110%;
    height: auto;
    position: absolute;
    top: 2900px;
    right: 0;
}

/* Add & Edit Gallery Form CSS */

.rollover i, .post-rollover i, .fs-entry-img i, .rollover-video i,
.rollover i:hover {
    display: none!important;
}

.dt-format-gallery .item-margin div {
    position: relative;
}
.dt-format-gallery .item-margin div:hover:before {
    background-color: rgba(0,0,0,0.5);
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.dt-format-gallery .item-margin div:hover:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    background-image: url(data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2248px%22%20height=%2248px%22%20viewBox=%220%200%2024%2024%22%20enable-background=%22new%200%200%2024%2024%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22white%22%20d=%22M21.938,2.519c-0.086-0.205-0.252-0.369-0.457-0.455C21.377,2.021,21.27,2,21.163,2h-6.726c-0.465,0-0.84,0.375-0.84,0.841c0,0.462,0.375,0.839,0.84,0.839h4.531l-5.688,5.679c-0.329,0.329-0.272,0.974,0.057,1.302c0.326,0.325,0.959,0.507,1.287,0.183l5.693-5.812v4.53c0,0.463,0.379,0.841,0.845,0.841c0.46,0,0.837-0.378,0.837-0.841v-6.72l0,0C22,2.729,21.98,2.622,21.938,2.519z%20M2.84,13.598c-0.463,0-0.84,0.377-0.84,0.842v6.722c0,0,0,0,0,0.003c0,0.107,0.021,0.218,0.062,0.316s0.102,0.187,0.176,0.265c0.004,0.003,0.004,0.008,0.006,0.011c0.003,0,0.006,0,0.008,0.004c0.075,0.075,0.166,0.137,0.266,0.178C2.621,21.979,2.73,22,2.84,22h6.723c0.465,0,0.84-0.377,0.84-0.84c0-0.467-0.375-0.842-0.84-0.842h-4.5l5.656-5.693c0.328-0.324,0.269-0.958-0.059-1.287c-0.327-0.328-0.957-0.385-1.285-0.057L3.68,19v-4.561C3.68,13.975,3.304,13.598,2.84,13.598z%22/%3E%3C/svg%3E);
    z-index: 30;
}

.uploadwrapper {
    padding: 38px 22px 196px 22px;
}

.uploadwrapper h1 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 6px;
}

.uploadwrapper h1 + p {
    line-height: 28px;
    padding-bottom: 33px;
}

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

.uploadwrapper .primaryPostForm h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px;
}

.uploadwrapper .submit-btn {
    float:right;
}

.multimedia-container .ui-sortable {
    margin-top: 22px;
}

.validation-box{
    padding: 10px;
    background: rgb(255, 206, 206);
}

.validation-box p{
    color:black;
}

.form-container{
    width: 50%;
}

input[type="range"], input[type="password"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], select, textarea {
    width: 100%;
    padding: 11px 15px;
    border: none;
    margin-bottom: 10px;
    background-color: #fff7db;
    font-size: 20px;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

select{
    font-size:18px;
}
.tag-left-column{
    width: 49%;
    float: left;
    margin-bottom: 40px;
}
.tag-right-column{
    width: 49%;
    float: right;
    margin-bottom: 40px;
}
.multimedia-container{
    padding-top: 44px;
}
.multimedia-title{
    font-family: 'TradeGothicLTPro-BdCn20'!important;
    font-size: 24px;
    color: #ebd181;
    text-transform: uppercase;
    padding-bottom: 7px;
}

.multimedia-title + p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}

/***** custom styling file upload button*****/
label.fileUplLabel input[type="file"] {
    position: fixed;
    top: -1000px;
}
.fileUplLabel {
    text-transform: uppercase;
    border: 2px solid #ebd180;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 50px;
    margin-top: 20px;
    font-size: 20px;
    color: #ebd181;
    background: #000;
    display: inline-block;
}
.fileUplLabel span{
    padding-left: 10px;
    font-family: 'TradeGothicLTPro-BdCn20'!important;
}
.file-upl-btn{
    border: 2px solid #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 20px;
    color: #000;
    background: #ebd181;
    padding: 5px 50px;
    font-weight: normal;
    display:none !important;
}
.submit-btn, .button-load-more, .dt-btn, button, button.button, a.button, .dt-form button,
.widget .dt-form .dt-btn, input[type="button"], input[type="reset"], input[type="submit"], .nsu-submit,
span.h5-size.button-caption
{
    font-family: 'TradeGothicLTPro-BdCn20'!important;
    font-size: 20px;
    background: #ebd180;
    padding: 5px 50px;
    color: #000000!important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
}

.button-load-more .h5-size{
    color: #ffffff;
    text-transform: uppercase;
}
.hr-line{
    background-color: #c7c7c7;
    border:0;
    height: 2px;
    width: 100%;
    margin-bottom: 10px;
}

/* thank you */
.page-template-thankyou .content {
    padding-top: 40px;
    padding-bottom: 60px;
}

.page-template-thankyou .content h1 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 2px;
}

.page-template-thankyou .content h2 {
    padding-top: 15px;
}
/* Sortable ******************/
#sortable {
    list-style: none;
    text-align: left;
}
#sortable li {
    margin: 0 0 10px 0;
    height: 115px;
    background: #000000;
    /* border: 1px solid #999999; */
    /* border-radius: 5px; */
    color: #333333;
    width: 100%;
    clear:both;
}

#sortable li span {
    background-color: #b4b3b3;
    background-image: url('images/drag.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 105px;
    display: inline-block;
    float: left;
    cursor: move;
}
#sortable li img {
    width: 100px;
    height: 95px;
    border: 5px solid #cccccc;
    display: inline-block;
    float: left;
    margin-left:5px;
}
#sortable li div {
    padding: 5px;
}
#sortable li h2 {
    font-size: 16px;
    line-height: 20px;
}

.image-bar-left{
    float: left;
    width: 155px;
}

.image-bar-left-edit-page{
    float: left;
    width: 12%;
}

.image-bar-middle{
    float: left;
    width: 310px;
}
.image-bar-right{
    float: left;
}

.remove-icon {
    background-image: url('images/remove-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 100px;
    display: inline-block;
    float: right;
    cursor: hand;
}

.new-uploaded{
    border-top: 4px solid #fab1b8;
}
/* Arrows ******************/

.mfp-arrow-right:before, .mfp-arrow-right:after, .mfp-arrow-left:before, .mfp-arrow-left:after {
    border:0;
}
button.mfp-arrow.mfp-arrow-right {
    background: transparent url(images/big-arrow-right.svg) no-repeat 0 0!important;
    width: 38px;
    height: 72px;
    right: 15%;
}

button.mfp-arrow.mfp-arrow-left {
    background: transparent url(images/big-arrow-left.svg) no-repeat 0 0!important;
    width: 38px;
    height: 72px;
    left: 15%;
}
/**Description****/
.mfp-title {
    font-size: 18px;
    padding: 15px 0 0 43px;
    margin-right: 100px;
}

.mfp-counter {
    color: #fff;
    font-size: 18px;
    font-family: 'TradeGothicLTPro-Cn18';
    padding: 13px 40px 0 0;
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff!important;
    opacity: 1;
    right: -44px;
    top: 25px;
}
.mfp-figure .mfp-title small, .mfp-iframe-scaler small {
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 100px;
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    margin-top: 0;
    display: inline-block;
}

.mfp-figure:after {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mfp-close {
    top: -10px;
}

.overlay-data {
    position: relative;
    top: 10px;
}

.overlay-data .overlay-title {
    font-size: 30px;
    font-family: 'TradeGothicLTPro-BdCn20';
    color: #fff;
    text-transform: uppercase;
    padding-right: 15px;
    padding-left: 43px;
}

.overlay-data .overlay-author {
    font-size: 30px;
    font-family: 'MVB Mascot';
    color: #fff;
}

.mfp-bg {
    opacity: 0.95;
}

.mfp-image-holder .mfp-content {
    transform: scale(0.9);
}

.gastcurator-label{
    position: absolute;
    top: 10px;
    left: 0;
    background: #ebd180;
    padding: 5px;
    box-shadow: 2px 2px 1px #888888;
}

.featured-label{
    position: absolute;
    top: 10px;
    left: 0;
    background: #fab1b8;
    padding: 5px;
    box-shadow: 2px 2px 1px #888888;
}

/* Collection overview page CSS */
.images-container{
    height: auto;
}
.detail-top{
    /*height: 800px;*/
    position: relative;
    width: 110%;
}
.detail-top .socialbar{
    position: absolute;
    right: 6px;
    top:50px;
    z-index: 999;
    text-align: center;
}

.detail-top .socialbar .likes-area{
    background: #ce5c5d;
    padding: 0 20px;
}
.detail-top .socialbar .likes-area .likes-counter h2{
    margin-bottom: 5px;
    padding: 5px 0;
}
.detail-top .socialbar .wrapper{
    background: #fff8d7;
    padding: 0 0 0px 0;
    height:52px;
}
.detail-top .socialbar .wrapper .counter h2:after {
    background: url(images/share.svg) no-repeat right center;
    background-color: #fff8d7;
    background-size: 25px;
    width: 25px;
    height: 25px;
    content: '';
    display: inline-block;
    padding-left: 6px;
}
.detail-top .socialbar .wrapper .counter h2{
    color: #000000;
    font-size: 30px;
    padding-top: 4px;
}
.detail-top .socialbar .wrapper .icon-area{
    display: block;
    text-align: center;
    color:#27282d;
    margin-bottom: 10px;
}

.detail-top .single .project-content {
    position: relative;
}

.detail-top-content{
    overflow: hidden;
    width: 100%;
    position: relative;
    right: 50px;
}

.detail-top-content img{
    width: 100%;
    height: 600px;
}

.detail-top .info-box-container{
    position: relative;
    width: 50%;
    margin: auto;
    background: #000000;
    color: #FFFFFF;
    padding: 0 15px;
    left: -50px;
    top: 0;
    margin-top: -143px;
    text-align: center;
}

.detail-top .info-box-container .underline {
    padding-bottom: 10px;
    border-bottom: #fff 4px solid;
    margin-bottom: 10px;
}

.detail-top .info-box-container h3{
    padding-top: 20px;
}

.detail-top .info-box-container .read-more{
    color: #ebd181;
}

.detail-top .info-box-container .title-block {
    /*width: 510px;*/
    height: 240px;
    box-sizing: border-box;
    margin: auto;
    background: #fff6db!important;
    color: #000;
    padding: 61px 30px 0 30px;
    text-align: center;
    border: 3px solid #000;
    outline: 15px solid #fff6db;
}

.detail-top .info-box-container .title-block h1 {
    color: #000;
    display: inline-block;
    font-size: 44px;
    line-height: 40px;
}

.detail-top .info-box-container .title-block h1:after {
    content: '';
    height: 4px;
    display: inline-block;
    background-color: #000;
    width: 100%;
    margin: 0;
    position: relative;
    top: -24px;

}

.detail-top .info-box-container .title-block span {
    display: block;
    font-family: 'MVB Mascot';
    font-size: 35px;
    color: #000;
    text-transform: capitalize;
    position: relative;
    top: -15px;
}

.detail-top .info-box-container .introtext {
    margin: 40px 0 0 0;
    font-weight: bold;
}

.detail-top .info-box-container .introtext .date {
    display: block;
    font-weight: 400;
    font-family: 'TradeGothicLT'!important;
    padding-bottom: 10px;
    font-size: 17px;
    color: #bbb;
}


.detail-top .info-box-container .introtext .read-more:hover {
    cursor: pointer;
}

.detail-top .info-box-container .introtext,
.detail-top .info-box-container .fulltext {
    padding: 0 30px;
    text-align: left;
}

.detail-top .info-box-container .introtext p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;

}

.detail-top .info-box-container .fulltext p {
    font-size: 18px;
}

.fs-entry:first-child {
    margin-left: -10px!important;
}

.about .detail-top {
    height: auto;
}

.about .detail-top-content {
    position: relative;
    height: auto;
    overflow: visible;
}

.about .detail-top-content .title-block {
    width: 50%;
    height: 240px;
    box-sizing: border-box;
    margin: auto;
    background: #fff6db!important;
    color: #000;
    padding: 24px 30px 0 30px;
    text-align: center;
    border: 3px solid #000;
    outline: 15px solid #fff6db;
    position: absolute;
    left: 50%;
    top: 464px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.about .detail-top-content .title-block span.title {
    display: inline-block;
    font-family: 'MVB Mascot';
    font-size: 60px;
    color: #000;
    text-transform: capitalize;
    padding-top: 26px;
    border-bottom: 3px solid #000;
    line-height: 59px;
    padding-bottom: 17px;
}
.about .detail-top-content .title-block span.subtitle {
    font-size: 23px;
    line-height: 40px;
    font-family: 'TradeGothicLTPro-BdCn20';
    text-transform: uppercase;
    display: block;
    padding-top: 23px;
}


.about .detail-top .info-box-container {
    padding: 40px 67px;
    text-align: left;
    height: auto;
    position: relative;
    top: 246px;
    margin-bottom: 266px;
    left: -50px;
    z-index: 10;
    overflow: visible;
    right: inherit;
}

.about .detail-top .info-box-container p {
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 22px;
}

.about .detail-top .info-box-container p.intro {
    font-weight: 700;
    margin-bottom: 30px;
}

.about .info-box-container .img-block {
    margin: 53px 0 26px 0;
}

.about .info-box-container .img-block img {
    position: relative;
    right: -165px;
}

.about .info-box-container .img-block.posleft img {
    right: inherit;
    left: -165px;
}

.about .info-box-container .quote {
    max-width: 370px;
    margin: 62px 0 69px -90px;
}

.about .info-box-container .quote p {
    text-transform: uppercase;
    font-size: 42px;
    line-height: 43px;
    font-family: 'TradeGothicLTPro-BdCn20';
    margin-bottom: 17px;
}

.about .info-box-container .quote span {
    font-family: 'MVB Mascot';
    display: block;
    font-size: 30px;
}

.about .info-box-container h2 {
    color: #fff;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 20px;
    margin-bottom: 0;
    text-transform: inherit;
}

.about .info-box-container .ankeiler-block {
    margin-top: 76px;
}

.about .info-box-container .ankeiler-block .info-text-box {
    position: relative;
    right: -305px;
    width: 320px;
    box-sizing: border-box;
}

.about .info-box-container .editorial-section h2 {
    text-transform: uppercase;
    color: #ebd181;
    margin-bottom: 9px;
}

.about .info-box-container .editorial-section .people {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: calc(33% - 7px);
    margin-right: 8px;
    margin-bottom: 12px;
    font-size: 13px;
}

.about .info-box-container .editorial-section .row {
    margin-bottom: 20px;
}

.about .info-box-container .editorial-section .people:nth-child(3n) {
    margin-right: 0;
}

.about .info-box-container .editorial-section .people:after {
    content: '';
    display: table;
    clear: both;
}

.about .info-box-container .editorial-section .people img {
    float: left;
    margin-bottom: 18px;
}

.about .info-box-container .editorial-section .people strong {
    font-family: 'MVB Mascot';
    font-size: 26px;
    font-weight: 400;
}

.about .info-box-container .editorial-section .development {
    padding-top: 0;
}

.about .info-box-container .editorial-section .development .people {
    display: inline-block;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 25px;
    line-height: 39px;
    width: 32%;
    text-align: left;
}

.about .info-box-container .editorial-section .development .people strong span {
    display: block;
    font-family: 'TradeGothicLT';
    font-size: 13px;
    margin-top: -13px;
}

.about .info-box-container .editorial-section .development strong {
    text-transform: initial;

}


.item-margin{
    margin:5px;
}
.item-desc{
    text-align: left;
    padding-top: 4px;
    line-height: 24px;
    font-size: 15px;
    color: #ddd;
}

/* static page */
.static-page {
    padding: 40px 0 60px 0;
    max-width: 650px;
}

.static-page article {
    padding: 0 22px;
}

.static-page article > h1 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 6px;
}

.static-page article h2 {
    color: #fff;
    margin-bottom: 0;
    margin-top: 25px;
    line-height: 30px;
}

.static-page p {
    line-height: 28px;
    margin-bottom: 30px;
}

.static-page p:empty {
    display: none;
}

.static-page ul,
.static-page ol {
    margin-bottom: 20px;
}

.static-page ul li,
.static-page ol li {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 7px;
    font-family: 'TradeGothicLT';
}

.static-page.contact {
    max-width: inherit;
}

.static-page.contact .column:first-child {
    width: 60%;
    float: left;
    box-sizing: border-box;
    padding-right: 60px;
}
.static-page.contact .column:last-child {
    width: 40%;
    float: right;
    padding-top: 14px;
}

.static-page.contact .column:last-child:after {
    clear: both;
    content: '';
    display: table;
}

.static-page.contact .column:last-child img {
    width: 100%;
    height: auto;
}

.static-page.contact .column:first-child .row {
    margin-bottom: 0px;
}

.static-page.contact .column:first-child .col {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-family: 'TradeGothicLT';
}

.static-page.contact .column:first-child .col h2 {
    margin-top: 3px;
}

.static-page.contact .column:first-child .col strong {
    color: #fff;
    font-size: 18px;
}

.static-page.contact .icons > a  {
    font-size: 25px;
}

.static-page.contact .icons i.fa-facebook {
    padding-left: 0;
}



/* TEMPLATE CSS OVERRIDE */

.navigation-holder {
    width: 100%;
    background-color: #27282d;
    border-top: 1px solid #000!important;
}
.navigation-holder > div {
    margin: 0 auto;
    padding: 0!important;
}
.wf-td-column-1 {
    float:left;
    width: 229px;
}
.wf-td-column-2 {
    width: 515px;
    float: left;
    text-align: center;
}
.wf-td-column-3 {
    float: right;
    width: 280px;
    padding-top: 20px;
}

.menu-toggle {
    display: none;
}

.top-navigation{
    padding: 27px 0 27px 0;
    font-family: 'TradeGothicLTPro-BdCn20';
}

.top-navigation > ul {
    padding-left: 30px;
}

.top-navigation ul li {
    display: inline-block;
    position: relative;
    z-index: auto;
    vertical-align: middle;
    text-transform: uppercase;
    margin-right: 22px;
}

.top-navigation ul li a{
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 18px;
}

.top-navigation ul li.current_page_item a{
    padding-bottom: 5px;
    border-bottom: 3px solid #d4a970;
}

.top-navigation ul li.current_page_item a:before {
    display: none;
}

.top-navigation ul li a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -8px;
    left: 0;
    background-color: #ebd180;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.top-navigation ul li a:hover:before{
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
}

.top-navigation ul li a:active:before{
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
}

ul.nav-top-right{
    position: absolute !important;
    right:0 !important;
    float:right;
}

ul.nav-top-right a {
    font-family: 'TradeGothicLT';
    font-size: 18px;
    text-transform: initial;
}

ul.nav-top-right {
    margin: 0;
}
.logo-classic nav {
    position: relative;
    padding-left: 18px;
    padding-right: 0;
}

.sub-navigation ul.nav-top-right li {
    text-align: right;
    margin: 0 0 0 37px;
}

.sub-navigation{
    font-family: 'TradeGothicLTPro-BdCn20';
    padding: 16px 0 9px 0;
    width:100%;
}

.sub-navigation > ul > li{
    font-size: 1em;
    display: inline-block;
    position: relative;
    z-index: auto;
    vertical-align: middle;
    text-transform: uppercase;
    margin-right: 20px;
}

.sub-navigation > ul > li > a{
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}
.sub-navigation > ul{
    float: left;
}
.sub-navigation > ul > li > a:hover{
    color: #ebd180;
}

.sub-navigation ul li.current_page_item a{
    padding-bottom: 5px;
    color: #ebd180;
}

.sub-navigation > ul > li > a:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: -20px;
    left: 0;
    background-color: #EBD180;
    visibility: hidden;
    transform: scaleX(1);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.sub-navigation > ul > li.current_page_item > a:before,
.sub-navigation > ul > li > a:hover:before{
    top:37px;
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    border-bottom:0px;
}


.sub-navigation > ul > li > a:active:before{
    visibility: visible;
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -ms-transform: scaleX(1);
    border-bottom:0px;
    background-color: #EBD180;
}

.sub-navigation ul.nav-top-right li.menu-popular {
    margin-right:20px;
}

/* START HAS CHILDEREN CSS OF SUB NAVIGATION */
.sub-navigation > ul > li.has-childeren{
    position: relative;
}
.sub-navigation > ul > li.has-childeren:after{
    content: "\f078";
    font-family: FontAwesome;
    color:#fff;
    font-size: 10px;
    padding-left: 10px;
    vertical-align: top;
}
.sub-navigation > ul > li.has-childeren > ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0
}

.slider-wrapper.related-projects{
    top: -59px !important;
}

.sub-navigation > ul > li.has-childeren:hover > ul{
    display: block;
}

.sub-navigation > ul > li.has-childeren > ul > li{
    display: inline-block;
    padding: 0 10px;
}
/* END HAS CHILDEREN CSS OF SUB NAVIGATION */

/* EXHIBITS PAGE */
.voting {
    padding-bottom: 70px;
}

.voting h1 {
    font-size: 28px;
    line-height: 38px;
}

.voting h1 > p {
    line-height: 28px;
}
.voting .page-info {
    padding-top: 36px;
}
.voting .articles-list {
    padding-top: 24px;
}
.portfolio .voting .post img {
    width: 100%;
    height: auto;
}

.layout-list .voting .post {
    border: none;
    padding-top: 0;
    margin-top: 0;
}
.voting .project-list-content:before {
    display: none!important;
}
.sidebar-right .sidebar {
    border: none;
}

/* LOGIN + REGISTER */
.um-page-register .content,
.um-page-login .content {
    padding-top: 40px;
    padding-bottom: 15px;
}

.um-register{
	float:none !important;
}

.um-page-register .content h1,
.um-page-login .content h1 {
    font-size: 28px;
    line-height: 38px;
}

.um-page-register .content h1 + p,
.um-page-login .content h1 + p {
    line-height: 28px;
    width: 460px;
}

.um-page-register .sidebar,
.um-page-login .sidebar {
    margin-top: 24px;
}

.um-page-password-reset .um-password {
    padding: 50px 12px 220px 12px;
}
.um-page-password-reset .um-password .um-button {
    margin-top: 20px;
    font-family: 'TradeGothicLTPro-BdCn20'!important;
}
.um-page-password-reset .um-field-password_reset_text div {
    color: #fff;
    margin-bottom: 10px;
    text-align: left!important;
}

/* COLLECTION PAGE CSS OVERRIDE */
.rollover-project-inner{
    position: relative;
}
.rollover-content-new {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100px;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);

}
.rollover-content-new .left-box{
    position: absolute;
    bottom: 0;
    left: 17px;
    text-align: left;
}

.page-template-template-portfolio-masonry .rollover-content-new .left-box {
    bottom: -5px;
    left: 12px;
}

.rollover-content-new .right-box {
    position: absolute;
    bottom: 14px;
    right: 12px;
}

.page-template-template-portfolio-masonry .rollover-content-new .right-box {
    bottom: 9px;
}

.rollover-content-new .left-box .title{
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
}
.rollover-content-new .left-box .author_name{
    color: #fff;
    font-size: 16px;
    font-family: 'TradeGothicLT';
}
.rollover-content-new .right-box .like-count{
    font-size: 18px;
    color: #ffffff;
}
.rollover-content-new .right-box .like-count .likebtn{
    padding: 5px;
}

.paginator {
    padding-bottom: 70px;
}

.paginator a {
    font-family: 'TradeGothicLTPro-BdCn20'!important;
    font-weight: 700!important;
    font-size: 20px!important;
}

.paginator a.act{
    background: none!important;
    color: #ebd180!important;
    text-decoration: underline;
}

.paginator:not(.paginator-more-button) a {
    color: #fff;
    /* border-color: #fff; */
    border: none;
    min-width: 0;
}

.paginator:not(.paginator-more-button) a:hover {
    background: none!important;
    color: #ebd180!important;
}
.paginator:not(.paginator-more-button) a {
    float: left;
}
.nav-next:after{
    content: '»';
    padding-left: 10px;
}
.nav-prev:before{
    content: '«';
    padding-right: 10px;
}
.search .content {
    padding-top: 16px;
}

.mini-search{
    float:left !important;
    margin:0  !important;
    paddin:0 !important;
}

#trigger-overlay{
    top: 40px !important;
    right: 30px;
}

.search .searchform + h1 {
    font-size: 28px;
    line-height: 38px;
    padding: 32px 0 18px 0;
}

.search .search-results-column-left img {
    width: 300px;
    height: auto;
}

.search .search-results-column-right h1 {
    font-size: 28px;
    line-height: 38px;
    padding-top: 21px;
    margin-bottom: 0;
}

.search .search-results-column-right h3 {
    font-family: 'TradeGothicLT';
    font-size: 18px;
}

#searchform, #searchform div, .wf-td-column-3 div {
    display: inline;
}
.wf-td-column-3 div {
    float: right;
}
#searchform div {
    float: right;
    margin-right: 9px;
}


.searchform{
    padding-top: 20px;
    width: 1024px;
    /* text-align: center; */
    display: inline-block;
}
.searchform .submit{
    top:35px !important;
}

.searchform #s{
    background:#FFF6DB!important;
    border: 1px solid #000!important;
    font-size:12px!important;
    margin:0!important;
    padding:4px!important;
    width:110px!important;
    float:left!important;
    white-space: nowrap;
}
.searchform #s::-webkit-input-placeholder {
    color: #ebd181;
}
.searchform #s::-webkit-input-placeholder {
    color: #ebd181;
}
.searchform #s:-moz-placeholder{
    color: #ebd181;
}
.searchform #s::-moz-placeholder {
    color: #ebd181;
}
.searchform #s:-ms-input-placeholder {
    color: #ebd181;
}
.searchform #searchsubmit{
    background:#000!important;
    height: 34px;
    color: #ebd181;
    font-size: 1.3em;
    padding: 8px;
}
.searchform-div{
    display: none;
    height: 80px;
    /* margin-top: 60px; */
    background: #000;
    text-align: center;
    width:100%;
}
.searchform-s{
    border: #B9BDBE 2px solid!important;
    width: 96%!important;
    margin-left: 13px;
}
.fa-search:before {
    font-family: FontAwesome;
    content: "\f002";
    color: #ebd181;
}

.search-results-column-left{
    float: left;
    height: auto;
    margin-right:20px;
}

.search-results-column-right{
    float: left;
    width: auto;
    height: auto;
}

.header-upload-btn, .header-login-btn {
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 18px;
    display: inline-block;
    padding: 5px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.header-upload-btn{
    background: #000;
    color: #ebd180;
    margin-right: 5px;
    margin-left: 10px;
}

.header-login-btn{
    background: #fff7db;
    color: #000;
    margin-left: 2px;
}
.sticky-holder{
    position: relative;
    margin-bottom: 74px;
}
.sticky-holder .image{
    width: 100%;
    height: auto;
}
.sticky-holder .caption-holder{
    position: absolute;
    width: 35%;
    height: 30%;
    overflow: hidden;
    margin: auto;
    background: #FFF6DB;
    color: #000;
    padding: 40px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    border: 3px solid #000;
    outline: 7px solid #fff6db;
}

.sticky-holder .caption-holder .caption{
    padding:0;
}

.sticky-holder .caption-holder .caption .author_span {
    font-family: 'tradegothicltpro-bdcn20';
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
}

.sticky-holder .caption-holder .caption .underline {
    padding-bottom: 10px;
    border-bottom: #000 4px solid;
}

.sticky-holder .caption-holder .caption .title {
    font-family: 'MVB Mascot';
    font-size: 30px;
    color: #000;
    padding-top: 40px;
    text-transform: capitalize;
}

.sticky-holder .caption-holder .caption .btn-div {
    padding-top:40px;
}

.sticky-holder .caption-holder a {
    font-family: 'tradegothicltpro-bdcn20';
    color: #fff6db;
    font-size: 20px;
    background: #000;
    text-transform: uppercase;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    padding: 10px 40px;
}

.soliloquy-container .soliloquy-pager {
    bottom: -30px!important;
}

#bottom-bar.solid-bg {
    background: #27282D;
    color: #ffffff;
}
.subscribe-container {
    margin-left: -16px;
    margin-right: -16px;
    padding: 81px 20px 88px 20px;
    background-color: #fff7db;
}
.newsletter-text {
    width: 745px;
    margin: 10px auto 20px auto;
}
.newsletter-text p{
    display: inline-block;
    color: #000;
}
.newsletter-text div span{
    font-family: 'MVB Mascot';
    font-size: 42px;
    padding-right: 20px;
    color: #000;
}
.newsletter-form {
    width: 745px;
    margin: 0 auto;
}

.newsletter-form .name,
.newsletter-form .email {
    box-sizing: border-box;
    height: 52px;
    margin-right: 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: 'TradeGothicLTPro-BdCn20';
    color: #928662;
}

.newsletter-form .name {
    width: 250px;
}

.newsletter-form .email {
    width: 320px;
    margin-right: 7px;
}

.newsletter-form button {
    width: 145px;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    height: 52px;
}
.subscribe-container button {
    background-color: #000;
    color: #FFF8D7!important;
}
.subscribe-container input {
    width: inherit;
    background-color: #ebd181;
    border: 0;
    border-radius: 1px;
}
.subscribe-container input::-webkit-input-placeholder {
    color: #afa26e;
}
.subscribe-container input::-webkit-input-placeholder {
    color: #afa26e;
}
.subscribe-container input:-moz-placeholder{
    color: #afa26e;
}
.subscribe-container input::-moz-placeholder {
    color: #afa26e;
}
.subscribe-container input:-ms-input-placeholder {
    color: #afa26e;
}

div.mc4wp-form button[type="submit"].subscribe {
    width: 145px;
    text-transform: uppercase;
    padding: 0;
    box-sizing: border-box;
    border-radius: 4px;
    height: 52px;
    font: normal normal bold 20px "TradeGothicLTPro-BdCn20", Helvetica, Arial, Verdana, sans-serif;
}
.mc4wp-alert.mc4wp-success {
    color: #000;
}
.mc4wp-form-success span.form {
    display: none;
}
.wf-container-bottom{
    padding: 20px;
    text-align: center;
}
.wf-container-bottom h3 img {
    padding: 0 5px;
}
.wf-container-bottom h3 img:nth-of-type(1) {
    width: 5%;
}
.wf-container-bottom h3 img:nth-of-type(2) {
    width: 12%;
}
.footer .icons {
    font-size: 25px;
    margin: 60px 20px 45px 20px;
}
.icons i {
    padding: 10px;
    /*background-color: #ebd271;*/
    color: #E9CF8B;
}
i.fa-pinterest-p {
    padding: 10px 12px;
}
div.share-icon-wrapper{
    background-color: #fff8d7;
    padding: 0px 10px 0px 0px;


}

div.share-icon{
    background: url(images/share.svg) no-repeat right center;
    background-color: #fff8d7;
    background-position:right 44%;
    background-size: 25px;
    height:100%;
    min-width:40px;
}
div.share-icon h2{
    padding-right: 20px;
    margin:  10px;
}

i.fa-heart.red {
    color: #ce5c5d;
    font-size: 30px;
}
i.fa-heart.white {
    color: white;
    font-size: 25px;
}

.likebtn .likeCounter{
    font-size:30px;
    color: #ce5c5d;
    margin-right:5px;
    font-family: TradeGothicLTPro-BdCn20;
}

.likes-counter{
    margin: 0px;
    color:white !important;

}

.grid-item-3-cols {
    width: 320px;
    float: left;
    padding: 0 10px;
}

.likes-counter span{
    color: white;
}

.socialbar .likes-counter span {
    font-size: 25px;
    font-family: 'TradeGothicLTPro-BdCn20';
}

.socialbar .likes-counter p {
    padding-bottom: 12px;
}

.socialSharedCounter h2{
    color:black;
    font-size: 25px;
    margin: 10px;
    font-family: TradeGothicLTPro-BdCn20;
}

.wf-cell.socialSharedCounter{
    color:black;
    float:right;
    margin-right:3px;
    font-family: TradeGothicLTPro-BdCn20;
    padding: 0px !important;
    width:auto;
    margin-top: -22px;
}

.wf-cell.socialLikesCounter h2 {
    margin: 0;
    padding: 1px 14px;
    font-size:30px;
    color: white;
    font-family: TradeGothicLTPro-BdCn20;
}

.wf-cell.socialLikesCounter{
    background-color: #ce5c5d;
    color:black;
    float:right;
    font-family: TradeGothicLTPro-BdCn20;
    padding: 0 !important;
}

.socialLikesCounter .likebtn .likeCounter
{
    font-size:30px;
    color: white;
    margin-right:5px;
    font-family: TradeGothicLTPro-BdCn20;
}

.wf-cell.socialSharedCounter .likes-counter {
    background-color: #ce5c5d;
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    padding: 0 5px 0 5px;
}

.wf-cell.socialSharedCounter .share-icon-wrapper {
    background-color: #fff7db;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    padding: 0 16px 0 11px;
}

.wf-cell.socialSharedCounter .share-icon-wrapper .share-icon {
    height: auto;
}

.watch-action{
    display:none;
}

.post .entry-title a {
    display: inline-block;
    color: white;
}

.action-like a.jlk,
.action-unlike a.jlk{
    color: transparent !important;
}
.action-like,
.action-unlike {
    float:right;
    width:auto;
}

.action-like {
    padding-top: 18px;
}

.watch-position .status {
    position: absolute !important;
    width: 185px !important;
    top: 60px !important;
    left:-110px !important;
    padding-right: 0px !important;

}
.watch-position .status p{
    float:right;
    font-size: 14px;
}

.wf-wrap{
    /*padding: 0 44px;*/
}

.project-list-media .buttons-on-img {
    margin: 0 30px 10px 0;
    width:180px;
    height:180px;
}

.project-list-media {
    position:relative;
    width: 180px;
    float:left;
}

.project-list-content
{
    position:relative;
    width: 70%;
    float:left;
}

.album-details-author,
.project-list-content h3{
    font-family: MVB Mascot;
    font-size: 24px;
    color:#fff;
    text-transform: none;
    margin-bottom: 4px;
}

.project-list-content h3 + p {
    font-size: 16px;
    display: none;
}

.album-details-author{
    margin-top: 7px;
}

.album-details-title,
.project-list-content h2.entry-title{
    font-family: TradeGothicLTPro-BdCn20;
    font-size:30px;
    line-height: 38px;
    color:white;
    text-transform: none;
    text-transform: uppercase;
    margin-top: 11px;
    margin-bottom: 5px;
}
.project-list-content h2.entry-title a:hover{
    color:white;
}

.project-list-content .post-header div{
    position: relative;
    display: inline;
}
.project-list-content .post-header .post-title{
    float:left;
}

.project-list-content .post-header .watch-action{
    float:right;
    padding-right:30px;
    width:100px;
}

#sidebar{
    padding:0px;
}

.project-post {
    padding-bottom: 40px;
}

.album-view-header{
    padding: 20px 20px 0 20px;
}

.album-view-header .topview {
    display: block;
    padding-top: 11px;
}

.album-view-header .topview:after {
    clear: both;
    content: '';
    display: table;
}

.album-view-header .topview .backbtn {
    text-decoration: none;
    text-transform: uppercase;
    background-color: #ebd180;
    color: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 20px;
    padding: 12px 33px;
}

.album-view-header .middle div{
    display:inline;
	clear: both;
    position:relative;
    float:left;
    width:auto;
    height:100%;
}

.album-view-header .middle div.wf-cell {
    padding-left: 22px!important;
}

.album-view-header .middle .album-details-title {
    margin-top: 15px;
}

.album-view-header .middle .album-details-author {
    font-size: 30px;
    line-height: 38px;
    padding: 11px 0 0 15px;
}

.photo-details-lightbox{
    width:80% !important;
}

p.lightbox-source {
    font-size:10px;
}

.socialSharedCounter,
.socialLikesCounter{
    float:right !important;
    width:auto;
}

.wf-container .wf-cell.project-slider {
    margin-top: -8px;
    padding-top: 0!important;
    padding-bottom: 10px!important;
    padding-left: 22px!important;
}

.project-slider p {
    font-size: 18px;
}

.project-list-content:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.inzending-details {
    margin-left: 10px;
    margin-right: -10px;
}

.inzending-details .rollover-content-container2 p:first-child {
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20'!important;
    font-size: 16px;
    margin-top: -10px;
    margin-bottom: 0;
}

.inzending-details .rollover-content-container2 p:last-child {
    font-size: 16px;
    margin-bottom: 22px;
}

.post.bg-on{
    padding: 0px 0px 5px !important;
    margin: 0 0 0px !important;
    min-height:140px;
    background-color: transparent !important;
}

.footer-navigation{
    padding: 40px 0 58px 0;
}

.footer-navigation > ul > li {
    font-size: 18px;
    display: inline-block;
    position: relative;
    z-index: auto;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 28px;
}

.footer-navigation > ul > li > a{
    position: relative;
    color: #ffffff!important;
    text-decoration: none;
    font-size: 20px;
    font-family: 'TradeGothicLTPro-Cn18';
}
.footer-navigation > ul > li a:hover {
    text-decoration: none!important;
    color: #eddca7!important;
}

.moti-logo{
    background: url(images/moti-logo.png) no-repeat top left;
    display: inline-block;
    height: 58px;
    width: 142px;
    margin-left: 3px;
    margin-right: 1px;
}
.vk-logo{
    background: url(images/volkskrant-logo.png) no-repeat top left;
    display: inline-block;
    height: 28px;
    width: 214px;
}

li.comment{
    margin-bottom:60px !important;
}

.comments-area{
    border-top: 3px solid #27282d;
    padding-bottom: 70px;
}
.comments-area-left{
    margin-top: 27px;
    width: 15%;
    min-height: 100px;
    float: left;
}

.comments-area-left a{
    font-family: 'tradegothicltpro-bdcn20';
    background: #fff7db;
    padding: 5px;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 5px;
}
.comments-area-right{
    margin-top: 27px;
    width: 76%;
    float: right;

    padding-left: 60px;
    border-left: 3px solid #27282d;
}

.comments-area-right .even,
.comments-area-right .odd{
    float: left !important;
    margin-left: -10px !important;
    width: 94% !important;
    margin-right:20px !important;

}

#commentform textarea, .contact-form textarea {
    width: 100%;
    margin: 0 0 10px;
    background-color: #27282d;
    border: none;
}

.single .article-top-bar .comment-link, .fancy-comments-title {
    background-image: none;
}

.dt-fancy-title{
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'TradeGothicLTPro-BdCn20';
}

.single-portfolio .dt-fancy-separator.fancy-projects-title {
    /*display: none;*/
}

.separator-holder {
    display: none;
}

.rollover-project-inner.col-box{
    margin-left:10px !important;
}

.dt-tag-title{
    font-size: 20px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 12px;
    padding-top: 0;
    font-family: 'TradeGothicLTPro-BdCn20';
}

.fancy-author-title, .fancy-comments-form, .fancy-comments-title, .fancy-posts-title, .fancy-projects-title {
    padding-left: 0;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.fancy-projects-title{
    background-image:none;
}

.commentlist .comment > article{
    background: none;
}


.comment-reply-link:before{
    content: "\f064";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ebd181;
    font-size: 16px;
    padding-right: 10px;
}
.comment-reply-link{
    position: absolute;
    bottom: 0;
    right: 30px;
    font-size: 20px;
    color: #ebd181!important;
    text-decoration: none;
}
.comment-meta{
    position: absolute;
    bottom: 0;
    left: 30px;
    font-size: 16px;
}

.comment .no-avatar, .items-grid .no-avatar, .recent-posts .no-avatar {
    width: 100px;
    height: 100px;
}

.comment .no-avatar, .items-grid .no-avatar, .recent-posts .no-avatar {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-right: 20px;
}
.comment-author a, .comment-author .fn{
    position: absolute;
    top: 80px;
    left: -43px;
    width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}


.text-small {
    font-size: 20px!important;
    line-height: 50px !important;
}

.single .form-submit {
    text-align: right;
}
/* ULTIMATE MEMBER PLUGIN CSS OVERRIDE */

.um-115.um .um-profile-body {
    max-width: 100%!important;
}
.um-um_account_id.um input[type=submit].um-button, .um-um_account_id.um input[type=submit].um-button:focus, .um-um_account_id.um a.um-button,
.um-114.um input[type=submit].um-button, .um-114.um input[type=submit].um-button:focus, .um-114.um a.um-button,
.um-113.um input[type=submit].um-button, .um-113.um input[type=submit].um-button:focus, .um-113.um a.um-button {
    font-family: 'TradeGothicLTPro-BdCn20'!important;
}

.um-form input[type=submit]{
    font-family: 'TradeGothicLTPro-BdCn20';
    text-transform: uppercase!important;
    font-size: 20px;
}

input[type=submit].um-button, input[type=submit].um-button:focus {
    font-size: 20px;
}

.um-form input[type=text], .um-form input[type=password]{
    height: 50px !important;
}

.um-post-edit-btn{
    padding: 8px;
    background: #ebd180;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

.um-center {
    text-align: right!important;
}

.um-col-alt-b {
    padding-top: 0!important;
    float: right;
}

.masonry {
    background: #000;
}

.masonry .item {
    width:  50%;
    margin-bottom: 20px;
}

.small{
    width: 300px;
    height: 300px;
}
.medium{
    width: 400px;
    height: 400px;
}
.big{
    width: 500px;
    height: 500px;
}
.odd{
    float: right;
    margin-right: -10px;
    clear: both;
}
.even{
    float: left;
    margin-left: -10px;
}

.masonry .even img{
    max-width:100%;
    max-height:100%;
    float: right;
}

.masonry .odd img{
    max-width:100%;
    max-height:100%;
    float: left;
}

/*==========  ULTIMATE MEMBER CSS OVERRIDE  ==========*/

.um-members {
    padding: 13px 0 0 0;
}

.um-gutter-sizer {
    width: 1%;
}
.um-member {
    float: left;
    width: 32.5%;
    height: 450px;
    background: #000;
    text-align: left;
    box-sizing: border-box;
    border: none;
    margin-bottom: 10px;
    position: relative;
    background-size:100%;
    overflow: hidden;
}
.um-members .um-gutter-sizer + div.um-member {
    background: #ebd180;
}
.um-members .um-gutter-sizer + .um-member:before {
    background: none;
}

.um-member .sticky{
    border-top: 3px solid #000;
    margin: 40px;
}
.um-member .sticky h1{
    color: #000000;
    line-height: 40px;
    font-size: 34px;
    padding-bottom: 16px;
    padding-top: 7px;
}
.um-member .sticky p{
    font-family: 'tradegothiclt'!important;
    color: #000000;
    line-height: 28px;
    font-size: 18px;
}
.um-member .sticky a{
    font-family: 'tradegothicltpro-bdcn20';
    font-size: 20px;
    width: 70%;
    display: block;
    color: #ebd180;
    background: #000;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    padding: 10px 0 10px 0;
    position: absolute;
    bottom: 40px;
    left: 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.um-member .image-cover{
    position: relative;
    width: 100%;
    height: 450px;
}

.um-member .image-cover > a {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    z-index: 5;
    background: transparent;
}
.um-member .image-cover img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    transition: 0.3s ease-in;
}

.um-member .image-cover .imgwrapper:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.um-member .image-cover .leftBox{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #ffffff;
    z-index: 10;
}
.um-member .image-cover .leftBox .username{
    font-size: 22px;
    line-height: 26px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
}
.um-member .image-cover .leftBox .job{
    font-size: 16px;
}
.um-member .image-cover .rightBox{
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #ffffff;
    z-index: 10;
}
.um-member .image-cover .rightBox .collections-count{
    padding: 5px 0 5px 16px;
    font-size: 22px;
}

.um-member .image-cover .rightBox .collections-count:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 16px;
    background: transparent url(images/collections-icon.svg) no-repeat 0 0;
    background-size: 14px 16px;
    margin-left: 10px;
}

.um-member .image-cover .rightBox .coll-icon{
    font-size: 20px;
}
.um-members-pagi a, .um-members-pagi span {
    color: #fff;
}
.um-members-pagi, .um-members-pagidrop {
    color: #fff;
}

.page-numbers {
    color: #fff;
    font-size: 20px;
    padding: 0 3px;
    font-weight: 700;
}

.page-numbers.current {
    color: #ebd180;
}

.page-numbers.next,
.page-numbers.prev {
    text-decoration: none;
}

/* Collections page */
.page-template-template-portfolio-masonry .content {
    padding-bottom: 70px;
    padding-top: 28px;
}

.page-template-template-my-collection .content {
    padding-top: 44px;
    padding-bottom: 70px;
    min-height: 450px;
}

.page-template-template-my-collection .dt_portfolio .project-list-content .date {
    display: none;
}

.page-template-template-my-collection .dt_portfolio .project-list-content:before {
    display: none;
}

.album-details-title, .project-list-content h2.entry-title {
    font-size: 24px;
}
.album-details-author, .project-list-content h3 {
    font-size: 26px;
}

/* Member detail page CSS */
.profilepage {
    padding-top: 14px;
}

.um-list-column{
    float: left;
    padding: 20px 50px 0 0;
    width: 400px;
    margin-bottom: 20px;
}

.profilepage .profile-img img {
    -webkit-border-radius: 50%;/*Safari, Chrome*/
    -moz-border-radius: 50%;/*Firefox*/
    border-radius: 50%;
    width: 140px;
    height: 140px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    margin-bottom: 27px;
    margin-left: 14px;
}

.profilepage .username {
    font-family: 'MVB Mascot';
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    text-transform: none;
}

.profilepage .username + p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 22px;
}

.profilepage .data {
    padding: 16px 0 0 0;
    border: none;
}

.profilepage .data td {
    border: none;
    font-size: 18px;
    line-height: 26px;
    font-family: 'TradeGothicLTPro-Cn18';
    color: #fff;
    padding: 0 0 25px 0;
    vertical-align: top;
}

.profilepage .data h5 {
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.profilepage .job{
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
}
.profilepage .description{
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}

.profilepage .btnblock {
    padding: 5px 0 30px 0;
}

.profilepage .btnblock a.real_url  {
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 18px;
    display: inline-block;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    background: #ebd181;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 9px;
}

.profilepage .btnblock a.logout {
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 18px;
    color: #ebd180;
    text-transform: uppercase;
    border: 2px solid #ebd180;
    padding: 9px 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    min-width: 134px;
    box-sizing: border-box;
}

.profilepage-collector {
    padding-top: 46px;
    margin-bottom: 70px;
    position: relative;
}

.profilepage-collector .profile-image {
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.profilepage-collector .profile-image img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

.profilepage-collector .profile-info {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 50px;
    width: 69%;
    box-sizing: border-box;
}

.about .profilepage-collector .profile-info .profile-links {
    position: absolute;
    bottom: 0;
}

.profilepage-collector .profile-info .username {
    color: #fff;
    font-family: 'MVB Mascot';
    font-size: 36px;
    text-transform: inherit;
    margin-bottom: 1px;
}

.profilepage-collector .profile-info .profession {
    font-family: 'TradeGothicLTPro-BdCn20';
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 0;
}
.profilepage-collector .profile-info .country-city {
    font-family: 'TradeGothicLT';
    font-size: 16px;
    margin-bottom: 21px;
    padding-top: 0;
}

.profilepage-collector .profile-info .description {
    padding-bottom: 15px;
}

.profilepage-collector .profile-info .website {
    padding-bottom: 9px;
}

.profilepage-collector .profile-info .website a {
    text-decoration: none;
}

.profilepage-collector .profile-info .btn {
    color: #000;
    background-color: #ebd180;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
    text-decoration: none;
    padding: 10px 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.profilepage-collector .profile-info .btn:hover {
    background-color: #c2aa5e;
}


.clear-both{
    clear: both;
}

/* CHANGE ACCOUNT */

.um-page-account .content {
    padding-top: 39px;
    padding-bottom: 15px;
}

.um-page-account .um-account-meta img {
    -webkit-border-radius: 50%;/*Safari, Chrome*/
    -moz-border-radius: 50%;/*Firefox*/
    border-radius: 50%;
    width: 140px;
    height: 140px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.um-page-account .um-account-name a {
    font-family: 'MVB Mascot';
    font-size: 42px;
    line-height: 48px;
    color: #fff;
    text-transform: none;
    color: #fff!important;
    font-weight: 400;
    margin-top: 30px;
    display: inline-block;
}

.um-page-account .um-account-side > ul {
    max-width: 240px;
    margin: 0 auto!important;
}

.um-page-account .um-account-side li {
    background: none;
    border: 2px solid #ebd180;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 15px!important;
}

.um-page-account .um-account-side li a.um-account-link {
    text-align: center;
    text-decoration: none;
}

.um-page-account .um-account-side li a.um-account-link:hover,
.um-page-account .um-account-side li a.um-account-link:hover .um-account-title {
    background: #ebd180;
    color: #000;
}

.um-page-account .um-account-side li a.um-account-link .um-account-title {
    text-align: center;
    float: none;
    padding: 0;
    color: #ebd180;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-weight: 400;
    font-size: 20px;
}

.um-page-account .um-account-side li a.um-account-link .um-account-icontip,
.um-page-account .um-account-side li a.um-account-link .um-account-icon,
.um-page-account .um-account-side li a.um-account-link .um-account-arrow {
    display: none;
}

.um-page-account .um-account-main div.um-account-heading {
    color: #fff;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-weight: 400;
}

.um-page-account .um-account-main div.um-account-heading .um-faicon-user {
    display: none;
}
.um-page-account .um-account-main .um-field-label {
    margin-bottom: 2px;
}
.um-page-account .um-account-main .um-field-area {
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
}

.um-page-account .um-um_account_id.um .um-form input[type=text],
.um-page-account .um-um_account_id.um .um-form input[type=password],
.um-page-account .um-um_account_id.um .um-form textarea,
.um-page-account .um-um_account_id.um .upload-progress,
.um-page-account .select2-container .select2-choice,
.um-page-account .select2-drop,
.um-page-account .select2-container-multi
.um-page-account .select2-choices,
.um-page-account .select2-drop-active,
.um-page-account .select2-drop.select2-drop-above {
    border: none!important;
}

.um-page-account .um-account-main input[type=radio] {
    margin-right: 10px;
}

.um-page-account .um-account-main label {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
    color: #ecd180;
    font-family: 'TradeGothicLTPro-BdCn20';
    font-weight: 400;
}

.um-page-account .um-header {
    border: none;
}

.um-page-account .um-account-side .um-dropdown {
    background-color: transparent;
    border: none;
}

.um-page-account .um-account-side .um-dropdown ul li {
    background-color: #ecd180;
}

.um-page-account .um-account-side .um-dropdown ul li a,
.um-page-account .um-account-side .um-dropdown ul li a:active,
.um-page-account .um-account-side .um-dropdown ul li a:visited,
.um-page-account .um-account-side .um-dropdown ul li a:focus {
    color: #000;
    font-family: 'TradeGothicLTPro-BdCn20';
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;
    line-height: 32px;
    height: 32px;
    font-size: 17px;
}

.um-page-account .um-account-side .um-dropdown ul li a:hover {
    background-color: #ecd180;
}

.um-page-account .um-account-side .um-dropdown .um-dropdown-arr {
    color: #ecd180;
    top: -15px!important;
}


/* 404 */
.error404 .content {
    padding-top: 140px;
}

.error404 .content .sticker {
    width: 510px;
    height: 240px;
    box-sizing: border-box;
    margin: auto;
    background: #fff6db!important;
    color: #000;
    padding: 21px 30px 0 30px;
    text-align: center;
    border: 3px solid #000;
    outline: 15px solid #fff6db;
}

.error404 .content .sticker h1 {
    display: inline-block;
    font-family: 'MVB Mascot';
    font-size: 60px;
    color: #000;
    text-transform: capitalize;
    padding-top: 26px;
    border-bottom: 3px solid #000;
    line-height: 44px;
    padding-bottom: 8px;
}
.error404 .content .sticker h2 {
    font-size: 32px;
    line-height: 40px;
    font-family: 'TradeGothicLTPro-BdCn20';
    text-transform: uppercase;
    display: block;
    padding-top: 5px;
    color: #000;
}
.error404 .content .sticker p {
    font-family: 'TradeGothicLT';
    color: #000;
}

/* Soliloquy Slider CSS Override */

.soliloquy-container .soliloquy-caption-inside {
    padding:0!important;
}
.soliloquy-container .soliloquy-caption {
    width: 42%!important;
    height: 40%!important;
    min-height: 265px;
    overflow: hidden;
    margin: auto;
    background: #fff6db!important;
    color: #000;
    padding: 20px;
    top: 0;
    right: 0;
    text-align: center;
    border: 3px solid #000;
    outline: 7px solid #fff6db;
    position: relative;
}

.soliloquy-container .soliloquy-caption h1{
    font-family: 'tradegothicltpro-bdcn20';
    font-size: 28px;
    line-height: 38px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}

.soliloquy-container .soliloquy-caption h1:after {
    content: '';
    height: 3px;
    display: inline-block;
    background-color: #000;
    width: 100%;
    margin: 0;
    position: relative;
    top: -25px;
}
.soliloquy-container .soliloquy-caption h2 {
    font-family: 'MVB Mascot'!important;
    font-size: 26px;
    color: #000;
    padding: 0px 0px 30px 0px;
    text-transform: capitalize;
    position: relative;
    top: -17px;
    margin: 0;
    padding: 0;
}

.soliloquy-container .soliloquy-caption p {
    color: #000;
    font-family: 'TradeGothicLTPro-Cn18';
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    position: relative;
    top: -10px;
}

.soliloquy-container .soliloquy-caption a {
    font-family: 'tradegothicltpro-bdcn20';
    color: #fff6db!important;
    font-size: 14px;
    background: #000;
    text-transform: uppercase;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    padding: 12px 40px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.content .soliloquy-container .soliloquy-next {
    background: transparent url(images/big-arrow-right.svg) no-repeat 0 0;
    width: 38px;
    height: 72px;
    margin-top: -36px;
    right: 19px;
}

.content .soliloquy-container .soliloquy-prev {
    background: transparent url(images/big-arrow-left.svg) no-repeat 0 0;
    width: 38px;
    height: 72px;
    margin-top: -36px;
    left: 19px;
}

.content .soliloquy-container .soliloquy-pager-link:hover,
.content .soliloquy-container .soliloquy-pager-link.active {
    background-image: url("images/circle-hover.png");
}

.content .soliloquy-container .soliloquy-pager-link {
    background: url("images/circle.png") no-repeat scroll 0 0;
}

/* placeholder */
.uploadwrapper input::-webkit-input-placeholder {
    color: #777;
}
.uploadwrapper input::-webkit-input-placeholder {
    color: #777;
}
.uploadwrapper input:-moz-placeholder{
    color: #777;
}
.uploadwrapper input::-moz-placeholder {
    color: #777;
}
.uploadwrapper input:-ms-input-placeholder {
    color: #777;
}
.uploadwrapper textarea::-webkit-input-placeholder {
    color: #777;
}
.uploadwrapper textarea::-webkit-input-placeholder {
    color: #777;
}
.uploadwrapper textarea:-moz-placeholder{
    color: #777;
}
.uploadwrapper textarea::-moz-placeholder {
    color: #777;
}
.uploadwrapper textarea:-ms-input-placeholder {
    color: #777;
}

/* overwrite masonry */
.cont-id-0 {
    margin: 0!important;
}

/* WP User Avatar Plugin CSS Override */
.avatar-container{
    text-align: center;
    max-width: 240px;
    margin: 0 auto 50px auto;
}
.avatar-container .button {
    /*display: block;*/
    width: 100%;
    max-width: 240px;
    box-sizing: border-box;
}
.avatar-container .updated{
    background: #39B14E;
}
#wpua-undo-existing{
    display: none;
}

/* MY collection page container */
.my-collection{
    width: 70%!important;
}
/* Mailchimp plugin validation error color */
.mc4wp-alert mc4wp-error{
    color: red;
}
/* Comments avatar */
.comment-author .avatar{
    webkit-border-radius: none!important;
    -moz-border-radius: none!important;
    -ms-border-radius: none!important;
    -o-border-radius: none!important;
    border-radius: none!important;
}
/* Cookie Bar */

#cookie-law-info-bar{
    padding: 20px 0;
}
.cookies-left-bar{
    width: 18%;
    float: left;
    font-size: 35px;
    line-height: 40px;
    font-weight: bold;
}
.cookies-midde-bar{
    width: 60%;
    float: left;
    font-size: 18px;
    text-align: left;
    color: #BFBFBF;
    font-weight: bold;
    line-height: 25px;
}
.cookies-midde-bar a{
    color: #fff!important;
}
.cookies-right-bar{
    width: 18%;
    float: right;
    padding-top: 20px;
}
.cookies-right-bar a{
    background: #23a46c;
    padding: 15px 50px;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
}
.cookies-right-bar a:after{
    content: '\232A';
    padding-left: 0.5em;
}
/*==========  Mobile Devices  ==========*/

@media only screen and (max-device-width: 1070px){

    #main {
        padding: 0;
    }

    /* HEADER */

    .wf-wrap{
        padding:0!important;
    }
    .wf-table{
        width: 100%;
        height: 55px;
    }

    .wf-table .wf-td-column-1 {
        width: 85%;
        float: left;
    }
    .wf-table .wf-td-column-2 {
        width: 15%;
        float: left;
    }
    .wf-td-column-3 {
        display:none;
    }

	.menu-toggle {
		float: right;
		margin-right: 15px;
	}

    /* START SOCIAL BAR MOBILE */

    .detail-top{
        /*height: 800px;*/
        position: relative;
        width: 110%;
    }
    .detail-top .socialbar{
        position: absolute;
        right: 35px;
        top:20px;
        z-index: 999;
        text-align: center;
    }

    /* END SOCIAL BAR MOBILE */

    nav.top-navigation {
        display: none;
        margin: 55px 0 0 0;
        position: absolute;
        top: 0 !important;
        bottom: auto;
        left: 0;
        z-index: 40;
        background-color: #27282d;
        width: 100%;
        -webkit-box-shadow: 0 8px 6px -6px #515356;
        -moz-box-shadow: 0 8px 6px -6px #515356;
        box-shadow: 0 8px 6px -6px #515356;
    }

    nav.top-navigation ul {
      width: 100%;
    }

    nav.top-navigation ul li {
        display: block;
        margin:0;
        padding: 0;
        line-height: 43px;
        text-align: center;
    }

    .top-navigation ul li a {
        color: #ffffff;
    }

    .menu-toggle {
        display: block;
        background-color: transparent;
        padding:20px 0 0 0;
        font-size: inherit;
    }

    .fa-bars{
        color: #000;
    }

    #header.show-device-logo #branding {
        padding-top: 20px;
        padding-bottom: 0;
    }

    .logo-classic #branding, .logo-classic #dl-menu {
        text-align: left;
    }

    /* FOOTER */

    .subscribe-container{
        /*height: 170px;*/
        padding: 30px;
        text-align: left;
    }
    .newsletter-text div span{
        font-size: 30px;
    }
    .newsletter-text p {
        display: inherit;
        color: #000;
        text-align: left;
        padding-top: 20px;
    }
    .newsletter-form {
        width: 100%;
    }
    .subscribe-container input{
        width: 100%;
    }
    .footer-navigation {
        padding: 10px 0 38px 0;
    }
    .footer-navigation > ul > li{
        display: inherit;
        text-align: center;
        line-height: 25px;
    }
    .footer-text {
        line-height: 32px;
    }

    .footer .icons {
        margin: 30px 20px 15px 20px
    }
    .moti-logo {
        background: url(images/moti-logo-small.png) no-repeat top left;
        display: inline-block;
        height: 15px;
        width: 50px;
    }
    .vk-logo {
        background: url(images/volkskrant-logo-small.png) no-repeat top left;
        display: inline-block;
        height: 15px;
        width: 120px;
    }

    /* HOME PAGE */

    .sticky-holder .caption-holder {
        height: 50%;
        width: 60%;
        padding: 0;
    }
    .sticky-holder .caption-holder .caption .author_span {
        font-size: 20px;
    }
    .sticky-holder .caption-holder .caption .underline {
        padding: 0;
    }
    .sticky-holder .caption-holder .caption .title {
        font-size: 20px;
        padding-top: 5px;
    }
    .sticky-holder .caption-holder .caption .btn-div {
        padding-top: 5px;
        width: 100%;
    }
    .sticky-holder .caption-holder a {
        padding:5px 15px;
        font-size: 15px;
    }
    .grid-container {
        height: auto;
        padding-top: 15px;
    }
    .grid-column-left {
        width: 100%;
    }
    .grid-column-right {
        width: 100%;
    }
    .col-box {
		/* VUURSTEEN WIJZIGINGEN */
        width: 100% !important;
		left:0px !important;
		right:0px !important;
		margin-top: 0px !important;
		margin-left:0px !important;
		
        height: auto;
        position: static;
    }
    .right_info_box_1,
    .left_info_box_1{
        width: 60%;
        height: auto;
        position: static;
        margin-bottom: 10px;
    }
    .left_info_box_1{
        float: right;
    }

    .col-box a {
        position: relative;
    }

    /* FORM CSS */
    .element-input{
        width: 95%;
    }
    .input-large {
        width: 95%;
    }
    .input-label {
        width: 95%;
    }
    .dropdown-element{
        width: 95%;
    }
    .file-upl-element{
        background: #ebd180;
        padding: 10px;
        color: #ffffff;
        width: 91%;
    }
    .file-upl-btn{
        background: #ebebea;
        width: 95%;
        border: none;
        margin-top: 10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #000;
        padding: 2px;
        font-weight: normal;
    }
    .submit-btn{
        background: #ebd180;
        width: 95%;
        padding: 10px;
        color: #ffffff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .hr-line{
        width: 95%;
    }

    /* Sortable ******************/
    #sortable li {
        margin: 0 0 10px 0;
        height: 350px;
        background: #FFFFFF;
        /* border: 1px solid #999999; */
        /* border-radius: 5px; */
        color: #333333;
        width: 100%;
    }

    #sortable li span {
        background-color: #b4b3b3;
        background-image: url('images/drag.png');
        background-repeat: no-repeat;
        background-position: center;
        width: 97%;
        height: 30px;
        display: inline-block;
        float: left;
        cursor: move;
    }
    #sortable li img {
        width: 94%;
        height: 200px;
        border: 5px solid #cccccc;
        display: inline-block;
        float: left;
    }

    .image-bar-left{
        float: left;
        width: 100%;
    }

    .image-bar-middle{
        float: left;
        width: 85%;
    }

    .image-bar-right{
        float: left;
        width: 6%;
    }

    /* MEMBERS CSS */

    .um-list-column{
        width: auto;
        padding: 0;
    }
    #header.logo-classic .navigation-holder, #header.logo-center .navigation-holder {
        background: #27282d;
    }
    .sub-navigation {
        text-align: left;
    }
}

@media screen and (max-width: 480px) {
    body, p {
        font-size: 16px!important;
        line-height: 24px!important;
    }
    h1 {
        font-size: 24px;
    }

	.sub-navigation > ul > li > a:before{
		background-color: transparent;
	}

	.album-view-header .middle .album-details-author {
		font-size: 30px;
		line-height: 38px;
		padding: 0 0 0 15px;
	}


	.slider-wrapper .prev,
	.slider-wrapper .next {
		margin-top: 8px;
		opacity: 1;
	}


	.comments-area-right{
		margin-top: 27px;
		width: 100%;
		float: right;

		padding-left: 0;
		border-left: none;
	}


    .overlay-data {
        top: -13px;
    }
    .overlay-data .overlay-title {
        padding-left: 0;
        font-size: 16px;
    }
    .overlay-data .overlay-author {
        font-size: 16px;
    }
    .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
        right: -11px!important;
        top: -33px;
    }
    .mfp-img-mobile .mfp-counter {
        top: 45px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: none;
    }
    .show-mobile-logo #branding img.mobile-logo, .show-mobile-logo.show-device-logo #branding img.mobile-logo, .show-device-logo #branding img, .logo-side.show-device-logo #branding img, .logo-classic.show-device-logo #branding img, .logo-center.show-device-logo #branding img,
    #branding a img, #branding img {
        margin: -8px 0 0 15px;
        max-width: 170px;
    }
    .um-page-loggedin #branding img {
        margin: 10px 0 0 15px;
        max-width: 170px;
    }
    .um-114.um input[type=submit].um-button, .um-114.um input[type=submit].um-button:focus, .um-114.um a.um-button, .um-114.um a.um-button.um-disabled:hover, .um-114.um a.um-button.um-disabled:focus, .um-114.um a.um-button.um-disabled:active,
    .um-113.um input[type=submit].um-button, .um-113.um input[type=submit].um-button:focus, .um-113.um a.um-button, .um-113.um a.um-button.um-disabled:hover, .um-113.um a.um-button.um-disabled:focus, .um-113.um a.um-button.um-disabled:active {
        background: #ecd180!important;
        color: #000;
    }
    .um-114.um .um-button.um-alt, .um-114.um input[type=submit].um-button.um-alt,
    .um-113.um .um-button.um-alt, .um-113.um input[type=submit].um-button.um-alt {
        font-family: 'TradeGothicLTPro-BdCn20'!important;
        font-size: 20px!important;
        color: #000!important;
        text-transform: uppercase!important;
    }
    input[type="range"], input[type="password"], input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], select, textarea {
        padding: 5px 15px;
    }
    .page-template-template-add-gallery .primaryPostForm {
        overflow: hidden;
    }
    .page-template-template-add-gallery form#upl {
        width: 100%!important;
        top: 0!important;
    }
    .page-template-template-add-gallery .fileUplLabel {
        margin: 20px auto;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }
    .page-template-template-add-gallery .submit-btn {
        width: 100%;
    }
    .page-template-thankyou .content {
        padding-left: 35px;
        padding-right: 35px;
    }
    .fa-3x {
        font-size: 26px;
    }
    .menu-toggle {
        padding-top: 12px;
        margin-left: 10px;
    }
    .sticky-holder {
        display: none;
    }
    .newsletter-text {
        width: auto;
    }
    .top-navigation{
        padding: 13px 0 17px 0;
    }

    .sub-navigation > ul {
        float: none;
        padding-left: 15px;
    }
    .sub-navigation > ul > li.current_page_item > a:before,
    .sub-navigation > ul > li > a:active:before {
        display: none;
    }
    .nav-top-right {
        display: none;
    }
    .introtxt h1 {
        padding-left: 15px;
    }
    .detail-top {
        width: 100%;
    }
    .about .detail-top-content {
        position: static;
    }
    .detail-top-content img {
        height: auto;
    }
    .about .detail-top-content .title-block {
        width: 60%;
    }
    .about .detail-top .info-box-container {
        position: static;
        margin: 75px 0 0 0;
        box-sizing: border-box;
        width: 100%;
        padding: 20px;
    }
    .about .detail-top-content .title-block {
        top: 114px;
        height: 120px;
        padding-top: 17px!important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .about .detail-top-content .title-block span.title {
        font-size: 30px;
        line-height: 28px;
        padding-top: 0;
        padding-bottom: 8px;
    }
    .about .detail-top-content .title-block span.subtitle {
        font-size: 14px;
        padding-top: 10px;
        line-height: 18px;
    }
    .about .info-box-container .img-block.posleft img {
        right: 0;
        left: 0;
    }
    .about .info-box-container .img-block {
        margin: 33px 0 4px 0;
    }
    .about .info-box-container .img-block img {
        right: 0;
        width: 100%;
        height: auto;
    }
    .about .info-box-container .quote {
        max-width: inherit;
        margin: 30px;
        text-align: center;
    }
    .about .detail-top .info-box-container .quote p:first-child {
        font-size: 30px!important;
        line-height: 41px!important;
    }
    .about .detail-top .info-box-container .quote p:last-child {
        text-transform: inherit;
    }
    .about .info-box-container .ankeiler-block {
        margin-top: 46px;
    }
    .about .info-box-container .ankeiler-block .info-text-box {
        position: static;
        width: 100%;
    }
    .about .info-box-container .editorial-section .people img {
        margin-bottom: 12px;
    }
    .about .info-box-container .editorial-section .people strong {
        font-size: 20px;
        line-height: 24px;
    }
    .about .info-box-container .editorial-section .people {
        font-size: 10px;
        line-height: 16px;
    }
    .about .info-box-container .editorial-section .development .people:nth-child(1),
    .about .info-box-container .editorial-section .development .people:nth-child(2),
    .about .info-box-container .editorial-section .development .people:nth-child(3){
        position: static;
        text-align: left;
    }
    .about .info-box-container .editorial-section .development {
        padding-top: 0;
    }
    .about .info-box-container .editorial-section .development .people {
        width: 100%;
        font-size: 23px;
        line-height: 27px;
        margin-bottom: 25px;
    }
    .about .info-box-container .editorial-section .development .people strong span {
        margin-top: -3px;
    }

    .static-page  article {
        padding: 0 36px;
    }
    .static-page.contact .column:first-child,
    .static-page.contact .column:last-child {
        float: none;
        width: 100%;
        padding: 0;
    }
    .static-page.contact .column:last-child {
        display: none;
    }
    .static-page ul li, .static-page ol li {
        font-size: 16px;
        line-height: 24px;
        font-family: 'TradeGothicLT';
    }
    .page-template-template-portfolio-masonry .content > p {
        padding-top: 30px;
    }
    .page-template-template-portfolio-masonry .content p {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-template-template-portfolio-masonry .content p.author_name {
        padding-left: 0;
    }
    .page-template-template-portfolio-masonry .content .iso-container {
        padding: 20px 15px 40px 15px;
    }
    .um {
        margin-top: 10px;
    }
    .um-members {
        margin: 0 15px;
    }
    .um-members .um-member {
        margin-bottom: 20px;
        position: static!important;
        float: none;
        height: auto;
    }
    .um-member .sticky {
        margin: 30px 30px 25px 30px;
    }
    .sidebar-right .voting {
        padding: 0 37px;
    }
    .voting h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .voting .project-list-content {
        display: block;
    }
    .voting .project-list-content .post-title {
        float: none;
    }
    .layout-list .voting .post {
        margin-bottom: 20px;
    }
    .voting .project-list-content .post-header .watch-action {
        padding-right: 0;
        width: 100%;
        float: none;
        margin-top: -55px;
    }
    .voting .project-list-content .post-header .watch-action .watch-position {
        display: block;
        text-align: center;
        margin: -64px 0 0 0;
    }
    .voting .project-list-content .post-header .watch-action .action-like {
        float: none;
    }
    .voting .project-list-content h2.entry-title {
        display: block;
        text-align: center;
        margin-top: 46px;
        font-size: 18px;
    }
    .voting .project-list-content h3 {
        text-align: center;
        margin-top: 33px;
        font-size: 19px;
    }
    .voting .articles-list .dt_gallery .project-list-media a.rollover {
        display: block;
        text-align: center;
        width: 100%;
    }
    .voting .articles-list .dt_gallery .project-list-media a.rollover img {
        width: 220px;
        height: auto;
    }
    .album-details-title, .project-list-content h2.entry-title {
        font-size: 20px;
        line-height: 24px;
    }
    .album-details-author, .project-list-content h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .project-list-content h3 + p {
        font-size: 14px!important;
    }
    .likebtn .likeCounter,
    i.fa-heart.red {
        font-size: 25px;
    }
    .project-list-media .buttons-on-img {
        margin: 0 0 20px 0;
        width: 100%;
        height: 100%;
    }
    .sidebar-content {
        margin: 35px;
    }
    .um-page-login .content {
        padding-left: 36px;
        padding-right: 36px;
    }
    .uploadwrapper {
        width: 100%;
        padding: 38px 36px 20px 36px;
        box-sizing: border-box;
    }
    .uploadwrapper h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .dropdown-element {
        width: 100%;
    }
    .detail-top-content {
        position: static;
    }
    .detail-top .info-box-container {
        position: static;
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }
    .detail-top .info-box-container .title-block {
        height: 100px;
        border: 3px solid #000;
        outline: 7px solid #fff6db;
        padding-top: 19px;
        position: relative;
        z-index: 10;
        margin-top: -52px;
        width: 60%;
    }

    .detail-top .info-box-container .title-block h1 {
        font-size: 18px;
        line-height: 24px;
    }
    .detail-top .info-box-container .title-block h1:after {
        height: 3px;
        top: -15px;
    }
    .detail-top .info-box-container .title-block span {
        font-size: 23px;
    }
    .images-container {
        margin: 0 10px;
    }
    button.mfp-arrow.mfp-arrow-left {
        left: 1%;
    }
    button.mfp-arrow.mfp-arrow-right {
        right: 1%;
    }
    .mfp-img-mobile .mfp-title {
        font-size: 12px;
        max-width: 270px;
        position: relative;
        top: 5px;
    }
    .mfp-img-mobile .mfp-counter {
        padding: 4px 0 0 0;
        font-size: 15px;
    }
    .mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
        right: 4px;
    }
    .comments-area {
        padding: 0 16px 70px 16px;
        border-top: none;
    }
    .item-margin img {
        margin-bottom: 0;
    }
    .item-desc {
        padding-top: 8px;
        font-size: 14px!important;
        line-height: 18px!important;
    }
    .um-page-register .content {
        padding-left: 36px;
        padding-right: 36px;
    }
    .um-page-register .content h1, .um-page-login .content h1 {
        font-size: 18px;
        line-height: 24px;
    }
    .um-page-password-reset .um-password {
        padding: 30px 12px 120px 12px;
    }
    .profilepage {
        padding: 40px 15px 20px 15px;
    }
    .page-template-template-my-collection .content {
        margin: 40px 15px 20px 15px;
    }
    .page-template-template-my-collection .project-list-media {
        display: inline-block;
        vertical-align: top;
    }
    .page-template-template-my-collection .project-list-content {
        display: inline-block;
        vertical-align: top;
        width: 66%!important;
        padding-left: 15px;
        box-sizing: border-box;
    }
    .page-template-template-my-collection .project-list-content:before {
        display: none;
    }
    .page-template-template-my-collection .project-list-content h2 {
        margin-top: 0;
        font-size: 16px;
        line-height: 20px;
    }
    .page-template-template-my-collection .project-list-content h3 {
        position: relative;
        top: 0px;
        font-size: 16px;
        line-height: 20px;
    }
    .page-template-template-my-collection .project-list-content h3 + p {
        position: relative;
        top: 0px;
        font-size: 10px!important;
    }
    .page-template-template-my-collection .dt_portfolio {
        margin-bottom: 0px;
    }
    .page-template-template-my-collection .project-list-content .action-like {
        padding-top: 0;
        position: relative;
        top: 0px;
    }
    .page-template-template-my-collection .likebtn .likeCounter, .page-template-template-my-collection i.fa-heart.red {
        font-size: 18px;
    }
    .single-portfolio .dt_portfolio .images-container .dt-format-gallery > a {
        transform: translate3d(0px, 0px, 0px)!important;
        position: static!important;
        width: 100%;
    }
    .error404 .content {
        padding-top: 130px;
    }
    .error404 .content .error404 {
        padding: 0 30px;
    }
    .error404 .content .error404 .sticker {
        width: 100%;
        padding: 7px 20px 0 20px;
    }
    .error404 .content .error404 .sticker h1 {
        font-size: 46px;
    }
    .error404 .content .error404 .sticker h2 {
        font-size: 26px;
        line-height: 30px;
    }
    .profilepage .btnblock .real_url,
    .profilepage .btnblock .logout {
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 20px;
    }
    .um {
        padding: 0 15px;
    }
    .um-account-nav a {
        color: #fff!important;
    }
    div.uimob340 .um-account-tab,
    div.uimob500 .um-account-tab {
        overflow: hidden;
    }
    .um-page-account .um-account-meta img {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    .detail-top .socialbar {
        zoom: 0.8;
        right: 40px;
        z-index: 99;
    }
    .profilepage-collector {
        padding-left: 15px;
        padding-right: 15px;
    }
    .profilepage-collector .profile-image {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .profilepage-collector .profile-image img {
        width: 70%;
        display: inline-block;
    }
    .profilepage-collector .profile-info {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .profilepage-collector .profile-info .username {
        font-size: 35px;
    }
    .profilepage-collector .profile-info .profession {
        font-size: 15px;
    }
    .page-template-template-my-collection .content {
        min-height: 100px;
        margin-top: 0;
    }
    .profilepage-collector .profile-info .profile-links {
        position: inherit;
    }
    /* MY collection page container */
    .content.my-collection{
        width: 100%!important;
    }
    .um-page-members .um {
        padding: 0;
    }
    .introtxt {
        padding-bottom: 0;
    }
    .rollover-project-inner.col-box {
        margin-left: 0!important;
    }
    .slider-wrapper.related-projects {
        margin: 0 15px;
    }

    .slider-wrapper.related-projects .ts-wrap {
        height: 120px;
    }
    .slider-wrapper.related-projects .ts-viewport {
        width: 100%!important;
    }
    .slider-wrapper.related-projects .ts-viewport li {
        width: 80%!important;
    }
    .slider-wrapper.related-projects .ts-viewport li .rollover-project {
        width: 100%!important;
    }
    .slider-wrapper.related-projects .ts-viewport li .rollover-project a {
        height: auto!important;
    }
    .slider-wrapper.related-projects .ts-viewport li .rollover-project .info-label {
        display: none;
    }
    .slider-wrapper.related-projects .ts-viewport li .rollover-project .right-box {
        display: none;
    }
    .single-portfolio .dt-fancy-title {
        padding-left: 15px;
    }
}

@media screen and (min-width:481px) and (max-width: 1070px) {
	.wf-table{
		height: 80px;
	}

	.logo-center .navigation-holder > .wf-wrap,
	.logo-classic .navigation-holder > .wf-wrap,
	.logo-classic #branding {
		padding-left: 15px;
		padding-right: 0;
	}

	nav.top-navigation {
		margin: 80px 0 0 0;
	}

    .show-mobile-logo #branding img.mobile-logo, .show-mobile-logo.show-device-logo #branding img.mobile-logo, .show-device-logo #branding img, .logo-side.show-device-logo #branding img, .logo-classic.show-device-logo #branding img, .logo-center.show-device-logo #branding img {
        max-width: 200px;
        margin-left: 15px;
        margin-top: 10px;
    }
    .menu-toggle {
        float: right;
        margin-right: 15px;
    }
    button.mfp-arrow.mfp-arrow-left {
        left: 2%;
    }
    button.mfp-arrow.mfp-arrow-right {
        right: 2%;
    }
    .sticky-holder {
        margin: 15px 15px 50px 15px;
    }
    .grid-container {
        margin: 0 15px;
    }
    .detail-top-content {
        text-align: center;
    }
    .detail-top-content img {
        width: auto;
        height: 430px;
    }
    .detail-top {
        width: 100%;
    }
    .detail-top-content {
        right: 0;
    }
    .single .project-content {
        padding: 15px 0 0 0!important;
    }
    .detail-top .info-box-container {
        left: 0;
    }
    .detail-top .info-box-container .introtext, .detail-top .info-box-container .fulltext {
        padding: 0;
    }
    .about .detail-top .info-box-container {
        left: 0;
    }
    .about .info-box-container .ankeiler-block .info-text-box {
        right: -235px;
    }
    .images-container {
        margin: 0 15px;
    }
    .about .info-box-container .img-block.posleft img {
        left: -125px;
    }
    .about .info-box-container .img-block img {
        right: -125px;
    }
    .comments-area {
        padding: 60px 16px 70px 16px;
        border-top: none;
    }
    .logo-center nav, .logo-classic nav {
        padding-left: 15px;
    }
    .page-template-template-portfolio-masonry .content > p {
        padding: 20px 15px 10px 15px;
    }
    .page-template-template-portfolio-masonry .content .iso-container {
        padding: 10px 15px 15px 15px;
    }
    .um-members {
        margin: 30px 15px;
    }
    .um-member {
        margin-bottom: 30px;
    }
    .profilepage {
        padding: 40px 15px 20px 15px;
    }
    .um-page-user .info-text-box {
        max-width: 320px;
        margin: 20px auto 70px auto;
    }
    .page-template-template-my-collection .content {
        margin: 40px 15px 20px 15px;
    }
    .page-template-template-my-collection .project-list-media {
        display: inline-block;
        vertical-align: top;
    }
    .page-template-template-my-collection .project-list-content {
        display: inline-block;
        vertical-align: top;
        width: 68%!important;
    }
    .page-template-template-my-collection .project-list-content:before {
        display: none;
    }
    .page-template-template-my-collection .project-list-content h2 {
        margin-top: 0;
        font-size: 24px;
        line-height: 28px;
    }
    .page-template-template-my-collection .project-list-content h3 {
        position: relative;
        top: -15px;
    }
    .page-template-template-my-collection .project-list-content h3 + p {
        position: relative;
        top: -7px;
    }
    .page-template-template-my-collection .dt_portfolio {
        margin-bottom: 25px;
    }
    .page-template-template-my-collection .project-list-content .watch-action {
        width: auto;
    }
    .sidebar-right .voting .page-info {
        padding: 40px 15px 0 15px;
    }
    .page-template-template-portfolio-list .info-text-box {
        max-width: 320px;
        margin: 0 auto 70px auto;
    }
    .um-page-login .content {
        margin-left: 15px;
        margin-right: 15px;
    }
    .um-page-login .info-text-box {
        max-width: 320px;
        margin: 0 auto 70px auto;
    }
    .um-page-register .content {
        margin-left: 15px;
        margin-right: 15px;
    }
    .um-page-register .info-text-box {
        max-width: 320px;
        margin: 0 auto 70px auto;
    }
    .static-page {
        padding-left: 15px;
        padding-right: 15px;
    }
    .static-page.contact .column:last-child {
        padding-top: 4px;
    }
    .error404 .content .error404 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .uploadwrapper {
        width: 100%;
        padding: 38px 36px 20px 36px;
        box-sizing: border-box;
    }
    .uploadwrapper .dropdown-element {
        width: 100%;
    }
    div.uimob800 .um-account-side {
        width: 40%;
    }
    .profilepage-collector {
        padding-left: 15px;
        padding-right: 15px;
    }
    .profilepage-collector .profile-info {
        padding-left: 25px;
    }
    .introtxt {
        padding-left: 15px;
    }
    .sub-navigation {
        padding-bottom: 17px;
    }
    .sub-navigation .nav-top-right {
        display: none;
    }
    /* MY collection page container */
    .content.my-collection{
        width: 100%!important;
    }
    .about .detail-top-content .title-block {
        top: 304px;
    }
    .sub-navigation > ul > li.current_page_item > a:before, .sub-navigation > ul > li > a:hover:before {
        display: none;
    }
    .profilepage-collector .profile-info .btn {
        max-width: 230px;
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .soliloquy-container .soliloquy-wrapper {
        margin-top: 5px;
    }
    .soliloquy-container .soliloquy-pager, .soliloquy-container .soliloquy-caption, .soliloquy-container .soliloquy-controls-auto {
        display: block!important;
    }
    .soliloquy-container .soliloquy-caption {
        min-height: 148px;
        width: 75%!important;
        padding: 5px;
    }
    .soliloquy-container .soliloquy-caption h1 {
        font-size: 17px;
        line-height: 30px;
        margin-top: 5px;
    }
    .soliloquy-container .soliloquy-caption h2 {
        font-size: 20px;
    }
    .soliloquy-container .soliloquy-caption p {
        display: none;
    }
    .soliloquy-container .soliloquy-caption a {
        margin: 0 auto;
        width: 85%;
        bottom: 10px;
        font-size: 16px;
        padding: 8px 40px;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
    .content .soliloquy-container .soliloquy-next {
        background-size: 19px 36px;
        right: -9px;
        margin-top: -19px;
    }
    .content .soliloquy-container .soliloquy-prev {
        background-size: 19px 36px;
        left: 9px;
        margin-top: -19px;
    }
    .sticky-holder {
        margin-bottom: 42px;
    }
    .grid-container {
        margin: 0 15px;
    }
    .grid-container .col-box {
        margin-bottom: 13px;
    }
    .col-box > a {
        display: block;
    }
    .home .left {
        left: 14px;
        bottom: 6px;
    }
    .home .right {
        right: 20px;
        bottom: 17px;
    }
    .home .left .title {
        font-size: 16px;
        position: relative;
        top: 2px;
    }
    .home .left .author_name {
        font-size: 14px;
    }
    .like-count .likebtn {
        padding-left: 6px;
    }
    .like-count .imgcounter,
    .like-count .likebtn {
        font-size: 16px;
    }
    .like-count .imgcounter:after {
        background-position-y: 1px;
        background-size: 13px 13px;
    }
    .like-count .likebtn:after {
        background-position-y: 2px;
        background-size: 15px 13px;
    }
    .imgwrapper:hover:after {
        display: none;
    }
    .left_box_1 {
        margin-top: 7px;
    }
    .right_info_box_1, .right_info_box_1 .info, .left_info_box_1 {
        width: 100%;
        margin-bottom: 23px;
        max-width: inherit;
    }
    .newsletter-form .name {
        width: 100%;
    }
    .newsletter-form .email {
        width: 100%;
    }
    .newsletter-form button {
        width: 100%;
    }
    .footer-navigation > ul > li {
        line-height: 40px;
    }
}

@media screen and (min-width:641px) and (max-width: 1069px) {
    .soliloquy-container .soliloquy-caption {
        padding: 15px;
    }

    .soliloquy-container .soliloquy-caption h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .soliloquy-container .soliloquy-caption h2 {
        font-size: 25px;
    }
    .soliloquy-container .soliloquy-caption p {
        padding: 0;
    }
    .soliloquy-container .soliloquy-caption a {
        margin: 0 auto;
        width: 85%;
        bottom: 15px;
    }
    .grid-container .col-box {
        margin-bottom: 40px;
    }
    .col-box {
        position: static;
    }
    .col-box > a {
        display: block;
    }
    .footer-navigation > ul > li {
        display: inline-block;
        margin: 0 8px;
    }
    .detail-top-content {
        position: static;
    }
}

@media screen and (max-width: 760px){
	.mfp-image-holder .mfp-content {
		transform: scale(0.8);
	}

	.overlay-data {
		position: relative;
		top: -10px;
	}

	.mfp-img-mobile .mfp-counter {
		right: 10px;
		top: 3px;
	}
}

@media screen and (min-width: 1070px) {
    /*.mfp-container:before {*/
        /*height: 0%;*/
    /*}*/
    .mfp-image-holder .mfp-content {
        max-width: 55%;
    }
    .mfp-image-holder .mfp-content .mfp-figure img {
    }

    .top-navigation ul li:first-child {
        padding-left: 17px;
    }
    .project-slider p {
        width: 65%;
    }

}

@media screen and (min-width: 800px) {
    /* grid variants */
    .wf-cell {
        padding: 5px !important;
    }

    .pdl article .variant_a, .pdl .variant_a {
        width: 100%;
        padding-top: 1%;
        float: right;
    }
    .pdl article .variant_b, .pdl .variant_b {
        width: 70%;
        padding-top: 3%;
        float: right;
    }
    .pdl article .variant_c, .pdl .variant_c {
        width: 75%;
        padding-top: 7%;
        float: right;
    }
    .pdl article .variant_d, .pdl .variant_d {
        width: 80%;
        padding-top: 10%;
        float: right;
    }
    .pdr article .variant_a, .pdr .variant_a {
        width: 70%;
        padding-top: 5%;
        float: left;
    }
    .pdr article .variant_b, .pdr .variant_b {
        width: 100%;
        padding-top: 3%;
        float: left;
    }
    .pdr article .variant_c, .pdr .variant_c {
        width: 85%;
        padding-top: 2%;
        float: left;
    }
    .pdr article .variant_d, .pdr .variant_d {
        width: 75%;
        padding-top: 8%;
        float: left;
    }

    .pdl {
        text-align: right;
    }

    .post-class {
        padding: 5% 0 5% 0;
    }


    /* login */
    .um-page-login .um-login .um-center .um-button {
        margin-top: -52px;
    }

    /* search */
    .search .searchform {
        max-width: 100%;
    }

}

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

    /* Cookie Bar */
    .cookies-left-bar{
        width: 100%;
    }
    .cookies-midde-bar{
        width: 100%;
        text-align: center;
    }
    .cookies-right-bar{
        width: 100%;
    }
}

.um-114.um{
	float: none !important;
}