@charset "utf-8";

/* SUPER SIDEBAR */
.float-sidebar {
	font-family: 'Absol', 'Open Sans', sans-serif;
	visibility: hidden;
}
.float-sidebar.sb-ready {
	visibility: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Icon */
.sb-icon {
	/*height: 100%;*/
	width: 49px;
	height: 49px;
	position: relative;
	z-index: 11;
}
.sb-right .sb-icon {
	position: absolute;
	right: 0;
}

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

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

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

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

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

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

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

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

	height: 49px;
}

.sb-label-space .sb-hit {
	width: 2px;
	left: 49px;
}
.sb-right.sb-label-space .sb-hit {
	right: 49px;
	left: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* COLORS */
/* Default */
.sb-facebook .sb-icon, .sb-icon,
.sb-facebook .sb-label {
	background-color: #dcbd69;
}

.sb-facebook > .sb-mask > a:hover > .sb-icon {
background-color:#d1b360;}



.sb-twitter .sb-icon, .sb-icon,
.sb-twitter .sb-label {
	background-color: #dcbd69;
}
.sb-twitter > .sb-mask > a:hover > .sb-icon {
background-color:#d1b360;}

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

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

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

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

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

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

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

.sb-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 */
.sb-window {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10101;
	display: none;
}
.sb-shadow {
	background-color: #2f2f2f;
	opacity: 0.3;
	width: 100%;
	height: 100%;
}

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

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

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

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

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

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

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

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

/* Form */
.sb-body form {
	margin-top: 13px;
	/*margin-bottom: 3px;*/
	padding: 0 15px;
}
.sb-body label {
	font-size: 14px;
	font-weight: bold;
	color: #808080;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
.sb-body input[type=text], .sb-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;
}
.sb-body input[type=text]:hover, .sb-body textarea:hover {
	border-color: #1d8edf;
}
.sb-body textarea {
	height: 80px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* SCREEN SIZES */