@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
.overlaycaption, a, abbr, acronym, address, applet, b, big, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, figure, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%
}
li, ol, ul {
	padding: inherit
}
:focus {
	outline: 0
}
button, input[type=button], input[type=password], input[type=submit], input[type=text], textarea {
	-moz-appearance: none;
	-webkit-appearance: none
}
.overlaycaption, article, aside, details, dialog, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none
}
[hidden] {
display:none;
visibility:hidden
}
img {
	max-width: 100%;
	width: 100%
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0
}
.clearfix {
	height: 1%
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%
}
.divider100, .divider15, .divider150, .divider25, .divider50 {
	clear: both
}
.divider10 {
	height: 10px
}
.divider15 {
	height: 15px
}
.divider25 {
	height: 25px
}
.divider35 {
	height: 35px
}
.divider50 {
	height: 50px
}
.divider100 {
	height: 100px
}
.divider150 {
	height: 150px
}
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	position: relative
}
body {
	text-align: left;
	position: relative;
	min-height: 100%;
	word-wrap: break-word;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #eceff4;
	font-size: 14px;
	font-family: Roboto, sans-serif;
	color: #5e5e5e
}
h1, h2, h3, h4, h5, h6 {
	font-family: Roboto, sans-serif;
	font-weight: 400;
	color: #333;
	margin: 0;
	padding: 0
}
h1 {
	font-size: 40px;
	line-height: 57px
}
h2 {
	font-size: 32px;
	line-height: 48px
}
h3 {
	font-size: 28px;
	line-height: 42px
}
h4 {
	font-size: 24px;
	line-height: 36px
}
h5 {
	font-size: 20px;
	line-height: 30px
}
h6 {
	font-size: 16px;
	line-height: 24px
}
a:active, a:focus, a:hover {
	border: none;
	text-decoration: none
}
:focus {
	border: none;
	outline: 0
}
a {
	outline: 0
}
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
	font-weight: 700
}
button {
	cursor: pointer
}
button, select, textarea {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .025em
}
a {
	color: #333;
	text-decoration: none
}
a:focus, a:hover {
	color: #000;
	outline: 0;
	text-decoration: none
}
.white-text {
	color: #fff
}
hr {
	border: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin: 3em 0
}
article {
	display: inline-block
}
article {
	margin: 0 0 50px
}
pre {
	padding: 15px
}
p {
	padding-bottom: 15px;
	line-height: 26px
}
ol, ul {
	padding-left: 20px
}
ol li, ul li {
	padding-left: 5px;
	line-height: 26px
}
.mark, mark {
	background: #333;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px
}
.small, small {
	font-size: 65%;
	color: #777
}
.blockquote {
	font-size: 16px;
	padding-bottom: 0;
	margin-bottom: 0;
	padding-top: 0
}
.heading-content:last-child {
	padding-bottom: 0
}
.main-container {
	margin-left: 250px;
	padding-top: 60px
}
.left-menu-icon .main-container {
	margin-left: 90px
}
.breadcrumb-section {
	background: #4390ff;
	padding: 25px 25px 60px;
	overflow: hidden
}
.breadcrumb a {
	color: #43aae4
}
.breadcrumb>li {
	font-size: 12px;
	line-height: 14px;
	padding-left: 0;
	text-transform: uppercase
}
.breadcrumb>.active {
	color: #263238
}
.page-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	float: left;
	line-height: 20px
}
.breadcrumb {
	float: right;
	padding: 0;
	background: 0 0;
	border-radius: 0;
	margin-bottom: 0
}
.bredcrumb-right {
	float: right
}
address {
	margin-bottom: 15px
}
.contain-section .contain-inner-section {
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	background: #fff;
	border-radius: 2px;
	margin-bottom: 25px;
	padding: 25px;
	overflow: hidden
}
.section-header {
	padding-bottom: 15px
}
.section-header h2 {
	font-size: 18px;
	line-height: 25px
}
.section-header p {
	padding-bottom: 0
}
.section-body {
	overflow: hidden;
	box-shadow: 0 1px 2px transparent, 0 1px 4px rgba(0,0,0,.3);
	transition: All .5s ease;
	padding: 10px;
	margin-bottom: 25px
}
.section-body.last-body-section {
	padding-bottom: 0
}
.section-body:hover {
	box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.36);
	transition: All .5s ease
}
.footer {
	background: #fff;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 15px 0
}
.badge-danger {
	background: #d9534f
}
.badge-success {
	background: #4caf50
}
.scroll-wrapper {
	overflow: hidden!important;
	padding: 0!important;
	position: relative;
	height: 100%
}
.scroll-wrapper>.scroll-content {
	border: none!important;
	box-sizing: content-box!important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none!important;
	overflow: scroll!important;
	padding: 0;
	position: relative!important;
	top: 0;
	width: auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
height:0;
width:0
}
.scroll-element {
	display: none
}
.scroll-element, .scroll-element div {
	box-sizing: content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
	display: block
}
.scroll-element .scroll-arrow, .scroll-element .scroll-bar {
	cursor: default
}
.scroll-textarea {
	border: 1px solid #ccc;
	border-top-color: #333
}
.scroll-textarea>.scroll-content {
	overflow: hidden!important
}
.scroll-textarea>.scroll-content>textarea {
	border: none!important;
	box-sizing: border-box;
	height: 100%!important;
	margin: 0;
	max-height: none!important;
	max-width: none!important;
	overflow: scroll!important;
	outline: 0;
	padding: 2px;
	position: relative!important;
	top: 0;
	width: 100%!important
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
height:0;
width:0
}
@-webkit-keyframes preload-show-1 {
from {
-webkit-transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-show-1 {
from {
-webkit-transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-hide-1 {
to {
-webkit-transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-hide-1 {
to {
-webkit-transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-cycle-1 {
5% {
-webkit-transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
10%, 75% {
-webkit-transform:rotateZ(60deg) rotateY(0) rotateX(0);
transform:rotateZ(60deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 80% {
-webkit-transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-cycle-1 {
5% {
-webkit-transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
10%, 75% {
-webkit-transform:rotateZ(60deg) rotateY(0) rotateX(0);
transform:rotateZ(60deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 80% {
-webkit-transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
transform:rotateZ(60deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-show-2 {
from {
-webkit-transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-show-2 {
from {
-webkit-transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-hide-2 {
to {
-webkit-transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-hide-2 {
to {
-webkit-transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-cycle-2 {
10% {
-webkit-transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
15%, 70% {
-webkit-transform:rotateZ(120deg) rotateY(0) rotateX(0);
transform:rotateZ(120deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 75% {
-webkit-transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-cycle-2 {
10% {
-webkit-transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
15%, 70% {
-webkit-transform:rotateZ(120deg) rotateY(0) rotateX(0);
transform:rotateZ(120deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 75% {
-webkit-transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
transform:rotateZ(120deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-show-3 {
from {
-webkit-transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-show-3 {
from {
-webkit-transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-hide-3 {
to {
-webkit-transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-hide-3 {
to {
-webkit-transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-cycle-3 {
15% {
-webkit-transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
20%, 65% {
-webkit-transform:rotateZ(180deg) rotateY(0) rotateX(0);
transform:rotateZ(180deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 70% {
-webkit-transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-cycle-3 {
15% {
-webkit-transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
20%, 65% {
-webkit-transform:rotateZ(180deg) rotateY(0) rotateX(0);
transform:rotateZ(180deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 70% {
-webkit-transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
transform:rotateZ(180deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-show-4 {
from {
-webkit-transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-show-4 {
from {
-webkit-transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-hide-4 {
to {
-webkit-transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-hide-4 {
to {
-webkit-transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-cycle-4 {
20% {
-webkit-transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
25%, 60% {
-webkit-transform:rotateZ(240deg) rotateY(0) rotateX(0);
transform:rotateZ(240deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 65% {
-webkit-transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-cycle-4 {
20% {
-webkit-transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
25%, 60% {
-webkit-transform:rotateZ(240deg) rotateY(0) rotateX(0);
transform:rotateZ(240deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 65% {
-webkit-transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
transform:rotateZ(240deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-show-5 {
from {
-webkit-transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-show-5 {
from {
-webkit-transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-hide-5 {
to {
-webkit-transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-hide-5 {
to {
-webkit-transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-cycle-5 {
25% {
-webkit-transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
30%, 55% {
-webkit-transform:rotateZ(300deg) rotateY(0) rotateX(0);
transform:rotateZ(300deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 60% {
-webkit-transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-cycle-5 {
25% {
-webkit-transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
30%, 55% {
-webkit-transform:rotateZ(300deg) rotateY(0) rotateX(0);
transform:rotateZ(300deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 60% {
-webkit-transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
transform:rotateZ(300deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-show-6 {
from {
-webkit-transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-show-6 {
from {
-webkit-transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-hide-6 {
to {
-webkit-transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-hide-6 {
to {
-webkit-transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(-90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-cycle-6 {
30% {
-webkit-transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
35%, 50% {
-webkit-transform:rotateZ(360deg) rotateY(0) rotateX(0);
transform:rotateZ(360deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 55% {
-webkit-transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@keyframes preload-cycle-6 {
30% {
-webkit-transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
35%, 50% {
-webkit-transform:rotateZ(360deg) rotateY(0) rotateX(0);
transform:rotateZ(360deg) rotateY(0) rotateX(0);
border-left-color:#4390ff
}
100%, 55% {
-webkit-transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
transform:rotateZ(360deg) rotateY(90deg) rotateX(0);
border-left-color:#0554c8
}
}
@-webkit-keyframes preload-flip {
0% {
-webkit-transform:rotateY(0) rotateZ(-60deg);
transform:rotateY(0) rotateZ(-60deg)
}
100% {
-webkit-transform:rotateY(360deg) rotateZ(-60deg);
transform:rotateY(360deg) rotateZ(-60deg)
}
}
@keyframes preload-flip {
0% {
-webkit-transform:rotateY(0) rotateZ(-60deg);
transform:rotateY(0) rotateZ(-60deg)
}
100% {
-webkit-transform:rotateY(360deg) rotateZ(-60deg);
transform:rotateY(360deg) rotateZ(-60deg)
}
}
.page-loader {
	background: #fff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	opacity: 1;
	visibility: visible;
	z-index: 99999
}
.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	display: block;
	width: 3.75em;
	height: 4.25em;
	margin-left: -1.875em;
	margin-top: -2.125em;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotateY(180deg) rotateZ(-60deg);
	transform: rotateY(180deg) rotateZ(-60deg)
}
.preloader .slice {
	border-top: 1.125em solid transparent;
	border-right: none;
	border-bottom: 1em solid transparent;
	border-left: 1.875em solid #4390ff;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	border-radius: 3px 3px 0 0
}
.preloader .slice:nth-child(1) {
	-webkit-transform: rotateZ(60deg) rotateY(0) rotateX(0);
	transform: rotateZ(60deg) rotateY(0) rotateX(0);
	-webkit-animation: .15s linear .82s preload-hide-1 both 1;
	animation: .15s linear .82s preload-hide-1 both 1
}
.preloader .slice:nth-child(2) {
	-webkit-transform: rotateZ(120deg) rotateY(0) rotateX(0);
	transform: rotateZ(120deg) rotateY(0) rotateX(0);
	-webkit-animation: .15s linear .74s preload-hide-2 both 1;
	animation: .15s linear .74s preload-hide-2 both 1
}
.preloader .slice:nth-child(3) {
	-webkit-transform: rotateZ(180deg) rotateY(0) rotateX(0);
	transform: rotateZ(180deg) rotateY(0) rotateX(0);
	-webkit-animation: .15s linear .66s preload-hide-3 both 1;
	animation: .15s linear .66s preload-hide-3 both 1
}
.preloader .slice:nth-child(4) {
	-webkit-transform: rotateZ(240deg) rotateY(0) rotateX(0);
	transform: rotateZ(240deg) rotateY(0) rotateX(0);
	-webkit-animation: .15s linear .58s preload-hide-4 both 1;
	animation: .15s linear .58s preload-hide-4 both 1
}
.preloader .slice:nth-child(5) {
	-webkit-transform: rotateZ(300deg) rotateY(0) rotateX(0);
	transform: rotateZ(300deg) rotateY(0) rotateX(0);
	-webkit-animation: .15s linear .5s preload-hide-5 both 1;
	animation: .15s linear .5s preload-hide-5 both 1
}
.preloader .slice:nth-child(6) {
	-webkit-transform: rotateZ(360deg) rotateY(0) rotateX(0);
	transform: rotateZ(360deg) rotateY(0) rotateX(0);
	-webkit-animation: .15s linear .42s preload-hide-6 both 1;
	animation: .15s linear .42s preload-hide-6 both 1
}
.preloader.loading {
	-webkit-animation: 2s preload-flip steps(2) infinite both;
	animation: 2s preload-flip steps(2) infinite both
}
.preloader.loading .slice:nth-child(1) {
	-webkit-transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
	transform: rotateZ(60deg) rotateY(90deg) rotateX(0);
	-webkit-animation: 2s preload-cycle-1 linear infinite both;
	animation: 2s preload-cycle-1 linear infinite both
}
.preloader.loading .slice:nth-child(2) {
	-webkit-transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
	transform: rotateZ(120deg) rotateY(90deg) rotateX(0);
	-webkit-animation: 2s preload-cycle-2 linear infinite both;
	animation: 2s preload-cycle-2 linear infinite both
}
.preloader.loading .slice:nth-child(3) {
	-webkit-transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
	transform: rotateZ(180deg) rotateY(90deg) rotateX(0);
	-webkit-animation: 2s preload-cycle-3 linear infinite both;
	animation: 2s preload-cycle-3 linear infinite both
}
.preloader.loading .slice:nth-child(4) {
	-webkit-transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
	transform: rotateZ(240deg) rotateY(90deg) rotateX(0);
	-webkit-animation: 2s preload-cycle-4 linear infinite both;
	animation: 2s preload-cycle-4 linear infinite both
}
.preloader.loading .slice:nth-child(5) {
	-webkit-transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
	transform: rotateZ(300deg) rotateY(90deg) rotateX(0);
	-webkit-animation: 2s preload-cycle-5 linear infinite both;
	animation: 2s preload-cycle-5 linear infinite both
}
.preloader.loading .slice:nth-child(6) {
	-webkit-transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
	transform: rotateZ(360deg) rotateY(90deg) rotateX(0);
	-webkit-animation: 2s preload-cycle-6 linear infinite both;
	animation: 2s preload-cycle-6 linear infinite both
}
body.loadbar .page-loader {
	display: none;
	opacity: 0;
	visibility: hidden
}
#scroll {
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	z-index: 999;
	background: #4390ff;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px
}
#scroll span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -10px;
	margin-top: -17px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff
}
#scroll:hover {
	background: #a32cc4;
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}
.scrollbar-inner>.scroll-element, .scrollbar-inner>.scroll-element div {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10
}
.scrollbar-inner>.scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}
.scrollbar-inner>.scroll-element.scroll-x {
	bottom: 2px;
	height: 8px;
	left: 0;
	width: 100%
}
.scrollbar-inner>.scroll-element.scroll-y {
	height: 100%;
	right: 2px;
	top: 0;
	width: 8px
}
.scrollbar-inner>.scroll-element .scroll-element_outer {
	overflow: hidden
}
.scrollbar-inner>.scroll-element .scroll-bar, .scrollbar-inner>.scroll-element .scroll-element_outer, .scrollbar-inner>.scroll-element .scroll-element_track {
	border-radius: 8px
}
.scrollbar-inner>.scroll-element .scroll-bar, .scrollbar-inner>.scroll-element .scroll-element_track {
	opacity: .4
}
.scrollbar-inner>.scroll-element .scroll-element_track {
	background-color: #e0e0e0
}
.scrollbar-inner>.scroll-element .scroll-bar {
	background-color: #666
}
.scrollbar-inner>.scroll-element:hover .scroll-bar {
	background-color: #919191
}
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar {
	background-color: #919191
}
.profile-section .dropdown-menu {
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	transform: rotateX(90deg);
	transform-origin: top;
	opacity: 0;
	display: block
}
.profile-section .open .dropdown-menu {
	opacity: 1;
	transform: rotateX(0);
	transform-origin: top
}
.bg-primary {
	background: #00aced
}
.bg-success {
	background: #4caf50
}
.bg-info {
	background: #5bc0de
}
.bg-warning {
	background: #f0ad4e
}
.bg-danger {
	background: #d9534f
}
.bg-purple {
	background: #d9534f
}
.bg-pink {
	background: #5cb85c
}
.bg-inverse {
	background: #eea032
}
.form-control {
	border-radius: 0
}
.round-input {
	border-radius: 100px
}
.main-content {
	max-width: 1500px;
	margin: 10px auto
}
.form-control, .input-group-addon {
	border-radius: 0
}
.form-group .input-group-addon {
	background-color: transparent;
	border-radius: 0
}
.primary-input .form-control {
	border-color: #4390ff
}
.primary-input .input-group-addon {
	color: #4390ff;
	border-color: #4390ff
}
.success-input .form-control {
	border-color: #4caf50
}
.success-input .input-group-addon {
	color: #4caf50;
	border-color: #4caf50
}
.info-input .form-control {
	border-color: #5bc0de
}
.info-input .input-group-addon {
	color: #5bc0de;
	border-color: #5bc0de
}
.warning-input .form-control {
	border-color: #f0ad4e
}
.warning-input .input-group-addon {
	color: #f0ad4e;
	border-color: #f0ad4e
}
.danger-input .form-control {
	border-color: #d9534f
}
.danger-input .input-group-addon {
	color: #d9534f;
	border-color: #d9534f
}
.purple-input .form-control {
	border-color: #a32cc4
}
.purple-input .input-group-addon {
	color: #a32cc4;
	border-color: #a32cc4
}
.pink-input .form-control {
	border-color: #fc46aa
}
.pink-input .input-group-addon {
	color: #fc46aa;
	border-color: #fc46aa
}
.input-group-btn>.btn {
	border-radius: 0
}
.control {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 14px
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0
}
.control-indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #e6e6e6
}
.control-radio .control-indicator {
	border-radius: 50%
}
.control input:focus~.control-indicator, .control:hover input~.control-indicator {
	background: #ccc
}
.control input:checked~.control-indicator {
	background: #4390ff
}
.control input:checked:focus~.control-indicator, .control:hover input:not([disabled]):checked~.control-indicator {
	background: #4390ff
}
.control input:disabled~.control-indicator {
	background: #e6e6e6;
	opacity: .6;
	pointer-events: none
}
.control-indicator:after {
	content: '';
	position: absolute;
	display: none
}
.control input:checked~.control-indicator:after {
	display: block
}
.control-checkbox .control-indicator:after {
	left: 7px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg)
}
.control-checkbox input:disabled~.control-indicator:after {
	border-color: #7b7b7b
}
.control-radio .control-indicator:after {
	left: 7px;
	top: 7px;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff
}
.control-radio input:disabled~.control-indicator:after {
	background: #7b7b7b
}
.control-inline {
	display: inline-block;
	margin-right: 10px
}
.margin-b-0 {
	margin-bottom: 0!important
}
.padding-b-0 {
	padding-bottom: 0!important
}
.main_container .btn-primary {
	background: #4390ff;
	border: 1px solid #4390ff
}
.main_container .btn-primary:active, .main_container .btn-primary:focus, .main_container .btn-primary:hover {
	background: #4390ff;
	border: 1px solid #4390ff
}
.text-primary {
	color: #4390ff!important
}
.text-success {
	color: #4caf50!important
}
.text-info {
	color: #5bc0de!important
}
.text-warning {
	color: #f0ad4e!important
}
.text-danger {
	color: #d9534f!important
}
.text-purple {
	color: #a32cc4!important
}
.text-pink {
	color: #fc46aa!important
}
.m-b-0 {
	margin-bottom: 0!important
}
.m-b-10 {
	margin-bottom: 10px!important
}
.m-b-15 {
	margin-bottom: 15px!important
}
.m-b-20 {
	margin-bottom: 20px!important
}
.m-a-0 {
	margin: 0!important
}
.m-l-0 {
	margin-left: 0!important
}
.m-t-0 {
	margin-top: 0!important
}
.m-t-10 {
	margin-top: 10px!important
}
.m-t-15 {
	margin-top: 15px!important
}
.m-t-20 {
	margin-top: 20px!important
}
.m-t-30 {
	margin-top: 30px!important
}
.m-r-0 {
	margin-right: 0!important
}
.p-a-0 {
	padding: 0!important
}
.p-b-0 {
	padding-bottom: 0!important
}
.p-l-0 {
	padding-left: 0!important
}
.p-r-0 {
	padding-right: 0!important
}
.p-t-0 {
	padding-top: 0!important
}
.m-b-sm-0 {
	margin-bottom: 0!important
}
.m-b-md-0 {
	margin-bottom: 0!important
}
.p-t-20 {
	padding-top: 20px!important
}
.p-b-20 {
	padding-bottom: 20px!important
}
@media (max-width:1199px) {
#scroll {
	width: 40px;
	height: 40px
}
}
@media (max-width:991px) {
.m-b-md-0 {
	margin-bottom: 25px!important
}
}
@media (max-width:767px) {
.m-b-sm-0 {
	margin-bottom: 25px!important
}
.contain-section .contain-inner-section {
	padding: 10px
}
}
@media (max-width:479px) {
h1 {
	font-size: 35px;
	line-height: 50px
}
h2 {
	font-size: 30px;
	line-height: 40px
}
h3 {
	font-size: 26px;
	line-height: 38px
}
h4 {
	font-size: 22px;
	line-height: 30px
}
h5 {
	font-size: 18px;
	line-height: 28px
}
h6 {
	font-size: 15px;
	line-height: 20px
}
.contain-section .contain-inner-section {
	padding: 10px
}
.section-body {
	margin-bottom: 15px
}
.m-b-sm-0 {
	margin-bottom: 15px!important
}
.m-b-md-0 {
	margin-bottom: 15px!important
}
.section-header {
	padding-bottom: 10px
}
.section-header h2 {
	font-size: 16px;
	line-height: 20px
}
.section-header p {
	font-size: 13px
}
.pagination>li>a, .pagination>li>span {
	padding: 5px 10px
}
#scroll {
	width: 30px;
	height: 30px
}
#scroll span {
	margin-left: -8px;
	margin-top: -13px;
	border: 8px solid transparent;
	border-bottom-color: #fff
}
}
.topbar-right .navbar-right {
	padding-right: 15px
}
.topbar-right .navbar-right .right-icon {
	padding: 0;
	display: inline;
	float: left;
	line-height: 0
}
.topbar-right .navbar-right .right-icon a {
	line-height: 46px;
	padding: 2px 15px;
	position: relative;
	color: #fff
}
.topbar-right .navbar-right .right-icon a:active, .topbar-right .navbar-right .right-icon a:focus, .topbar-right .navbar-right .right-icon a:hover {
	background: rgba(255,255,255,.2)
}
.topbar-right .navbar-right .right-icon.open a {
	background: rgba(255,255,255,.2)
}
.topbar-right .navbar-right .right-icon.open a:active, .topbar-right .navbar-right .right-icon.open a:focus, .topbar-right .navbar-right .right-icon.open a:hover {
	background: rgba(255,255,255,.2)
}
.topbar-right .navbar-right .user-profile img {
	border: 2px solid #fff;
	width: 35px;
	height: 35px;
	border-radius: 50px
}
.topbar-right .navbar-right .user-profile .dropdown-menu {
	box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.36)
}
.topbar-right .navbar-right .user-profile .dropdown-menu li a {
	line-height: 28px;
	background: #fff;
	color: #262626;
	padding: 2px 15px
}
.topbar-right .navbar-right .user-profile .dropdown-menu li a i {
	margin-right: 10px;
	color: #4390ff
}
.topbar-right .navbar-right .user-profile .dropdown-menu li a:hover {
	background: #eceff4
}
.topbar-right .navbar-right .user-profile .dropdown-menu li.divider {
	margin: 0
}
.topbar-right .navbar-right .header-chat a {
	padding: 5px 15px 0 15px
}
.topbar-right .navbar-right .header-chat a i {
	font-size: 20px
}
.topbar-right .navbar-right .header-fullscreen a {
	padding: 5px 15px 0 15px
}
.topbar-right .navbar-right .header-fullscreen a i {
	font-size: 20px
}
.topbar-right .navbar-right .header-notification .notification-icon {
	padding: 5px 15px 0 15px
}
.topbar-right .navbar-right .header-notification .notification-icon i {
	font-size: 20px
}
.topbar-right .navbar-right .header-notification .notification-icon span {
	position: absolute;
	top: 10px;
	right: 7px;
	border-radius: 10px;
	font-size: 9px;
	padding: 3px 6px 4px 5px
}
.topbar-right .navbar-right .header-notification .dropdown-menu {
	width: 300px;
	box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 1px 6px rgba(0,0,0,.36)
}
.topbar-right .navbar-right .header-notification .dropdown-menu li {
	background: #fff
}
.topbar-right .navbar-right .header-notification .dropdown-menu li a {
	border: none
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .notification-title {
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 700
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .notification-title .label {
	border-radius: 20px;
	margin-left: 5px;
	padding: 1px 6px 2px 6px
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .media img {
	width: 40px;
	height: 40px;
	border-radius: 50px
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .media .media-body .media-heading {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 3px
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .media .media-body .media-heading span {
	font-weight: 500;
	color: #4390ff
}
.topbar-right .navbar-right .header-notification .dropdown-menu .list-group {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc
}
.topbar-right .navbar-right .header-notification .all-notification a {
	line-height: 20px
}
.topbar-right .navbar-right .header-search {
	position: relative
}
.topbar-right .navbar-right .header-search .search-box {
	padding: 8px 15px 0 15px
}
.topbar-right .navbar-right .header-search .search-box input {
	color: #fff;
	border-radius: 30px;
	background: #3367d6;
	border: none;
	padding-right: 20px;
	width: 170px
}
.topbar-right .navbar-right .header-search .search-box input::placeholder {
color:#ccc
}
.topbar-right .navbar-right .header-search .search-box a {
	position: absolute;
	top: 0;
	right: 15px;
	color: #fff
}
.topbar-right .navbar-right .header-search .search-box a:active, .topbar-right .navbar-right .header-search .search-box a:focus, .topbar-right .navbar-right .header-search .search-box a:hover {
	background: 0 0
}
.responsive-show {
	display: none
}
@media (max-width:1199px) {
.topbar-right .navbar-right .right-icon a {
	padding: 2px 5px
}
.topbar-right .navbar-right .header-chat a {
	padding: 5px 10px 0 10px
}
.topbar-right .navbar-right .header-fullscreen a {
	padding: 5px 10px 0 10px
}
.topbar-right .navbar-right .header-notification .notification-icon {
	padding: 5px 10px 0 10px
}
.topbar-right .navbar-right .header-notification .notification-icon span {
	right: 2px
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .media img {
	width: 35px;
	height: 35px
}
.topbar-right .navbar-right .header-notification .dropdown-menu li .media .media-body .media-heading {
	font-size: 14px
}
.topbar-right .navbar-right .header-search .search-box {
	padding: 8px 10px 0 10px
}
}
@media (max-width:991px) {
.topbar-right .navbar-right .header-search {
	display: none
}
}
@media (max-width:767px) {
.topbar-right .navbar-right {
	float: right;
	margin: 0;
	height: 50px
}
.topbar-right .navbar-right .header-search {
	display: inline-block
}
.topbar-right .navbar-right .right-icon {
	position: static
}
.topbar-right .navbar-right .header-notification .dropdown-menu, .topbar-right .navbar-right .user-profile .dropdown-menu {
	position: absolute;
	left: 15px;
	right: 15px;
	top: 50px;
	width: auto
}
.topbar-right .navbar-right .header-search {
	position: relative
}
#top-nav {
	width: 200px;
	left: -200px;
	height: 100%;
	position: fixed;
	top: 0;
	background: #4390ff;
	z-index: 99
}
#top-nav.menu-show {
	left: 0
}
.main-logo {
	width: 100%;
	text-align: center;
	height: 40px
}
.topbar-right {
	background: #9a9a9a;
	width: 100%;
	float: left;
	display: inline
}
.responsive-show {
	display: block;
	width: 90px;
	margin: 9px 15px
}
.animated-arrow {
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 0;
	transition: all .4s ease-in-out;
	padding: 13px 25px 15px 0;
	margin: 10px 0 0 10px
}
.animated-arrow.overlayOn {
	left: 200px;
	padding: 5px 25px 20px 0;
	margin: 12px 0 0 -30px;
	z-index: 9999999;
	position: fixed
}
.animated-arrow.overlayOn span {
	background-color: transparent
}
.animated-arrow.overlayOn span:before {
	top: 7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	bottom: 0
}
.animated-arrow.overlayOn span:after {
	top: 7px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.animated-arrow span {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.animated-arrow span:after, .animated-arrow span:before {
	cursor: pointer;
	height: 3px;
	width: 23px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.animated-arrow span:before {
	top: -7px
}
.animated-arrow span:after {
	bottom: -7px
}
}
@media (max-width:479px) {
.topbar-right .navbar-right .header-search .search-box input {
	width: 120px
}
.topbar-right .navbar-right .header-notification .dropdown-menu, .topbar-right .navbar-right .user-profile .dropdown-menu {
	top: 100px
}
}
a.float-button-light.waves-button {
	padding: 0;
	box-shadow: none;
	border-radius: 0;
	white-space: normal;
	text-align: left
}
.right-message-box .nav-pills a.float-button-light.waves-button {
	text-align: center;
	padding: 15px 0
}
.btn.float-button-light {
	padding: 6px 15px;
	box-shadow: none;
	border-radius: 0;
	white-space: normal;
	line-height: 20px;
	margin-right: 5px
}
.btn.float-button-light:last-child {
	margin-right: 0
}
.btn.float-button-light:active, .btn.float-button-light:focus, .btn.float-button-light:hover {
	padding: 6px 15px;
	line-height: 20px;
	border-style: solid;
	border-width: 1px
}
.main_container .float-button-light.btn-lg {
	font-size: 18px;
	line-height: 1.33333;
	padding: 10px 16px
}
.main_container .float-button-light.btn-sm {
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px
}
.main_container .float-button-light.btn-xs {
	font-size: 12px;
	line-height: 1.5;
	padding: 1px 5px
}
.dashboard_v1 .section-body {
	background: #fff
}
.dashboard_v1 .section-header h2 {
	font-size: 16px;
	line-height: 20px;
	border-bottom: 1px solid #ccc;
	padding-block-end: 5px
}
.dashboard_v1 .tile-stats {
	color: #fff;
	margin-bottom: 30px;
	box-shadow: 0 1px 2px transparent, 0 1px 4px rgba(0,0,0,.3)
}
.dashboard_v1 .tile-stats:hover .icon {
	color: rgba(0,0,0,.3)
}
.dashboard_v1 .tile-stats .icon {
	font-size: 60px;
	float: right;
	padding-right: 15px
}
.dashboard_v1 .tile-stats .count {
	font-size: 40px;
	font-weight: 700;
	padding-left: 15px;
	padding-top: 15px
}
.dashboard_v1 .tile-stats h3 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding-left: 15px
}
.dashboard_v1 .tile-stats a p {
	padding: 3px 15px;
	background: rgba(0,0,0,.2);
	color: #fff;
	font-weight: 700
}
.dashboard_v1 .events {
	margin-bottom: 15px;
	display:inline-block;
}
.dashboard_v1 .events .date {
	float: left;
	background: #797878;
	width: 55px;
	margin-right: 10px;
	border-radius: 8px;
	padding: 5px
}
.dashboard_v1 .events .date .month {
	text-align: center;
	color: #fff;
	padding: 0;
	line-height: 20px
}
.dashboard_v1 .events .date .day {
	color: #fff;
	text-align: center;
	font-size: 27px;
	line-height: 27px;
	font-weight: 700;
	padding: 0
}
.dashboard_v1 .events .event-body a {
	font-weight: 700
}
.dashboard_v1 .events .event-body p {
	padding: 0;
	line-height: 17px;
	font-size: 12px
}
.dashboard_v1 .bottom-title {
	text-align: center;
	margin-top: 10px;
	color: #999;
	font-size: 18px;
	font-weight: 700
}
.dashboard_v1 .testimonial {
	text-align: center;
	background: #434343;
	color: #fff;
	padding: 47px
}
.dashboard_v1 .testimonial .content img {
	border-radius: 100px;
	height: 60px;
	width: 60px;
	border: 2px solid;
	padding: 3px;
	margin-bottom: 10px
}
.dashboard_v1 .testimonial .content .author {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 3px
}
.dashboard_v1 .testimonial .content .author-position {
	font-size: 12px;
	margin-top: -2px;
	margin-bottom: 5px
}
.dashboard_v1 .progress {
	margin-bottom: 17.8px
}
.dashboard_v1 .user-card .stats>span {
	width: 30%;
	height: 71px
}
.sparkbar canvas {
	width: 100%!important
}
@media (max-width:991px) {
.dashboard_v1 .tile-stats .icon {
	font-size: 40px
}
.dashboard_v1 .tile-stats .count {
	font-size: 30px
}
.dashboard_v1 .tile-stats h3 {
	font-size: 15px;
	line-height: 30px
}
.dashboard_v1 .tile-stats a p {
	font-size: 12px
}
}
@media (max-width:479px) {
.dashboard_v1 .bottom-title {
	font-size: 15px;
	line-height: 10px;
	margin-bottom: 10px
}
.dashboard_v1 .testimonial {
	padding: 30px
}
.dashboard_v1 .user-card {
	margin: 0 auto 15px
}
.dashboard_v1 .user-card .stats>span {
	height: auto
}
.dashboard_v1 .user-card .stats .value {
	font-size: 16px
}
.dashboard_v1 .user-card .stats .label {
	font-size: 13px
}
}
.list-typography ol li, .list-typography ul li {
	padding: 0;
	line-height: inherit
}
.drop-cap {
	float: left;
	margin-right: 5px;
	font-size: 40px;
	line-height: 50px
}
.show-grid [class^=col-] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
	margin-bottom: 10px
}
.button-page-section .btn {
	margin-bottom: 8px
}
.button-page-section .section-body {
	padding: 10px 10px 2px 10px
}
.btn-margin .btn {
	margin-bottom: 8px
}
.btn-purple {
	background: #a32cc4;
	border: 1px solid #a32cc4;
	color: #fff
}
.btn-purple:focus, .btn-purple:hover {
	background: #a32cc4;
	border: 1px solid #a32cc4;
	color: #fff
}
.btn-pink {
	background: #fc46aa;
	border: 1px solid #fc46aa;
	color: #fff
}
.btn-pink:focus, .btn-pink:hover {
	background: #fc46aa;
	border: 1px solid #fc46aa;
	color: #fff
}
.btn-inverse {
	background: #434343;
	border: 1px solid #434343;
	color: #fff
}
.btn-inverse:focus, .btn-inverse:hover {
	background: #434343;
	border: 1px solid #434343;
	color: #fff
}
.btn-outline.btn {
	background-color: transparent
}
.btn-outline.btn-primary {
	color: #4390ff
}
.btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover {
	color: #fff
}
.btn-outline.btn-success {
	color: #4caf50
}
.btn-outline.btn-success:focus, .btn-outline.btn-success:hover {
	background: #4caf50;
	color: #fff
}
.btn-outline.btn-info {
	color: #5bc0de
}
.btn-outline.btn-info:focus, .btn-outline.btn-info:hover {
	background: #5bc0de;
	color: #fff
}
.btn-outline.btn-warning {
	color: #f0ad4e
}
.btn-outline.btn-warning:focus, .btn-outline.btn-warning:hover {
	background: #f0ad4e;
	color: #fff
}
.btn-outline.btn-danger {
	color: #d9534f
}
.btn-outline.btn-danger:focus, .btn-outline.btn-danger:hover {
	background: #d9534f;
	color: #fff
}
.btn-outline.btn-purple {
	color: #a32cc4
}
.btn-outline.btn-purple:focus, .btn-outline.btn-purple:hover {
	background: #a32cc4;
	color: #fff
}
.btn-outline.btn-pink {
	color: #fc46aa
}
.btn-outline.btn-pink:focus, .btn-outline.btn-pink:hover {
	background: #fc46aa;
	color: #fff
}
.btn-outline.btn-inverse {
	color: #434343
}
.btn-outline.btn-inverse:focus, .btn-outline.btn-inverse:hover {
	background: #434343;
	color: #fff
}
.effect {
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-transform: capitalize;
	padding: 20px 0;
	width: 150px;
	overflow: hidden
}
.effect.effect-1 {
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-1:before {
	content: "\f178";
	font-family: FontAwesome;
	font-size: 15px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	top: 0;
	opacity: 0;
	height: 100%;
	width: 40px;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-1:hover {
	text-indent: -20px
}
.effect.effect-1:hover:before {
	opacity: 1;
	text-indent: 0
}
.effect.effect-2 {
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-2:before {
	content: "\f0a4";
	font-family: FontAwesome;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: -30px;
	width: 35px;
	height: 100%;
	background-color: rgba(255,255,255,.3);
	border-radius: 0;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
	text-align: center
}
.effect.effect-2:hover {
	text-indent: -30px
}
.effect.effect-2:hover:before {
	right: 0;
	text-indent: 0
}
.effect.effect-3 {
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-3:before {
	content: "\f178";
	font-family: FontAwesome;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 30px;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-3:hover {
	text-indent: -9999px
}
.effect.effect-3:hover:before {
	top: 0;
	text-indent: 0
}
.effect.effect-4 {
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-4:before {
	content: "\f178";
	font-family: FontAwesome;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 30px;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-4:hover {
	text-indent: -9999px
}
.effect.effect-4:hover:before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	text-indent: 0
}
.effect.effect-5 {
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-5:before {
	content: "\f054";
	font-family: FontAwesome;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 35px;
	background-color: rgba(255,255,255,.3);
	border-radius: 0 50% 50% 0;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: left center;
	-moz-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s
}
.effect.effect-5:hover {
	text-indent: 30px
}
.effect.effect-5:hover:before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	text-indent: 0
}
.btn.border-solid:hover {
	background: 0 0;
	border: 1px solid #4390ff;
	color: #4390ff
}
.btn.border-dashed:hover {
	background: 0 0;
	border: 1px dashed #4390ff;
	color: #4390ff
}
.btn.border-dotted:hover {
	background: 0 0;
	border: 1px dotted #4390ff;
	color: #4390ff
}
.btn.border-double {
	border: 3px solid
}
.btn.border-double:hover {
	background: 0 0;
	border: 3px double #4390ff;
	color: #4390ff
}
.btn.border-inset {
	border: 2px solid
}
.btn.border-inset:hover {
	background: 0 0;
	border: 2px inset #4390ff;
	color: #4390ff
}
.btn.button-left-round {
	border-radius: 50px 0 0 50px
}
.btn.button-right-round {
	border-radius: 0 50px 50px 0
}
.btn-group .btn {
	border-radius: 0;
	margin-right: 0
}
.switcher {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding-left: 40px;
	height: 20px;
	margin-right: 15px
}
.switcher input {
	display: none
}
.switcher-indicator::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #ccc;
	border-radius: 50%;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	animation-name: pulsein;
	animation-duration: .3s
}
.switcher-indicator::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 40px;
	height: 7px;
	background-color: #ccc;
	border-radius: 10px;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
input:checked+.switcher-indicator::after {
	background-color: #4390ff;
	transform: translateX(20px);
	animation-name: pulseout;
	animation-duration: .3s
}
input:checked+.switcher-indicator::before {
	background-color: #4390ff
}
input:disabled+.switcher-indicator::after, input:disabled+.switcher-indicator::before {
	background-color: #e5e5e5
}
input:checked+.switcher-indicator.success-switcher::after {
	background-color: #4caf50
}
input:checked+.switcher-indicator.success-switcher::before {
	background-color: #4caf50
}
input:checked+.switcher-indicator.info-switcher::after {
	background-color: #5bc0de
}
input:checked+.switcher-indicator.info-switcher::before {
	background-color: #5bc0de
}
input:checked+.switcher-indicator.warning-switcher::after {
	background-color: #f0ad4e
}
input:checked+.switcher-indicator.warning-switcher::before {
	background-color: #f0ad4e
}
input:checked+.switcher-indicator.danger-switcher::after {
	background-color: #d9534f
}
input:checked+.switcher-indicator.danger-switcher::before {
	background-color: #d9534f
}
input:checked+.switcher-indicator.purple-switcher::after {
	background-color: #a32cc4
}
input:checked+.switcher-indicator.purple-switcher::before {
	background-color: #a32cc4
}
input:checked+.switcher-indicator.pink-switcher::after {
	background-color: #fc46aa
}
input:checked+.switcher-indicator.pink-switcher::before {
	background-color: #fc46aa
}
.checkbox {
	margin: 0 0 15px 0
}
.checkbox label {
	min-height: 23px;
	position: relative;
	cursor: pointer;
	padding-left: 35px;
	text-align: left;
	display: block;
	line-height: 23px
}
.checkbox label:hover .helper {
	color: #fff
}
.checkbox input {
	width: auto;
	opacity: .00000001;
	position: absolute;
	left: 0
}
.checkbox input:checked~.helper {
	color: #4390ff
}
.checkbox input:checked~.helper:after, .checkbox input:checked~.helper:before {
	opacity: 1;
	-moz-transition: height .28s ease;
	-o-transition: height .28s ease;
	-webkit-transition: height .28s ease;
	transition: height .28s ease
}
.checkbox input:checked~.helper:after {
	height: 8px
}
.checkbox input:checked~.helper:before {
	height: 25px;
	-webkit-transition-delay: .28s;
	transition-delay: .28s
}
.checkbox .helper {
	color: #fff;
	position: absolute;
	top: 3px;
	left: 0;
	width: 20px;
	height: 20px;
	z-index: 0;
	border: 2px solid #4390ff;
	-moz-transition: border-color .28s ease;
	-o-transition: border-color .28s ease;
	-webkit-transition: border-color .28s ease;
	transition: border-color .28s ease
}
.checkbox .helper:after, .checkbox .helper:before {
	position: absolute;
	height: 0;
	width: 3px;
	background: #4390ff;
	display: block;
	transform-origin: left top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	content: '';
	transition: opacity .28s ease, height 0s linear .28s;
	opacity: 0
}
.checkbox .helper:before {
	top: 16px;
	left: 7px;
	-webkit-transform: rotate(-140deg);
	-moz-transform: rotate(-140deg);
	-o-transform: rotate(-140deg);
	-ms-transform: rotate(-140deg);
	transform: rotate(-140deg)
}
.checkbox .helper:after {
	top: 9px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.form-radio input {
	left: 0;
	opacity: 0;
	position: absolute;
	width: auto
}
.form-radio label {
	color: #5e5e5e;
	font-weight: 400;
	cursor: pointer;
	display: block;
	padding-left: 32px;
	position: relative;
	text-align: left;
	padding-bottom: 10px
}
.form-radio .radio-button .helper:after, .form-radio .radio-button .helper:before {
	border: 2px solid #4390ff;
	border-radius: 50%;
	content: "";
	height: 16px;
	left: 0;
	margin: 4px;
	position: absolute;
	top: 0;
	transition: transform .28s ease 0s;
	width: 16px
}
.form-radio .radio-button .helper:after {
	background: #4390ff;
	border-color: #4390ff;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}
.radio-button input:checked~.helper::before {
	color: #4390ff
}
.radio-button input:checked~.helper::after {
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-o-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5)
}
@keyframes pulsein {
0%, 100% {
top:0;
height:20px;
width:20px
}
50% {
top:6px;
height:8px;
width:32px
}
}
@keyframes pulseout {
0%, 100% {
top:0;
height:20px;
width:20px
}
50% {
top:6px;
height:8px;
width:32px
}
}
.btn.btn-social-icon {
	border: 1px solid #ddd
}
.btn.social-facebook {
	color: #fff;
	background: #3b5998
}
.btn.social-twitter {
	color: #fff;
	background: #55acee
}
.btn.social-googleplus {
	color: #fff;
	background: #dd4b39
}
.btn.social-flickr {
	color: #fff;
	background: #ff0084
}
.btn.social-amazon {
	color: #fff;
	background: #f90
}
.btn.social-android {
	color: #9c0;
	background: #fff
}
.btn.social-dribbble {
	color: #fff;
	background: #e24d87
}
.btn.social-drupal {
	color: #fff;
	background: #0272ba
}
.btn.social-edge {
	color: #0272ba;
	background: #fff
}
.btn.social-forumbee {
	color: #fff;
	background: #9c0
}
.btn.social-github {
	color: #fff;
	background: #000
}
.btn.social-html5 {
	color: #fff;
	background: #f16528
}
.btn.social-instagram {
	color: #fff;
	background: #8843bd
}
.btn.social-jsfiddle {
	color: #0272ba;
	background: #fff
}
.btn.social-linkedin {
	color: #fff;
	background: #0272ba
}
.btn.social-maxcdn {
	color: #fff;
	background: #f16528
}
.btn.social-opera {
	color: #f5182a;
	background: #fff
}
.btn.social-pinterest {
	color: #fff;
	background: #f5182a
}
.btn.social-reddit {
	color: #f16528;
	background: #fff
}
.btn.social-skype {
	color: #fff;
	background: #00aff0
}
.btn.social-snapchat {
	color: #fff;
	background: #efe200
}
.btn.btn-social-icon.btn-round {
	border-radius: 25px
}
.social-icon-name i {
	margin-right: 6px
}
.btn-group-vertical .btn {
	margin-bottom: 0
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
	margin-bottom: 0;
	border-radius: 0
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
	margin-bottom: 8px;
	border-radius: 0
}
@media (max-width:479px) {
.btn.float-button-light {
	margin-right: 0;
	font-size: 13px
}
.effect {
	width: 100%
}
}
.panel-group {
	margin-bottom: 0
}
.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: #999
}
.panel-heading .accordion-toggle.collapsed:after {
	content: "\e080"
}
#accordion2 .panel-heading .accordion-toggle:after {
	display: none
}
@media (max-width:991px) {
.panel-heading {
	padding: 5px 15px
}
}
@media (max-width:479px) {
.panel-title {
	font-size: 14px;
	line-height: 25px
}
}
.dropdown-page-section .section-body {
	overflow: visible
}
.dropdown-page-section .section-body .btn-group {
	margin-bottom: 8px;
	margin-right: 5px
}
.btn-group>.dropdown-toggle.float-button-light {
	padding: 6px 8px
}
.btn-group>.dropdown-toggle.float-button-light.btn-lg {
	padding: 10px 8px
}
.btn-group>.dropdown-toggle.float-button-light.btn-sm {
	padding: 5px 8px
}
.btn-group>.dropdown-toggle.float-button-light.btn-xs {
	padding: 1px 8px
}
.btn-group>.btn:first-child {
	margin-right: 0
}
.dropdown-menu li {
	padding: 0;
	background: #ebebeb
}
.dropdown-menu li a.float-button-light.waves-button {
	padding: 8px 10px;
	line-height: 20px
}
.dropdown-menu.dropdown-menu-primary>li>a:focus, .dropdown-menu.dropdown-menu-primary>li>a:hover {
	background-color: #4390ff;
	color: #fff
}
.dropdown-menu.dropdown-menu-success>li>a:focus, .dropdown-menu.dropdown-menu-success>li>a:hover {
	background-color: #4caf50;
	color: #fff
}
.dropdown-menu.dropdown-menu-info>li>a:focus, .dropdown-menu.dropdown-menu-info>li>a:hover {
	background-color: #5bc0de;
	color: #fff
}
.dropdown-menu.dropdown-menu-warning>li>a:focus, .dropdown-menu.dropdown-menu-warning>li>a:hover {
	background-color: #f0ad4e;
	color: #fff
}
.dropdown-menu.dropdown-menu-danger>li>a:focus, .dropdown-menu.dropdown-menu-danger>li>a:hover {
	background-color: #d9534f;
	color: #fff
}
.dropdown-menu.dropdown-menu-purple>li>a:focus, .dropdown-menu.dropdown-menu-purple>li>a:hover {
	background-color: #a32cc4;
	color: #fff
}
.dropdown-menu.dropdown-menu-pink>li>a:focus, .dropdown-menu.dropdown-menu-pink>li>a:hover {
	background-color: #fc46aa;
	color: #fff
}
.dropdown-menu.dropdown-menu-inverse>li>a:focus, .dropdown-menu.dropdown-menu-inverse>li>a:hover {
	background-color: #434343;
	color: #fff
}
.open>.dropdown-menu {
	background: 0 0;
	margin: 0;
	padding: 0;
	z-index: 3;
	box-shadow: none;
	border: none
}
.icon-dropdown li i {
	margin-right: 10px
}
.effect-delay>li:nth-child(1) {
	animation-delay: 0s
}
.effect-delay>li:nth-child(2) {
	animation-delay: 50ms
}
.effect-delay>li:nth-child(3) {
	animation-delay: .1s
}
.effect-delay>li:nth-child(4) {
	animation-delay: 150ms
}
.dropdown-section .contain-inner-section.dropdown-body {
	overflow: visible
}
.show-dropdown {
	width: auto;
	position: static;
	clear: both;
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
	background: 0 0;
	border: none;
	box-shadow: none;
	z-index: 3
}
.open>.show-dropdown {
	margin-right: 10px
}
.dropdown-menu.dropdown-icon li a i {
	float: right;
	margin-top: 3px
}
.badge-primary, .label-primary {
	background: #4390ff
}
.badge-info {
	background: #5bc0de
}
.badge, .label {
	border-radius: 0
}
.list-group {
	padding: 0;
	margin-bottom: 7px
}
.list-group .list-group-item:first-child {
	border-radius: 0
}
.list-group .list-group-item:last-child {
	border-radius: 0
}
.list-group-item>.badge {
	vertical-align: middle;
	margin-top: 4px
}
a.list-group-item:focus, a.list-group-item:hover {
	border: 1px solid #ddd
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
	background-color: #4390ff;
	border-color: #4390ff
}
.custom-content .list-group-item .list-group-item-heading {
	line-height: 30px
}
.custom-content .list-group-item .list-group-item-text {
	padding-bottom: 0
}
.list-group-right-icon .list-group-item .icon-right {
	float: right
}
.list-group-left-icon .icon-left {
	margin-right: 15px
}
.list-group-background .list-group-item {
	background: linear-gradient(to right, #a32cc4, #fc46aa);
	color: #fff
}
.user-list .list-group-item img {
	float: left;
	width: 50px;
	margin-right: 10px
}
.user-list .list-group-item h4 {
	font-size: 16px;
	line-height: 20px
}
.user-list .list-group-item p {
	font-size: 13px;
	line-height: 17px;
	padding-bottom: 0
}
.user-list.user-list-cicle .list-group-item img {
	border-radius: 50px;
	width: 40px;
	margin-top: 5px
}
.notifications-list .list-group-item {
	border: none
}
.notifications-list .list-group-item i {
	float: left;
	font-size: 25px;
	margin-right: 10px
}
.notifications-list .list-group-item h4 {
	font-size: 20px;
	line-height: 25px
}
.notifications-list .list-group-item p {
	padding-bottom: 0
}
.profile-background {
	background-image: url(../../global/images/profile-background.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	height: 250px;
	width: 100%;
	position: relative;
	margin-bottom: 20px
}
.profile-background img {
	width: 120px;
	border-radius: 20px;
	position: absolute;
	bottom: 0;
	margin-left: 100px;
	margin-bottom: 20px;
	border: 3px solid #fff;
	z-index: 9
}
.profile-background .profile-social {
	bottom: 0;
	left: 0;
	padding: 15px 15px 15px 250px;
	position: absolute;
	right: 0;
	z-index: 2;
	background: rgba(0,0,0,.5);
	overflow: hidden;
	color: #fff
}
.profile-background .profile-social ul {
	list-style: none;
	padding: 0
}
.profile-background .profile-social ul .profile-follow {
	float: left;
	padding: 0 40px;
	text-align: center
}
.profile-background .profile-social ul .profile-follow h6 {
	color: #fff;
	font-size: 25px;
	line-height: 35px
}
.profile-background .profile-social ul .profile-name {
	float: left;
	padding: 0 20px;
	padding-right: 100px
}
.profile-background .profile-social ul .profile-name h4 {
	color: #fff;
	font-size: 28px
}
.profile-background .profile-social .btn {
	margin-bottom: 0;
	margin-top: 15px;
	float: right
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #4390ff
}
.profile-left-section .profile-body {
	background: #fff;
	padding: 15px
}
.profile-left-section .profile-body.profile-skill .btn {
	margin-bottom: 8px
}
.profile-left-section .nav li {
	padding: 0
}
.profile-left-section .nav li a {
	padding: 15px 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	margin-bottom: 5px
}
.profile-left-section .profile-title {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase
}
.profile-left-section .prosonal-info span {
	color: #4390ff;
	font-weight: 700;
	margin-right: 15px
}
.profile-right-section .section-body {
	margin-bottom: 5px
}
.profile-right-section .skill-title {
	font-size: 17px;
	margin-bottom: 5px;
	font-weight: 500;
	text-transform: uppercase
}
.profile-right-section ul {
	margin-bottom: 0
}
.profile-right-section ul li h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px
}
.profile-right-section ul li p {
	padding-bottom: 5px
}
@media (max-width:1199px) {
.profile-background .profile-social ul .profile-name {
	padding: 0 20px
}
.profile-background .profile-social ul .profile-follow {
	padding: 0 30px
}
}
@media (max-width:991px) {
.profile-background .profile-social ul .profile-name {
	padding: 0 10px
}
.profile-background .profile-social ul .profile-follow {
	padding: 0 15px
}
.profile-background img {
	margin-left: 40px
}
.profile-background .profile-social {
	padding-left: 180px
}
}
@media (max-width:767px) {
.profile-background {
	height: 160px
}
.profile-background img {
	margin-left: 15px;
	width: 70px;
	border-radius: 15px
}
.profile-background .profile-social {
	padding-left: 100px
}
.profile-background .profile-social ul .profile-name {
	padding: 0 5px
}
.profile-background .profile-social ul .profile-name h4 {
	font-size: 20px;
	line-height: 20px
}
.profile-background .profile-social ul .profile-follow {
	padding: 0 10px
}
.profile-background .profile-social ul .profile-follow h6 {
	font-size: 16px;
	line-height: 16px
}
.profile-background .profile-social ul .profile-follow span {
	font-size: 12px
}
.profile-background .btn {
	display: none
}
.profile-left-section .nav li a {
	padding: 10px
}
}
@media (max-width:479px) {
.profile-left-section .nav li a {
	padding: 8px
}
.profile-body .btn-social-icon {
	margin-bottom: 3px
}
}
.wrapper-user-card {
	background-color: #fff;
	box-shadow: 0 0 5px 1px #4390ff;
	max-width: 350px;
	position: relative;
	z-index: 0;
	text-align: center
}
.wrapper-user-card .mline {
	border: 2px solid #ecf0f1;
	width: 14%;
	margin: 0 auto
}
.wrapper-user-card .line {
	border: 2px solid #4390ff;
	width: 100%;
	margin: 0 auto
}
.wrapper-user-card .arrow {
	cursor: pointer;
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 10px 10px
}
.wrapper-user-card .bars {
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: flex-start
}
.wrapper-user-card .bars .fa {
	margin: 10px 10px
}
.wrapper-user-card .header {
	box-shadow: inset 0 0 60px 35px rgba(0,0,0,.5);
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff
}
.wrapper-user-card .user1-image {
	background: url(../images/userlist1.jpg)
}
.wrapper-user-card .user2-image {
	background: url(../images/userlist2.jpg)
}
.wrapper-user-card .user3-image {
	background: url(../images/userlist3.jpg)
}
.wrapper-user-card .name h1 {
	color: #ecf0f1;
	font-size: 22px;
	margin-top: 110px;
	font-weight: 700;
	line-height: 40px
}
.wrapper-user-card .info {
	margin: 20px 0 10px 0
}
.wrapper-user-card .info p {
	font-size: 17px;
	padding-bottom: 0
}
.wrapper-user-card .card-button {
	margin: 5px auto 20px auto
}
.wrapper-user-card .stats {
	padding: 10px 0
}
.wrapper-user-card .stats li {
	display: inline-block;
	margin: 0 25px
}
.wrapper-user-card .stats li span {
	font-size: 22px;
	font-weight: 700
}
.wrapper-user-card .stats li p {
	font-size: 15px;
	padding-bottom: 0
}
.user-card {
	color: #303336;
	box-shadow: 0 0 15px 3px #dcdcdc;
	margin: 0 auto 35px
}
.user-card .container-box {
	background: #fff;
	border-radius: 3px;
	position: relative
}
.user-card .container-box .hero-image {
	width: 100%;
	height: 100px
}
.user-card .information {
	text-align: center
}
.user-card .avatar {
	margin: 0 auto;
	margin: -62px auto 10px;
	display: block;
	width: 100px;
	border-radius: 50px;
	height: 100px
}
.user-card .name {
	font-size: 22px
}
.user-card .position {
	font-size: 15px;
	color: #ccc;
	margin-bottom: 20px
}
.user-card .stats {
	margin: auto;
	border-top: 1px solid #ced5e0
}
.user-card .stats .followers, .user-card .stats .following, .user-card .stats .stories {
	display: inline-block;
	padding: 10px;
	width: 30%
}
.user-card .stats .followers, .user-card .stats .following {
	border-right: 1px solid #ced5e0;
	width: 33%
}
.user-card .stats .value {
	font-size: 18px;
	font-weight: 600
}
.user-card .stats .label {
	display: block;
	font-size: 14px;
	color: #8c98a8
}
.portfoliocard {
	position: relative;
	width: 350px;
	background: #fff;
	box-shadow: 0 -1px 3px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.5);
	border-radius: 6px;
	margin-bottom: 35px;
	overflow: hidden
}
.portfoliocard .coverphoto {
	width: 100%;
	height: 120px;
	background: url(../images/user-card1.jpg);
	background-position: center center;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	box-shadow: inset 0 3px 20px rgba(255,255,255,.3), 1px 0 2px rgba(255,255,255,.7);
	z-index: 99
}
.portfoliocard .left_col, .portfoliocard .right_col {
	float: left
}
.portfoliocard .left_col {
	width: 40%;
	padding-top: 85px;
	box-sizing: border-box
}
.portfoliocard .right_col {
	width: 60%;
	background: #f5f5f5;
	border-left: 1px solid #e6e6e6;
	box-shadow: inset 0 1px 1px rgba(255,255,255,.7);
	margin-left: -1px;
	border-bottom-right-radius: 5px
}
.portfoliocard .profile_picture {
	position: absolute;
	top: 75px;
	left: 25px
}
.portfoliocard .profile_picture img {
	border-radius: 50px;
	height: 90px;
	width: 90px;
	border: 4px solid #fff
}
.portfoliocard .right_col h2.name {
	font-size: 30px;
	font-weight: 300;
	color: #1e1e1e;
	padding: 0;
	margin: 20px 10px 0 35px
}
.portfoliocard .right_col h3.location {
	font-size: 15px;
	font-weight: 300;
	color: #aaa;
	padding: 0;
	margin: -5px 10px 10px 35px
}
.portfoliocard ul.contact_information {
	padding-left: 30px;
	padding-bottom: 20px;
	list-style-type: none
}
.portfoliocard ul.contact_information li {
	line-height: 25px;
	font-weight: 300;
	font-size: 15px;
	color: #8c8c8c;
	text-shadow: 1px 1px 1px rgba(255,255,255,.8);
	padding: 5px 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	cursor: default
}
.portfoliocard ul.contact_information li i {
	margin-right: 8px
}
.portfoliocard ul.contact_information .mail {
	font-size: 12px
}
.portfoliocard .followers, .portfoliocard .following {
	margin: 15px 0 0 35px;
	font-weight: 300;
	font-size: 16px;
	color: #1e1e1e
}
.portfoliocard .follow_count {
	font-weight: 400;
	font-size: 25px;
	color: #8c8c8c
}
@media (max-width:1199px) {
.portfoliocard {
	width: auto
}
.portfoliocard .profile_picture {
	left: 12px
}
.portfoliocard .right_col h2.name {
	font-size: 25px;
	margin: 15px 10px 0 20px
}
.portfoliocard .right_col h3.location {
	font-size: 13px;
	margin: -20px 10px 10px 20px
}
.portfoliocard .followers, .portfoliocard .following {
	margin: 15px 0 0 15px
}
.portfoliocard ul.contact_information {
	padding-left: 10px
}
.portfoliocard .follow_count {
	font-size: 22px
}
.wrapper-user-card .info {
	margin: 15px 0 5px 0
}
.wrapper-user-card .info p {
	font-size: 15px
}
.wrapper-user-card .stats {
	padding: 5px 0
}
.wrapper-user-card .stats li {
	margin: 0 15px
}
.wrapper-user-card .card-button {
	margin: 5px auto 15px auto
}
}
@media (max-width:991px) {
.wrapper-user-card {
	max-width: 100%;
	margin-bottom: 25px
}
.wrapper-user-card .header {
	background-size: 100%
}
.portfoliocard .coverphoto {
	background-size: 100%
}
.portfoliocard .profile_picture {
	left: 10px
}
.portfoliocard .right_col h2.name {
	font-size: 22px;
	margin: 5px 0 0 15px
}
.portfoliocard .right_col h3.location {
	font-size: 12px;
	margin: -23px 0 0 15px
}
.portfoliocard .followers, .portfoliocard .following {
	margin: 15px 0 0 10px;
	font-size: 15px
}
.portfoliocard ul.contact_information {
	padding-left: 10px
}
.portfoliocard ul.contact_information li {
	font-size: 14px
}
.portfoliocard .follow_count {
	font-size: 20px
}
}
@media (max-width:767px) {
.portfoliocard .profile_picture {
	left: 35px
}
}
@media (max-width:479px) {
.portfoliocard .profile_picture {
	left: 8px;
	top: 50px
}
.portfoliocard .profile_picture img {
	height: 80px;
	width: 80px;
	border: 3px solid #fff
}
.portfoliocard .left_col {
	width: 35%
}
.portfoliocard .follow_count {
	font-size: 20px
}
.portfoliocard .coverphoto {
	height: 90px
}
.portfoliocard .followers, .portfoliocard .following {
	font-size: 14px;
	margin: 10px 0 0 10px
}
.portfoliocard .right_col {
	width: 65%
}
.portfoliocard .right_col h2.name {
	font-size: 23px;
	margin-top: 5px
}
.portfoliocard .right_col h3.location {
	margin-bottom: 0
}
.portfoliocard ul.contact_information li {
	font-size: 13px
}
.user-card .name {
	font-size: 20px
}
.user-card .position {
	font-size: 13px;
	margin-bottom: 10px
}
.user-card .avatar {
	margin: 0 auto;
	margin: -42px auto 5px;
	width: 80px;
	height: 80px
}
.wrapper-user-card .header {
	height: 150px
}
.wrapper-user-card .name h1 {
	font-size: 20px;
	margin-top: 70px;
	line-height: 30px
}
.wrapper-user-card .info {
	margin-top: 10px
}
}
.search-bar {
	margin: 0 auto;
	width: 100%
}
.search-bar input {
	outline: 0
}
.search-bar input[type=search] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 150px;
	border-radius: 50px;
	transition: all .5s
}
.search-bar input[type=search]:focus {
	width: 100%;
	background-color: #fff;
	border-color: #43a7fd
}
.search-type {
	margin-top: 20px
}
.search-type h4 {
	display: inline;
	font-size: 20px
}
.search-type p {
	float: right;
	padding-bottom: 0;
	line-height: 36px
}
.search-title {
	font-size: 20px
}
.search-title i {
	float: right;
	margin-top: 8px;
	color: #4390ff
}
.search-box {
	margin-bottom: 10px
}
.search-box img {
	width: 100%
}
.search-box .news-title {
	font-weight: 700;
	margin-bottom: 3px;
	margin-top: 0;
	color: #4390ff;
	font-size: 18px;
	line-height: 15px
}
.search-box .news-site {
	color: #ccc;
	padding-bottom: 5px
}
.search-box .news-site span {
	font-weight: 700;
	font-size: 16px
}
@media (max-width:767px) {
.search-box .news-title {
	font-size: 17px
}
.search-box .news-site {
	padding-bottom: 0;
	font-size: 12px
}
.search-box .news-site span {
	font-size: 14px
}
.search-type {
	margin-top: 5px
}
.search-type h4 {
	display: block;
	font-size: 18px;
	text-align: center
}
.search-type p {
	float: none;
	line-height: 26px;
	text-align: center
}
.search-title {
	font-size: 18px
}
.search-bar input {
	padding: 5px 10px 6px 32px
}
}
.invoice-section .invoice-left .logo {
	width: 100px
}
.invoice-section .invoice-bill-title {
	font-size: 18px;
	font-weight: 500
}
.gallery-section #portfolio {
	column-count: 4;
	-webkit-column-count: 4;
	-moz-column-count: 4
}
.gallery-section .tile {
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	overflow: hidden;
	margin-bottom: 15px
}
.gallery-section .scale-anm {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}
.gallery-section .tile img {
	max-width: 100%;
	width: 100%;
	height: auto;
	box-shadow: 0 1px 2px transparent, 0 1px 4px rgba(0,0,0,.3);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}
.gallery-section .tile:hover img {
	-ms-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3)
}
.gallery-section .gallery-button {
	text-align: center;
	margin-bottom: 20px
}
.map-height {
	width: 100%;
	height: 350px
}
#geocoding_form {
	margin-bottom: 10px
}
#geocoding_form input {
	border: 1px solid #4390ff;
	height: 30px;
	padding: 5px
}
.overlay {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 40px;
	line-height: 60px;
	opacity: .8;
	background: #47a;
	border: solid 3px #369;
	border-radius: 4px;
	box-shadow: 2px 2px 10px #333;
	text-shadow: 1px 1px 1px #666;
	padding: 0 4px
}
.overlay_arrow {
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	position: absolute
}
.overlay_arrow.above {
	bottom: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #369
}
.overlay_arrow.below {
	top: -15px;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #369
}
@media (max-width:479px) {
.map-height {
	height: 250px
}
#geocoding_form input {
	width: 185px
}
}
.vector-map .jqvmap-zoomin, .vector-map .jqvmap-zoomout {
	background-color: #4390ff;
	width: 22px;
	height: 22px;
	line-height: 15px
}
.vector-map .jqvmap-zoomout {
	top: 40px
}
.icon-size {
	padding: 10px 10px 10px 15px;
	font-size: 15px;
	border-radius: 4px
}
.icon-size i {
	margin-right: 10px
}
.icon-size:hover {
	color: #fff;
	background: #4390ff
}
.icon-size:hover a {
	color: #fff
}
.icon-size .icon-name {
	margin-left: 10px
}
.flag-icon {
	font-size: 25px;
	vertical-align: middle
}
.modal-button .btn {
	margin-bottom: 8px
}
.modal-content {
	border-radius: 0
}
.modal-footer .btn {
	margin-bottom: 0
}
.modal-header .close {
	margin-top: 4px
}
.modal-header .modal-title {
	font-size: 20px
}
.primary-modal {
	background: #4390ff
}
.primary-modal .modal-title {
	color: #fff
}
.info-modal {
	background: #5bc0de
}
.info-modal .modal-title {
	color: #fff
}
.success-modal {
	background: #4caf50
}
.success-modal .modal-title {
	color: #fff
}
.warning-modal {
	background: #f0ad4e
}
.warning-modal .modal-title {
	color: #fff
}
.danger-modal {
	background: #d9534f
}
.danger-modal .modal-title {
	color: #fff
}
.purple-modal {
	background: #a32cc4
}
.purple-modal .modal-title {
	color: #fff
}
.pink-modal {
	background: #fc46aa
}
.pink-modal .modal-title {
	color: #fff
}
.inverse-modal {
	background: #434343
}
.inverse-modal .modal-title {
	color: #fff
}
.nav-tabs>li {
	padding-left: 0
}
.default-tab .tab-pane {
	border: 1px solid #ccc;
	padding: 10px;
	border-top: none
}
.custom-tab .nav-tabs {
	border-bottom: 1px solid #2773ed
}
.custom-tab .nav-tabs>li.active>a, .custom-tab .nav-tabs>li.active>a:focus, .custom-tab .nav-tabs>li.active>a:hover {
	border: 2px solid #2773ed;
	border-radius: 0
}
.custom-tab .tab-pane {
	padding: 10px
}
.border-tab .nav-tabs>li.active>a, .border-tab .nav-tabs>li.active>a:focus, .border-tab .nav-tabs>li.active>a:hover {
	border: none;
	border-bottom: 2px solid #2773ed;
	border-radius: 0;
	color: #2773ed
}
.border-tab .tab-pane {
	padding: 10px
}
.background-tab .nav-tabs>li.active>a, .background-tab .nav-tabs>li.active>a:focus, .background-tab .nav-tabs>li.active>a:hover {
	background: #2773ed;
	color: #fff
}
.background-tab .tab-pane {
	padding: 10px
}
.tabs-vertical .nav-tabs {
	width: 150px;
	border-bottom: 0;
	border-right: 1px solid #ddd;
	display: table-cell;
	vertical-align: top
}
.tabs-vertical .nav-tabs:hover {
	border-bottom: 0
}
.tabs-vertical .nav-tabs li {
	width: 100%;
	margin-left: 2px
}
.tabs-vertical .nav-tabs li a {
	margin-right: 0;
	border-radius: 0;
	border: none
}
.tabs-vertical .tab-content {
	display: table-cell;
	padding: 0 10px 10px 10px
}
.tabs-vertical.border-tab .nav-tabs>li.active>a, .tabs-vertical.border-tab .nav-tabs>li.active>a:focus, .tabs-vertical.border-tab .nav-tabs>li.active>a:hover {
	border: none;
	border-right: 2px solid #2773ed
}
@media (max-width:479px) {
.tabs-vertical .nav-tabs {
	width: 110px
}
.tabs-vertical .tab-content {
	padding: 0
}
.nav-pills>li>a {
	padding: 5px 10px
}
}
.accordion a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 15px 45px 15px 15px;
	font-size: 17px;
	border-bottom: 1px solid #4390ff
}
.accordion a:hover {
	cursor: pointer;
	color: #4390ff
}
.accordion a:hover:after {
	cursor: pointer;
	color: #4390ff;
	border: 1px solid #4390ff
}
.accordion a.active {
	color: #4390ff;
	border-bottom: 1px solid #4390ff
}
.accordion a.active:after {
	font-family: FontAwesome;
	content: "\f068";
	color: #4390ff;
	border: 1px solid #4390ff
}
.accordion a:after {
	font-family: FontAwesome;
	content: "\f067";
	position: absolute;
	float: right;
	right: 10px;
	font-size: 18px;
	padding: 4px;
	width: 35px;
	height: 35px;
	border-radius: 20px;
	border: 1px solid #4390ff;
	color: #4390ff;
	text-align: center
}
.accordion .content {
	display: none;
	padding: 1rem;
	border-bottom: 1px solid #4390ff;
	overflow: hidden
}
.accordion .content p {
	font-size: 14px;
	font-weight: 300
}
#accordion2 .panel-heading {
	background: #4390ff
}
#accordion2 .panel-heading a {
	position: relative;
	display: block;
	color: #fff
}
#accordion2 .panel-heading a:before {
	content: "\f077";
	font-size: 24px;
	position: absolute;
	font-family: FontAwesome;
	right: 5px;
	top: 0;
	transform: rotate(180deg);
	transition: all .5s
}
#accordion2 .panel-heading.active a:brfore {
transform:rotate(0);
transition:all .5s
}
.border-accordion .panel-heading {
	border: 2px solid #4390ff;
	padding: 8px 15px
}
.border-accordion .panel-heading a {
	position: relative;
	text-align: center;
	display: block
}
@media (max-width:479px) {
.accordion a {
	font-size: 14px
}
.accordion a:after {
	right: 5px;
	font-size: 16px;
	padding: 3px;
	width: 30px;
	height: 30px
}
#accordion2 .panel-heading a:before {
	font-size: 16px
}
.border-accordion .panel-heading {
	border: 1px solid #4390ff;
	padding: 5px 10px
}
}
.tooltip-show .tooltip {
	position: relative;
	display: inline-block;
	margin: 10px 20px 10px 0;
	opacity: 1;
	z-index: 0
}
.popover-show .popover {
	position: relative;
	display: block;
	float: left;
	width: 23%;
	margin: 0 20px 10px 0;
	z-index: 0
}
.popover-show .popover-title {
	line-height: 20px
}
@media (max-width:1199px) {
.popover-show .popover {
	width: auto;
	margin: 0 20px 20px 0
}
.button-section .btn {
	margin-bottom: 8px
}
}
.alert-primary {
	color: #4390ff;
	background-color: rgba(67,144,255,.2);
	border-color: rgba(67,144,255,.2)
}
.alert-primary .alert-link {
	color: #4390ff
}
.img-alert-right {
	width: 38px;
	border-radius: 20px
}
.alert {
	border-radius: 0
}
.alert-icon .alert .icon-text {
	font-size: 20px
}
.alert-icon .alert p {
	margin: 0;
	padding: 0;
	line-height: 25px
}
.alert-notification .alert {
	text-align: center;
	margin-bottom: 0
}
.alert-notification .alert .icon-text {
	font-size: 25px;
	padding-bottom: 5px
}
.alert-notification .alert .icon-text i {
	display: block;
	font-size: 40px;
	margin-bottom: 10px
}
.alert-notification .alert p {
	margin: 0;
	padding: 0
}
.alert-left-icon .alert {
	background: 0 0;
	padding: 0;
	border-right: 5px solid
}
.alert-left-icon .alert .icon-box {
	float: left;
	padding: 22px 15px;
	margin-right: 15px;
	font-size: 25px;
	color: #fff
}
.alert-left-icon .alert .right-text {
	padding: 14px 0
}
.alert-left-icon .alert p {
	padding: 0;
	margin: 0
}
.alert-left-icon .alert .icon-text {
	font-size: 18px;
	font-weight: 500
}
.alert-left-icon .alert.alert-primary .icon-box {
	background: #4390ff
}
.alert-left-icon .alert.alert-success .icon-box {
	background: #4caf50
}
.alert-left-icon .alert.alert-info .icon-box {
	background: #5bc0de
}
.alert-left-icon .alert.alert-warning .icon-box {
	background: #f0ad4e
}
.alert-left-icon .alert.alert-danger .icon-box {
	background: #d9534f
}
@media (max-width:1199px) {
.alert-notification .alert-md-15 {
	margin-bottom: 15px
}
}
@media (max-width:991px) {
.alert-notification .alert-sm-15 {
	margin-bottom: 15px
}
}
@media (max-width:479px) {
.alert-left-icon .alert .icon-box {
	padding: 15px 10px;
	margin-right: 10px;
	font-size: 20px
}
.alert-left-icon .alert .right-text {
	padding: 3px 0
}
.alert-left-icon .alert .icon-text {
	font-size: 16px
}
.alert-left-icon .alert p {
	font-size: 13px
}
.alert {
	margin-bottom: 10px;
	padding: 8px
}
.alert-dismissable, .alert-dismissible {
	padding-right: 30px
}
}
.progress-bar-vertical {
	min-height: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px
}
.progress-bottom-vertical {
	min-height: 250px;
	height: 250px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 20px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}
.progress {
	border-radius: 0
}
.progress-bar-primary {
	background-color: #4390ff
}
.progress-bar-purple {
	background-color: #a32cc4
}
.progress-bar-pink {
	background-color: #fc46aa
}
@media (max-width:479px) {
.progress {
	height: 18px;
	margin-bottom: 12px
}
.progress-bar-vertical, .progress-bottom-vertical {
	margin-right: 12px
}
}
.timeline-box {
	text-align: center;
	width: 130px;
	margin: 0 auto;
	border: 1px solid #4390ff;
	box-shadow: 2px 2px 5px #4390ff
}
.timeline-box h3 {
	font-size: 22px
}
.timeline ul {
	padding: 0
}
.timeline ul li {
	list-style-type: none;
	position: relative;
	width: 6px;
	margin: 0 auto;
	padding-top: 50px;
	background: #e3edfc
}
.timeline ul li:after {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: inherit;
	content: "\f00c";
	font-family: Fontawesome;
	color: #fff;
	vertical-align: middle;
	padding: 4px 10px
}
.timeline ul li .timeline-des {
	position: relative;
	bottom: 0;
	width: 460px;
	padding: 15px;
	background: #fff;
	border: 1px solid #4390ff;
	overflow: hidden
}
.timeline ul li .timeline-des:before {
	content: '';
	position: absolute;
	bottom: 7px;
	width: 0;
	height: 0;
	border-style: solid
}
.timeline ul li:nth-child(odd) .timeline-des {
	left: 30px
}
.timeline ul li:nth-child(odd) .timeline-des:before {
	left: -10px;
	border-width: 8px 10px 8px 0;
	border-color: transparent #4390ff transparent transparent
}
.timeline ul li:nth-child(even) .timeline-des {
	left: -505px
}
.timeline ul li:nth-child(even) .timeline-des:before {
	right: -10px;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #4390ff
}
.timeline ul li:after {
	transition: background .5s ease-in-out
}
.timeline ul li .timeline-des {
	visibility: hidden;
	opacity: 0;
	transition: all .5s ease-in-out
}
.timeline ul li:nth-child(odd) .timeline-des {
	transform: translate3d(200px, 0, 0)
}
.timeline ul li:nth-child(even) .timeline-des {
	transform: translate3d(-200px, 0, 0)
}
.timeline ul li.in-view:after {
	background: #4390ff
}
.timeline ul li.in-view .timeline-des {
	transform: none;
	visibility: visible;
	opacity: 1;
	overflow: visible
}
.timeline ul li .left-text-timeline {
	position: absolute;
	left: -280px;
	bottom: -15px
}
.timeline ul li .left-text-timeline .icon-text {
	width: 250px;
	text-align: right
}
.timeline ul li .left-text-timeline .icon-text i {
	font-size: 25px;
	color: #4390ff;
	margin-left: 5px;
	vertical-align: middle
}
.timeline ul li .right-text-timeline {
	position: absolute;
	right: -280px;
	bottom: -15px
}
.timeline ul li .right-text-timeline .icon-text {
	width: 250px;
	text-align: left
}
.timeline ul li .right-text-timeline .icon-text i {
	font-size: 25px;
	color: #4390ff;
	margin-right: 5px;
	float: left;
	vertical-align: middle
}
.timeline .timeline-des .timeline-user {
	margin-bottom: 10px
}
.timeline .timeline-des .timeline-user .user-img {
	width: 35px;
	border-radius: 20px;
	margin-right: 10px
}
.timeline .timeline-des .user-name {
	color: #4390ff;
	font-size: 15px;
	font-weight: 700
}
.timeline .timeline-des .timeline-body .body-image {
	width: 130px;
	height: 100px
}
.timeline .timeline-des .timeline-footer {
	border-top: 1px solid #ccc;
	padding-top: 10px
}
.timeline .timeline-des .timeline-footer .left-section {
	display: inline
}
.timeline .timeline-des .timeline-footer .left-section span {
	margin-right: 8px
}
.timeline .timeline-des .timeline-footer .right-section {
	float: right;
	display: inline
}
@media (max-width:1199px) {
.timeline ul li .timeline-des {
	width: 310px
}
.timeline ul li:nth-child(2n) .timeline-des {
	left: -334px
}
}
@media (max-width:991px) {
.timeline ul li .timeline-des {
	width: 300px
}
.timeline ul li:nth-child(2n) .timeline-des {
	left: -334px
}
}
@media (max-width:767px) {
.timeline-box {
	margin: 0
}
.timeline-box h3 {
	font-size: 18px
}
.timeline .timeline-des .timeline-user {
	margin-bottom: 5px
}
.timeline .timeline-des .timeline-user .user-img {
	width: 30px;
	margin-right: 5px
}
.timeline .timeline-des .user-name {
	font-size: 14px
}
.timeline .timeline-des .timeline-footer .left-section span {
	margin-right: 3px;
	font-size: 12px
}
.timeline .timeline-des .right-section {
	font-size: 12px
}
.timeline ul li {
	margin: 0 0 0 10px
}
.timeline ul li .timeline-des {
	width: 340px;
	padding: 5px
}
.timeline ul li .timeline-des p {
	padding-bottom: 5px;
	line-height: 22px;
	font-size: 12px
}
.timeline ul li .right-text-timeline {
	display: none
}
.timeline ul li:nth-child(2n) .timeline-des {
	left: 21px
}
.timeline ul li:nth-child(2n) .timeline-des:before {
	right: 0;
	left: -10px;
	border-width: 8px 10px 8px 0;
	border-color: transparent #4390ff transparent transparent
}
.timeline ul li:nth-child(2n+1) .timeline-des {
	left: 22px
}
.timeline ul li:after {
	bottom: 2px;
	width: 25px;
	height: 25px;
	padding: 0 5px
}
}
@media (max-width:479px) {
.timeline ul li .timeline-des {
	width: 215px
}
}
.grid-stack>.grid-stack-item>.grid-stack-item-content {
	border: 1px solid #4390ff;
	text-align: center
}
.grid-stack-item-content .fa {
	font-size: 64px;
	display: block;
	margin: 20px 0 10px
}
.carousel-indicators-numbers li {
	text-indent: 0;
	margin: 0 2px;
	width: 35px;
	height: 35px;
	border: none;
	border-radius: 100%;
	line-height: 35px;
	color: #fff;
	padding: 0;
	background-color: #ccc;
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
	margin: 0 2px;
	width: 35px;
	height: 35px;
	background-color: #337ab7
}
.carousel-indicators-line li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 35px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	background-color: rgba(255,255,255,.5)
}
.carousel-indicators-line li:after, .carousel-indicators-line li:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 10px;
	content: ""
}
.carousel-indicators-line .active {
	width: 35px;
	height: 5px;
	margin: 0;
	background-color: #fff
}
.wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover {
	background: #4390ff;
	border-radius: 0;
	padding: 12px 15px
}
.wizard>.steps .disabled a, .wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover {
	border-radius: 0;
	padding: 12px 15px
}
.wizard>.steps .done a, .wizard>.steps .done a:active, .wizard>.steps .done a:hover {
	border-radius: 0;
	padding: 12px 15px;
	background: #1e3453
}
.wizard>.actions a, .wizard>.actions a:active, .wizard>.actions a:hover {
	background: #4390ff;
	border-radius: 0;
	padding: 5px 15px
}
.wizard>.content {
	min-height: 250px
}
@media (max-width:767px) {
.wizard>.steps>ul>li {
	width: 100%
}
.wizard>.steps .disabled a, .wizard>.steps .disabled a:active, .wizard>.steps .disabled a:hover {
	padding: 5px 10px
}
.wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover {
	padding: 5px 10px
}
.wizard>.steps a, .wizard>.steps a:active, .wizard>.steps a:hover {
	margin: 0 0 6px;
	font-size: 12px
}
}
@media (max-width:479px) {
.wizard>.steps .current a, .wizard>.steps .current a:active, .wizard>.steps .current a:hover {
	padding: 5px 3px
}
}
.form-item {
	position: relative;
	display: block;
	margin-bottom: 20px;
	margin-top: 10px
}
.form-item .form-style {
	color: #8a8a8a;
	display: block;
	width: 100%;
	height: 44px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background-color: #fff;
	transition: all .2s ease
}
.form-item .form-style.focus, .form-item .form-style:focus {
	outline: 0;
	border: 1px solid #4390ff;
	color: #4390ff
}
.form-item p.formLabel {
	position: absolute;
	left: 15px;
	top: 9px;
	transition: all .4s ease;
	color: #bbb;
	padding: 0
}
.form-item p.formLabel.formTop {
	top: -14px;
	background-color: #fff;
	padding: 0 5px;
	font-size: 14px;
	color: #4390ff
}
.form-item.success-item .form-style.focus, .form-item.success-item .form-style:focus {
	border: 1px solid #4caf50;
	color: #4caf50
}
.form-item.success-item p.formLabel.formTop {
	color: #4caf50
}
.form-item.warning-item .form-style.focus, .form-item.warning-item .form-style:focus {
	border: 1px solid #f0ad4e;
	color: #f0ad4e
}
.form-item.warning-item p.formLabel.formTop {
	color: #f0ad4e
}
.form-item.danger-item .form-style.focus, .form-item.danger-item .form-style:focus {
	border: 1px solid #d9534f;
	color: #d9534f
}
.form-item.danger-item p.formLabel.formTop {
	color: #d9534f
}
.form-item.purple-item .form-style.focus, .form-item.purple-item .form-style:focus {
	border: 1px solid #a32cc4;
	color: #a32cc4
}
.form-item.purple-item p.formLabel.formTop {
	color: #a32cc4
}
.form-item.pink-item .form-style.focus, .form-item.pink-item .form-style:focus {
	border: 1px solid #fc46aa;
	color: #fc46aa
}
.form-item.pink-item p.formLabel.formTop {
	color: #fc46aa
}
@media (max-width:767px) {
.form-item .form-style {
	height: 40px
}
.form-item p.formLabel {
	top: 7px
}
}
@media (max-width:479px) {
.help-block {
	margin-top: 1px;
	font-size: 12px
}
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 0;
	padding: 0 2px;
	outline: 0
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid transparent;
	padding: 0 2px;
	background: 0 0
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0
}
.data-table-section .pagination>li>a, .data-table-section .pagination>li>span {
	margin-left: -3px
}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
	background-color: #fff
}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
	background-color: #f6f6f6
}
table.dataTable tfoot td, table.dataTable tfoot th {
	border-top: 1px solid #ccc
}
div.dataTables_wrapper div.dataTables_filter input {
	border-radius: 0
}
div.dataTables_wrapper div.dataTables_length select {
	border-radius: 0
}
table.dataTable {
	border: 1px solid #ccc
}
table.dataTable thead td, table.dataTable thead th {
	border-bottom: 1px solid #ccc
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #4390ff;
	border-color: #4390ff
}
td.highlight {
	font-weight: 700;
	color: #4390ff
}
tfoot input {
	width: 100%;
	padding: 3px;
	box-sizing: border-box
}
@media (max-width:767px) {
table.dataTable {
	display: block;
	overflow-x: auto;
	width: 100%!important
}
}
.jqstooltip {
	box-sizing: content-box
}
.bullet_chart_margin canvas {
	margin-bottom: 5px
}
.chart-height {
	height: 350px!important
}
.easyPieChart {
	position: relative;
	display: inline-block;
	width: 110px;
	height: 110px;
	margin: 0 10px 10px 0;
	text-align: center
}
.easyPieChart .percent {
	display: inline-block;
	line-height: 110px;
	font-size: 20px
}
.easyPieChart canvas {
	position: absolute;
	top: 0;
	left: 0
}
.easyPieChart .percent img {
	width: 70px;
	transform: translateY(-2px);
	border-radius: 50%
}
.easyPieChart .percent i {
	font-size: 50px;
	transform: translateY(10px)
}
#y_axis_chart {
	position: relative;
	left: 35px
}
#y_axis {
	position: absolute;
	top: 50px;
	bottom: 0;
	width: 35px
}
@media (max-width:767px) {
.morris_height {
	height: 200px
}
.chart-height {
	height: 250px!important
}
}
.document-section .install-section li, .document-section .intro-section li {
	font-size: 15px;
	line-height: 25px;
	padding: 5px 10px
}
.document-section .install-section li a, .document-section .intro-section li a {
	color: #4390ff
}
.document-section .code-bg {
	background: #4390ff;
	padding: 10px;
	border: 1px solid #4390ff;
	color: #fff;
	margin-top: 3px;
	display: block
}
.document-section .table td a {
	color: #4390ff
}
.document-section .support-text {
	font-size: 17px
}
.document-section .support-text a {
	color: #4390ff
}