@charset "utf-8";

/* SUPER SIDEBAR */
.super-sidebar {
	font-family: Arial, Helvetica, sans-serif;
	visibility: hidden;
}
.super-sidebar.supersb-ready {
	visibility: visible;
}

/* Resets */
.super-sidebar a {
	text-decoration: none;
}
.super-sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* BAR */
.supersb-bar {
	position: fixed;
	z-index: 10100;
}
.supersb-bar.supersb-side-space {
	margin: 2px;
}

.supersb-round.supersb-side-space {
	margin: 3px;
}
.supersb-rounded.supersb-side-space {
	margin: 3px;
}

/* Button */
.supersb-bar li {}
.supersb-bar li:hover {
	z-index: 1001 !important;
}

.supersb-bar.supersb-right li {
	height: 42px;
}
.supersb-bar.supersb-button-space li:not(:last-child) {
	margin-bottom: 2px;
}

.supersb-round li {
	border-radius: 21px;
}
.supersb-round.supersb-button-space li:not(:last-child) {
	margin-bottom: 3px;
}

.supersb-rounded li {
	border-radius: 5px;
}
.supersb-rounded.supersb-button-space li:not(:last-child) {
	margin-bottom: 3px;
}

.supersb-rounded-out li {
	border-radius: 0 5px 5px 0;
}

.supersb-space {
	margin-top: 4px;
}
.supersb-button-space .supersb-space {
	margin-top: 6px;
}
.supersb-round.supersb-button-space .supersb-space {
	margin-top: 7px;
}
.supersb-rounded.supersb-button-space .supersb-space {
	margin-top: 7px;
}

/* Mask */
.supersb-mask {
	position: relative;
	overflow: hidden;
	z-index: 12;
}
.supersb-mask.supersb-off {
	overflow: visible;
}
.supersb-right .supersb-mask {
	position: absolute;
	right: 0;
	height: 42px;
}

.supersb-round .supersb-mask {
	border-radius: 21px;
}
.supersb-rounded .supersb-mask {
	border-radius: 5px;
}
.supersb-rounded-out .supersb-mask {}

/* Link */
.supersb-bar a {
	width: 42px;
	display: block;
	position: relative;
}
.supersb-bar.supersb-right a {
	position: absolute;
	right: 0;
}

.supersb-round a {
	border-radius: 21px;
}
.supersb-rounded a {
	border-radius: 5px;
}
.supersb-rounded-out a {
	border-radius: 0 5px 5px 0;
}
.supersb-right.supersb-rounded-out a {
	border-radius: 5px 0 0 5px;
}

/* Icon */
.supersb-icon {
	/*height: 100%;*/
	width: 42px;
	height: 42px;
	position: relative;
	z-index: 11;
}

.supersb-right .supersb-icon {
	position: absolute;
	right: 0;
}

.supersb-round .supersb-icon {
	border-radius: 21px;
}
.supersb-rounded .supersb-icon {
	border-radius: 5px;
}
.supersb-rounded-out .supersb-icon {
	border-radius: 0 5px 5px 0;
}
.supersb-right.supersb-rounded-out .supersb-icon {
	border-radius: 5px 0 0 5px;
}

.supersb-icon img {
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	margin: auto;
}

/* Label */
.supersb-label {
	font-size: 15px;
	color: #ffffff;
	line-height: 42px;
	padding: 0 11px 0 8px;
	position: absolute;
	left: 42px;
	top: 0;
	z-index: 10;
	display: none;
	box-sizing: border-box;
}
.supersb-right .supersb-label {
	padding: 0 8px 0 11px;
	right: 42px;
	left: auto;
}

.supersb-label-space .supersb-label {
	margin-left: 2px;
}
.supersb-right.supersb-label-space .supersb-label {
	margin-right: 2px;
	margin-left: 0;
}

.supersb-round .supersb-label {
	border-radius: 21px;
	padding: 0 12px;
}
.supersb-rounded .supersb-label {
	border-radius: 5px;
	padding: 0 11px;
}
.supersb-rounded-out .supersb-label {
	border-radius: 5px;
	padding: 0 11px;
}

.supersb-connected .supersb-label {
	padding: 0 11px 0 50px;
	left: 0;
}
.supersb-right.supersb-connected .supersb-label {
	padding: 0 50px 0 11px;
	right: 0;
	left: auto;
}

.supersb-connected.supersb-round .supersb-label {
	padding: 0 12px 0 47px;
}
.supersb-right.supersb-connected.supersb-round .supersb-label {
	padding: 0 47px 0 12px;
}

