body {
	color: rgba(0, 0, 0, 0.87);
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.45
}
p {
	margin-top: 10px;
	margin-bottom: 15px
}
em, i, .text-italic {
	font-style: italic
}
strong, b, .text-bold {
	font-weight: 600
}
u, .text-underline {
	text-decoration: underline
}
del, .text-strikethrough {
	text-decoration: line-through
}
small, .text-small {
	font-size: 85%
}
.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}
.text-justified {
	text-align: justify
}
a, .text-link {
	text-decoration: none;
	color: #f71756;
	-webkit-transition: color 100ms ease 0s;
	transition: color 100ms ease 0s
}
a:hover, .text-link:hover {
	text-decoration: none;
	color: #d40741
}
ul, ol {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 1em;
	list-style-position: inside
}
ul ul, ol ul, ul ol, ol ol {
	margin: 0
}
.nav-bar {
	width: 100%;
	position: fixed;
	top: 0;
	height: 50px;
	line-height: 50px;
	left: auto;
	right: auto;
	background-color: #fff;
	border-color: #292929;
	z-index: 1440;
	box-shadow: 10px 10px 5px #888888;
	color: #fff
}
.nav-bar a {
	color: #424242;
}
.nav-bar a:hover {
	color: #d70000;
}
.nav-bar .glyphicons, .nav-bar .glyphicons-social {
	top: 2px;
	color: #fff
}
.nav-bar .glyphicons:hover, .nav-bar .glyphicons-social:hover {
	color: #fff
}
.nav-bar-left {
	margin-right: 7px;
	float: left
}
.nav-bar-right {
	margin-left: 7px;
	float: right;
	margin-right:8px;
}
.nav-bar-logo {
	margin-left: 7px;
	margin-right: 7px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
	font-size: 24px
}
@media (min-width:900px) {
.nav-bar-logo {
 float: left
}
}
@media (min-width:900px) {
html[dir="rtl"] .nav-bar-logo {
 float: right
}
}
.nav-bar-menu {
	display: none;
	list-style: none;
	margin: 0 7px;
	padding: 0;
	float: right
}
.nav-bar-menu>li {
	display: inline-block;
	padding-left: 7px;
	padding-right: 7px;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: background-color 200ms ease 0s;
	transition: background-color 200ms ease 0s
}
.nav-bar-menu>li:hover {
	background-color: rgba(255, 255, 255, 0.1)
}
.nav-bar-menu>li a {
	margin-left: -7px;
	margin-right: -7px;
	padding-left: 7px;
	padding-right: 7px;
	display: block
}
@media screen and (min-width:900px) {
.nav-bar-menu {
 display: inline-block
}
}
html[dir="rtl"] .nav-bar-menu {
	float: left
}
.nav-bar-search {
	margin-left: 7px;
	margin-right: 7px;
	display: none;
	float: right
}
@media screen and (min-width:900px) {
.nav-bar-search {
 display: inline
}
}
.nav-bar-search form input {
	height: 32px;
	padding: 4px 8px;
	color: rgba(0, 0, 0, 0.87);
	border: 1px solid #fff
}
.nav-bar-search form button.glyphicons {
	padding: 3px 0;
	top: -2px;
	height: 32px;
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff
}
.nav-bar-search form button.glyphicons:hover {
	background-color: rgba(255, 255, 255, 0.1)
}
.nav-bar-search form button.glyphicons:hover {
	color: #fff
}
html[dir="rtl"] .nav-bar-search {
	float: left
}
a#back-to-top span {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.nav-bar .submenu {
	font-size: 85%
}
.card {
	display: block
}
.card:after {
	content: '';
	clear: both;
	display: block;
	height: 0
}
.card-image {
	float: left;
	margin-right: 10px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	overflow: hidden
}
.card-image>img {
	max-width: 100%
}
.card-body {
	display: block;
	overflow: hidden
}
.card-body>*:first-child {
	margin-top: 0
}
.card-body>*:last-child {
	margin-bottom: 0
}
.card-body h4, .card-body .h4 {
	margin-bottom: 10px
}
html[dir="rtl"] .card-image {
	float: right;
	margin-left: 10px;
	margin-right: 0
}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close, html.sb-active .sb-site-container {
	cursor: pointer
}
.navicon-lines {
	height: 32px;
	padding: 5px;
	border-radius: 2px;
	position: relative;
	top: 9px;
	-webkit-transition: background-color 200ms ease 0s;
	transition: background-color 200ms ease 0s;
	border: 1px solid #fff
}
.navicon-lines:hover {
	background-color: rgba(255, 255, 255, 0.1)
}
.navicon-lines span {
	display: block;
	width: 24px;
	height: 4px;
	border-radius: 1px;
	position: relative;
	top: 8px;
	background-color: #fff
}
.navicon-lines span:before, .navicon-lines span:after {
	display: block;
	width: 24px;
	height: 4px;
	border-radius: 1px;
	position: absolute;
	content: '';
	background-color: #fff
}
.navicon-lines span:before {
	top: -8px
}
.navicon-lines span:after {
	top: 8px
}
.navicon-text {
	height: 40px;
	padding: 5px;
	border-radius: 2px;
	position: relative;
	top: 9px;
	-webkit-transition: background-color 200ms ease 0s;
	transition: background-color 200ms ease 0s;
	color: #222;
	border: 1px solid #000;
}
.navicon-text:hover {
	background-color: rgba(255, 255, 255, 0.1)
}
.navicon-text span {
	font-size: 12px;
	line-height: 20px;
	display: block
}
.navicon-circle {
	width: 32px;
	height: 32px;
	padding: 5px;
	border-radius: 50px;
	position: relative;
	top: 9px;
	-webkit-transition: background-color 200ms ease 0s;
	transition: background-color 200ms ease 0s;
	background-color: #fff
}
.navicon-circle:hover {
	background-color: #e6e6e6
}
.navicon-circle span {
	display: block;
	width: 18px;
	height: 3px;
	border-radius: 1px;
	position: relative;
	top: 9.5px;
	left: 2px;
	background-color: #424242
}
.navicon-circle span:before, .navicon-circle span:after {
	display: block;
	width: 18px;
	height: 3px;
	border-radius: 1px;
	position: absolute;
	content: '';
	background-color: #424242
}
.navicon-circle span:before {
	top: -7px
}
.navicon-circle span:after {
	top: 7px
}
.navicon-animated {
	height: 32px;
	padding: 5px;
	border-radius: 2px;
	position: relative;
	top: 9px
}
.navicon-animated span {
	display: block;
	width: 24px;
	height: 4px;
	border-radius: 1px;
	position: relative;
	top: 10px;
	-webkit-transition: -webkit-transform 400ms, all 400ms;
	transition: -webkit-transform 400ms, all 400ms;
	background-color: #424242;
}
.navicon-animated span:before, .navicon-animated span:after {
	display: block;
	width: 24px;
	height: 4px;
	border-radius: 1px;
	position: absolute;
	content: '';
	-webkit-transition: -webkit-transform 400ms, top 400ms;
	transition: transform 400ms, top 400ms;
	background-color: #424242;
}
.navicon-animated span:before {
	top: -8px
}
.navicon-animated span:after {
	top: 8px
}
html.sb-active-left .sb-toggle-left.navicon-animated span {
	background-color: transparent;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
html.sb-active-left .sb-toggle-left.navicon-animated span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
html.sb-active-left .sb-toggle-left.navicon-animated span:after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
html.sb-active-right .sb-toggle-right.navicon-animated span {
	background-color: transparent;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
html.sb-active-right .sb-toggle-right.navicon-animated span:before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
html.sb-active-right .sb-toggle-right.navicon-animated span:after {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.navicon.sb-hide {
	display: none
}
.slidebar-menu {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0
}
.slidebar-menu li {
	width: 100%;
	padding: 14px;
	border-bottom: 1px solid #f71756;
	border-left: 1px solid #009900;
}
.slidebar-menu li a {
	display: block;
	margin: -14px;
	padding: 14px;
	color: #222;
	background-color: rgba(0, 0, 0, 0);
	box-shadow:10px 10px 10px #808080;
}
.slidebar-menu li a:hover {
	color: #fff;
	/*background-color: rgba(0,0,0,0.2);*/
	border-left: 5px solid #f71756;
	background-color: #00CCFF;
}
.slidebar-menu li a:hover .glyphicons {
	color: #f71756;
	-webkit-transition: color 200ms ease 0s;
	transition: color 200ms ease 0s
}
.slidebar-menu li a:hover .glyphicons:hover {
	color: #f71756
}
.slidebar-menu li a.submenu-toggle {
	cursor: pointer
}
.slidebar-menu li.submenu-rule {
	height: 1px;
	background-color: rgba(255, 255, 255, 0.1);
	padding: 0
}
.slidebar-menu li.submenu-spacer {
	height: 7px;
	padding: 0
}
.slidebar-menu li.submenu-label {
	color: rgba(255, 255, 255, 0.7);
	font-size: 85%
}
.slidebar-menu li .glyphicons, .slidebar-menu li .glyphicons-social {
	top: 2px;
	color: rgba(255, 255, 255, 0.7);
	margin: 0 5px 0 5px
}
.slidebar-menu .slidebar-submenu {
	position: relative;
	display: none;
	list-style: none;
	margin: 14px -14px -14px -14px;
	padding: 0;
	font-size: 85%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	background-color: rgba(0, 0, 0, 0.2)
}
.slidebar-menu .slidebar-submenu.slidebar-submenu-active {
	display: block
}
.slidebar-menu .slidebar-submenu li {
	padding: 10px 14px
}
.slidebar-menu .slidebar-submenu li a {
	margin: -10px -14px;
	padding: 10px 14px
}
.slidebar-menu .slidebar-submenu li.submenu-dismiss {
	text-align: center;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.7);
	background-color: rgba(0, 0, 0, 0);
	padding-top: 7px;
	padding-bottom: 7px;
	-webkit-transition: all 200ms ease 0s;
	transition: all 200ms ease 0s
}
.slidebar-menu .slidebar-submenu li.submenu-dismiss:hover {
	color: #f71756;
	background-color: rgba(0, 0, 0, 0.1)
}
.slidebar-menu .slidebar-submenu.submenu-restricted {
	height: 200px;
	overflow-y: scroll
}
.slidebar-menu li.active a {
	background-color: #00CCFF;/*background-color: rgba(0,0,0,0.2);*/
}
.sb-left .slidebar-menu li.active {
	border-left: 5px solid #009900;
}
.sb-right .slidebar-menu li.active {
	border-right: 5px solid #009900;
}
.slidebar-widget {
	padding: 10px;
	font-size: 85%;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.slidebar-widget:first-of-type {
	border-top: 0
}
.slidebar-widget:last-of-type {
	border-bottom: 0
}
.slidebar-widget p:first-of-type {
	margin-top: 0
}
.slidebar-widget p:last-of-type {
	margin-bottom: 0
}
.slidebar-widget .slidebar-widget-header {
	margin-top: 5px;
	color: #fff
}
 .sb-slidebar .glyphicons:not( button ):not( .button ), .sb-slidebar .glyphicons-social:not( .glyphicons-color ) {
 color: rgba(255, 255, 255, 0.7)
}
.sb-slidebar .glyphicons:not( button ):not( .button ):hover, .sb-slidebar .glyphicons-social:not( .glyphicons-color ):hover {
 color: rgba(255, 255, 255, 0.8)
}