<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*====================================*\
	RESET
\*====================================*/
* {
	margin: 0px;
	padding: 0px;
}
img {
	-ms-interpolation-mode: bicubic;
}
img, object, iframe {
	vertical-align: top;
	border-style: none;
}
input[type=text], input[type=password], select, textarea, input[type=checkbox], input[type=radio], input[type=submit], input[type=reset], input[type=button], button {
	font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, input[type=submit]:focus, button:focus {
	outline: 0 none;
}
input[type=submit], input[type=reset], button {
	width: auto;
	max-width: auto;
	overflow: visible;
	border: none;
}
input::-moz-focus-inner, button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: none;
}
label, select, input[type=checkbox], input[type=radio], input[type=file], input[type=submit], input[type=reset], input[type=button], button {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
a {
	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*:focus {
    outline: none;
}
/*====================================*\
	FORM ELEMENTS
\*====================================*/
input[type=text], input[type=password], textarea {
	background-color: #fff;
	border: 2px solid #dee1e3;
	color: #667686;
	font-size: 15px;
	font-weight: bold;
	padding: 9px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: border-color 0.25s linear;
	-webkit-transition: border-color 0.25s linear;
	-moz-transition: border-color 0.25s linear;
	-ms-transition: border-color 0.25s linear;
	-o-transition: border-color 0.25s linear;
}
textarea {
	height: 76px;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color: #df4a37;
}
input[type=checkbox], input[type=radio] {
	display: none;
}
/*	select */
.sbHolder {
	display: inline-block;
	background-color: #d7dcde;
	color: #667686;
	font-size: 15px;
	font-weight: bold;
	min-width: 195px;
	height: 41px;
	vertical-align: top;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: background-color .27s linear;
	-webkit-transition: background-color .27s linear;
	-moz-transition: background-color .27s linear;
	-ms-transition: background-color .27s linear;
	-o-transition: background-color .27s linear;
}
.sbHolder-open {
	background-color: #f0f2f3;
}
.sbHolder:focus .sbSelector {
}
.sbSelector {
	height: 41px;
	line-height: 17px;
	padding: 12px 54px 12px 12px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #667686;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sbSelector:hover {
	color: #667686;
}
.sbToggle {
	width: 42px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../images/selectbox-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #e7ebec;
}
.sbToggle:hover {
}
.sbToggleOpen {
}
.sbToggleOpen:hover {
}
.sbHolderDisabled {
}
.sbHolderDisabled .sbHolder {
}
.sbHolderDisabled .sbToggle {
}
.sbOptions {
	background-color: #fff;
	border: 2px solid #dee1e3;
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	left: 0;
	position: absolute;
	top: 48px !important;
	width: 100%;
	max-height: 196px !important;
	z-index: 1;
	overflow-y: auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sbOptions li {
}
.sbOptions li.createboard {
	padding: 10px;
}
.sbOptions li.createboard input[type=text] {
	width: 195px;
	float: left;
}
.sbOptions li.createboard button {
	float: right;
	margin-left: 0;
}
.sbOptions li a {
	padding: 6px 10px 8px;
	display: block;
	color: #566573;
}
/* icons */
.sbOptions li a span {
	background-size: 14px 16px;
	display: block;
	float: right;
	width: 14px;
	height: 16px;
	margin-left: 1px;
}
.sbOptions li a span.icon-secret {
	background-image: url(../images/padlock.png);
	background-position: right center;
	background-repeat: no-repeat;
}
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
	background-color: #e74c3c;
	color: #fff;
}
.sbOptions .sbDisabled {
	padding: 6px 10px 8px;
	display: block;
	color: #acb5be;
}
.sbOptions .sbGroup {
}
.sbOptions .sbSub {
}
.sbOptions li .selectbox-in-selectbox {
	line-height: 17px;
	padding: 9px;
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #dee1e3;
	font-weight: bold;
	color: #667686;
}
/* checkbox */
.checkbox {
	height: 20px;
	display: inline-block;
}
.checkbox .icon {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../images/bg-checkbox.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.checkbox:hover .icon {
	background-position: left -90px;
}
.checkbox input[type=checkbox]:checked + .icon {
	background-position: left bottom;
}
.checkbox .chtext {
	float: left;
	margin-left: 10px;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
}
/*	radio */
.radio {
	height: 20px;
	display: inline-block;
}
.radio .icon {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../images/bg-radio.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.radio:hover .icon {
	background-position: left -90px;
}
.radio input[type=radio]:checked + .icon {
	background-position: left bottom;
}
.radio .rtext {
	float: left;
	margin-left: 10px;
	line-height: 20px;
	font-size: 15px;
	font-weight: bold;
}
/*	checkbox slider */
.checkbox-slider {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: 900;
	vertical-align: top;
}
.checkbox-slider input[type=checkbox] {
	display: none;
}
.checkbox-slider label {
	display: inline-block;
	overflow: hidden;
	width: 72px;
	height: 21px;
	background-color: #d7dcde;
	padding: 4px;
	border-radius: 29px;
	-webkit-border-radius: 29px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	transition: background-color .1s ease-out;
	-webkit-transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out;
	-ms-transition: background-color .1s ease-out;
	-o-transition: background-color .1s ease-out;
}
.checkbox-slider label span {
	display: inline-block;
	position: relative;
	width: 21px;
	height: 21px;
	background-color: #7c8792;
	margin-left: 0;
	border-radius: 21px;
	-webkit-border-radius: 21px;
	transition: margin-left .27s ease-out;
	-webkit-transition: margin-left .27s ease-out;
	-moz-transition: margin-left .27s ease-out;
	-ms-transition: margin-left .27s ease-out;
	-o-transition: margin-left .27s ease-out;
}
.checkbox-slider label span:after {
	position: absolute;
	content: "OFF";
	width: 51px;
	text-align: center;
	top: 0;
	left: 21px;
	padding-top: 2px;
}
.checkbox-slider label span:before {
	position: absolute;
	content: "ON";
	width: 51px;
	text-align: center;
	top: 0;
	right: 21px;
	padding-top: 2px;
}
.checkbox-slider input[type=checkbox]:checked + label {
	background-color: #c54133;
}
.checkbox-slider input[type=checkbox]:checked + label span {
	background-color: #ec7063;
	margin-left: 51px;
}
/*	input file */
.input-file {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
}
.input-file input[type=text] {
	float: left;
	border-radius: 5px 0 0 5px;
	border-right: none;
}
.input-file .button {
	float: left;
	position: relative;
	z-index: 1;
	border-radius: 0 5px 5px 0;
}
.input-file input[type=file] {
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	z-index: 2;
	min-width: 100%;
	min-height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
/*	sizes */
.middle {
	width: 245px;
}
.large, .large + .sbHolder {
	width: 524px;
}
.large + .sbHolder {
	width: 546px;
}
.full {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*	error fields */
.error-field {
	border-color: #df4a37 !important;
}
/*	inputs with icons */
.icon-input-user {
	background-image: url(../images/icon-input-user.png);
	background-repeat: no-repeat;
	background-position: 97% 10px;
	padding-right: 35px !important;
}
.icon-input-email {
	background-image: url(../images/icon-input-email.png);
	background-repeat: no-repeat;
	background-position: 97% 12px;
	padding-right: 35px !important;
}
.icon-input-password {
	background-image: url(../images/icon-input-password.png);
	background-repeat: no-repeat;
	background-position: 97% 9px;
	padding-right: 35px !important;
}
/*====================================*\
	TITLES
\*====================================*/
.title-1 {
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
}
.title-2 {
	font-size: 21px;
	line-height: 25px;
	font-weight: 900;
}
.title-3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}
.title-4 {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}
.title-5 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.title-6 {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}
.title-7 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #e74c3c;
	padding-top: 10px;
	padding-bottom: 11px;
	padding-right: 15px;
	padding-left: 15px;
}
.title-8 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #e74c3c;
	background-color: #e7ebec;
	padding-top: 10px;
	padding-bottom: 11px;
	padding-right: 20px;
	padding-left: 20px;
}
.title-9 {
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
}
.title-10 {
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	text-align: center;
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	padding: 7px 20px 10px;
}
.title-11 {
	font-size: 38px;
	line-height: 52px;
	font-weight: bold;
}
.title-12 {
	font-size: 23px;
	line-height: 22px;
	font-weight: normal;
}
.title-13 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	background-color: #f1f3f4;
	padding-top: 10px;
	padding-bottom: 11px;
	padding-right: 15px;
	padding-left: 15px;
}
/*====================================*\
	COLORS
\*====================================*/
.color-1 {
	color: #7c8792;
}
.color-2 {
	color: #b0b7bb;
}
.color-3 {
	color: #667686;
}
.color-4 {
	color: #e74c3c;
}
.color-5 {
	color: #fff;
}
.color-6 {
	color: #808080;
}
.color-7 {
	color: #1abc9c;
}
.color-8 {
	color: #bfc5ca;
}
.color-9 {
	color: #fbaf5d;
}
.color-10 {
	color: #e7ebec;	
}
/*====================================*\
	BACKGROUND COLORS
\*====================================*/
.bgcolor-1 {
	background-color: #fff;
}
.bgcolor-2 {
	background-color: #e74c3c;
}
.bgcolor-3 {
	background-color: #1abc9c;
}
.bgcolor-4 {
	background-color: #fbaf5d;
}
/*====================================*\
	BORDER COLORS
\*====================================*/
.border-color-1 {
	border-color: #c54133;
}
.border-color-2 {
	border-color: #00a69c;
}
.border-color-3 {
	border-color: #f59936;
}
/*====================================*\
	TEXT
\*====================================*/
.meta-text {
	font-size: 13px;
	line-height: 15px;
	color: #b0b7bb;
	font-family: Arial, Helvetica, sans-serif;
}
.meta-text-2 {
	font-size: 12px;
	line-height: 16px;
	color: #b0b7bb;
	font-weight: bold;
}
.disabled-text {
	font-size: 13px;
	line-height: 17px;
	color: #b0b7bb;
}
/*====================================*\
	BUTTONS
\*====================================*/
.button {
	display: inline-block;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding: 12px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}
/*	sizes */
.button-size-small {
	font-size: 13px;
	line-height: 13px;
	padding: 10px 20px;
}
.button-size-large {
	font-size: 17px;
	line-height: 17px;
	padding: 13px 20px;
}
/*	colors */
.button-color-1 {
	background-color: #e74c3c;
	border: 1px solid #e74c3c;
	color: #fff;
}
.button-color-1:hover {
	background-color: #ec7063;
	border-color: #ec7063;
	color: #fff;
}
.button-color-2 {
	background-color: #d7dcde;
	border: 1px solid #d7dcde;
	color: #667686;
}
.button-color-2:hover {
	background-color: #f0f2f3;
	border-color: #f0f2f3;
	color: #667686;
}
.button-color-3 {
	background-color: #d7dcde;
	border: 1px solid #d7dcde;
	color: #fff;
}
.button-color-3:hover {
	background-color: #eceff0;
	border-color: #eceff0;
	color: #fff;
}
.button-color-4 {
	background-color: #3b5998;
	border: 1px solid #3b5998;
	color: #fff;
}
.button-color-4:hover {
	background-color: #3b5998;
	border-color: #3b5998;
	color: #fff;
}
.button-color-5 {
	background-color: #00bff3;
	border: 1px solid #00bff3;
	color: #fff;
}
.button-color-5:hover {
	background-color: #00bff3;
	border-color: #00bff3;
	color: #fff;
}
.button-color-6 {
	background-color: #1abc9c;
	border: 1px solid #1abc9c;
	color: #fff;
}
.button-color-6:hover {
	background-color: #34ceaf;
	border-color: #34ceaf;
	color: #fff;
}
.button-color-7 {
	background-color: #fbaf5d;
	border: 1px solid #fbaf5d;
	color: #fff;
}
.button-color-7:hover {
	background-color: #ffc17f;
	border-color: #ffc17f;
	color: #fff;
}
/*	colors disabled */
.button-color-1[disabled], .button-color-2[disabled], .button-color-3[disabled] {
	background-color: #f0f2f3;
	border-color: #f0f2f3;
	color: #d7dcde;
	cursor: default;
}
/* 	button more*/
.button-more {
	display: inline-block;
	text-indent: -50000px;
	overflow: hidden;
	background-image: url(../images/icon-more.png);
	background-position: left top;
	width: 22px;
	height: 26px;
}
/*	social buttons */
.button-facebook {
	background-image: url(../images/icon-soc-facebook.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 29px;
	font-size: 13px;
	line-height: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button-twitter {
	background-image: url(../images/icon-soc-twitter.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 38px;
	font-size: 13px;
	line-height: 13px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*	scroll to top */
.scrolltotop {
	/*display: inline-block;*/
	display:none;
	min-width: 110px;
	min-height: 51px;
	background-color: #e74c3c;
	border: 2px solid #e74c3c;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	background-image: url(../images/scrolltotop-arrow.png);
	background-repeat: no-repeat;
	background-position: center -153px;
	padding-top: 59px;
	border-radius: 110px;
	-webkit-border-radius: 110px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1000;
	transition: bottom .2s linear, background-color .2s linear, border .2s linear;
	-webkit-transition: bottom .2s linear, background-color .2s linear, border .2s linear;
	-moz-transition: bottom .2s linear, background-color .2s linear, border .2s linear;
	-ms-transition: bottom .2s linear, background-color .2s linear, border .2s linear;
	-o-transition: bottom .2s linear, background-color .2s linear, border .2s linear;
}
.scrolltotop:hover {
	background-position: center 29px;
	background-color: #fff;
	border: 2px solid #dee1e3;
	color: #7c8792;
	bottom: 38px;
}
.button-next {
	background-image: url(../images/arrow-3.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 10px;	
}
.button-prev {
	background-image: url(../images/arrow-2.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 10px;	
}
/*	close */
.button-close {
	display: inline-block;
	width: 13px;
	height: 13px;
	background-image: url(../images/icon-close.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -50000px;
	overflow: hidden;
}
/*	report */
.button-report {
	display: inline-block;
	width: 6px;
	height: 12px;
	background-image: url(../images/icon-report.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -50000px;
	overflow: hidden;
}
/*	report */
.button-remove {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../images/icon-comment-remove.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -50000px;
	overflow: hidden;
}
/* button qmark	*/
.button-qmark {
	display: inline-block;
	width: 26px;
	height: 26px;
	border: 2px solid #fff;
	text-indent: -50000px;
	background-color: #e5e5e5;
	background-image: url(../images/icon-qmark.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
/*	button gallery */
.button-gallery {
	background-color: #e7ebec;
	border-color: #e7ebec;
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 0;
	min-width: 21px;
	min-height: 14px;
	border-radius: 0;
	-webkit-border-radius: 0;
	transition: background-color 0.2s ease-out;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;	
}
.button-gallery:hover {
	background-position: -35px center;
	background-color: #e74c3c;
	border-color: #e74c3c;	
}
.button-gallery-prev {
	background-image: url(../images/arrow-6.png);	
}
.button-gallery-prev:hover {
	background-position: -36px center;	
}
.button-gallery-next {
	background-image: url(../images/arrow-5.png);	
}

/*====================================*\
	GENERAL CLASSES
\*====================================*/
.clearfix {
 *zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.invisible {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
.tleft {
	text-align: left;
}
.center {
	text-align: center;
}
.tright {
	text-align: right;
}
.fixed {
	position: fixed;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.block {
	display: block !important;
}
.table {
	display: table;
	width: 100%;
}
.radius {
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.radius-2 {
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
}
.width-300 {
	width: 300px !important;
}
.padding-0 {
	padding: 0;
}
.padding-1 {
	padding: 10px;
}
.padding-2 {
	padding: 20px;
}
.padding-3 {
	padding: 30px;
}
.padding-3 {
	padding: 25px 30px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-4 {
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-top-90 {
	padding-top: 90px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-top-negative-60 {
	margin-top: -60px;
}
.no-mtop {
	margin-top: 0 !important;
}
.no-strong {
	font-weight: normal !important;
}
.underline {
	text-decoration: underline;
}
.fadeIn {
	opacity: 1 !important;
	visibility: visible !important;
}
.overflowhidden {
	overflow: hidden;
	position: relative;
}
.text-transparent {
	color: transparent !important;
}
/*====================================*\
	MAIN
\*====================================*/
body {
	font-family: 'Lato', sans-serif;
	color: #404040;
	background-color: #ededed;
	background-image: url(../images/bg.png);
	padding-bottom: 50px;
	overflow-x: hidden;
}
body.body-welcome {
	background-image: url(../images/landing/bg-1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 0 !important;
}
body.pad-1 {
	padding-top: 60px;
}
[data-disabled=true] {
 cursor: default;
}
a {
	color: #667686;
}
a:hover {
	color: #e74c3c;
}
/*	main menu */
.menu ul {
	font-size: 18px;
	line-height: 22px;
	color: #b0b7bb;
	font-weight: bold;
	list-style-type: none;
}
.menu ul li {
	float: left;
}
.menu ul li label {
	display: block;
	height: 60px;
	background-repeat: no-repeat;
}
.menu ul li label.icon-menu {
	background-image: url(../images/icon-menu.png);
	background-position: left 21px;
	padding-left: 46px;
	padding-top: 18px;
	height: 42px;
}
#checkbox-menu:checked + header .menu ul li label.icon-menu {
	background-position: left -161px;
	color: #e74c3c;
}
/*	sidebar */
.sidebar {
	position: fixed;
	top: 60px;
	background-color: #fff;
	left: -236px;
	height: 100%;
	box-shadow: 7px 0px 7px -8px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 7px 0px 7px -8px rgba(0, 0, 0, .3);
	transition: left .2s ease-out;
	-moz-transition: left .2s ease-out;
	-webkit-transition: left .2s ease-out;
	-o-transition: left .2s ease-out;
	-ms-transition: left .2s ease-out;
	z-index: 1000;
}
.sidebar &gt; ul {
	text-align: left;
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
}
.sidebar &gt; ul &gt; li {
	float: left;
	clear: both;
	position: relative;
}
.sidebar &gt; ul &gt; li.group {
	border-top: 2px solid #e7ebec;
}
.sidebar &gt; ul &gt; li &gt; a {
	display: block;
	width: 150px;
	padding-left: 64px;
	padding-right: 20px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-top: 16px;
	padding-bottom: 17px;
	background-repeat: no-repeat;
}
.sidebar &gt; ul &gt; li &gt; a:hover {
	background-color: #f1f3f4;
	border-color: #e74c3c;
}
.sidebar &gt; ul &gt; li &gt; a.icon-categories {
	background-image: url(../images/icon-categories.png);
	background-position: 18px 17px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-categories:hover {
	background-position: 18px -160px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-newest {
	background-image: url(../images/icon-new.png);
	background-position: 22px 12px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-newest:hover {
	background-position: 22px -164px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-pages {
	background-image: url(../images/icon-pages.png);
	background-position: 19px 17px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-pages:hover {
	background-position: 19px -163px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-popular {
	background-image: url(../images/icon-popular.png);
	background-position: 18px 15px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-popular:hover {
	background-position: 18px -161px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-everything {
	background-image: url(../images/icon-everything.png);
	background-position: 18px 14px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-everything:hover {
	background-position: 18px -162px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-gifts {
	background-image: url(../images/icon-gifts.png);
	background-position: 18px 16px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-gifts:hover {
	background-position: 18px -165px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-videos {
	background-image: url(../images/icon-videos.png);
	background-position: 18px 14px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-videos:hover {
	background-position: 18px -162px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-tag {
	background-image: url(../images/icon-tags.png);
	background-position: 18px 14px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-tag:hover {
	background-position: 18px -162px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-colors {
	background-image: url(../images/icon-colors.png);
	background-position: 17px 14px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-colors:hover {
	background-position: 17px -162px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-topuser {
	background-image: url(../images/icon-topuser.png);
	background-position: 17px 12px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-topuser:hover {
	background-position: 17px -162px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-pinit {
	background-image: url(../images/icon-pinit.png);
	background-position: 20px 14px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-pinit:hover {
	background-position: 20px -160px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-help {
	background-image: url(../images/icon-help.png);
	background-position: 18px 15px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-help:hover {
	background-position: 18px -161px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-terms {
	background-image: url(../images/icon-terms.png);
	background-position: 21px 12px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-terms:hover {
	background-position: 21px -164px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-about {
	background-image: url(../images/icon-about.png);
	background-position: 21px 14px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-about:hover {
	background-position: 21px -162px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-language {
	background-image: url(../images/icon-language.png);
	background-position: 18px 13px;
}
.sidebar &gt; ul &gt; li &gt; a.icon-language:hover {
	background-position: 18px -163px;
}
#checkbox-menu:checked + header .sidebar {
	left: 0;
}
/*	logo */
.logo {
	display: inline-block;
}
/*	usermenu */
.usermenu &gt; ul {
	list-style-type: none;
}
.usermenu &gt; ul &gt; li {
	float: right;
	position: relative;
	margin-left: 40px;
}
.usermenu &gt; ul &gt; li:last-child {
	margin-left: 0;
}
.usermenu &gt; ul &gt; li &gt; a {
	display: block;
	height: 60px;
}
.usermenu &gt; ul &gt; li &gt; a.icon {
	background-repeat: no-repeat;
	background-position: center top;
	width: 24px;
	text-indent: -50000px;
}
.usermenu &gt; ul &gt; li &gt; a.icon-add {
	background-image: url(../images/icon-add.png);
	background-position: center 18px;
}
.usermenu &gt; ul &gt; li &gt; a.icon-add:hover {
	background-position: center -158px;
}
.usermenu &gt; ul &gt; li &gt; a.icon-login {
	background-image: url(../images/icon-login.png);
	background-position: center 18px;
}
.usermenu &gt; ul &gt; li &gt; a.icon-login:hover {
	background-position: center -158px;
}
.usermenu &gt; ul &gt; li &gt; a.icon-activity {
	background-image: url(../images/icon-activity.png);
	background-position: center 18px;
}
.usermenu &gt; ul &gt; li &gt; a.icon-activity:hover {
	background-position: center -158px;
}
.usermenu &gt; ul &gt; li &gt; a.member img {
	width: 35px;
	height: 35px;
	margin-top: 12px;
	border: 1px solid #bcb8b3;
	border-radius: 35px;
	-webkit-border-radius: 35px;
}
.usermenu &gt; ul &gt; li &gt; .search {
	position: relative;
	margin-top: 9px;
}
.usermenu &gt; ul &gt; li &gt; .search input[type=text] {
	padding-right: 40px;
	border-color: #fff;
	width: 170px;
}
.usermenu &gt; ul &gt; li &gt; .search:hover input[type=text] {
	border-color: #dee1e3;
}
.usermenu &gt; ul &gt; li &gt; .search input[type=text]:focus {
	border-color: #df4a37;
}
.usermenu &gt; ul &gt; li &gt; .search input[type=submit] {
	position: absolute;
	right: 7px;
	top: 8px;
	width: 25px;
	height: 25px;
	background-image: url(../images/icon-search.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	text-indent: -50000px;
	overflow: hidden;
}
/*	dropdown */
.dropdown {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-ms-transition: all .2s linear;
}
li:hover .dropdown {
	opacity: 1;
	visibility: visible;
}
.dropdown .dropdown-wrapper {
	background-color: #fff;
	display: table;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	/*overflow: hidden;*/
	box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, .1);
}
.dropdown .dropdown-wrapper.arrow-left:before {
	position: absolute;
	top: 18px;
	left: -7px;
	content: "";
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #fff;
}
.dropdown .dropdown-wrapper.arrow-up:before {
	position: absolute;
	top: -7px;
	right: 18px;
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
}
.dropdown .dropdown-wrapper.arrow-up-left:before {
	position: absolute;
	top: -7px;
	left: 18px;
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
}
.dropdown .dropdown-wrapper.arrow-up-center:before {
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -3px;
	content: "";
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #fff;
}
.dropdown .dropdown-wrapper &gt; ul, .dropdown .dropdown-wrapper &gt; ul &gt; li ul {
	display: table-cell;
	position: relative;
	list-style-type: none;
	font-size: 13px;
	line-height: 17px;
	min-width: 175px;
	text-align: left;
}
.dropdown .dropdown-wrapper &gt; ul.stronglinks {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li, .dropdown .dropdown-wrapper &gt; ul &gt; li ul li {
	float: none;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li.group, .dropdown .dropdown-wrapper &gt; ul &gt; li ul li.group {
	border-top: 2px solid #E7EBEC;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a, .dropdown .dropdown-wrapper &gt; ul &gt; li ul li a {
	display: block;
	padding: 7px 20px 8px;
}
.dropdown .dropdown-wrapper &gt; ul:first-child &gt; li:first-child &gt; a {
	border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
}
.dropdown .dropdown-wrapper &gt; ul:first-child &gt; li:last-child &gt; a {
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
.dropdown .dropdown-wrapper &gt; ul:last-child &gt; li:first-child &gt; a {
	border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
.dropdown .dropdown-wrapper &gt; ul:last-child &gt; li:last-child &gt; a {
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
.dropdown .dropdown-wrapper &gt; ul.languages &gt; li &gt; a {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 20px 10px;
}
.dropdown .dropdown-wrapper &gt; ul.languages &gt; li &gt; a.icon-lang-de {
	background-image: url(../images/icon-lang-de.png);
}
.dropdown .dropdown-wrapper &gt; ul.languages &gt; li &gt; a.icon-lang-uk {
	background-image: url(../images/icon-lang-uk.png);
}
.dropdown .dropdown-wrapper &gt; ul.languages &gt; li &gt; a.icon-lang-us {
	background-image: url(../images/icon-lang-us.png);
}
.dropdown .dropdown-wrapper &gt; ul.languages &gt; li &gt; a.icon-lang-es {
	background-image: url(../images/icon-lang-es.png);
}
.dropdown .dropdown-wrapper &gt; ul.languages &gt; li &gt; a.icon-lang-fr {
	background-image: url(../images/icon-lang-fr.png);
}
.dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a.icon-logout {
	background-image: url(../images/icon-logout.png);
	background-repeat: no-repeat;
	background-position: 15px 9px !important;
	background-color: #b0b7bb;
	color: #fff;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a.icon-uploadphoto.hovered {
	color: #fff;
	background-color: #e74c3c;
	background-position: 15px -177px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a, .dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a {
	background-repeat: no-repeat;
	background-position: 15px 8px;
	padding-left: 40px;
	padding-right: 10px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a:hover, .dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a:hover {
	background-position: 15px -176px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-pinit {
	background-image: url(../images/icon-pinitbut.png);
	background-position: 15px 9px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-pinit:hover {
	background-position: 15px -175px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-uploadpin {
	background-image: url(../images/icon-uploadpin.png);
	background-position: 15px 10px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-uploadpin:hover {
	background-position: 15px -176px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-urlpin {
	background-image: url(../images/icon-urlpin.png);
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-gallerypin {
	background-image: url(../images/icon-gallerypin.png);
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-createboard {
	background-image: url(../images/icon-createboard.png);
	background-position: 15px 10px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-createboard:hover {
	background-position: 15px -177px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-uploadphoto {
	background-image: url(../images/icon-uploadphoto.png);
	background-position: 15px 9px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-uploadphoto:hover, .dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-uploadphoto.hovered {
	background-position: 15px -177px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-reposition {
	background-image: url(../images/icon-reposition.png);
	background-position: 15px 9px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-reposition:hover {
	background-position: 15px -175px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-remove {
	background-image: url(../images/icon-remove.png);
	background-position: 15px 11px;
}
.dropdown .dropdown-wrapper &gt; ul.addpin &gt; li &gt; a.icon-remove:hover {
	background-position: 15px -176px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-98,
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-v2-feature-pins {
	background-image: url(../images/icon-usermenu-featurepin.png);
	background-position: 15px 9px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-98:hover,
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-v2-feature-pins:hover {
	background-position: 15px -175px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-79,
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-v2-power-user {
	background-image: url(../images/icon-usermenu-poweruser.png);
	background-position: 15px 9px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-79:hover,
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-v2-power-user:hover {
	background-position: 15px -175px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-22 {
	background-image: url(../images/icon-usermenu-pin.png);
	background-position: 15px 9px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-22:hover {
	background-position: 15px -175px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-23 {
	background-image: url(../images/icon-usermenu-like.png);
	background-position: 15px 10px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-23:hover {
	background-position: 15px -177px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-21 {
	background-image: url(../images/icon-usermenu-board.png);
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-86 {
	background-image: url(../images/icon-usermenu-followers.png);
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-87 {
	background-image: url(../images/icon-usermenu-following.png);
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-33 {
	background-image: url(../images/icon-usermenu-facebook.png);
	background-position: 15px 10px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-33:hover {
	background-position: 15px -176px;
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-38 {
	background-image: url(../images/icon-usermenu-email.png);
}
.dropdown .dropdown-wrapper &gt; ul.userlinks &gt; li &gt; a.icon-usermenu-20 {
	background-image: url(../images/icon-usermenu-settings.png);
}
.dropdown .dropdown-wrapper &gt; ul.memberdata {
	min-width: 195px;
}
.dropdown .dropdown-wrapper &gt; ul.memberdata &gt; li &gt; a .num {
	font-weight: normal;
	float: right;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a:hover, .dropdown .dropdown-wrapper &gt; ul &gt; li ul li a:hover {
	color: #fff;
	background-color: #e74c3c;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li ul li a {
	background-image: url(../images/arrow-4.png);
	background-position: 20px 13px;
	background-repeat: no-repeat;
	padding: 7px 20px 8px 29px;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li ul li a:hover {
	background-position: 20px -180px;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li ul li ul li a {
	background-position: 29px 13px;
	padding: 7px 20px 8px 38px;
}
.dropdown .dropdown-wrapper &gt; ul &gt; li ul li ul li a:hover {
	background-position: 29px -180px;
}
.dropdown .dropdown-wrapper .color-picker {
	margin: 19px;
}
.color-picker {
	display: table;
	border-collapse: separate;
	border-spacing: 1px;
}
.color-picker .color-row {
	display: table-row;
}
.color-picker .color {
	display: table-cell;
	min-width: 19px;
	height: 19px;
	cursor: pointer;
	background-image: url(../images/icon-color-active.png);
	background-repeat: no-repeat;
	background-position: center 100px;
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
}
.color-picker .color:hover {
	background-position: center;
	opacity: .5;
}
.color-picker .color.active {
	background-position: center;
}
.color-picker .col-1 {
	background-color: #855fa8;
}
.color-picker .col-2 {
	background-color: #a763a8;
}
.color-picker .col-3 {
	background-color: #f06ea9;
}
.color-picker .col-4 {
	background-color: #f26d7d;
}
.color-picker .col-5 {
	background-color: #ed1c24;
}
.color-picker .col-6 {
	background-color: #f26522;
}
.color-picker .col-7 {
	background-color: #f7941d;
}
.color-picker .col-8 {
	background-color: #fff200;
}
.color-picker .col-9 {
	background-color: #8dc73f;
}
.color-picker .col-10 {
	background-color: #39b54a;
}
/*	ribbons */
.ribbon-red {
	display: inline-block;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-image: url(../images/bg-ribbon.png);
	height: 82px;
	width: 82px;
	background-repeat: no-repeat;
	background-position: center top;
}
.ribbon-red .txt {
	display: inline-block;
	width: 58px;
	height: 58px;
	margin-top: 7px;
	margin-left: 9px;
	font-size: 14px;
	line-height: 33px;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
	color: #FFF;
	text-align: center;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.ribbon-black {
    background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 34px;
    line-height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    text-transform: uppercase;
}
.ribbon-video {
	background-image: url(../images/VideoIndicator.png);
    display: inline-block;
    height: 50px;
	width: 50px;
    line-height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin: -45px 0 0 -25px;
	cursor: pointer;
	text-indent: -50000px;
	overflow: hidden;
}
.ribbon-makevippin {
	background-image: url(../images/make_featured.png);
	display: inline-block;
	height: 29px;
	width: 29px;
	line-height: 29px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 50px;
	left: 10px;
	z-index: 1;
	cursor: pointer;
	text-indent: -50000px;
	overflow: hidden;
}
.ribbon-makevippin:hover {
	background-position: -30px 0;
}
.icon-poweruser {
	display: inline-block;
	background-image: url(../images/icon-poweruser.png);
	background-position: left top;
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
}
/*	box */
.box {
	width: 236px;
	margin-bottom: 14px;
	perspective: 1000;
}
.box .ribbon-red {
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 10;
	/*transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;*/
	display: block;
}
.box:hover .ribbon-red {
	/*visibility: hidden;
	opacity: 0;*/
	display: none;
}
.box .icon-poweruser {
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 25px;
	z-index: 10;
}
.box .box-body {
	position: relative;
}
.box .button-more {
	position: absolute;
	right: -4px;
	top: 61px;
	/*opacity: 0;
	visibility: hidden;*/
	display: none;
	z-index: 100;
	/*transition: opacity .17s linear, top .17s ease;
	-moz-transition: opacity .17s linear, top .17s ease;
	-webkit-transition: opacity .17s linear, top .17s ease;
	-o-transition: opacity .17s linear, top .17s ease;
	-ms-transition: opacity .17s linear, top .17s ease;*/
}
.box:hover .button-more {
	/*opacity: 1;
	visibility: visible;*/
	display: block;
}
.box .dropdown {
	top: 60px;
	left: 10px;
	padding-top: 16px;
	z-index: 100;
	display: none;
	opacity: 1 !important;
	visibility: visible !important;
}
.box .dropdown .dropdown-wrapper .title-8 {
	width: 155px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.box .dropdown .dropdown-wrapper .follow {
	text-align: center;
	padding: 10px 0 20px;
}
.box .description {
	background-color: #e74c3c;
	font-size: 12px;
	line-height: 19px;
	font-weight: bold;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	width: 100%;
	color: #FFF;
	z-index: 10;
	height: 100%;
	overflow: hidden;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	/*transition: left .15s ease-in;
	-moz-transition: left .15s ease-in;
	-webkit-transition: left .15s ease-in;
	-o-transition: left .15s ease-in;
	-ms-transition: left .15s ease-in;*/
}
.box .pin-description {
	background-color: #ffffff;
	font-size: 14px;
	line-height: 19px;
	color: #4F4F4F;
	padding:3px;
}
.box .description .trackbar {
	position: absolute;
	right: 5px;
	width: 5px;
	top: 46px;
	bottom: 19px;
	background-color: #ec7063;
}
.box .description .scrollbar {
	position: absolute;
	right: 5px;
	width: 5px;
	height: 20px;
	margin-top: 46px;
	margin-bottom: 19px;
	top: 0;
	z-index: 10;
	background-color: #c54133;
}
.box .description .padwrapper {
	position: absolute;
	left: 13px;
	right: 28px;
	top: 10px;
	bottom: 13px;
	overflow: hidden;
}
.box .description .scroll {
	position: relative;
}
.box .description .scroll .txt {
	display: block;
}
.box .description .scroll .tags {
	display: block;
	margin-top: 15px;
}
.box .description a {
	color: #fff;
	text-decoration: underline;
}
.box .data {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	/*opacity: 0;
	visibility: hidden;*/
	display: none;
	/*transition: opacity .17s linear;
	-moz-transition: opacity .17s linear;
	-webkit-transition: opacity .17s linear;
	-o-transition: opacity .17s linear;
	-ms-transition: opacity .17s linear;*/
}
.box:hover .data {
	/*opacity: 1;
	visibility: visible;*/
	display: block;
}
.box .data .options {
	position: relative;
	background-color: rgba(0, 0, 0, .68);
	margin-top: 21px;
	height: 30px;
	padding-left: 78px;
}
.box .data .options .member {
	position: absolute;
	left: 10px;
	top: -11px;
}
.box .data .options .member .avatar {
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	background-color: #fff;
	border: 2px solid #ecf0f1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.box .data .options .member .avatar img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	opacity: 1;
	/*transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;*/
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotate(0);
	backface-visibility: hidden;
	transform: rotate(0);
}
.box .data .options .member img:hover, .box .data .options .member:hover img, .box .data .options .member img.active {
	opacity: .7;
}
.box .data .options .icons {
	list-style-type: none;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	float: left;
	margin-top: 4px;
}
.box .data .options .icons li {
	float: left;
	margin-right: 15px;
}
.box .data .options .icons li:last-child {
	margin-right: 0;
}
.box .data .options .icons li a {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -50000px;
	height: 22px;
}
.box .data .options .icons li a:hover {
	background-position: left bottom;
}
.box .data .options .icons li a.icon-repin {
	background-image: url(../images/icon-repin.png);
	width: 16px;
}
.box .data .options .icons li a.icon-like {
	background-image: url(../images/icon-like.png);
	background-position: left 1px;
	width: 24px;
}
.box .data .options .icons li a.icon-like:hover, .box .data .options .icons li a.icon-like.active, .box .data .options .icons li a.icon-like[disabled] {
	background-position: left -41px;
}
.box .data .options .icons li a.icon-like.active, .box .data .options .icons li a.icon-like[disabled] {
	background-position: left -20px;
}
.box .data .options .icons li a.icon-edit {
	background-image: url(../images/icon-edit.png);
	width: 22px;
}
.box .data .options .price {
	float: right;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	margin-right: 10px;
	width: 80px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.box .thumb {
	position: relative;
	background-color: #fff;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	overflow: hidden;
}
.box .thumb a {
	position: relative;
	display: block;
	text-align: center;	
}
.box .thumb img {
	max-width: 236px;
	opacity: 0;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	/*-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);*/
}
.box:hover .thumb img {
	/*opacity: .8;*/
}
.box .thumb img.loaded {
	opacity: 1;
}
.box .stats {
	position: relative;
	background-color: #fff;
	border-top: 1px solid #d6dbdf;
	display: table;
	font-size: 11px;
	line-height: 14px;
	color: #999;
	width: 100%;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
}
.box .stats .cell {
	display: table-cell;
	text-align: center;
	padding-top: 13px;
}
.box .stats .cell .num {
	font-weight: normal;
	color: #666;
}
/*	box empty */
.box.empty .stats {
	border-top-color: #e7ebec;
	color: #e7ebec;
	cursor: default;		
}
.box.empty .stats .cell .num {
	color: #e7ebec;		
}
.checkbox-description:checked + .box-body .button-more {
	top: 11px;
	opacity: 1;
	visibility: visible;
	background-position: left bottom;
}
.checkbox-description:checked + .box-body .dropdown {
	display: none;
}
.checkbox-description:checked + .box-body .description {
	left: 0;
}
.checkbox-description:checked + .box-body .data {
	opacity: 0;
	visibility: hidden;
}
.box .followbar {
	background-color: #fff;
	text-align: center;
	padding-bottom: 7px;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
.box .followbar p {
	padding-top: 10px;
}
.box .followbar .meta-text {
	padding-top: 8px;
}
.box .followbar p + .meta-text {
	padding-top: 4px;
}
.box .recent-activity .title-7 {
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.box .recent-activity ul li:last-child {
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
/*	box people */
.box.people .pedata {
	width: 100%;
}
.box.people .pedata .pedescription {
	background-color: #e74c3c;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	position: relative;
	color: #FFF;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.box.people .pedata .pedescription .ellipsis {
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
	padding: 10px 13px 14px;
	width: 210px;
}
.box.people .pedata .pedescription .ellipsis .txt {
	display: block;
	width: 193px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.box.people .pedata .pedescription .ellipsis .tags {
	display: block;
	margin-top: 15px;
}
.box.people .pedata .pedescription a {
	color: #fff;
	text-decoration: underline;
}
.box.people .pedata .pedescription .button-more {
	position: absolute;
	right: 10px;
	bottom: -64px;
}
.box.people .pedata .peoptions {
	position: relative;
	visibility: visible;
	opacity: 1;
}
.box.people .pedata .peoptions .pemember {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotate(0);
}
.box.people .pedata .peoptions .pemember .avatar {
	position: absolute;
	left: 50%;
	top: -9px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-left: -30px;
	background-color: #fff;
	border: 2px solid #ecf0f1;
	border-radius: 60px;
	-webkit-border-radius: 60px;
}
.box.people .pedata .peoptions .pemember .avatar img {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
}
.box.people .pedata .peoptions .peicons {
	list-style-type: none;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}
.box.people .pedata .peoptions .peicons li {
	float: left;
	width: 50%;
	background-color: #c54133;
	padding-top: 9px;
	height: 35px;
	padding-right: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.box.people .pedata .peoptions .peicons li:last-child {
	padding-right: 0;
	padding-left: 34px;
}
/*	box people disabled */
.box.people.disabled .pedata .pedescription {
	background-color: #fff;
	color: #7c8792;
}
.box.people.disabled .pedata .peoptions .peicons li {
	background-color: #e7ebec;
}
/* 	profiles */
.profiles {
	background-color: #fff;
}
.profiles ul {
	list-style-type: none;
}
.profiles ul li {
	float: left;
	margin-right: 1px;
	margin-top: 1px;
}
.profiles ul li:nth-child(3n) {
	margin-right: 0;
}
/*	board */
.board {
	position: relative;
	width: 403px;
	display: inline-block;
	text-align: left;
	margin: 0 7px 14px;
}
.board .data {
	background-color: #fff;
	padding: 0 15px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	height: 55px;
}
.board .data .fleft {
	padding-top: 8px;
}
.board .data .fright {
	padding-top: 11px;
	text-align: right;
}
.board .data .title-3 {
	width: 210px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.board .data .meta-text {
	margin-top: 2px;
}
.board .data .boardicons {
	margin-top: 10px;
}
.board .items {
	background-color: #fff;
}
.board .items ul {
	list-style-type: none;
}
.board .items ul li {
	float: left;
	margin-right: 1px;
	margin-top: 1px;
}
.board .items ul li:nth-child(4n) {
	margin-right: 0;
}
/* shared-board */
.board .mask {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-size: 15px;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.board .mask .member {
	margin-top: 30px;
}
.board .mask .member .avatar {
	display: block;
	width: 48px;
	height: 48px;
	overflow: hidden;
	background-color: #fff;
	border: 2px solid #ecf0f1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin: auto;
}
.board .mask .invtext {
	display: block;
	margin-top: 25px;	
}
.board .mask .btns {
	margin-top: 25px;	
}
.board .mask .btns .button + .button {
	margin-left: 7px;	
}
.boardicons {
	list-style-type: none;
	display: inline-block;
	margin-right: 19px;
	vertical-align: top;
}
.boardicons li {
	float: left;
	margin-left: 10px;
}
.boardicons li a,
.boardicons li span {
	display: block;
	background-repeat: no-repeat;
	text-indent: -50000px;
	height: 16px;
	width: 16px;
	overflow: hidden;
}
.boardicons li a.icon-check {
	background-image: url(../images/icon-check.png);
}
.boardicons li a.icon-profiles,
.boardicons li span.icon-profiles {
	background-image: url(../images/icon-profiles.png);
}
.boardicons li a.icon-secret,
.boardicons li span.icon-secret {
	background-image: url(../images/padlock.png);
}
/*	board empty */
.board.empty .data .title-3 {
	cursor: default;		
}
.board.empty .meta-text {
	color: #e7ebec;
	cursor: default;
}
/*	boardbar */
.boardbar {
	position: relative;
}
.boardbar .usermenu {
	/*position: absolute;
	left: 0;
	top: 0;*/
}
.boardbar .usermenu-left &gt; ul &gt; li {
	margin-left: 0px;
	margin-right: 5px;
	float: left;
}
.boardbar .usermenu-left &gt; ul &gt; li:last-child {
	margin-right: 0px;
}
.boardbar .title-3 {
	display: inline-block;
	padding: 8px 20px;
}
.boardbar .title-3 small {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
}
.boardbar .pinicons {
	/*position: absolute;
	right: 0;
	top: 0;*/
}
/*	recent-activity */
.recent-activity ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	list-style-type: none;
}
.recent-activity ul li {
	background-color: #fff;
	border-top: 2px solid #e7ebec;
	position: relative;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 55px;
	padding-right: 10px;
	min-height: 33px;
}
.recent-activity ul li:hover {
	background-color: #f1f3f4;
}
.recent-activity ul li:first-child {
	border: none;
}
.recent-activity ul li .member {
	position: absolute;
	top: 10px;
	left: 10px;
}
.recent-activity ul li .member img {
	width: 35px;
	height: 35px;
	border: 1px solid #bcb8b3;
	border-radius: 35px;
	-webkit-border-radius: 35px;
}
/*	page */
.pagemenu {
	display: table-cell;
	vertical-align: top;
	width: 200px;
	border-right: 2px solid #e7ebec;
	background-color: #f1f3f4;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}
.pagemenu ul {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagemenu ul li a {
	color: #7c8792;
	display: block;
	margin-left: 17px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: transparent;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: relative;
	right: -2px;
	border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}
.pagemenu ul li a.active {
	color: #e74c3c;
	background-color: #FFF;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #e7ebec;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e7ebec;
	border-bottom-color: #e7ebec;
}
.pagecontent {
	display: table-cell;
	vertical-align: top;
}
/*	textbox */
.textbox h1 {
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ecf0f1;
	padding-bottom: 15px;
	margin-top: 30px;
}
.textbox h1:first-child {
	margin-top: 0;
}
.textbox h2 {
	font-size: 21px;
	line-height: 25px;
	font-weight: 900;
	margin-top: 30px;
}
.textbox h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 30px;
}
.textbox h4 {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 30px;
}
.textbox h5 {
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	margin-top: 30px;
}
.textbox h6 {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	margin-top: 30px;
}
.textbox p, .textbox ul, .textbox ol, .textbox .table {
	font-size: 14px;
	line-height: 21px;
	color: #7c8792;
	list-style-position: inside;
	margin-top: 10px;
}
.textbox img {
	border: 2px solid #ecf0f1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.textbox blockquote {
	background-color: #f9fafb;
	border: 2px solid #ecf0f1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
	margin-top: 30px;
}
.textbox blockquote h4 {
	margin-top: 0;
}
.textbox .table th {
	text-align: left;
	padding: 0 5px 5px;
}
.textbox .table td {
	border-top: 1px solid #ecf0f1;
	padding: 5px;
}
/*	headbar title */
#headbar .container .title-9 {
	text-align: center;
	padding-top: 11px;
}
/*	title bar */
.titlebar {
	border-bottom: 2px solid #ecf0f1;
	padding-bottom: 16px;
	margin-top: 50px;
}
.titlebar:first-child {
	margin-top: 0;
}
/*	hepltext */
.helptext {
	font-size: 12px;
	line-height: 16px;
	color: #808080;
	vertical-align: top;
	padding-top: 13px;
	display: inline-block;
}

/*	paginator */
.paginator {
	margin-top: 20px;
	font-size: 14px;
	line-height: 21px;
}
.paginator .pages a {
	display: inline-block;
	margin: 0 5px;
}

/*	main form */
.mainform {
	display: table;
	width: 100%;
	font-size: 15px;
	line-height: 19px;
}
.mainform .row {
	margin-top: 20px;
}
.mainform .row.group {
	border-top: 2px solid #ecf0f1;
	padding-top: 20px;
}
.mainform .cell {
	display: table-cell;
	vertical-align: top;
}
.mainform .cell-first {
	width: 225px;
	padding-right: 10px;
}
.mainform .caption {
	font-weight: bold;
	padding-top: 11px;
	display: inline-block;
}
.mainform .text {
	padding-top: 11px;
}
.mainform .checkgroup {
	padding-top: 10px;
}
.mainform .checkbox-slider {
	margin-top: 6px;
}
.mainform input + input, .mainform input + button, .radio + .radio, .mainform .checkbox-slider + .helptext, .mainform .middle + .helptext, button + button {
	margin-left: 12px;
}
.mainform .submit {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #ecf0f1;
}
.mainform .submit .disabled-text {
	margin-top: 9px;
}
button + button {
	margin-left: 10px;
}
/*	board form */
.boardform {
	width: 700px;
}
.boardform .cell-first {
	width: 144px;
}
.boardform .invite-field {
	width: 431px;
}
/*	pin form */
.pinform {
	width: 548px;
}
.pinform .input-file input[type="text"] {
	width: 408px;
}
.pinform .cell-addpin .avatar {
	float: left;
	width: 170px;
	height: 170px;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #f1f3f4;
}
.pinform .cell-addpin .data {
	float: right;
	width: 358px;
	margin-left: 20px;
}
.pinform .cell-addpin .data .sbHolder, .pinform .cell-addpin .data textarea {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pinform .cell-addpin .data textarea {
	margin-top: 20px;
	height: 109px;
}
.pinform .cell-addpin .data input.input {
	margin-top: 20px;
	width: 336px;
}
.pinform .cell-addpin .drag-sort {
	width: 170px;
	float: left;
}
.pinform .cell-addpin .drag-sort ul {
	list-style: none;
}
.pinform .cell-addpin .drag-sort ul li {
	float: left !important;
	height: 84px !important;
	width: 84px !important;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.pinform .large-with-button {
	width: 392px;
}
/*	login &amp; register form */
.registerform {
	font-size: 14px;
	line-height: 18px;
}
.registerform .row {
	margin-top: 20px;
}
.registerform .row.group {
	border-top: 2px solid #ecf0f1;
	padding-top: 20px;
}
.registerform .row:first-child {
	margin-top: 0;
}
.registerform input[type=text], .registerform input[type=password], .registerform select + .sbHolder, .registerform textarea, .registerform button {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.registerform .changeavatar .avatar {
	width: 135px;
	height: 135px;
	float: left;
	border-radius: 135px;
	-webkit-border-radius: 135px;
	border: 2px solid #ecf0f1;
	background-position: center;
	background-size: cover;
}
.registerform .changeavatar .input-file {
	float: right;
	margin-top: 49px;
	margin-left: 20px;
}
.registerform .inline-fields input[type=text] {
	width: 236px;
	float: left;
}
.registerform .inline-fields button {
	width: 100px;
	float: r ight;
}
.registerform .socrow .button {
	width: 48%;
}
.registerform .edit-options {
	position: relative;
	top: 3px;
}
/*	not found */
.notfound {
	text-align: center;
	padding-top: 40px;
}
/* notificiations */
.notification {
	font-size: 14px;
	line-height: 18px;
	border: 1px solid transparent;
	margin-top: 20px;
	padding: 17px 40px 21px 20px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.notification .button-close {
	position: absolute;
	top: 20px;
	right: 17px;
}
.notification.error {
	background-color: #ffdfdc;
	border-color: #ffdfdc;
}
.notification.error a {
	color: #e74c3c;
}
.notification.success {
	background-color: #daf9f3;
	border-color: #daf9f3;
}
.notification.success a {
	color: #1abc9c;
}
/*	notification - circle */
.notifcircle {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	background-color: #e74c3c;
	color: #fff;
	width: 20px;
	height: 20px;
	text-align: center;
	text-indent: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;	
}
.notifcirclewrapper {
	position: relative;	
}
.notifcirclewrapper .notifcircle {
	position: absolute;
	right: -10px;
	top: 10px;	
}
/*	no results */
.no-results {
	font-size: 32px;
	font-weight: bold;
	color: #b0b7bb;
	margin-top: 30px;
	text-align: center;
}
.no-results a {
	color: #b0b7bb;
	display: none;
}
/*	sticky icons */
.sticky-icon-soc {
	width: 100px;
	height: 100px;
	background-image: url(../images/icon-grey-soc.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.sticky-icon-logreg {
	width: 100px;
	height: 92px;
	background-image: url(../images/icon-grey-logreg.png);
	background-repeat: no-repeat;
	background-position: left top;
}
/*	search bar */
.searchbar .title-3 {
	float: left;
	padding-top: 19px;
}
.searchbar-reverse .title-3 {
	float: right;
	padding-right: 20px;
}
.searchbar.blockcenter {
	text-align: center;
}
.searchbar .searchcats {
	float: right;
}
.searchbar.blockcenter .searchcats {
	float: none;
	display: table;
	margin: 0 auto;
}
.searchbar .searchcats.alphabet {
	float: none;
}
.searchbar-reverse .searchcats  {
	float: left;
}
.searchbar .searchcats ul {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.searchbar .searchcats.alphabet ul {
	display: table;
	width: 100%;
}
.searchbar .searchcats ul li {
	float: left;
}
.searchbar .searchcats.alphabet ul li {
	display: table-cell;
	float: none;
	text-align: center;		
}
.searchbar .searchcats ul li a {
	display: block;
	height: 40px;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 30px;
}
.searchbar .searchcats.alphabet ul li a {
	padding-left: 5px;
	padding-right: 5px;		
}
.searchbar.tagbar .searchcats ul li a {
	padding-right: 5px;
	padding-left: 5px;
}
.searchbar .searchcats ul li a:hover, .searchbar .searchcats ul li a.active {
	background-color: #f1f3f4;
	color: #7c8792;
}
/*	profile */
.notification + .profile {
	margin-top: 20px;	
}
.profile .cover {
	position: relative;
	overflow: hidden;
	height: 281px;
	text-align: center;
}
.profile .cover .set {
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	position: relative;
	height: 281px;
}
.profile .cover .set img.event-cover {
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	width: 986px;
	/*height: 281px;*/
	position: absolute;
	left: 0;
}
.profile .cover .change {
	position: absolute;
	top: 20px;
	right: 20px;
}
.profile .cover .reposition-buttons {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: none;
}
.profile .cover .change .dropdown {
	right: 0;
	left: auto;
	padding-top: 16px;
	padding-top: 0\9;
}
.profile .cover .change:hover .dropdown {
	opacity: 1;
	visibility: visible;
}
.profile .cover .change .dropdown .dropdown-wrapper.arrow-up:before {
	display: none\9;
}
.profile .cover .title-10 {
	position: relative;
	display: inline-block;
	top: -103px;
}
.profile .stats {
	background-color: #e7ebec;
	position: relative;
}
.profile .stats .avatar {
	position: absolute;
	left: 50%;
	top: -40px;
	margin-left: -70px;
	text-align: center;
	width: 140px;
	height: 140px;
}
.profile .stats .avatar img.event-avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 136px;
	height: 136px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 2px solid #ecf0f1;
}
.profile .stats .avatar .button {
	position: relative;
	display: inline-block;
	padding-left: 6px;
	padding-right: 6px;
	top: 53px;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
	transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
}
.profile .stats .avatar:hover .button {
	opacity: 1;
	visibility: visible;
}
.profile .stats .avatar .button.hovered {
	opacity: 1;
	visibility: visible;
	background-color: #f0f2f3;
	border-color: #f0f2f3;
	color: #667686;
}
.profile .stats .items {
	list-style-type: none;
	font-size: 14px;
	line-height: 18px;
}
.profile .stats .items li {
	float: left;
}
.profile .stats .items li a {
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 22px;
}
.profile .stats .items li a.active {
	background-color: #fff;
}
.profile .stats .follow {
	padding-top: 12px;
	margin-right: 20px;
}
.profile .data {
	background-color: #fff;
	padding: 20px 30px 23px;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
.profile .data .location {
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	font-weight: bold;
	float: left;
}
.profile .data .location li {
	float: left;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	min-height: 16px;
	padding-left: 20px;
}
.profile .data .location li.icon-location {
	background-image: url(../images/icon-location.png);
}
.profile .data .location li.icon-www {
	background-image: url(../images/icon-www.png);
}
.profile .data .socicons {
	list-style-type: none;
	float: right;
}
.profile .data .socicons li {
	float: left;
}
.profile .data .socicons li a {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -50000px;
	overflow: hidden;
	height: 14px;
	margin-left: 10px;
}
.profile .data .socicons li a.h31 {
	height: 31px;
	position: relative;
	top: -9px;
}
.profile .data .socicons li a.icon-twitter {
	background-image: url(../images/icon-socicons-twitter.png);
	width: 18px;
}
.profile .data .socicons li a.icon-facebook {
	background-image: url(../images/icon-socicons-facebook.png);
	width: 14px;
}
.profile .data .socicons li a.icon-instagram {
	background-image: url(../images/icon-socicons-instagram.png);
	width: 14px;
}
.profile .data .description {
	font-size: 12px;
	line-height: 18px;
	color: 808080;
}
.profile .data .clear + .description {
	margin-top: 15px;
}
/*	gallery pin */
.uploadwindow {
	/*min-height: 300px;*/
}
.uploadwindow table {
	text-align: left;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.uploadwindow th {
	vertical-align: top;
	padding-bottom: 10px;
	border-bottom: 2px solid #ecf0f1;
}
.uploadwindow td {
	vertical-align: top;
}
.uploadwindow td:nth-child(1) {
	width: 60%;
}
.uploadwindow td:nth-child(2) {
	width: 20%;
}
.uploadwindow td:nth-child(3) {
	width: 20%;
}
.uploadwindow .uploadedfiles {
	height: 180px;
	width: 100%;
	background-image: url(../images/drag-files.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.uploadwindow .btnsbar td {
	padding-top: 20px;
	border-top: 2px solid #ecf0f1;
}
.uploadwindow .button + .button {
	margin-left: 10px;
}
/*	members list */
.memberslist {
	list-style-type: none;
	width: 546px;
}
.memberslist li {
	position: relative;
	min-height: 48px;
	padding-left: 77px;
	padding-top: 14px;
	margin-top: 10px;
}
.memberslist li .avatar {
	position: absolute;
	top: 0;
	left: 0;
}
.memberslist li .avatar img {
	width: 58px;
	height: 58px;
	border: 2px solid #ecf0f1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.memberslist li .title-4 {
	word-wrap: break-word;
}
.memberslist li .helptext {
	padding-top: 1px;
}
.memberslist li .button {
	float: right;
}
/*	pin */
.pinicons {
	list-style-type: none;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
.pinicons li {
	float: left;
	position: relative;
}
.boardbar .pinicons li {
	float: right;
}
.pinicons li a {
	display: block;
	color: #b0b7bb;
	width: 60px;
	height: 60px;
	padding-top: 40px;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.pinicons li a:hover {
	background-color: #f1f3f4;
}
.pinicons li a.icon-pinpage-makevippin {
	background-image: url(../images/icon-pinpage-makevippin.png);
	background-position: center 19px;
	text-indent: -50000px;
}
.pinicons li a.icon-pinpage-makevippin:hover {
	background-position: center -159px;
}
.pinicons li a.icon-pinpage-pin {
	background-image: url(../images/icon-pinpage-pin.png);
	background-position: center 16px;
}
.pinicons li a.icon-pinpage-pin:hover {
	background-position: center -160px;
}
.pinicons li a.icon-pinpage-like {
	background-image: url(../images/icon-pinpage-like.png);
	background-position: center 18px;
}
.pinicons li a.icon-pinpage-like:hover {
	background-position: center -161px;
}
.pinicons li a.icon-pinpage-language {
	background-image: url(../images/icon-pinpage-language.png);
	background-position: center 16px;
	text-indent: -50000px;
}
.pinicons li a.icon-pinpage-language:hover {
	background-position: center -160px;
}
.pinicons li a.icon-pinpage-1 {
	background-image: url(../images/icon-pinpage-1.png);
	background-position: center 17px;
	text-indent: -50000px;
}
.pinicons li a.icon-pinpage-1:hover {
	background-position: center -160px;
}
.pinicons li a.icon-pinpage-edit {
	background-image: url(../images/icon-pinpage-edit.png);
	background-position: center 19px;
	text-indent: -50000px;
}
.pinicons li a.icon-pinpage-edit:hover {
	background-position: center -159px;
}
.pinicons li a.icon-pinpage-bell {
	background-image: url(../images/icon-pinpage-bell.png);
	background-position: center 17px;
	text-indent: -50000px;
}
.pinicons li a.icon-pinpage-bell:hover {
	background-position: center -159px;
}
.pinicons li .dropdown {
	top: 60px;
	left: 0;
	padding-top: 16px;
	z-index: 10000;	
}
.pinicons li .dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a {
	font-size: 14px;
	line-height: 18px;
}
.pinicons li .dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a {
	width: auto;
	height: auto;
	padding: 7px 20px 8px 40px !important; 
	color: #667686;
	font-weight: bold;
}
.pinicons li .dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a:hover { 
	color: #fff;
}
.pinicons li .dropdown .dropdown-wrapper &gt; ul &gt; li &gt; a &gt; span {
	position: absolute;
	top: 8px;
	left: 14px;	
}
.pinnavigator {
	margin-top: 11px;
	margin-left: 10px;
}
.pinnavigator .button + .button {
	margin-left: 10px;
}
.meta-text-2.pin-meta-text {
	margin-left: 10px;
	margin-top: 21px;
}
.pin {
}
.fancybox-wrap .pin {
	padding-bottom: 30px;
}
.pin .ribbon-red {
	background-image: url(../images/bg-ribbon-reverse.png);
	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 10;
}
.pin .ribbon-red .txt {
	margin-left: 8px;
	margin-top: 16px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
}
.pin .icon-poweruser {
	position: absolute;
	right: -111px;
	top: 7px;
	z-index: 10;
}
.pin .pin-body {
	width: 676px;
	float: left;
	position: relative;
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pin .photo {
	position: relative;
	text-align: center;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
.pin .photo .ribbon-black {
    font-size: 21px;
    height: 40px;
    right: 0;
    line-height: 38px;
    position: absolute;
    top: 20px;
}
.pin .photo img {
	/*border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;*/
	max-width: 676px;
}
.pin .description {
	font-size: 15px;
	line-height: 18px;
	word-wrap: break-word;
}
.pin .description .tags {
	margin-top: 20px;
}
.pin .comments {
	margin-top: 30px;
	border-top: 2px solid #ecf0f1;
	list-style-type: none;
}
.pin .comments li {
	position: relative;
	min-height: 56px;
	padding-left: 75px;
	padding-top: 4px;
	margin-top: 20px;
}
.pin .comments li .avatar {
	position: absolute;
	top: 0;
	left: 0;
}
.pin .comments li .avatar img {
	width: 58px;
	height: 58px;
	border: 2px solid #ecf0f1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.pin .comments li .meta-text-2 {
	float: right;
	position: relative;
	padding-right: 16px;
}
.pin .comments li .button-remove-wrapper {
	padding-right: 20px;
}
.pin .comments li .meta-text-2 .button-report {
	position: absolute;
	right: 0;
	top: 3px;
}
.pin .comments li .meta-text-2 .button-remove {
	position: absolute;
	right: 0;
	top: 3px;
}
.pin .comments li .comment {
	font-size: 13px;
 line-height:: 18px;
	margin-top: 4px;
}
.pin .comments li .comment textarea {
	margin-top: 3px;
}
.pin .pin-bar {
	width: 300px;
	float: right;
}
.pin .pin-bar .banner {
	margin-top: 10px;
}
.pin .pin-bar .whitebox:first-child {
	margin-top: 0;
}
.whitebox {
	background-color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 10px;
	padding: 10px;
}
.whitebox .user {
	position: relative;
	padding-left: 110px;
	min-height: 94px;
}
.whitebox .user .avatar {
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 0;
}
.whitebox .user .title-5 {
	word-wrap: break-word;	
}
.whitebox .user .avatar img {
	width: 90px;
	height: 90px;
	border: 2px solid #ecf0f1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.whitebox .user p {
	margin-top: 10px;
}
.whitebox .user .meta-text + p, .whitebox .user .meta-text {
	margin-top: 5px;
}
.whitebox .color-picker {
	margin-top: 5px;
}
.whitebox .gallery {
	margin-top: 4px;
	position: relative;
}
.whitebox .button-gallery {
	position: absolute;
	top: 1px;
	height: 100%;
}
.whitebox .button-gallery-prev {
	left: 0;
}
.whitebox .button-gallery-next {
	right: 0;
}
.whitebox .gallery ul {
	list-style-type: none;
	margin-left: 21px;
}
.whitebox .gallery ul li {
	float: left;
	margin-top: 1px;
	margin-left: 1px;
}
.whitebox .followbutton {
	text-align: center;
	margin-top: 10px;
}
/*	find images */
.find-images ul {
	list-style-type: none;
}
.find-images ul li {
	float: left;
	margin-right: 12px;
	margin-top: 12px;
}
.find-images ul li:nth-child(1), .find-images ul li:nth-child(2), .find-images ul li:nth-child(3), .find-images ul li:nth-child(4) {
	margin-top: 0;
}
.find-images ul li:nth-child(2n+1) {
	margin-right: 13px;
}
.find-images ul li:nth-child(4n) {
	margin-right: 0;
}
.find-images ul li.image-box {
	background-position: center;
	background-repeat: no-repeat;
	width: 237px;
	height: 237px;
	background-size: cover;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.find-images ul li a {
	display: block;
	position: relative;
	height: 237px;
}
.find-images ul li a img {
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.find-images ul li a .select-item {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 103px;
	padding-left: 61px;
	border-radius: 3px;
	webkit-border-radius: 3px;
	border: 5px solid #e74c3c;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.17s ease-out;
	-webkit-transition: all 0.17s ease-out;
	-moz-transition: all 0.17s ease-out;
	-ms-transition: all 0.17s ease-out;
	-o-transition: all 0.17s ease-out;
}
.find-images ul li a:hover .select-item, .find-images ul li a.active .select-item {
	visibility: visible;
	opacity: 1;
}
.find-images ul li a .select-item:after {
	position: absolute;
	right: -13px;
	top: -13px;
	content: '';
	width: 36px;
	height: 36px;
	background-image: url(../images/icon-select-item.png);
	background-position: left top;
	background-repeat: no-repeat;
}
/*	columns */
.columns .column {
	float: left;
	width: 236px;
	margin-right: 14px;
}
.columns .column:last-child {
	margin-right: 0;
}
.column .title-3 {
	border-radius: 3px 3px 0 0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	padding-top: 18px;
	padding-bottom: 20px;
	position: relative;
}
.column .title-3 .button-qmark {
	position: absolute;
	left: 50%;
	bottom: -15px;
	margin-left: -13px;
}
.column .features {
	list-style-type: none;
	text-align: center;
	width: 100%;
	display: table;
	color: #667686;
	font-size: 14px;
	line-height: 18px;
}
.column .features li {
	display: table-row;
}
.column .features li .feature {
	background-color: #fff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e7ebec;
	vertical-align: middle;
	display: table-cell;
	height: 36px;
	padding: 10px;
}
.column .features li:last-child .feature {
	border-bottom: none;
}
.column .price {
	background-color: #e7ebec;
	text-align: center;
	font-size: 30px;
	line-height: 34px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 21px;
}
.column .order {
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
}
/*	edit options */
.edit-options a {
	float: left;
	margin-left: 10px;
}
.edit-options a:first-child {
	margin-left: 0;
}
/*	landing page */
.body-welcome .logo {
	margin-top: 164px;
}
.body-welcome .title-11 {
	margin-top: 21px;
}
.body-welcome .title-12 {
	margin-top: 6px;
}
.body-welcome .textbox {
	margin-top: 100px;
}
.body-welcome .textbox, .body-welcome .textbox p {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}
.body-welcome .button {
	width: 235px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.body-welcome .button + .button {
	margin-left: 16px;
}
.body-welcome .button-facebook, .body-welcome .button-twitter {
	font-size: 17px;
	line-height: 17px;
}
/*	infinite scroll loader */
#infscr-loading {
	border-top: 1px dotted #ccc;
	font-size: 0;
	position: relative;
	height: 1px;
	width: 100%;
	margin-top: 30px;
}
#infscr-loading div {
	display: none;
}
#infscr-loading img {
	position: absolute;
	margin-left: -17px;
	left: 50%;
	top: -17px;
	background-image: url(../images/bg.png);
	border: 1px dotted #ccc;
	border-radius: 17px;
	-webkit-border-radius: 17px;
}
/* mentions */
.mentions-input-box {
	position: relative;
}
.mentions-input-box textarea {
	display: block;
	overflow: hidden;
	background: transparent;
	position: relative;
	outline: 0;
	resize: none;
	min-height: 76px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: height 0.2s;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	-o-transition: height 0.2s;
	-ms-transition: height 0.2s;
}
.mentions-input-box .mentions-autocomplete-list {
	display: none;
	background: #fff;
	border: 1px solid #b2b2b2;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10000;
	margin-top: -2px;
	max-height: 200px;
	overflow-y: auto;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);
}
.mentions-input-box .mentions-autocomplete-list li {
	background-color: #fff;
	padding: 0 5px;
	margin: 0;
	width: auto;
	border-bottom: 1px solid #eee;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	cursor: pointer;
	list-style: none;
	white-space: nowrap;
}
.mentions-input-box .mentions-autocomplete-list li .avatar img {
	width: 52px;
	height: 52px;
}
.mentions-input-box .mentions-autocomplete-list li .content {
	position: absolute;
	left: 65px;
	top: 14px;
	font-size: 15px;
}
.mentions-input-box .mentions-autocomplete-list li:last-child {
	border-radius: 5px;
}
.mentions-input-box .mentions-autocomplete-list li em {
	font-weight: bold;
	font-style: none;
}
.mentions-input-box .mentions-autocomplete-list li:hover, .mentions-input-box .mentions-autocomplete-list li.active {
	background-color: #f2f2f2;
}
.mentions-input-box .mentions-autocomplete-list li b {
	background: #ffff99;
	font-weight: normal;
}
.mentions-input-box .mentions-comments {
	left: 1px;
	right: 0;
	top: 1px;
	bottom: 0;
	position: absolute;
	word-wrap: break-word;
	white-space: pre-wrap;
	font-weight: bold;
	width: 519px;
	font-family: Lato, sans-serif;
	line-height: normal;
	font-size: 15px;
	padding: 9px;
	overflow: hidden;
}
.mentions-input-box .mentions-comments &gt; div {
	color: #fff;
	white-space: pre-wrap;
	width: 100%;
}
.mentions-input-box .mentions-comments &gt; div &gt; strong {
	background: #d8dfea;
	color: transparent;
}
/*	autocomplete list */
.auto-complete-list {
	display: block;
	top: 0;
	left: 0;
	width: 451px;
	max-height: 150px;
	overflow-y: auto;
	position: absolute;
	z-index: 9999;
	background-color: #fff;
	border: 2px solid #dee1e3;
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	max-height: 158px !important;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.auto-complete-list li {
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: auto;
}
.auto-complete-list li:first-child {
	margin-top: 0;	
}
.auto-complete-list li:last-child {
	padding-bottom: 10px;	
}
.auto-complete-list li.auto-complete-list-rollover {
	color: #666;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
	.auto-complete-list li:last-child {
		padding-bottom: 0;	
	}		
}
.auto-complete-list li:hover .title-4,
.auto-complete-list li.auto-complete-list-rollover .title-4 {
	color: #e74c3c;
	word-wrap: break-word;	
}
/*	widget paginator */
.widget-paginator {
	display: inline-block;	
}
/*====================================*\
	POPUP
\*====================================*/
.popup {
	min-width: 588px;/*display: none;*/	
}
.popup .head {
	background-color: #e7ebec;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	padding-top: 17px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 20px;
}
.popup .body {
	padding: 25px 20px 30px;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
.popup .body .mainform .row:first-child {
	margin-top: 0;
}
/*	fancybox pin popup */
.fancybox-width-100 {
	width: 100% !important;
	left: 0 !important;
}
.fancybox-width-100 .fancybox-inner {
	width: 100% !important;
}
.fancybox-width-100 .fancybox-close, .fancybox-width-100 .fancybox-nav {
	display: none !important;
}
.fancybox-close-pin {
	display: inline-block;
	line-height: 13px;
	padding: 9px;
	margin-left: 10px;
	top: 3px;
	position: relative;
}
/*	banners */
.banner {
	text-align: center;
}
.banner.zone-pinTop {
	padding-bottom: 30px;
}
.banner.zone-pinBottom {
	padding: 30px 30px 0 30px;
}
.banner.zone-pinBottom img {
	max-width: 100%;
}
/*====================================*\
	TOOLTIP
\*====================================*/
.tipr_content {
	color: #fff;
	background-color: #b0b7bb;
	max-width: 200px;
	text-align: center;
	padding: 6px 15px 8px;
	text-indent: 0;
	font-size: 11px;
	line-height: 15px;
	word-wrap: break-word;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.tipr_container_bottom {
	display: none;
	position: absolute;
	z-index: 10000;
}
.tipr_container_top {
	display: none;
	position: absolute;
	margin-top: -83px;
	z-index: 1000;
}
.tipr_point_top, .tipr_point_bottom {
	position: relative;
}
.tipr_point_top:after, .tipr_point_top:before {
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
}
.tipr_point_top:after {
	border-top-color: #b0b7bb;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.tipr_point_top:before {
	border-top-color: #b0b7bb;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}
.tipr_point_bottom:after, .tipr_point_bottom:before {
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.tipr_point_bottom:after {
	border-bottom-color: #b0b7bb;
	border-width: 8px;
	left: 50%;
	margin-left: -8px;
}
.tipr_point_bottom:before {
	border-bottom-color: #b0b7bb;
	border-width: 9px;
	left: 50%;
	margin-left: -9px;
}
/*	addthis */
#at15s {
	background-color: #fff;
	top: 150px !important;	
}
/*	powered by pintastic.com */
.poweredby {
	font-size: 12px;
	line-height: 16px;	
}
.poweredby a {
	color: #B0B7BB;	
}
/*====================================*\
	LAYOUT
\*====================================*/
.container {
	width: 986px;
	margin: 0 auto;
	position: relative;
}
.container + .container, .container + .container.fluid {
	margin-top: 30px;
}
.container.arrow-left:before {
	position: absolute;
	top: 35px;
	left: -12px;
	content: "";
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #fff;
}
.container.arrow-left:before {
	position: absolute;
	top: 35px;
	left: -12px;
	content: "";
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #fff;
}
.container.fluid {
	width: auto;
	margin: 0 20px;
}
.container.medium {
	width: 800px;
}
.container.small {
	width: 546px;
}
.container.mobile {
	width: 390px;
}
.container .sticky-icon-soc, .container .sticky-icon-logreg {
	position: absolute;
	top: 0;
	left: -132px;
}
header {
	background-color: #fff;
	text-align: center;
	height: 60px;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1001;
	-webkit-box-shadow: 0px 7px 7px -8px rgba(0, 0, 0, .1);
	box-shadow: 0px 7px 7px -8px rgba(0, 0, 0, .1);
}
header.absolute {
	position: absolute;
}
header.welcome {
	height: 234px;
	position: static;
}
header .menu {
	position: absolute;
	left: 0px;
	top: 0px;
}
header .poweredby {
	position: absolute;
	left: 111px;
	top: 22px;	
}
header .logo {
	margin-top: 13px;
}
header .logobar {
	padding-top: 46px;
}
header .logobar p {
	font-size: 14px;
	line-height: 18px;
	margin-top: 20px;
}
header .logobar p:first-child {
	margin-top: 0;
}
header .usermenu {
	position: absolute;
	right: 0px;
	top: 0px;
}
header .usermenu &gt; ul &gt; li .dropdown {
	top: 60px;
	right: 0;
	padding-top: 16px;
}
header .usermenu &gt; ul &gt; li .dropdown .dropdown-wrapper .recent-activity {
	width: 236px;
	text-align: left;
}
header .usermenu &gt; ul &gt; li .dropdown .dropdown-wrapper .recent-activity .title-13 {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
header .usermenu &gt; ul &gt; li .dropdown .dropdown-wrapper .recent-activity ul li {
	background-color: transparent;
}
header .usermenu &gt; ul &gt; li .dropdown .dropdown-wrapper .recent-activity ul li:hover {
	background-color: #f1f3f4;
}
#headbar {
	margin-top: 30px;
	z-index: 1000;
}
#headbar.fixed {
	position: fixed;
	left: 0;
	right: 16px;
	top: 0;
	padding-right: 1px;
	margin-top: 0;
	z-index: 1000;
}
#headbar.fixedHTML {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
	z-index: 1000;
}
#headbar .container {
	height: 60px;
}
.sidebar &gt; ul &gt; li .dropdown {
	top: 0;
	left: 236px;
	padding-top: 8px;
	padding-left: 10px;
}
#content {
	margin-top: 30px;
}
#content.js-popup {
	margin-left: 120px;
}
header.welcome + #content {
	margin-top: 50px;
}
/*#content .boxcontainer:first-child, #content .boardcontainer:first-child {
	margin-top: -14px;
}*/
.boxcontainer {
	margin: 0 auto;
}
.pagecontainer {
	background-color: #fff;
}
.boardcontainer {
	text-align: center;
	font-size: 0;
}

/*====================================*\
	RESPONSIVE
\*====================================*/
@media all and (max-width: 1100px) {
	.usermenu &gt; ul &gt; li &gt; .search input[type=text] {
		width: 97px;		
	}
}

/*====================================*\
	DEBUGGING
\*====================================*/

/*	chrome/safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type=text], input[type=password], textarea {
	padding: 9px 9px 10px;
}
.dropdown .dropdown-wrapper &gt; ul:first-child {
	left: -1px; /* DROPDOWN MENU - 1px white left border bug */
}
.boardform .invite-field {
	width: 429px;
}
.pinform .input-file input[type="text"] {
	width: 406px;
}
.pinform .large-with-button {
	width: 390px;
}
}

/*	opera */
@media (min-resolution: .001dpcm) {
.boardform .invite-field {
	width: 429px;
}
.pinform .input-file input[type="text"] {
	width: 406px;
}
.pinform .large-with-button {
	width: 390px;
}
}

/*====================================*\
	TABLE GRID 5
\*====================================*/
.table-row {
	display: table-row;
}
.table-row .cell-0.5 {
	display: table-cell;
	width: 5%;
	vertical-align: top;
}
.table-row .cell-10 {
	display: table-cell;
	width: 10%;
	vertical-align: top;
}
.table-row .cell-15 {
	display: table-cell;
	width: 15%;
	vertical-align: top;
}
.table-row .cell-20 {
	display: table-cell;
	width: 20%;
	vertical-align: top;
}
.table-row .cell-25 {
	display: table-cell;
	width: 25%;
	vertical-align: top;
}
.table-row .cell-30 {
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.table-row .cell-35 {
	display: table-cell;
	width: 35%;
	vertical-align: top;
}
.table-row .cell-40 {
	display: table-cell;
	width: 40%;
	vertical-align: top;
}
.table-row .cell-45 {
	display: table-cell;
	width: 45%;
	vertical-align: top;
}
.table-row .cell-50 {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.table-row .cell-55 {
	display: table-cell;
	width: 55%;
	vertical-align: top;
}
.table-row .cell-60 {
	display: table-cell;
	width: 60%;
	vertical-align: top;
}
.table-row .cell-65 {
	display: table-cell;
	width: 65%;
	vertical-align: top;
}
.table-row .cell-70 {
	display: table-cell;
	width: 70%;
	vertical-align: top;
}
.table-row .cell-75 {
	display: table-cell;
	width: 75%;
	vertical-align: top;
}
.table-row .cell-80 {
	display: table-cell;
	width: 80%;
	vertical-align: top;
}
.table-row .cell-85 {
	display: table-cell;
	width: 85%;
	vertical-align: top;
}
.table-row .cell-90 {
	display: table-cell;
	width: 90%;
	vertical-align: top;
}
.table-row .cell-95 {
	display: table-cell;
	width: 95%;
	vertical-align: top;
}
.table-row .cell-100 {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

/*====================================*\
	ADD PIN POPUP
\*====================================*/
.popup .body.add-pin {
	padding: 0;
}
.popup .body.add-pin ul {
	list-style: none;
}
.popup .body.add-pin ul li {
	float: left;
	border-right: 1px solid #e7ebec;
	width: 195px;
}
.popup .body.add-pin ul li:last-child {
	border-right: 0;
}
.popup .body.add-pin ul li a {
	display: block;
	width: 155px;
	background-position: center 25px;
	background-repeat: no-repeat;
	padding: 145px 20px 20px;
	text-align: center;
}
.popup .body.add-pin ul li a.icon-big-uploadpin {
	background-image: url(../images/icon-big-uploadpin.png);
}
.popup .body.add-pin ul li a.icon-big-urlpin {
	background-image: url(../images/icon-big-urlpin.png);
}
.popup .body.add-pin ul li a.icon-big-gallerypin {
	background-image: url(../images/icon-big-gallerypin.png);
}

/*====================================*\
	ACTIVITY SCROLL PANE
\*====================================*/
.recent-activity .scroll-pane { 
	height: 305px;
}

.recent-activity .scroll-pane .jspContainer
{
	overflow: hidden;
	position: relative;
}

.recent-activity .scroll-pane .jspPane
{
	position: absolute;
}

.recent-activity .scroll-pane .jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
}

.recent-activity .scroll-pane .jspTrack
{
	/*background: #f1f3f4;*/
	position: relative;
}

.recent-activity .scroll-pane .jspDrag
{
	background: #b0b7bb;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.recent-activity .scroll-pane .jspCap {
	display: none;
}

/*====================================*\
	3.3.1
\*====================================*/
.top-minus-7 {
	position: relative;
	top: -7px;
}</pre></body></html>