/* Hit */
.supersb-hit {
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	display: none;

	height: 42px;
}

.supersb-label-space .supersb-hit {
	width: 2px;
	left: 42px;
}
.supersb-right.supersb-label-space .supersb-hit {
	right: 42px;
	left: auto;
}

.supersb-round .supersb-hit {
	width: 42px;
	left: 21px;
}
.supersb-right.supersb-round .supersb-hit {
	right: 21px;
	left: auto;
}
.supersb-round.supersb-label-space .supersb-hit {
	width: 44px;
}
.supersb-right.supersb-round.supersb-label-space .supersb-hit {}

.supersb-rounded .supersb-hit {
	width: 10px;
	left: 37px;
}
.supersb-right.supersb-rounded .supersb-hit {
	right: 37px;
	left: auto;
}

.supersb-rounded.supersb-label-space .supersb-hit {
	width: 12px;
}
.supersb-right.supersb-rounded.supersb-label-space .supersb-hit {}

.supersb-rounded-out .supersb-hit {
	width: 10px;
	left: 37px;
}
.supersb-right.supersb-rounded-out .supersb-hit {
	right: 37px;
	left: auto;
}
.supersb-rounded-out.supersb-label-space .supersb-hit {
	width: 12px;
}
.supersb-right.supersb-rounded-out.supersb-label-space .supersb-hit {}

/* SUB */
.supersb-sub {
	cursor: pointer;
}

.supersb-sub > .supersb-icon {
	position: relative;
	z-index: 1000;
}

/* List */
.supersb-sub > ul {
	width: 42px;
	position: absolute;
	left: 0;
	top: 42px;
}

.supersb-sub.supersb-side > ul {
	position: absolute;
	left: 42px;
	top: 0;
}
.supersb-right .supersb-sub.supersb-side > ul {
	right: 42px;
	left: auto;
}

.supersb-sub.supersb-circular > ul {
	position: absolute;
	left: 0; top: 0;
	width: auto;
}
.supersb-right .supersb-sub.supersb-circular > ul {
	right: 0;
	left: auto;
}

.supersb-sub.supersb-sub-space > ul {
	margin-top: 2px;
}
.supersb-sub.supersb-side.supersb-sub-space > ul {
	margin: 0 2px;
	margin-top: 0;
}

.supersb-round .supersb-sub.supersb-sub-space > ul,
.supersb-rounded .supersb-sub.supersb-sub-space > ul {
	margin-top: 3px;
}
.supersb-round .supersb-sub.supersb-side.supersb-sub-space > ul,
.supersb-rounded .supersb-sub.supersb-side.supersb-sub-space > ul {
	margin: 0 3px;
	margin-top: 0;
}

/* Button */
.supersb-sub.supersb-posabs > ul > li {
	position: absolute;
}
.supersb-right .supersb-sub.supersb-posabs > ul > li {
	right: 0;
}

/* Sub hit */
.supersb-subhit {
	position: absolute;
	display: none;
	left: 0; top: 0;
}
.supersb-right .supersb-subhit {
	right: 0;
	left: auto;
}

/* COLORS */
/* Default */
.supersb-facebook .supersb-icon, .supersb-facebook a:hover .supersb-icon,
.supersb-facebook .supersb-label {
	background-color: #3b5998;
}
.supersb-twitter .supersb-icon, .supersb-twitter a:hover .supersb-icon,
.supersb-twitter .supersb-label {
	background-color: #55acee;
}
.supersb-googleplus .supersb-icon, .supersb-googleplus a:hover .supersb-icon,
.supersb-googleplus .supersb-label {
	background-color: #dd4b39;
}
.supersb-linkedin .supersb-icon, .supersb-linkedin a:hover .supersb-icon,
.supersb-linkedin .supersb-label {
	background-color: #0077b5;
}
.supersb-dribbble .supersb-icon, .supersb-dribbble a:hover .supersb-icon,
.supersb-dribbble .supersb-label {
	background-color: #ea4c89;
}
.supersb-pinterest .supersb-icon, .supersb-pinterest a:hover .supersb-icon,
.supersb-pinterest .supersb-label {
	background-color: #cc2127;
}
.supersb-instagram .supersb-icon, .supersb-instagram a:hover .supersb-icon,
.supersb-instagram .supersb-label {
	background-color: #3f729b;
}
.supersb-behance .supersb-icon, .supersb-behance a:hover .supersb-icon,
.supersb-behance .supersb-label {
	background-color: #1769ff;
}
.supersb-flickr .supersb-icon, .supersb-flickr a:hover .supersb-icon,
.supersb-flickr .supersb-label {
	background-color: #ff0084;
}
.supersb-twitch .supersb-icon, .supersb-twitch a:hover .supersb-icon,
.supersb-twitch .supersb-label {
	background-color: #6441a5;
}
.supersb-vimeo .supersb-icon, .supersb-vimeo a:hover .supersb-icon,
.supersb-vimeo .supersb-label {
	background-color: #1ab7ea;
}
.supersb-youtube .supersb-icon, .supersb-youtube a:hover .supersb-icon,
.supersb-youtube .supersb-label {
	background-color: #cd201f;
}
.supersb-github .supersb-icon, .supersb-github a:hover .supersb-icon,
.supersb-github .supersb-label {
	background-color: #4078c0;
}
.supersb-tumblr .supersb-icon, .supersb-tumblr a:hover .supersb-icon,
.supersb-tumblr .supersb-label {
	background-color: #35465c;
}

