.tidy,
.widget-mood-board:after, 
.mood-board-image-grid:after,
.mood-board-meta:after,
.submit_mood_board .row:after,
.form-mood-board:after,
.mood-board-meta .row1:after,
.search-catologue:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

.widget-mood-board { position: relative; padding: 45px 72px; min-height: 400px; }



.button-mb-filter-show-hide { 
	transform: rotate(90deg); 
	transform-origin: 0 0;

	padding: 10px 20px 10px 20px;

	position: absolute; 
	right: -197px; 
	top: 0;

	background: #014399; 
	color: #fff;

	font-family: 'Oswald' !important;
	text-transform: uppercase;
	font-size: 28px;
	display: block;
}
.button-mb-filter-show-hide:hover { text-decoration: none; color: #fff; }

.button-mb-filter-show-hide span { padding: 0 0 0 5px; }


.page-mood-board #content_wrapper,
.page-mood-board #content_wrapper .inner .inner_wrapper.fullwidth { width: 100%; }

.mood-board-image-grid { padding: 10px 0; }
.mood-board-image-grid .mood-board-image-item { max-width: 12.5%; float: left; }
.mood-board-image-grid .mood-board-image-item img { display: block; cursor: pointer; }
.mood-board-image-grid .mood-board-image-item > .inner { padding: 10px; box-sizing: border-box; position: relative; width: auto !important; }
.mood-board-image-grid .mood-board-image-item > .inner .mood-board-like { text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc; position: absolute; bottom: 25px; right: 25px; font-size: 23px; color: #000; }
.mood-board-image-grid .mood-board-image-item > .inner .mood-board-like:hover { text-decoration: none; }
.mood-board-image-grid .mood-board-image-item > .inner .mood-board-like.active { color: #e14242; } 

.button-mb-request { font-family: 'Oswald' !important; background: #014399; color: #fff; text-transform: uppercase; font-size: 22px; line-height: 1.2; text-align: center; display: inline-block; padding: 7px 20px; margin: 0 3px 10px; }
.button-mb-request:hover { background: #014399; color: #fff; text-decoration: none; }
.button-mb-request.disabled { background: #cbcbcb; }

.button-mb-clear-likes { margin: 0 3px 10px; font-family: 'Oswald' !important; background: #014399; color: #fff; text-transform: uppercase; font-size: 22px; line-height: 1.2; text-align: center; display: inline-block; padding: 7px 20px; }
.button-mb-clear-likes:hover { background: #014399; color: #fff; text-decoration: none; }
.button-mb-clear-likes.disabled { background: #cbcbcb; }


.button-mb-submit { font-family: 'Oswald' !important; background: #014399; color: #fff; text-transform: uppercase; font-size: 24px; line-height: 1.2; text-align: center; display: inline-block; padding: 5px 20px; }
.button-mb-submit:hover { background: #014399; color: #fff; text-decoration: none; }

.button-mb-clear-filters { margin: 0 3px 10px; font-family: 'Oswald' !important; background: #014399; color: #fff; text-transform: uppercase; font-size: 22px; line-height: 1.2; text-align: center; display: inline-block; padding: 7px 20px; }
.button-mb-clear-filters:hover { background: #014399; color: #fff; text-decoration: none; }

.button-mb-add-more { display: inline-block; padding: 0 0 20px 0; }

.fancybox-content { background: none; }

.mood-board-filters { background: #014399; color: #fff; width: 450px; position: fixed; left: -450px; top: 30%; z-index: 10; transition-duration: 0.5s; transition-delay: 0s; }
.mood-board-filters.active { left: 0px; }
.mood-board-filters > .inner { padding: 10px 10px 20px 10px; width: auto !important; overflow-y: auto; max-height: 355px; margin: 10px !important; }
.mood-board-filters ul { margin: 0 !important; padding: 10px 0 20px; }
.mood-board-filters ul > li { padding: 5px 10px; }
.mood-board-filters ul > li a { color: #fff; font-size: 16px; display: block; padding: 3px 0; }
.mood-board-filters ul > li a.active { color: #fde32d; }
.mood-board-filters ul > li a:hover { text-decoration: none; }
.mood-board-filters ul > li a span { color: #fff; padding: 0 0 0 10px; font-family: 'Oswald'; }

.mood-board-filters h2 { margin: 0; font-family: 'Oswald' !important; color: #fff; text-transform: uppercase; font-size: 28px; text-align: center; display: block; padding: 5px 0;}
.button-mb-filter-apply { font-family: 'Oswald' !important; color: #000; text-transform: uppercase; font-size: 24px; line-height: 1.2; text-align: center; display: inline-block; padding: 5px 20px; background: #fff; }
.button-mb-filter-apply:hover { text-decoration: none; color: #fff; background: #000; }

.mood-board-meta { font-family: 'Open Sans' !important; font-size: 16px; max-width: 960px; margin: auto; padding: 0 10px; }
.mood-board-meta .col1 { width: auto; float: right; min-height: 40px; text-align: center; }
.mood-board-meta .col2 { width: auto; float: right; min-height: 40px; text-align: center; }
.mood-board-meta .col3 { width: auto; float: right; min-height: 40px; text-align: center; }
.mood-board-meta .col4 { width: auto; float: right; min-height: 40px; text-align: center; }

.search-catologue { padding: 20px 5px; margin: 0 auto 20px auto; background: #014399; color: #fff; text-align: center; max-width: 950px; }
.search-catologue a,
.search-catologue a:hover { color: #fff; text-decoration: underline; }
.search-catologue input[type=text] { width: 100%; }

.search-catologue .col1 { float: left; width: 25%; text-align: right; padding: 7px 0 0 0; min-height: auto; }
.search-catologue .col2 { float: left; width: 50%; text-align: center; }
.search-catologue .col2 .inner { padding: 0 20px; box-sizing: border-box; }
.search-catologue .col3 { float: left; width: 25%; text-align: left; padding: 7px 0 0 0; }
.search-catologue .col3 a { display: inline-block; }
.search-catologue a.button-mb-clear-filters { padding: 0; }


.mood-board-message {
	font-family: 'Oswald' !important;
	font-size: 22px;
	text-align: center;
	background: #014399;
	color: #fff;
	width: 500px;
    padding: 20px 30px 20px;
}

.mood-board-image {
	font-family: 'Oswald' !important;
	font-size: 22px;
	text-align: center;
	background: #03304c;
	color: #fff;
	width: auto;
    padding: 20px 30px 20px;
}


.submit_mood_board { font-size: 16px; max-width: 1200px; margin: auto; padding: 0 10px; }

.submit_mood_board form.form-mood-board > .col1,
.submit_mood_board form.form-mood-board > .col2 { float: left; width: 50%; }

.submit_mood_board .mood-board-meta { display: none; }
.submit_mood_board .row { margin: 0; padding: 0 0 5px 0; }
.submit_mood_board .row .col1 { float: left; width: 35%; }
.submit_mood_board .row .col2 { float: left; width: 65%; }

.submit_mood_board .row .col1 .inner { padding: 14px 5px 0 0; width: auto !important; }
.submit_mood_board .row .col2 .inner { padding: 5px 0; width: auto !important; }

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

.submit_mood_board input[type=text],
.submit_mood_board textarea { width: 100%; max-width: none; box-sizing: border-box; font-family: tahoma, arial, helvetica, sans-serif; font-size: 16px; }

.submit_mood_board .mood-board-image-grid { padding: 0; margin: 0 40px 0 0; background: #f1f1f1; }
.submit_mood_board .mood-board-image-grid .mood-board-image-item { max-width: 50%; }

.create_mood_board input[type=text] { box-sizing: border-box; font-family: tahoma, arial, helvetica, sans-serif; font-size: 16px; padding: 10px 10px 9px; }

.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }

.input-error { padding: 5px; margin: 5px 0 0 0; background: #ffbbbb; border: solid 1px #ff9b9b; font-size: 14px; color: #000; } 

.message-ok { padding: 5px; margin: 5px 0 0 0; background: #d3f3bb; border: solid 1px #80c75d; font-size: 16px; color: #000; }
.message-ng { padding: 5px; margin: 5px 0 0 0; background: #ffbbbb; border: solid 1px #ff9b9b; font-size: 16px; color: #000; }


span.mandatory { color: #eb0000; }

@media only screen 
and (max-width : 1920px) {
	
.widget-mood-board {}
.mood-board-image-grid .mood-board-image-item { max-width: 16.666%; }
	
}

@media only screen 
and (max-width : 1440px) {
	
.widget-mood-board {}
.mood-board-image-grid .mood-board-image-item { max-width: 25%; }
	
}


@media only screen 
and (max-width : 960px) {
	
.widget-mood-board { padding: 0px 0px 45px; }
.mood-board-image-grid .mood-board-image-item { max-width: 33.333%; }

.button-mb-clear-likes,
.button-mb-request,
.button-mb-submit { font-size: 18px; }
.button-mb-filter-show-hide { font-size: 20px; right: -159px; }
.mood-board-filters h2 { font-size: 20px; }
.mood-board-filters ul > li a { font-size: 16px; }
.button-mb-filter-apply { font-size: 18px; }
.mood-board-filters { width: 70%; left: -70%; }

.mood-board-meta .col1,
.mood-board-meta .col2 { width: 100%; float: none; text-align: center; }

	
}

@media only screen 
and (max-width : 767px) {
	
.page-mood-board .ppb_header.fullwidth { margin: 0 30px; }
	
.widget-mood-board {}
.mood-board-image-grid .mood-board-image-item { max-width: 50%; }

.submit_mood_board .mood-board-image-grid { margin: 0 0 20px 0; }

.mood-board-filters { width: 80%; left: -80%; top: 20%; }
.mood-board-filters.active { }

.mood-board-filters > .inner { max-height: 350px; }

.submit_mood_board form.form-mood-board > .col1, 
.submit_mood_board form.form-mood-board > .col2 { width: 100%; float: none; }

.submit_mood_board .row .col1,
.submit_mood_board .row .col2 { width: 100%; float: none; }

.submit_mood_board .row .col1 .inner { padding: 5px 0 0 0; }

.mood-board-meta .row1 .col1,
.mood-board-meta .row1 .col2,
.mood-board-meta .row1 .col3 { float: none; width: 100%; min-height: auto; }

.search-catologue { padding: 10px 5px; }

.search-catologue .col1,
.search-catologue .col2,
.search-catologue .col3 { float: none; width: 100%; text-align: center; padding: 0 0 5px 0; }
	
.search-catologue .col3 { padding: 0; } 
}

@media only screen 
and (max-width : 480px) {
	
.mood-board-image-grid .mood-board-image-item { max-width: 50%; }
		
}