.supersb-contact .supersb-icon, .supersb-contact a:hover .supersb-icon,
.supersb-contact .supersb-label {
	background-color: #EA5197;
}
.supersb-newsletter .supersb-icon, .supersb-newsletter a:hover .supersb-icon,
.supersb-newsletter .supersb-label {
	background-color: #ffaa22;
}
.supersb-rss .supersb-icon, .supersb-rss a:hover .supersb-icon,
.supersb-rss .supersb-label {
	background-color: #1d8edf;
}

.supersb-social > .supersb-icon, .supersb-social:hover > .supersb-icon {
	background-color: #1d8edf;
}

/* Black */
.supersb-black .supersb-icon {
	background-color: #2a2a2a;
}
.supersb-black-over a:hover .supersb-icon,
.supersb-black-over .supersb-label,
.supersb-black-over .supersb-social:hover > .supersb-icon {
	background-color: #2a2a2a;
}

/* Blue */
.supersb-blue .supersb-icon {
	background-color: #4090FF;
}
.supersb-blue-over a:hover .supersb-icon,
.supersb-blue-over .supersb-label,
.supersb-blue-over .supersb-social:hover > .supersb-icon {
	background-color: #4090FF;
}

/* Red */
.supersb-red .supersb-icon {
	background-color: #F23D3D;
}
.supersb-red-over a:hover .supersb-icon,
.supersb-red-over .supersb-label,
.supersb-red-over .supersb-social:hover > .supersb-icon {
	background-color: #F23D3D;
}

/* Yellow */
.supersb-yellow .supersb-icon {
	background-color: #FFBD22;
}
.supersb-yellow-over a:hover .supersb-icon,
.supersb-yellow-over .supersb-label,
.supersb-yellow-over .supersb-social:hover > .supersb-icon {
	background-color: #FFBD22;
}

.supersb-icon {
	-webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

/* WINDOW */
.supersb-window {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10101;
	display: none;
}
.supersb-shadow {
	background-color: #2f2f2f;
	opacity: 0.3;
	width: 100%;
	height: 100%;
}

/* Panel */
.supersb-panel {
	background-color: #f0f0f0;
	padding: 1px;
	width: 100%;
	max-width: 500px;
	min-width: 300px;
	position: absolute;
	display: none;
}
.supersb-round .supersb-panel {
	border-radius: 5px;
}
.supersb-winshadow .supersb-panel {
	box-shadow: 0 0 2px 1px rgba(47, 47, 47, 0.2);
}

/* Head */
.supersb-head {
	padding: 18px 17px;
}
.supersb-round .supersb-head {
	border-radius: 5px 5px 0 0;
}

.supersb-title {
	color: #ffffff;
	font-size: 22px;
	display: inline;
}
.supersb-close {
	background: url("../img/close.png") no-repeat center;
	width: 20px;
	height: 20px;
	float: right;
	cursor: pointer;
}

#sidebar-contact .supersb-head {
	background-color: #F25030;
}
#sidebar-newsletter .supersb-head {
	background-color: #ffaa22;
}
#sidebar-rss .supersb-head {
	background-color: #33AAFF;
}

.supersb-black .supersb-head {
	background-color: #2a2a2a !important;
}
.supersb-blue .supersb-head {
	background-color: #4090FF !important;
}
.supersb-red .supersb-head {
	background-color: #F23D3D !important;
}
.supersb-yellow .supersb-head {
	background-color: #FFBD22 !important;
}

/* Body */
.supersb-body {
	font-size: 15px;
	padding: 15px;
	color: #707070;

	/* Clearfix */
	content: "";
	display: table;
	clear: both;
}

.supersb-body p {
	margin: 0;
	line-height: 18px;
	font-style: italic;
}

/* Form */
.supersb-body form {
	margin-top: 13px;
	/*margin-bottom: 3px;*/
	padding: 0 15px;
}
.supersb-body label {
	font-size: 14px;
	font-weight: bold;
	color: #808080;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
.supersb-body input[type=text], .supersb-body textarea {
	font-size: 15px;
	color: #505050;
	padding: 7px;
	background-color: #fafafa;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	width: 100%;
	max-width: 340px;
	box-sizing: border-box;
}
.supersb-body input[type=text]:hover, .supersb-body textarea:hover {
	border-color: #1d8edf;
}
.supersb-body textarea {
	height: 80px;
}

.supersb-fielderror {
	border-color: red !important;
}

.supersb-submit {
	padding: 5px 10px;
	border: 1px solid #a0a0a0;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
	background-color: #fafafa;
	margin-top: 7px;
}
.supersb-submit:hover {
	background-color: #1d8edf;
	border-color: #2C6D9B;
	color: #ffffff;
}
.supersb-submit:active {
	background-color: #5CA8DE;
}

/* Status */
.supersb-status {
	margin-top: 10px;
	display: none;
}
.supersb-status.supersb-showstatus {
	display: block;
}

.supersb-sicon {
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 1px;
	margin-right: 5px;
	float: left;
}
.supersb-working .supersb-sicon {
	width: 24px;
	height: 24px;
	background-image: url("../img/loader.gif");
}
.supersb-success .supersb-sicon {
	background-image: url("../img/success.png");
}
.supersb-error .supersb-sicon, .supersb-formerror .supersb-sicon {
	background-image: url("../img/error.png");
}

.supersb-message {
	line-height: 18px;
	float: left;
}
.supersb-working .supersb-message {
	line-height: 24px;
}
.supersb-message > span {
	display: none;
}
.supersb-formerror .supersb-message > span:nth-child(1) {
	display: block;
}
.supersb-working .supersb-message > span:nth-child(2) {
	display: block;
}
.supersb-success .supersb-message > span:nth-child(3) {
	display: block;
}
.supersb-error .supersb-message > span:nth-child(4) {
	display: block;
}

/* Contact */
#sidebar-contact.supersb-panel {
	max-width: 420px;
}

/* Newsletter */
#sidebar-newsletter.supersb-panel {
	max-width: 570px;
}
#sidebar-newsletter .supersb-body {
	padding-bottom: 17px;
}
#sidebar-newsletter form {
	margin-top: 15px;
	padding: 0 35px 0 25px;
	text-align: center;
}

.supersb-group {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.supersb-group > div {
	display: table-cell;
}
.supersb-group > div:nth-child(1) {
	width: 1%;
	white-space: nowrap;
}
.supersb-group > div:nth-child(2) {}
.supersb-group > div:nth-child(3) {
	width: 1%;
	white-space: nowrap;
}

.supersb-group label {
	font-size: 14px;
	line-height: 23px;
	margin-right: 5px;
}
.supersb-group input[type="text"] {
	max-width: none;
}
.supersb-group .supersb-submit {
	margin-top: 0;
	padding: 7px 15px;
	margin-left: 5px;
}

#sidebar-newsletter .supersb-status {
	clear: left;
	margin-bottom: -8px;
}
#sidebar-newsletter .supersb-status.supersb-showstatus {
	display: inline-block;
}

/* RSS */
#sidebar-rss.supersb-panel {
	max-width: 470px;
}
#sidebar-rss .supersb-body {
	padding-bottom: 17px;
}

.supersb-rsslinks {
	padding-top: 14px;
	padding-left: 12px;
}
.supersb-rsslinks ul {
	width: 33%;
	margin-top: 12px;
	float: left;
}
.supersb-rsslinks li {
	font-size: 14px;
}
.supersb-rsslinks li:not(:last-child) {
	margin-bottom: 12px;
}
.supersb-rsslinks a {
	color: #1d8edf;
	font-size: 16px;
}
.supersb-rsslinks a:hover {
	text-decoration: underline;
}

/* GLOBAL */
.supersb-show {
	display: block !important;
}
.supersb-hide {
	display: none !important;
}

.supersb-clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* SCREEN SIZES */