@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

@import "../less/icons/material-design-iconic-font/css/materialdesignicons.min.css";

@import "spinners.css";

.preloader {

    width: 100%;

    height: 100%;

    top: 0;

    position: fixed;

    z-index: 99999;

    background: #fff

}



.preloader .cssload-speeding-wheel {

    position: absolute;

    top: calc(50% - 3.5px);

    left: calc(50% - 3.5px)

}



* {

    outline: 0!important

}



html {

    position: relative;

    min-height: 100%;

    background: #fff

}



body {

    background: #fff;

	font-family: 'Calibri', sans-serif;

	font-size:18px;

    margin: 0;

    overflow-x: hidden;

    color: #8d9498;

    font-weight: 400

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: #333b3f;

	font-family: 'Calibri', sans-serif;

    margin: 10px 0;

    font-weight: 400

}



h1 {

    line-height: 48px;

    font-size: 36px

}



h2 {

    line-height: 36px;

    font-size: 24px

}



h3 {

    line-height: 30px;

    font-size: 21px

}



h4 {

    line-height: 22px;

    font-size: 18px

}



h5 {

    line-height: 18px;

    font-size: 16px

}



h6 {

    line-height: 16px;

    font-size: 14px

}



strong {

    color: #333b3f

}



.dn {

    display: none!important

}



.db {

    display: block!important

}



.dib {

    display: inline-block!important

}



blockquote {

    border-left: 5px solid #0283cc!important;

    border: 1px solid #e5ebec

}



p {

    line-height: 1.6

}



b {

    font-weight: 600

}



a:active,

a:focus,

a:hover {

    outline: 0;

    text-decoration: none

}



.clear {

    clear: both

}



.font-10 {

    font-size: 10px!important

}



.font-12 {

    font-size: 12px!important

}



.font-14 {

    font-size: 14px!important

}



.font-15 {

    font-size: 15px!important

}



.font-16 {

    font-size: 16px!important

}



.font-18 {

    font-size: 18px!important

}



.font-20 {

    font-size: 20px!important

}



.font-22 {

    font-size: 22px!important

}



hr {

    border-color: #e5ebec

}



.b-t {

    border-top: 1px solid #e5ebec

}



.b-b {

    border-bottom: 1px solid #e5ebec

}



.b-l {

    border-left: 1px solid #e5ebec

}



.b-r {

    border-right: 1px solid #e5ebec

}



.b-t-0 {

    border-top: 0!important

}



.b-b-0 {

    border-bottom: 0!important

}



.b-r-0 {

    border-right: 0!important

}



.b-l-0 {

    border-left: 0!important

}



.b-all {

    border: 1px solid #e5ebec

}



.bl-primary {

    border-left: 3px solid #0283cc!important

}



.bl-success {

    border-left: 3px solid #2ecc71!important

}



.bl-danger {

    border-left: 3px solid #e74a25!important

}



.bl-info {

    border-left: 3px solid #00bbd9!important

}



.bl-warning {

    border-left: 3px solid #ffb136!important

}



.t-a-c {

    text-align: center!important

}



.t-a-l {

    text-align: left!important

}



.t-a-r {

    text-align: right!important

}



.p-0 {

    padding: 0!important

}



.p-10 {

    padding: 10px!important

}



.p-20 {

    padding: 20px!important

}



.p-30 {

    padding: 30px!important

}



.p-l-0 {

    padding-left: 0!important

}



.p-l-5 {

    padding-left: 5px!important

}



.p-l-10 {

    padding-left: 10px!important

}



.p-l-15 {

    padding-left: 15px!important

}



.p-l-20 {

    padding-left: 20px!important

}



.p-l-25 {

    padding-left: 25px!important

}



.p-l-30 {

    padding-left: 30px!important

}



.p-l-35 {

    padding-left: 35px!important

}



.p-l-40 {

    padding-left: 40px!important

}



.p-r-0 {

    padding-right: 0!important

}



.p-r-5 {

    padding-right: 5px!important

}



.p-r-10 {

    padding-right: 10px!important

}



.p-r-15 {

    padding-right: 15px!important

}



.p-r-20 {

    padding-right: 20px!important

}



.p-r-25 {

    padding-right: 25px!important

}



.p-r-30 {

    padding-right: 30px!important

}



.p-r-35 {

    padding-right: 35px!important

}



.p-r-40 {

    padding-right: 40px!important

}



.p-t-0 {

    padding-top: 0!important

}



.p-t-5 {

    padding-top: 5px!important

}



.p-t-10 {

    padding-top: 10px!important

}



.p-t-15 {

    padding-top: 0!important

}



.p-t-20 {

    padding-top: 20px!important

}



.p-t-25 {

    padding-top: 25px!important

}



.p-t-30 {

    padding-top: 30px!important

}



.p-t-35 {

    padding-top: 35px!important

}



.p-t-40 {

    padding-top: 40px!important

}



.p-b-0 {

    padding-bottom: 0!important

}



.p-b-5 {

    padding-bottom: 5px!important

}



.p-b-10 {

    padding-bottom: 10px!important

}



.p-b-15 {

    padding-bottom: 15px!important

}



.p-b-20 {

    padding-bottom: 20px!important

}



.p-b-25 {

    padding-bottom: 25px!important

}



.p-b-30 {

    padding-bottom: 30px!important

}



.p-b-35 {

    padding-bottom: 35px!important

}



.p-b-40 {

    padding-bottom: 40px!important

}



.m-0 {

    margin: 0!important

}



.m-5 {

    margin: 5px!important

}



.m-10 {

    margin: 10px!important

}



.m-15 {

    margin: 15px!important

}



.m-20 {

    margin: 20px!important

}



.m-l-0 {

    margin-left: 0!important

}



.m-l-5 {

    margin-left: 5px!important

}



.m-l-10 {

    margin-left: 10px!important

}



.m-l-15 {

    margin-left: 15px!important

}



.m-l-20 {

    margin-left: 20px!important

}



.m-l-25 {

    margin-left: 25px!important

}



.m-l-30 {

    margin-left: 30px!important

}



.m-l-35 {

    margin-left: 35px!important

}



.m-l-40 {

    margin-left: 40px!important

}



.m-r-0 {

    margin-right: 0!important

}



.m-r-5 {

    margin-right: 5px!important

}



.m-r-10 {

    margin-right: 10px!important

}



.m-r-15 {

    margin-right: 15px!important

}



.m-r-20 {

    margin-right: 20px!important

}



.m-r-25 {

    margin-right: 25px!important

}



.m-r-30 {

    margin-right: 30px!important

}



.m-r-35 {

    margin-right: 35px!important

}



.m-r-40 {

    margin-right: 40px!important

}



.m-t-0 {

    margin-top: 0!important

}



.m-t-5 {

    margin-top: 5px!important

}



.m-t-10 {

    margin-top: 10px!important

}



.m-t-15 {

    margin-top: 15px!important

}



.m-t-20 {

    margin-top: 20px!important

}



.m-t-25 {

    margin-top: 25px!important

}



.m-t-30 {

    margin-top: 30px!important

}



.m-t-35 {

    margin-top: 35px!important

}



.m-t-40 {

    margin-top: 40px!important

}



.m-b-0 {

    margin-bottom: 0!important

}



.m-b-5 {

    margin-bottom: 5px!important

}



.m-b-10 {

    margin-bottom: 10px!important

}



.m-b-15 {

    margin-bottom: 15px!important

}



.m-b-20 {

    margin-bottom: 20px!important

}



.m-b-25 {

    margin-bottom: 25px!important

}



.m-b-30 {

    margin-bottom: 30px!important

}



.m-b-35 {

    margin-bottom: 35px!important

}



.m-b-40 {

    margin-bottom: 40px!important

}



.vt {

    vertical-align: top

}



.vm {

    vertical-align: middle

}



.vb {

    vertical-align: bottom

}



.font-bold {

    font-weight: 700

}



.font-semibold {

    font-weight: 600

}



.font-normal {

    font-weight: 400

}



.font-light {

    font-weight: 300

}



.pull-in {

    margin-left: -15px;

    margin-right: -15px

}



.b-0 {

    border: none!important

}



.bx-shadow {

    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);

    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);

    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)

}



.mx-box {

    max-height: 380px;

    min-height: 380px

}



.thumb-sm {

    height: 32px;

    width: 32px

}



.thumb-md {

    height: 48px;

    width: 48px

}



.thumb-lg {

    height: 88px;

    width: 88px

}



.txt-ovf {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.hr-line {

    display: inline-block;

    height: 2px;

    width: 100%;

    background-color: #e5ebec;

    margin: 16px 0

}



.chart-pos {

    position: relative

}



.docs img {

    border: 1px solid #ccc

}



.badge {

    text-transform: uppercase;

    font-weight: 600;

    padding: 2px 7px;

    font-size: 12px;

    margin-top: 1px;

    background-color: #ffb136

}



.badge-xs {

    font-size: 11px

}



.badge-sm,

.badge-xs {

    -webkit-transform: translate(0, -2px);

    -ms-transform: translate(0, -2px);

    -o-transform: translate(0, -2px);

    transform: translate(0, -2px)

}



.badge-success {

    background-color: #2ecc71

}



.badge-info {

    background-color: #00bbd9

}



.badge-warning {

    background-color: #ffb136

}



.badge-danger {

    background-color: #e74a25

}



.badge-primary {

    background-color: #0283cc

}



.text-white {

    color: #fff!important

}



.text-danger {

    color: #e74a25!important

}



.text-warning {

    color: #ffb136!important

}



.text-success {

    color: #2ecc71!important

}



.text-info {

    color: #00bbd9!important

}



.text-blue {

    color: #0078bc!important

}



.text-primary {

    color: #0283cc!important

}



.text-muted {

    color: #8d9498!important

}



.text-link {

    color: #45a4da!important

}



.text-purple {

    color: #4a23ad!important

}



.text-dark {

    color: #333b3f!important

}



.bg-primary {

    background-color: #0283cc!important;

    color: #fff

}



.bg-success {

    background-color: #2ecc71!important;

    color: #fff

}



.bg-info {

    background-color: #00bbd9!important;

    color: #fff

}



.bg-warning {

    background-color: #ffb136!important;

    color: #fff

}



.bg-danger {

    background-color: #e74a25!important;

    color: #fff

}



.bg-white {

    background-color: #fff!important;

    color: #8d9498

}



.label {

    letter-spacing: .05em;

    border-radius: 60px;

    padding: 4px 16px 3px;

    font-weight: 500

}



.label-rounded {

    border-radius: 60px;

    padding: 4px 16px 3px;

    font-weight: 500

}



.label-success {

    background-color: #2ecc71

}



.label-info {

    background-color: #00bbd9

}



.label-warning {

    background-color: #ffb136

}



.label-danger {

    background-color: #e74a25

}



.label-primary {

    background-color: #0283cc

}



.label-default {

    background-color: #e5ebec

}



.label-white {

    background-color: #fff

}



.label-custom {

    background-color: #0078bc

}



.btn-outline {

    color: inherit;

    background-color: transparent;

    transition: all .5s

}



.btn-rounded {

    border-radius: 60px

}



.btn-primary,

.btn-primary.disabled {

    background: #0283cc;

    border: 2px solid #0283cc

}



.btn-primary.disabled.focus,

.btn-primary.disabled:focus,

.btn-primary.disabled:hover,

.btn-primary.focus,

.btn-primary:focus,

.btn-primary:hover {

    background: #0283cc;

    opacity: .8;

    border: 2px solid #0283cc

}



.btn-success,

.btn-success.disabled {

    background: #2ecc71;

    border: 2px solid #2ecc71

}



.btn-success.disabled.focus,

.btn-success.disabled:focus,

.btn-success.disabled:hover,

.btn-success.focus,

.btn-success:focus,

.btn-success:hover {

    background: #2ecc71;

    opacity: .8;

    border: 2px solid #2ecc71

}



.btn-info,

.btn-info.disabled {

    background: #00bbd9;

    border: 2px solid #00bbd9

}



.btn-info.disabled.focus,

.btn-info.disabled:focus,

.btn-info.disabled:hover,

.btn-info.focus,

.btn-info:focus,

.btn-info:hover {

    background: #00bbd9;

    opacity: .8;

    border: 2px solid #00bbd9

}



.btn-warning,

.btn-warning.disabled {

    background: #ffb136;

    border: 2px solid #ffb136

}



.btn-warning.disabled.focus,

.btn-warning.disabled:focus,

.btn-warning.disabled:hover,

.btn-warning.focus,

.btn-warning:focus,

.btn-warning:hover {

    background: #ffb136;

    opacity: .8;

    border: 2px solid #ffb136

}



.btn-danger,

.btn-danger.disabled {

    background: #e74a25;

    border: 2px solid #e74a25

}



.btn-danger.disabled.focus,

.btn-danger.disabled:focus,

.btn-danger.disabled:hover,

.btn-danger.focus,

.btn-danger:focus,

.btn-danger:hover {

    background: #e74a25;

    opacity: .8;

    border: 2px solid #e74a25

}



.btn-default,

.btn-default.disabled {

    background: #e5ebec;

    border: 2px solid #e5ebec

}



.btn-default.disabled.focus,

.btn-default.disabled:focus,

.btn-default.disabled:hover,

.btn-default.focus,

.btn-default:focus,

.btn-default:hover {

    opacity: .8;

    border: 2px solid #e5ebec;

    background: #e5ebec

}



.btn-default.btn-outline {

    background-color: #fff

}



.btn-default.btn-outline.focus,

.btn-default.btn-outline:focus,

.btn-default.btn-outline:hover {

    background: #e5ebec

}



.btn-primary.btn-outline {

    color: #0283cc;

    background-color: #fff

}



.btn-primary.btn-outline.focus,

.btn-primary.btn-outline:focus,

.btn-primary.btn-outline:hover {

    background: #0283cc;

    color: #fff

}



.btn-success.btn-outline {

    color: #2ecc71;

    background-color: transparent

}



.btn-success.btn-outline.focus,

.btn-success.btn-outline:focus,

.btn-success.btn-outline:hover {

    background: #2ecc71;

    color: #fff

}



.btn-info.btn-outline {

    color: #00bbd9;

    background-color: transparent

}



.btn-info.btn-outline.focus,

.btn-info.btn-outline:focus,

.btn-info.btn-outline:hover {

    background: #00bbd9;

    color: #fff

}



.btn-warning.btn-outline {

    color: #ffb136;

    background-color: transparent

}



.btn-warning.btn-outline.focus,

.btn-warning.btn-outline:focus,

.btn-warning.btn-outline:hover {

    background: #ffb136;

    color: #fff

}



.btn-danger.btn-outline {

    color: #e74a25;

    background-color: transparent

}



.btn-danger.btn-outline.focus,

.btn-danger.btn-outline:focus,

.btn-danger.btn-outline:hover {

    background: #e74a25;

    color: #fff

}



.button-box .btn {

    margin: 0 8px 8px 0

}



.btn-danger.btn-outline:hover,

.btn-info.btn-outline:hover,

.btn-primary.btn-outline:hover,

.btn-success.btn-outline:hover,

.btn-warning.btn-outline:hover {

    color: #fff

}



.btn-label {

    background: rgba(0, 0, 0, .05);

    display: inline-block;

    margin: -6px 12px -6px -14px;

    padding: 7px 15px

}



.btn-facebook {

    color: #fff!important;

    background-color: #3b5998!important

}



.btn-twitter {

    color: #fff!important;

    background-color: #55acee!important

}



.btn-linkedin {

    color: #fff!important;

    background-color: #007bb6!important

}



.btn-dribbble {

    color: #fff!important;

    background-color: #ea4c89!important

}



.btn-googleplus {

    color: #fff!important;

    background-color: #dd4b39!important

}



.btn-instagram {

    color: #fff!important;

    background-color: #3f729b!important

}



.btn-pinterest {

    color: #fff!important;

    background-color: #cb2027!important

}



.btn-dropbox {

    color: #fff!important;

    background-color: #007ee5!important

}



.btn-flickr {

    color: #fff!important;

    background-color: #ff0084!important

}



.btn-tumblr {

    color: #fff!important;

    background-color: #32506d!important

}



.btn-skype {

    color: #fff!important;

    background-color: #00aff0!important

}



.btn-youtube {

    color: #fff!important;

    background-color: #b00!important

}



.btn-github {

    color: #fff!important;

    background-color: #171515!important

}



.btn-primary.active.focus,

.btn-primary.active:focus,

.btn-primary.active:hover,

.btn-primary.focus,

.btn-primary.focus:active,

.btn-primary:active:focus,

.btn-primary:active:hover,

.btn-primary:focus,

.open>.dropdown-toggle.btn-primary.focus,

.open>.dropdown-toggle.btn-primary:focus,

.open>.dropdown-toggle.btn-primary:hover {

    background-color: #0283cc;

    border: 2px solid #0283cc

}



.btn-success.active.focus,

.btn-success.active:focus,

.btn-success.active:hover,

.btn-success.focus,

.btn-success.focus:active,

.btn-success:active:focus,

.btn-success:active:hover,

.btn-success:focus,

.open>.dropdown-toggle.btn-success.focus,

.open>.dropdown-toggle.btn-success:focus,

.open>.dropdown-toggle.btn-success:hover {

    background-color: #2ecc71;

    border: 2px solid #2ecc71

}



.btn-info.active.focus,

.btn-info.active:focus,

.btn-info.active:hover,

.btn-info.focus,

.btn-info.focus:active,

.btn-info:active:focus,

.btn-info:active:hover,

.btn-info:focus,

.open>.dropdown-toggle.btn-info.focus,

.open>.dropdown-toggle.btn-info:focus,

.open>.dropdown-toggle.btn-info:hover {

    background-color: #00bbd9;

    border: 2px solid #00bbd9

}



.btn-warning.active.focus,

.btn-warning.active:focus,

.btn-warning.active:hover,

.btn-warning.focus,

.btn-warning.focus:active,

.btn-warning:active:focus,

.btn-warning:active:hover,

.btn-warning:focus,

.open>.dropdown-toggle.btn-warning.focus,

.open>.dropdown-toggle.btn-warning:focus,

.open>.dropdown-toggle.btn-warning:hover {

    background-color: #ffb136;

    border: 2px solid #ffb136

}



.btn-danger.active.focus,

.btn-danger.active:focus,

.btn-danger.active:hover,

.btn-danger.focus,

.btn-danger.focus:active,

.btn-danger:active:focus,

.btn-danger:active:hover,

.btn-danger:focus,

.open>.dropdown-toggle.btn-danger.focus,

.open>.dropdown-toggle.btn-danger:focus,

.open>.dropdown-toggle.btn-danger:hover {

    background-color: #e74a25;

    border: 2px solid #e74a25

}



.btn-inverse,

.btn-inverse.active,

.btn-inverse.focus,

.btn-inverse:active,

.btn-inverse:focus,

.btn-inverse:hover,

.open>.dropdown-toggle.btn-inverse {

    background-color: #282f32;

    border: 2px solid #282f32;

    color: #fff

}



.checkbox {

    padding-left: 20px

}



.checkbox label {

    display: inline-block;

    padding-left: 5px;

    position: relative

}



.checkbox label::before {

    -o-transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    background-color: #fff;

    border-radius: 4px;

    border: 2px solid #e5ebec;

    content: "";

    display: inline-block;

    height: 23px;

    left: 0;

    margin-left: -20px;

    position: absolute;

    transition: .3s ease-in-out;

    width: 23px;

    outline: 0!important

}



.checkbox label::after {

    color: #2b2b2b;

    display: inline-block;

    font-size: 14px;

    height: 23px;

    left: 0;

    margin-left: -16px;

    line-height: 23px;

    position: absolute;

    top: 0;

    width: 23px

}



.checkbox input[type=checkbox] {

    cursor: pointer;

    opacity: 0;

    z-index: 1;

    outline: 0!important

}



.checkbox input[type=checkbox]:disabled+label {

    opacity: .65

}



.checkbox input[type=checkbox]:focus+label::before {

    outline-offset: -2px;

    outline: 0;

    outline: dotted thin

}



.checkbox input[type=checkbox]:checked+label::after {

    content: "\f00c";

    font-family: FontAwesome

}



.checkbox input[type=checkbox]:disabled+label::before {

    background-color: #e5ebec;

    cursor: not-allowed

}



.checkbox.checkbox-circle label::before {

    border-radius: 50%

}



.checkbox.checkbox-inline {

    margin-top: 0

}



.checkbox.checkbox-single label {

    height: 17px

}



.checkbox-primary input[type=checkbox]:checked+label::before {

    background-color: #0283cc;

    border-color: #0283cc

}



.checkbox-primary input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-danger input[type=checkbox]:checked+label::before {

    background-color: #e74a25;

    border-color: #e74a25

}



.checkbox-danger input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-info input[type=checkbox]:checked+label::before {

    background-color: #00bbd9;

    border-color: #00bbd9

}



.checkbox-info input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-warning input[type=checkbox]:checked+label::before {

    background-color: #ffb136;

    border-color: #ffb136

}



.checkbox-warning input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-success input[type=checkbox]:checked+label::before {

    background-color: #2ecc71;

    border-color: #2ecc71

}



.checkbox-success input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-purple input[type=checkbox]:checked+label::before {

    background-color: #4a23ad;

    border-color: #4a23ad

}



.checkbox-purple input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-red input[type=checkbox]:checked+label::before {

    background-color: #e74a25;

    border-color: #e74a25

}



.checkbox-red input[type=checkbox]:checked+label::after {

    color: #fff

}



.checkbox-inverse input[type=checkbox]:checked+label::before {

    background-color: #282f32;

    border-color: #282f32

}



.checkbox-inverse input[type=checkbox]:checked+label::after {

    color: #fff

}



.radio {

    padding-left: 20px

}



.radio label {

    display: inline-block;

    padding-left: 5px;

    position: relative

}



.radio label::before {

    -o-transition: border .5s ease-in-out;

    -webkit-transition: border .5s ease-in-out;

    background-color: #fff;

    border-radius: 50%;

    border: 1px solid #e5ebec;

    content: "";

    display: inline-block;

    height: 17px;

    left: 0;

    margin-left: -20px;

    position: absolute;

    transition: border .5s ease-in-out;

    width: 17px;

    outline: 0!important

}



.radio label::after {

    -moz-transition: -moz-transform .3s cubic-bezier(.8, -.33, .2, 1.33);

    -ms-transform: scale(0, 0);

    -o-transform: scale(0, 0);

    -o-transition: -o-transform .3s cubic-bezier(.8, -.33, .2, 1.33);

    -webkit-transform: scale(0, 0);

    -webkit-transition: -webkit-transform .3s cubic-bezier(.8, -.33, .2, 1.33);

    background-color: #2b2b2b;

    border-radius: 50%;

    content: " ";

    display: inline-block;

    height: 7px;

    left: 5px;

    margin-left: -20px;

    position: absolute;

    top: 5px;

    transform: scale(0, 0);

    transition: transform .3s cubic-bezier(.8, -.33, .2, 1.33);

    width: 7px

}



.radio input[type=radio] {

    cursor: pointer;

    opacity: 0;

    z-index: 1;

    outline: 0!important

}



.radio input[type=radio]:disabled+label {

    opacity: .65

}



.radio input[type=radio]:focus+label::before {

    outline-offset: -2px;

    outline: -webkit-focus-ring-color auto 5px;

    outline: dotted thin

}



.radio input[type=radio]:checked+label::after {

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1)

}



.radio input[type=radio]:disabled+label::before {

    cursor: not-allowed

}



.radio.radio-inline {

    margin-top: 0

}



.radio.radio-single label {

    height: 17px

}



.radio-primary input[type=radio]+label::after {

    background-color: #0283cc

}



.radio-primary input[type=radio]:checked+label::before {

    border-color: #0283cc

}



.radio-primary input[type=radio]:checked+label::after {

    background-color: #0283cc

}



.radio-danger input[type=radio]+label::after {

    background-color: #e74a25

}



.radio-danger input[type=radio]:checked+label::before {

    border-color: #e74a25

}



.radio-danger input[type=radio]:checked+label::after {

    background-color: #e74a25

}



.radio-info input[type=radio]+label::after {

    background-color: #00bbd9

}



.radio-info input[type=radio]:checked+label::before {

    border-color: #00bbd9

}



.radio-info input[type=radio]:checked+label::after {

    background-color: #00bbd9

}



.radio-warning input[type=radio]+label::after {

    background-color: #ffb136

}



.radio-warning input[type=radio]:checked+label::before {

    border-color: #ffb136

}



.radio-warning input[type=radio]:checked+label::after {

    background-color: #ffb136

}



.radio-success input[type=radio]+label::after {

    background-color: #2ecc71

}



.radio-success input[type=radio]:checked+label::before {

    border-color: #2ecc71

}



.radio-success input[type=radio]:checked+label::after {

    background-color: #2ecc71

}



.radio-purple input[type=radio]+label::after {

    background-color: #4a23ad

}



.radio-purple input[type=radio]:checked+label::before {

    border-color: #4a23ad

}



.radio-purple input[type=radio]:checked+label::after {

    background-color: #4a23ad

}



.radio-red input[type=radio]+label::after {

    background-color: #e74a25

}



.radio-red input[type=radio]:checked+label::before {

    border-color: #e74a25

}



.radio-red input[type=radio]:checked+label::after {

    background-color: #e74a25

}



.pagination>li:first-child>a,

.pagination>li:first-child>span {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.pagination>li:last-child>a,

.pagination>li:last-child>span {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.pagination>li>a,

.pagination>li>span {

    color: #8d9498

}



.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

    background-color: #e5ebec

}



.pagination-split li {

    margin-left: 5px;

    display: inline-block;

    float: left

}



.pagination-split li:first-child {

    margin-left: 0

}



.pagination-split li a {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0

}



.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {

    background-color: #0283cc;

    border-color: #0283cc

}



.pager li>a,

.pager li>span {

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    color: #2b2b2b

}



.custom-select {

    padding: 9px 45px 9px 20px;

    background: url(../../plugins/images/arrow-down.png) right 16px center no-repeat #f4f8f9;

    border: none;

    margin-left: 8px;

    font-size: 15px;

    font-weight: 600;

    -webkit-appearance: none;

    -moz-appearance: none

}



ul.list-inline {

    margin-left: 0

}



ul.list-inline li {

    display: inline-block;

    padding: 0 8px

}



ul.list-inline li h6 {

    color: #8d9498

}



.dropdown-menu {

    border: 1px solid rgba(255, 255, 255, .2);

    border-radius: 0;

    box-shadow: 0 3px 12px rgba(0, 0, 0, .05)!important;

    -webkit-box-shadow: 0!important;

    -moz-box-shadow: 0!important;

    padding-bottom: 8px;

    margin-top: 0

}



.dropdown-menu>li>a {

    padding: 9px 20px

}



.dropdown-menu>li>a:focus,

.dropdown-menu>li>a:hover {

    background: #f7fafc

}



.navbar-top-links .progress {

    margin-bottom: 6px

}



label {

    font-weight: 500

}



.form-control {

    background-color: #fff;

    border: 1px solid #e5ebec;

    border-radius: 0;

    box-shadow: none;

    color: #565656;

    height: 38px;

    max-width: 100%;

    padding: 7px 12px;

    transition: all 300ms linear 0s

}



.form-control:focus {

    box-shadow: none;

    border-color: #2b2b2b

}



.input-sm {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5

}



.input-lg {

    height: 44px;

    padding: 5px 10px;

    font-size: 18px

}



.bootstrap-tagsinput {

    border: 1px solid #e5ebec;

    border-radius: 0;

    box-shadow: none;

    display: block;

    padding: 7px 12px

}



.bootstrap-touchspin .input-group-btn-vertical>.btn {

    padding: 9px 10px

}



.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down,

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {

    border-radius: 0

}



.input-group-btn .btn {

    padding: 8px 12px

}



.form-horizontal .form-group {

    margin-left: -7.5px;

    margin-right: -7.5px;

    margin-bottom: 25px

}



.form-group {

    margin-bottom: 25px

}



.list-group-item,

.list-group-item:first-child,

.list-group-item:last-child {

    border-radius: 0;

    border-color: #e5ebec

}



.list-group-item.active,

.list-group-item.active:focus,

.list-group-item.active:hover {

    background: #00bbd9;

    border-color: #00bbd9

}



.list-task .list-group-item,

.list-task .list-group-item:first-child {

    border-radius: 0;

    border: 0

}



.list-task .list-group-item:last-child {

    border-radius: 0;

    border: 0

}



.media {

    border: 1px solid rgba(255, 255, 255, .2);

    margin-bottom: 10px;

    padding: 15px

}



.media .media-heading {

    font-weight: 500

}



.well,

pre {

    background: #fff;

    border-radius: 0

}



.nav-tabs>li>a {

    border-radius: 0;

    color: #2b2b2b

}



.nav-tabs>li>a:focus,

.nav-tabs>li>a:hover {

    background: #fff

}



.modal-content {

    border-radius: 0;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .1)

}



.alert {

    border-radius: 0

}



.carousel-control {

    width: 8%

}



.carousel-control span {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block;

    font-size: 30px

}



.popover {

    border-radius: 0

}



.popover-title {

    padding: 5px 14px

}



.col-lg-1,

.col-lg-10,

.col-lg-11,

.col-lg-12,

.col-lg-2,

.col-lg-3,

.col-lg-4,

.col-lg-5,

.col-lg-6,

.col-lg-7,

.col-lg-8,

.col-lg-9,

.col-md-1,

.col-md-10,

.col-md-11,

.col-md-12,

.col-md-2,

.col-md-3,

.col-md-4,

.col-md-5,

.col-md-6,

.col-md-7,

.col-md-8,

.col-md-9,

.col-sm-1,

.col-sm-10,

.col-sm-11,

.col-sm-12,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-xs-1,

.col-xs-10,

.col-xs-11,

.col-xs-12,

.col-xs-2,

.col-xs-3,

.col-xs-4,

.col-xs-5,

.col-xs-6,

.col-xs-7,

.col-xs-8,

.col-xs-9 {

    padding-left: 15px;

    padding-right: 15px

}



.btn-group-vertical>.btn:first-child:not(:last-child),

.btn-group-vertical>.btn:last-child:not(:first-child) {

    border-radius: 0

}



.table-responsive {

    overflow-y: hidden

}



.table-box {

    display: table;

    width: 100%

}



.cell {

    display: table-cell;

    vertical-align: middle

}



.jqstooltip {

    width: auto!important;

    height: auto!important

}



#page-wrapper {

    padding: 0 0 60px;

    min-height: 568px;

    background: #f4f8f9

}



.footer {

    bottom: 0;

    color: #58666e;

    left: 0;

    padding: 20px 30px;

    position: absolute;

    right: 0

}



.bg-title {

    background: #fff;

    overflow: hidden;

    padding: 15px 15px 10px;

    margin-bottom: 25px;

    margin-left: -25.5px;

    margin-right: -25.5px

}



.bg-title h4 {

    color: rgba(0, 0, 0, .5);

    font-weight: 600;

    margin-top: 6px

}



.bg-title .breadcrumb {

    background: 0 0;

    margin-bottom: 0;

    float: right;

    padding: 0;

    margin-top: 8px

}



.bg-title .breadcrumb a {

    color: rgba(0, 0, 0, .5)

}



.bg-title .breadcrumb a:hover {

    color: #000

}



.bg-title .breadcrumb .active {

    color: #0283cc

}



.chat {

    margin: 0;

    padding: 0;

    list-style: none

}



.chat li {

    margin-bottom: 10px;

    padding-bottom: 5px;

    border-bottom: 1px dotted rgba(255, 255, 255, .2)

}



.chat li.left .chat-body {

    margin-left: 60px

}



.chat li.right .chat-body {

    margin-right: 60px

}



.chat li .chat-body p {

    margin: 0

}



.chat .glyphicon,

.panel .slidedown .glyphicon {

    margin-right: 5px

}



.chat-panel .panel-body {

    height: 350px;

    overflow-y: scroll

}



.login-panel {

    margin-top: 25%

}



.flot-chart {

    display: block;

    height: 400px

}



.flot-chart-content {

    width: 100%;

    height: 100%

}



table.dataTable thead .sorting,

table.dataTable thead .sorting_asc,

table.dataTable thead .sorting_asc_disabled,

table.dataTable thead .sorting_desc,

table.dataTable thead .sorting_desc_disabled {

    background: 0 0

}



table.dataTable thead .sorting_asc:after {

    content: "\f0de";

    float: right;

    font-family: fontawesome

}



table.dataTable thead .sorting_desc:after {

    content: "\f0dd";

    float: right;

    font-family: fontawesome

}



table.dataTable thead .sorting:after {

    content: "\f0dc";

    float: right;

    font-family: fontawesome;

    color: rgba(50, 50, 50, .5)

}



.btn-circle {

    width: 30px;

    height: 30px;

    padding: 6px 0;

    border-radius: 15px;

    text-align: center;

    font-size: 12px;

    line-height: 1.428571429

}



.btn-circle.btn-lg {

    width: 50px;

    height: 50px;

    padding: 10px 16px;

    border-radius: 25px;

    font-size: 18px;

    line-height: 1.33

}



.btn-circle.btn-xl {

    width: 70px;

    height: 70px;

    padding: 10px 16px;

    border-radius: 35px;

    font-size: 24px;

    line-height: 1.33

}



.show-grid [class^=col-] {

    padding-top: 10px;

    padding-bottom: 10px;

    border: 1px solid rgba(255, 255, 255, .2);

    background-color: #f7fafc

}



.show-grid {

    margin: 15px 0

}



.huge {

    font-size: 40px

}



.panel {

    border-radius: 0;

    margin-bottom: 15px;

    border: 0

}



.panel .panel-heading {

    border-radius: 0;

    font-weight: 600;

    text-transform: uppercase;

    padding: 20px 25px

}



.panel .panel-heading .panel-title {

    font-size: 14px;

    color: #2b2b2b

}



.panel .panel-heading a i {

    font-size: 12px;

    margin-left: 8px

}



.panel .panel-action {

    float: right

}



.panel .panel-action a {

    opacity: .5

}



.panel .panel-action a:hover {

    opacity: 1

}



.panel .panel-body {

    padding: 25px

}



.panel .panel-body:first-child h3 {

    margin-top: 0;

    font-weight: 600;

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    text-transform: uppercase

}



.panel .panel-footer {

    background: #fff;

    border-radius: 0;

    padding: 20px 25px

}



.panel-green,

.panel-success {

    border-color: #2ecc71

}



.panel-green .panel-heading,

.panel-success .panel-heading {

    border-color: #2ecc71;

    color: #fff;

    background-color: #2ecc71

}



.panel-green .panel-heading a,

.panel-success .panel-heading a {

    color: #fff

}



.panel-green .panel-heading a:hover,

.panel-success .panel-heading a:hover {

    color: rgba(255, 255, 255, .5)

}



.panel-green a,

.panel-success a {

    color: #2ecc71

}



.panel-green a:hover,

.panel-success a:hover {

    color: #208e4e

}



.panel-black,

.panel-inverse {

    border-color: #282f32

}



.panel-black .panel-heading,

.panel-inverse .panel-heading {

    border-color: #282f32;

    color: #fff;

    background-color: #282f32

}



.panel-black .panel-heading a,

.panel-inverse .panel-heading a {

    color: #fff

}



.panel-black .panel-heading a:hover,

.panel-inverse .panel-heading a:hover {

    color: rgba(255, 255, 255, .5)

}



.panel-black a,

.panel-inverse a {

    color: #282f32

}



.panel-black a:hover,

.panel-inverse a:hover {

    color: #060707

}



.panel-darkblue,

.panel-primary {

    border-color: #0283cc

}



.panel-darkblue .panel-heading,

.panel-primary .panel-heading {

    border-color: #0283cc;

    color: #fff;

    background-color: #0283cc

}



.panel-darkblue .panel-heading a,

.panel-primary .panel-heading a {

    color: #fff

}



.panel-darkblue .panel-heading a:hover,

.panel-primary .panel-heading a:hover {

    color: rgba(255, 255, 255, .5)

}



.panel-darkblue a,

.panel-primary a {

    color: #0283cc

}



.panel-darkblue a:hover,

.panel-primary a:hover {

    color: #015280

}



.panel-blue,

.panel-info {

    border-color: #00bbd9

}



.panel-blue .panel-heading,

.panel-info .panel-heading {

    border-color: #00bbd9;

    color: #fff;

    background-color: #00bbd9

}



.panel-blue .panel-heading a,

.panel-info .panel-heading a {

    color: #fff

}



.panel-blue .panel-heading a:hover,

.panel-info .panel-heading a:hover {

    color: rgba(255, 255, 255, .5)

}



.panel-blue a,

.panel-info a {

    color: #00bbd9

}



.panel-blue a:hover,

.panel-info a:hover {

    color: #00798d

}



.panel-danger,

.panel-red {

    border-color: #e74a25

}



.panel-danger .panel-heading,

.panel-red .panel-heading {

    border-color: #e74a25;

    color: #fff;

    background-color: #e74a25

}



.panel-danger .panel-heading a,

.panel-red .panel-heading a {

    color: #fff

}



.panel-danger .panel-heading a:hover,

.panel-red .panel-heading a:hover {

    color: rgba(255, 255, 255, .5)

}



.panel-danger a,

.panel-red a {

    color: #e74a25

}



.panel-danger a:hover,

.panel-red a:hover {

    color: #ad3013

}



.panel-warning,

.panel-yellow {

    border-color: #ffb136

}



.panel-warning .panel-heading,

.panel-yellow .panel-heading {

    border-color: #ffb136;

    color: #fff;

    background-color: #ffb136

}



.panel-warning .panel-heading a,

.panel-yellow .panel-heading a {

    color: #fff

}



.panel-warning .panel-heading a:hover,

.panel-yellow .panel-heading a:hover {

    color: rgba(255, 255, 255, .5)

}



.panel-warning a,

.panel-yellow a {

    color: #ffb136

}



.panel-warning a:hover,

.panel-yellow a:hover {

    color: #e88e00

}



.panel-default,

.panel-white {

    border-color: rgba(255, 255, 255, .2)

}



.panel-default .panel-heading,

.panel-white .panel-heading {

    color: #2b2b2b;

    background-color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.panel-default .panel-body,

.panel-white .panel-body {

    color: #2b2b2b

}



.panel-default .panel-action a,

.panel-white .panel-action a {

    color: #2b2b2b;

    opacity: .5

}



.panel-default .panel-action a:hover,

.panel-white .panel-action a:hover {

    opacity: 1;

    color: #2b2b2b

}



.panel-default .panel-footer,

.panel-white .panel-footer {

    background: #fff;

    color: #2b2b2b;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-info {

    border-color: #00bbd9

}



.full-panel-info .panel-heading {

    border-color: #00bbd9;

    color: #fff;

    background-color: #00bbd9;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-info .panel-body {

    background: #00bbd9;

    color: #fff

}



.full-panel-info .panel-footer {

    background: #00bbd9;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-info a {

    color: #00bbd9

}



.full-panel-info a:hover {

    color: #00798d

}



.full-panel-warning {

    border-color: #ffb136

}



.full-panel-warning .panel-heading {

    border-color: #ffb136;

    color: #fff;

    background-color: #ffb136;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-warning .panel-body {

    background: #ffb136;

    color: #fff

}



.full-panel-warning .panel-footer {

    background: #ffb136;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-warning a {

    color: #ffb136

}



.full-panel-warning a:hover {

    color: #e88e00

}



.full-panel-success {

    border-color: #2ecc71

}



.full-panel-success .panel-heading {

    border-color: #2ecc71;

    color: #fff;

    background-color: #2ecc71;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-success .panel-body {

    background: #2ecc71;

    color: #fff

}



.full-panel-success .panel-footer {

    background: #2ecc71;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-success a {

    color: #2ecc71

}



.full-panel-success a:hover {

    color: #208e4e

}



.full-panel-purple {

    border-color: #4a23ad

}



.full-panel-purple .panel-heading {

    color: #fff;

    background-color: #4a23ad;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-purple .panel-body {

    background: #4a23ad;

    color: #fff

}



.full-panel-purple .panel-footer {

    background: #4a23ad;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-purple a {

    color: #4a23ad

}



.full-panel-purple a:hover {

    color: #2f166d

}



.full-panel-danger {

    border-color: #e74a25

}



.full-panel-danger .panel-heading {

    border-color: #e74a25;

    color: #fff;

    background-color: #e74a25;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-danger .panel-body {

    background: #e74a25;

    color: #fff

}



.full-panel-danger .panel-footer {

    background: #e74a25;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-danger a {

    color: #e74a25

}



.full-panel-danger a:hover {

    color: #ad3013

}



.full-panel-inverse {

    border-color: #282f32

}



.full-panel-inverse .panel-heading {

    border-color: #282f32;

    color: #fff;

    background-color: #282f32;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-inverse .panel-body {

    background: #282f32;

    color: #fff

}



.full-panel-inverse .panel-footer {

    background: #282f32;

    color: #fff;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-inverse a {

    color: #282f32

}



.full-panel-inverse a:hover {

    color: #060707

}



.full-panel-default {

    border-color: rgba(255, 255, 255, .2)

}



.full-panel-default .panel-heading {

    color: #2b2b2b;

    background-color: #fff;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-default .panel-body {

    color: #2b2b2b

}



.full-panel-default .panel-footer {

    background: #fff;

    color: #2b2b2b;

    border-top: 1px solid rgba(255, 255, 255, .2)

}



.full-panel-default a {

    color: #2b2b2b

}



.full-panel-default a:hover {

    color: #060707

}



.panel-opcl {

    float: right

}



.panel-opcl i {

    margin-left: 8px;

    font-size: 10px;

    cursor: pointer

}



.fa-fw {

    width: 20px!important;

    display: inline-block!important;

    text-align: left!important

}



.waves-effect {

    position: relative;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: transparent

}



.waves-effect .waves-ripple {

    position: absolute;

    border-radius: 50%;

    width: 20px;

    height: 20px;

    margin-top: -10px;

    margin-left: -10px;

    opacity: 0;

    background: rgba(0, 0, 0, .08);

    -webkit-transition: all .5s ease-out;

    -moz-transition: all .5s ease-out;

    -o-transition: all .5s ease-out;

    transition: all .5s ease-out;

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    pointer-events: none

}



.waves-effect.waves-light .waves-ripple {

    background: rgba(255, 255, 255, .4);

    background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);

    background: -moz-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%);

    background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%)

}



.waves-effect.waves-classic .waves-ripple {

    background: rgba(0, 0, 0, .2)

}



.waves-effect.waves-classic.waves-light .waves-ripple {

    background: rgba(255, 255, 255, .4)

}



.waves-notransition {

    -webkit-transition: none!important;

    -moz-transition: none!important;

    -o-transition: none!important;

    transition: none!important

}



.waves-button,

.waves-circle {

    -webkit-transform: translateZ(0);

    -moz-transform: translateZ(0);

    -ms-transform: translateZ(0);

    -o-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)

}



.waves-button,

.waves-button-input,

.waves-button:hover,

.waves-button:visited {

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    border: none;

    outline: 0;

    color: inherit;

    background-color: rgba(0, 0, 0, 0);

    font-size: 1em;

    line-height: 1em;

    text-align: center;

    text-decoration: none;

    z-index: 1

}



.waves-button {

    padding: .85em 1.1em;

    border-radius: .2em

}



.waves-button-input {

    margin: 0;

    padding: .85em 1.1em

}



.waves-input-wrapper {

    border-radius: .2em;

    vertical-align: bottom

}



.waves-input-wrapper.waves-button {

    padding: 0

}



.waves-input-wrapper .waves-button-input {

    position: relative;

    top: 0;

    left: 0;

    z-index: 1

}



.waves-circle {

    text-align: center;

    width: 2.5em;

    height: 2.5em;

    line-height: 2.5em;

    border-radius: 50%

}



.waves-float {

    -webkit-mask-image: none;

    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);

    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12);

    -webkit-transition: all 300ms;

    -moz-transition: all 300ms;

    -o-transition: all 300ms;

    transition: all 300ms

}



.waves-float:active {

    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3);

    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3)

}



.waves-block {

    display: block

}



.fileupload {

    overflow: hidden;

    position: relative

}



.fileupload input.upload {

    cursor: pointer;

    filter: alpha(opacity=0);

    font-size: 20px;

    margin: 0;

    opacity: 0;

    padding: 0;

    position: absolute;

    right: 0;

    top: 0

}



.model_img {

    cursor: pointer

}



.myadmin-dd .dd-list .dd-item .dd-handle {

    background: #fff;

    border: 1px solid rgba(255, 255, 255, .2);

    padding: 8px 16px;

    height: auto;

    font-weight: 600;

    border-radius: 0

}



.myadmin-dd .dd-list .dd-item .dd-handle:hover {

    color: #00bbd9

}



.myadmin-dd .dd-list .dd-item button {

    height: auto;

    font-size: 17px;

    margin: 8px auto;

    color: #2b2b2b;

    width: 30px

}



.myadmin-dd-empty .dd-list .dd3-handle {

    border: 1px solid rgba(255, 255, 255, .2);

    border-bottom: 0;

    background: #fff;

    height: 36px;

    width: 36px

}



.myadmin-dd-empty .dd-list .dd3-handle:before {

    color: inherit;

    top: 7px

}



.myadmin-dd-empty .dd-list .dd3-handle:hover {

    color: #00bbd9

}



.myadmin-dd-empty .dd-list .dd3-content {

    height: auto;

    border: 1px solid rgba(255, 255, 255, .2);

    padding: 8px 16px 8px 46px;

    background: #fff;

    font-weight: 600

}



.myadmin-dd-empty .dd-list .dd3-content:hover {

    color: #00bbd9

}



.myadmin-dd-empty .dd-list button {

    width: 26px;

    height: 26px;

    font-size: 16px;

    font-weight: 600

}



.settings_box {

    position: absolute;

    top: 75px;

    right: 0;

    z-index: 100

}



.settings_box a {

    background: #fff;

    padding: 15px;

    display: inline-block;

    vertical-align: top

}



.settings_box a i {

    display: block;

    -webkit-animation-name: rotate;

    -webkit-animation-duration: 2s;

    -moz-animation-name: rotate;

    -moz-animation-duration: 2s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-timing-function: linear;

    animation-name: rotate;

    font-size: 16px;

    animation-duration: 1s;

    animation-iteration-count: infinite;

    animation-timing-function: linear

}



@-webkit-keyframes rotate {

    from {

        -webkit-transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(360deg)

    }

}



@-moz-keyframes rotate {

    from {

        -moz-transform: rotate(0deg)

    }

    to {

        -moz-transform: rotate(360deg)

    }

}



@keyframes rotate {

    from {

        transform: rotate(0deg)

    }

    to {

        transform: rotate(360deg)

    }

}



.theme_color {

    margin: 0;

    padding: 0;

    display: inline-block;

    overflow: hidden;

    width: 0;

    transition: .5s ease-out;

    background: #fff

}



.theme_color li {

    list-style: none;

    width: 30%;

    float: left;

    margin: 0 1.5%

}



.theme_color li a {

    padding: 5px;

    height: 50px;

    display: block

}



.theme_color li a.theme-green {

    background: #2ecc71

}



.theme_color li a.theme-red {

    background: #e74a25

}



.theme_color li a.theme-dark {

    background: #282f32

}



.theme_block {

    width: 200px;

    padding: 30px

}



ul.common li {

    display: inline-block;

    line-height: 40px;

    list-style: none none;

    width: 48%

}



ul.common li a {

    color: #8d9498

}



ul.common li a:hover {

    color: #00bbd9

}



.user-table .table {

    margin-bottom: 10px

}



.user-table .table .checkbox {

    margin: 0

}



.user-table .table .label {

    border-radius: 4px;

    padding: 3px 10px 4px;

    font-size: 14px;

    font-weight: 400

}



.user-table .table tbody>tr:last-child td {

    border-bottom: 1px solid #e5ebec

}



.table-hover>tbody>tr:hover,

.table-striped>tbody>tr:nth-of-type(odd),

.table>tbody>tr.active>td,

.table>tbody>tr.active>th,

.table>tbody>tr>td.active,

.table>tbody>tr>th.active,

.table>tfoot>tr.active>td,

.table>tfoot>tr.active>th,

.table>tfoot>tr>td.active,

.table>tfoot>tr>th.active,

.table>thead>tr.active>td,

.table>thead>tr.active>th,

.table>thead>tr>td.active,

.table>thead>tr>th.active {

    background-color: #f7fafc!important

}



.table-bordered,

.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    border-top: 1px solid #e5ebec

}



.table>tbody>tr>td,

.table>tbody>tr>th,

.table>tfoot>tr>td,

.table>tfoot>tr>th,

.table>thead>tr>td,

.table>thead>tr>th {

    padding: 15px 8px;

    vertical-align: middle

}



.table>tbody>tr>td,

.table>tbody>tr>th {

    font-size: 16px

}



.table-bordered>tbody>tr>td,

.table-bordered>tbody>tr>th,

.table-bordered>tfoot>tr>td,

.table-bordered>tfoot>tr>th,

.table-bordered>thead>tr>td,

.table-bordered>thead>tr>th {

    border: 1px solid #e5ebec

}



.table>thead>tr>th {

    vertical-align: middle;

    border-bottom: 1px solid #e5ebec

}



th {

    color: #333b3f;

    font-weight: 600

}



.table-bordered {

    border: 1px solid #e5ebec

}



table.focus-on tbody tr.focused td,

table.focus-on tbody tr.focused th {

    background-color: #0283cc;

    color: #fff

}



.table-rep-plugin .table-responsive {

    border: none!important

}



.table-rep-plugin tbody th {

    font-size: 14px;

    font-weight: 400

}



.jsgrid .jsgrid-table {

    margin-bottom: 0

}



.jsgrid-selected-row>td {

    background: #f7fafc;

    border-color: #f7fafc

}



.jsgrid-header-row>th {

    background: #fff

}



.footable-odd {

    background-color: #f7fafc

}



.row-in i {

    font-size: 24px

}



.mailbox {

    width: 280px;

    overflow: auto;

    padding-bottom: 0

}



.message-center a {

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    display: block;

    padding: 9px 15px

}



.message-center a:hover {

    background: #f7fafc

}



.message-center .user-img {

    width: 40px;

    float: left;

    position: relative;

    margin: 0 10px 15px 0

}



.message-center .user-img img {

    width: 100%

}



.message-center .user-img .profile-status {

    border: 2px solid #fff;

    border-radius: 50%;

    display: inline-block;

    height: 10px;

    left: 30px;

    position: absolute;

    top: 1px;

    width: 10px

}



.message-center .user-img .online {

    background: #2ecc71

}



.message-center .user-img .busy {

    background: #e74a25

}



.message-center .user-img .away,

.message-center .user-img .offline {

    background: #ffb136

}



.message-center .mail-contnet h5 {

    margin: 0;

    font-weight: 400;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.message-center .mail-contnet .mail-desc {

    font-size: 12px;

    display: block;

    margin: 5px 0;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    color: #2b2b2b

}



.message-center .mail-contnet .time {

    display: block;

    font-size: 10px;

    color: #2b2b2b

}



.mail-contnet a.action {

    margin-left: 10px;

    font-size: 12px;

    visibility: hidden

}



.mail-contnet:hover a.action {

    visibility: visible

}



.inbox-center .unread td {

    font-weight: 600

}



.inbox-center a {

    color: #8d9498;

    padding: 2px 0 3px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: inline-block

}



.comment-center {

    margin: 0 -25px

}



.comment-center .comment-body {

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    display: table;

    padding: 20px 25px

}



.comment-center .comment-body:hover {

    background: #f7fafc

}



.comment-center .user-img {

    width: 40px;

    display: table-cell;

    position: relative;

    margin: 0 10px 0 0

}



.comment-center .user-img img {

    width: 100%

}



.comment-center .mail-contnet {

    display: table-cell;

    padding-left: 15px;

    vertical-align: top

}



.comment-center .mail-contnet h5 {

    margin: 0;

    font-weight: 400;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



.comment-center .mail-contnet .mail-desc {

    font-size: 14px;

    display: block;

    margin: 8px 0;

    line-height: 25px;

    color: #333b3f;

    height: 50px;

    overflow: hidden

}



.comment-center .mail-contnet .time {

    display: block;

    font-size: 10px;

    color: #2b2b2b

}



.sales-report {

    background: #f7fafc;

    margin: 12px -25px;

    padding: 15px

}



.dropdown-alerts,

.dropdown-tasks {

    padding: 0

}



.dropdown-alerts li a,

.dropdown-tasks li a,

.mailbox li>a {

    padding: 15px 20px

}



.dropdown-alerts li.divider,

.dropdown-tasks li.divider {

    margin: 0

}



.row-in-br {

    border-right: 1px solid rgba(255, 255, 255, .2)

}



.col-in {

    padding: 20px

}



.col-in h3 {

    font-size: 48px;

    font-weight: 100

}



.basic-list {

    padding: 0

}



.basic-list li {

    display: block;

    padding: 15px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    line-height: 27px

}



.basic-list li:last-child {

    border-bottom: 0

}



.steamline {

    position: relative;

    border-left: 1px solid rgba(255, 255, 255, .2);

    margin-left: 20px

}



.steamline .sl-left {

    float: left;

    margin-left: -20px;

    z-index: 1;

    margin-right: 15px

}



.steamline .sl-left img {

    max-width: 40px

}



.steamline .sl-right {

    padding-left: 35px

}



.steamline .sl-item {

    margin-top: 8px;

    margin-bottom: 30px

}



.sl-date {

    font-size: 10px;

    color: #8d9498

}



.time-item {

    border-color: rgba(255, 255, 255, .2);

    padding-bottom: 1px;

    position: relative

}



.time-item:before {

    content: " ";

    display: table

}



.time-item:after {

    background-color: #fff;

    border-color: rgba(255, 255, 255, .2);

    border-radius: 10px;

    border-style: solid;

    border-width: 2px;

    bottom: 0;

    content: '';

    height: 14px;

    left: 0;

    margin-left: -8px;

    position: absolute;

    top: 5px;

    width: 14px

}



.time-item-item:after {

    content: " ";

    display: table

}



.item-info {

    margin-bottom: 15px;

    margin-left: 15px

}



.item-info p {

    margin-bottom: 10px!important

}



.user-bg {

    margin: -25px;

    height: 230px;

    overflow: hidden;

    position: relative

}



.user-bg .overlay-box {

    background: #4a23ad;

    opacity: .9;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 100%;

    text-align: center

}



.user-bg .overlay-box .user-content {

    padding: 15px;

    margin-top: 30px

}



.user-btm-box {

    padding: 40px 0 10px;

    clear: both;

    overflow: hidden

}



.vertical .carousel-inner {

    height: 100%;

    position: relative

}



.carousel.vertical .item {

    -webkit-transition: .6s ease-in-out top;

    -moz-transition: .6s ease-in-out top;

    -ms-transition: .6s ease-in-out top;

    -o-transition: .6s ease-in-out top;

    transition: .6s ease-in-out top

}



.carousel.vertical .active {

    top: 0

}



.carousel.vertical .next {

    top: 400px

}



.carousel.vertical .prev {

    top: -400px

}



.carousel.vertical .next.left,

.carousel.vertical .prev.right {

    top: 0

}



.carousel.vertical .active.left {

    top: -400px

}



.carousel.vertical .active.right {

    top: 400px

}



.carousel.vertical .item {

    left: 0

}



.twi-user img {

    margin-right: 20px;

    width: 50px

}



.twi-user {

    margin: 18px 0

}



.carousel-inner h3 {

    height: 112px;

    overflow: hidden

}



.chart-box {

    margin: 25px -15px -17px -17px

}



.list-task .task-done span {

    text-decoration: line-through

}



.weather-box .weather-top {

    overflow: hidden;

    padding: 10px 25px;

    margin: 0 -25px;

    background: #f7fafc

}



.weather-box .weather-top h2 {

    line-height: 24px

}



.weather-box .weather-top h2 small {

    font-size: 13px

}



.weather-box .weather-top .today_crnt {

    font-size: 45px;

    font-weight: 100

}



.weather-box .weather-top .today_crnt canvas {

    display: inline-block;

    margin-right: 10px;

    vertical-align: middle

}



.weather-box .weather-info {

    padding: 10px 0

}



.weather-box .weather-time {

    overflow: hidden;

    text-align: center;

    padding-top: 15px

}



.weather-box .weather-time li span {

    display: block

}



.weather-box .weather-time li canvas {

    font-size: 20px;

    margin: 10px 0

}



.demo-container {

    width: 100%;

    height: 350px

}



.demo-placeholder {

    width: 100%;

    height: 100%;

    font-size: 14px;

    line-height: 1.2em

}



.myadmin-alert {

    border-radius: 0;

    color: #fff;

    padding: 12px 30px 12px 12px;

    position: relative;

    text-align: left

}



.myadmin-alert a {

    color: inherit;

    font-weight: 600;

    text-decoration: underline

}



.myadmin-alert h4 {

    color: inherit;

    font-size: 14px;

    font-weight: 600;

    line-height: normal;

    margin: 0

}



.myadmin-alert .img {

    border-radius: 3px;

    height: 40px;

    left: 12px;

    position: absolute;

    top: 12px;

    width: 40px

}



.myadmin-alert-img {

    min-height: 64px;

    padding-left: 65px

}



.myadmin-alert-icon {

    padding-left: 20px

}



.myadmin-alert-icon i {

    padding-right: 10px

}



.myadmin-alert .closed {

    color: rgba(255, 255, 255, .5);

    font-size: 20px;

    font-weight: 700;

    padding: 4px;

    position: absolute;

    right: 3px;

    text-decoration: none;

    top: 0

}



.myadmin-alert .closed:hover {

    color: #fff

}



.myadmin-alert-click {

    cursor: pointer;

    padding-right: 12px

}



.myadmin-alert .primary {

    background: rgba(0, 0, 0, .4);

    border: none;

    border-radius: 3px;

    color: inherit;

    outline: 0;

    padding: 4px 10px

}



.myadmin-alert .cancel {

    background: rgba(255, 255, 255, .4);

    border: none;

    border-radius: 3px;

    color: rgba(0, 0, 0, .8);

    outline: 0;

    padding: 4px 10px

}



.myadmin-alert .cancel:hover,

.myadmin-alert .primary:hover {

    opacity: .9

}



.myadmin-alert-bottom,

.myadmin-alert-bottom-left,

.myadmin-alert-bottom-right,

.myadmin-alert-fullscreen,

.myadmin-alert-top,

.myadmin-alert-top-left,

.myadmin-alert-top-right {

    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);

    display: none;

    position: fixed;

    z-index: 1000

}



.myadmin-alert-top {

    left: 0;

    right: 0;

    top: 0

}



.myadmin-alert-bottom {

    bottom: 0;

    left: 0;

    right: 0

}



.myadmin-alert-top-left {

    left: 20px;

    top: 80px

}



.myadmin-alert-top-right {

    right: 20px;

    top: 80px

}



.myadmin-alert-bottom-left {

    bottom: 20px;

    left: 20px

}



.myadmin-alert-bottom-right {

    bottom: 20px;

    right: 20px

}



.myadmin-alert-fullsize {

    left: 50%;

    margin: -20px;

    top: 50%

}



.alert-custom {

    background: #0283cc;

    color: #fff;

    border-color: #0283cc

}



.alert-inverse {

    background: #282f32;

    color: #fff;

    border-color: #282f32

}



.alert-success {

    background: #2ecc71;

    color: #fff;

    border-color: #2ecc71

}



.alert-dark {

    background: #8d9498;

    color: #fff;

    border-color: #8d9498

}



.alert-warning {

    background: #ffb136;

    color: #fff;

    border-color: #ffb136

}



.alert-danger {

    background: #e74a25;

    color: #fff;

    border-color: #e74a25

}



.alert-primary {

    background: #4a23ad;

    color: #fff;

    border-color: #4a23ad

}



.alert-info {

    background: #00bbd9;

    color: #fff;

    border-color: #00bbd9

}



.alert-info .closed,

.alert-info a.closed:hover {

    color: inherit

}



.tab-content {

    margin-top: 30px

}



.customtab {

    border-bottom: 2px solid #f7fafc

}



.customtab li.active a,

.customtab li.active a:focus,

.customtab li.active a:hover {

    background: #fff;

    border: 0;

    border-bottom: 2px solid #0283cc;

    margin-bottom: -1px;

    color: #0283cc

}



.customtab li a,

.customtab li a:focus,

.customtab li a:hover {

    border: 0

}



.customtab2 {

    border-bottom: 1px solid #f7fafc;

    border-top: 1px solid #f7fafc;

    padding: 10px 0

}



.customtab2 li.active a,

.customtab2 li.active a:focus,

.customtab2 li.active a:hover {

    background: #0283cc;

    border: 1px solid #0283cc;

    color: #fff

}



.customtab2 li a,

.customtab2 li a:focus,

.customtab2 li a:hover {

    border: 0

}



.vtabs {

    display: table

}



.vtabs .tabs-vertical {

    width: 150px;

    border-right: 1px solid rgba(255, 255, 255, .2);

    display: table-cell;

    vertical-align: top

}



.vtabs .tabs-vertical li a {

    color: #2b2b2b;

    margin-bottom: 10px

}



.vtabs .tab-content {

    display: table-cell;

    padding: 20px;

    vertical-align: top

}



.tabs-vertical li.active a,

.tabs-vertical li.active a:focus,

.tabs-vertical li.active a:hover {

    background: #0283cc;

    border: 0;

    border-right: 2px solid #0283cc;

    margin-right: -1px;

    color: #fff

}



.customvtab .tabs-vertical li.active a,

.customvtab .tabs-vertical li.active a:focus,

.customvtab .tabs-vertical li.active a:hover {

    background: #fff;

    border: 0;

    border-right: 2px solid #0283cc;

    margin-right: -1px;

    color: #2b2b2b

}



.nav-pills>li.active>a,

.nav-pills>li.active>a:focus,

.nav-pills>li.active>a:hover {

    background: #0283cc;

    color: #fff

}



.nav-pills>li>a {

    color: #2b2b2b;

    border-radius: 0

}



.panel-group .panel .panel-heading .accordion-toggle.collapsed:before,

.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {

    content: '\e64b'

}



.panel-group .panel .panel-heading a[data-toggle=collapse] {

    display: block

}



.panel-group .panel .panel-heading a[data-toggle=collapse]:before {

    content: '\e648';

    display: block;

    float: right;

    font-family: themify;

    font-size: 14px;

    text-align: right;

    width: 25px

}



.panel-group .panel .panel-heading .accordion-toggle {

    display: block

}



.panel-group .panel .panel-heading .accordion-toggle:before {

    content: '\e648';

    display: block;

    float: right;

    font-family: themify;

    font-size: 14px;

    text-align: right;

    width: 25px

}



.panel-group .panel .panel-heading+.panel-collapse .panel-body {

    border-top: none

}



.panel-group .panel-heading {

    padding: 12px 20px

}



.progress {

    -webkit-box-shadow: none!important;

    background-color: #e5ebec;

    box-shadow: none!important;

    height: 4px;

    border-radius: 4px;

    margin-bottom: 18px;

    overflow: hidden

}



.progress-bar {

    box-shadow: none;

    border-radius: 4px;

    font-size: 8px;

    font-weight: 600;

    line-height: 12px

}



.progress.progress-sm {

    height: 8px!important

}



.progress.progress-sm .progress-bar {

    font-size: 8px;

    line-height: 5px

}



.progress.progress-md {

    height: 15px!important

}



.progress.progress-md .progress-bar {

    font-size: 10.8px;

    line-height: 14.4px

}



.progress.progress-lg {

    height: 20px!important

}



.progress.progress-lg .progress-bar {

    font-size: 12px;

    line-height: 20px

}



.progress-bar-primary {

    background-color: #0283cc

}



.progress-bar-success {

    background-color: #2ecc71

}



.progress-bar-info {

    background-color: #00bbd9

}



.progress-bar-warning {

    background-color: #ffb136

}



.progress-bar-danger {

    background-color: #e74a25

}



.progress-bar-inverse {

    background-color: #282f32

}



.progress-bar-purple {

    background-color: #4a23ad

}



.progress-bar-custom {

    background-color: #00bbd9

}



.progress-animated {

    -webkit-animation-duration: 5s;

    -webkit-animation-name: myanimation;

    -webkit-transition: 5s all;

    animation-duration: 5s;

    animation-name: myanimation;

    transition: 5s all

}



@-webkit-keyframes myanimation {

    from {

        width: 0

    }

}



@keyframes myanimation {

    from {

        width: 0

    }

}



.progress-vertical {

    min-height: 250px;

    height: 250px;

    width: 4px;

    position: relative;

    display: inline-block;

    margin-bottom: 0;

    margin-right: 20px

}



.progress-vertical .progress-bar {

    width: 100%

}



.progress-vertical-bottom {

    min-height: 250px;

    height: 250px;

    position: relative;

    width: 4px;

    display: inline-block;

    margin-bottom: 0;

    margin-right: 20px

}



.progress-vertical-bottom .progress-bar {

    width: 100%;

    position: absolute;

    bottom: 0

}



.progress-vertical-bottom.progress-sm,

.progress-vertical.progress-sm {

    width: 8px!important

}



.progress-vertical-bottom.progress-sm .progress-bar,

.progress-vertical.progress-sm .progress-bar {

    font-size: 8px;

    line-height: 5px

}



.progress-vertical-bottom.progress-md,

.progress-vertical.progress-md {

    width: 15px!important

}



.progress-vertical-bottom.progress-md .progress-bar,

.progress-vertical.progress-md .progress-bar {

    font-size: 10.8px;

    line-height: 14.4px

}



.progress-vertical-bottom.progress-lg,

.progress-vertical.progress-lg {

    width: 20px!important

}



.progress-vertical-bottom.progress-lg .progress-bar,

.progress-vertical.progress-lg .progress-bar {

    font-size: 12px;

    line-height: 20px

}



.timeline {

    position: relative;

    padding: 20px 0;

    list-style: none;

    max-width: 1200px;

    margin: 0 auto

}



.timeline:before {

    content: " ";

    position: absolute;

    top: 0;

    bottom: 0;

    left: 50%;

    width: 3px;

    margin-left: -1.5px;

    background-color: #eee

}



.timeline>li {

    position: relative;

    margin-bottom: 20px

}



.timeline>li:after,

.timeline>li:before {

    content: " ";

    display: table

}



.timeline>li:after {

    clear: both

}



.timeline>li>.timeline-panel {

    float: left;

    position: relative;

    width: 46%;

    padding: 20px;

    border: 1px solid rgba(255, 255, 255, .2);

    border-radius: 0;

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 6px rgba(0, 0, 0, .05)

}



.timeline>li>.timeline-panel:before {

    content: " ";

    display: inline-block;

    position: absolute;

    top: 26px;

    right: -8px;

    border-top: 8px solid transparent;

    border-right: 0 solid rgba(255, 255, 255, .2);

    border-bottom: 8px solid transparent;

    border-left: 8px solid rgba(255, 255, 255, .2)

}



.timeline>li>.timeline-panel:after {

    content: " ";

    display: inline-block;

    position: absolute;

    top: 27px;

    right: -7px;

    border-top: 7px solid transparent;

    border-right: 0 solid #fff;

    border-bottom: 7px solid transparent;

    border-left: 7px solid #fff

}



.timeline>li>.timeline-badge {

    z-index: 100;

    position: absolute;

    top: 16px;

    left: 50%;

    width: 50px;

    height: 50px;

    margin-left: -25px;

    border-radius: 50%;

    text-align: center;

    font-size: 1.4em;

    line-height: 50px;

    color: #fff;

    overflow: hidden;

    background-color: #282f32

}



.timeline>li.timeline-inverted>.timeline-panel {

    float: right

}



.timeline>li.timeline-inverted>.timeline-panel:before {

    right: auto;

    left: -8px;

    border-right-width: 8px;

    border-left-width: 0

}



.timeline>li.timeline-inverted>.timeline-panel:after {

    right: auto;

    left: -7px;

    border-right-width: 7px;

    border-left-width: 0

}



.timeline-badge.primary {

    background-color: #0283cc!important

}



.timeline-badge.success {

    background-color: #2ecc71!important

}



.timeline-badge.warning {

    background-color: #ffb136!important

}



.timeline-badge.danger {

    background-color: #e74a25!important

}



.timeline-badge.info {

    background-color: #00bbd9!important

}



.timeline-title {

    margin-top: 0;

    color: inherit;

    font-weight: 400

}



.timeline-body>p,

.timeline-body>ul {

    margin-bottom: 0

}



.timeline-body>p+p {

    margin-top: 5px

}



.chart {

    position: relative;

    display: inline-block;

    width: 100px;

    height: 100px;

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: center

}



.chart canvas {

    position: absolute;

    top: 0;

    left: 0

}



.chart.chart-widget-pie {

    margin-top: 5px;

    margin-bottom: 5px

}



.pie-chart>span {

    left: 0;

    margin-top: -2px;

    position: absolute;

    right: 0;

    text-align: center;

    top: 50%;

    transform: translateY(-50%)

}



.chart>span>img {

    left: 0;

    position: absolute;

    right: 0;

    text-align: center;

    top: 50%;

    width: 60%;

    height: 60%;

    transform: translateY(-50%);

    margin: 0 auto

}



.percent {

    display: inline-block;

    line-height: 100px;

    z-index: 2;

    font-weight: 600;

    font-size: 18px;

    color: #2b2b2b

}



.percent:after {

    content: '%';

    margin-left: .1em;

    font-size: .8em

}



.form-control-line {

    border-left: 0 none;

    border-radius: 0;

    border-right: 0 none;

    border-top: 0 none;

    box-shadow: none;

    padding-left: 0

}



.has-success .form-control {

    border-color: #2ecc71;

    box-shadow: none!important

}



.has-warning .form-control {

    border-color: #ffb136;

    box-shadow: none!important

}



.has-error .form-control {

    border-color: #e74a25;

    box-shadow: none!important

}



.input-group-addon {

    border-radius: 2px;

    border: 1px solid rgba(255, 255, 255, .2)

}



.input-daterange input:first-child,

.input-daterange input:last-child {

    border-radius: 0

}



.form-material .form-group {

    overflow: hidden

}



.form-material .form-control {

    background-color: rgba(0, 0, 0, 0);

    background-position: center bottom, center calc(99%);

    background-repeat: no-repeat;

    background-size: 0 2px, 100% 1px;

    padding: 0;

    transition: background 0s ease-out 0s

}



.form-material .form-control,

.form-material .form-control.focus,

.form-material .form-control:focus {

    background-image: linear-gradient(#4a23ad, #4a23ad), linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2));

    border: 0;

    border-radius: 0;

    box-shadow: none;

    float: none

}



.form-material .form-control.focus,

.form-material .form-control:focus {

    background-size: 100% 2px, 100% 1px;

    outline: 0;

    transition-duration: .3s

}



.form-bordered .form-group {

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    padding-bottom: 20px

}



.select2-container .select2-choice {

    background-image: none!important;

    border: none!important;

    height: auto!important;

    padding: 0!important;

    line-height: 22px!important;

    background-color: transparent!important;

    box-shadow: none!important

}



.select2-container .select2-choice .select2-arrow {

    background-image: none!important;

    background: 0 0;

    border: none;

    width: 14px;

    top: -2px

}



.select2-container .select2-container-multi.form-control {

    height: auto

}



.select2-results .select2-highlighted {

    color: #fff;

    background-color: #00bbd9

}



.select2-drop-active {

    border: 1px solid #e3e3e3!important;

    padding-top: 5px

}



.select2-search input {

    border: 1px solid rgba(255, 255, 255, .2)

}



.select2-container-multi {

    width: 100%

}



.select2-container-multi .select2-choices {

    border: 1px solid #border!important;

    box-shadow: none!important;

    background-image: none!important;

    border-radius: 0!important;

    min-height: 38px

}



.select2-container-multi .select2-choices .select2-search-choice {

    padding: 4px 7px 4px 18px;

    margin: 5px 0 3px 5px;

    color: #555;

    background: #f5f5f5;

    border-color: rgba(255, 255, 255, .2);

    -webkit-box-shadow: none;

    box-shadow: none

}



.select2-container-multi .select2-choices .select2-search-field input {

    padding: 7px 7px 7px 10px;

    font-family: inherit

}



.icon-list-demo div {

    cursor: pointer;

    line-height: 60px;

    white-space: nowrap;

    color: #8d9498

}



.icon-list-demo div:hover {

    color: #2b2b2b

}



.icon-list-demo div p {

    margin: 10px 0;

    padding: 5px 0

}



.icon-list-demo i {

    -webkit-transition: all .2s;

    -webkit-transition: font-size .2s;

    display: inline-block;

    font-size: 18px;

    margin: 0 15px 0 10px;

    text-align: left;

    vertical-align: middle;

    width: auto;

    transition: all .3s ease 0s

}



.icon-list-demo .col-md-4 {

    border-radius: 0

}



.icon-list-demo .col-md-4:hover {

    background-color: #f7fafc

}



.icon-list-demo .col-md-4:hover i {

    font-size: 2em

}



.gmaps,

.gmaps-panaroma {

    height: 300px;

    background: #e5ebec;

    border-radius: 3px

}



.gmaps-overlay {

    display: block;

    text-align: center;

    color: #fff;

    font-size: 16px;

    line-height: 40px;

    background: #0283cc;

    border-radius: 4px;

    padding: 10px 20px

}



.gmaps-overlay_arrow {

    left: 50%;

    margin-left: -16px;

    width: 0;

    height: 0;

    position: absolute

}



.gmaps-overlay_arrow.above {

    bottom: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-top: 16px solid #0283cc

}



.gmaps-overlay_arrow.below {

    top: -15px;

    border-left: 16px solid transparent;

    border-right: 16px solid transparent;

    border-bottom: 16px solid #0283cc

}



.jvectormap-zoomin,

.jvectormap-zoomout {

    width: 10px;

    height: 10px;

    line-height: 10px

}



.jvectormap-zoomout {

    top: 40px

}



.error-box {

    height: 100%;

    position: fixed;

    width: 100%

}



.error-box .footer {

    width: 100%;

    left: 0;

    right: 0

}



.error-body {

    padding-top: 5%

}



.error-body h1 {

    font-size: 210px;

    font-weight: 900;

    line-height: 210px

}



.login-box {

    background: #fff;

    width: 400px;

    margin: 5% auto 0

}

.signup-box {

    background: #fff;

    width: 800px;

    margin: 2% auto 0

}



.login-box .footer {

    width: 100%;

    left: 0;

    right: 0

}



.login-box .social {

    display: block;

    margin-bottom: 30px

}



#recoverform {

    display: none

}



.pricing-box {

    position: relative;

    text-align: center;

    margin-top: 30px

}



.featured-plan {

    margin-top: 0

}



.featured-plan .pricing-body {

    padding: 60px 0;

    background: #f7fafc;

    border: 1px solid #ddd

}



.featured-plan .price-table-content .price-row {

    border-top: 1px solid rgba(120, 130, 140, .13)

}



.pricing-body {

    border-radius: 0;

    border-top: 1px solid rgba(120, 130, 140, .13);

    border-bottom: 5px solid rgba(120, 130, 140, .13);

    vertical-align: middle;

    padding: 30px 0;

    position: relative

}



.pricing-body h2 {

    position: relative;

    font-size: 56px;

    margin: 20px 0 10px;

    font-weight: 700

}



.pricing-body h2 span {

    position: absolute;

    font-size: 15px;

    top: -10px;

    margin-left: -10px

}



.price-table-content .price-row {

    padding: 20px 0;

    border-top: 1px solid rgba(120, 130, 140, .13)

}



.pricing-plan {

    padding: 0 15px

}



.pricing-plan .no-padding {

    padding: 0

}



.price-lable {

    position: absolute;

    top: -10px;

    padding: 5px 10px;

    margin: 0 auto;

    display: inline-block;

    width: 100px;

    left: 0;

    right: 0

}



.mails a {

    color: #2b2b2b

}



.mails td {

    vertical-align: middle!important;

    position: relative

}



.mails td:last-of-type {

    width: 100px;



    padding-right: 20px

}



.mails tr:hover .text-white {

    display: none

}



.mails .mail-select {

    padding: 12px 20px;

    min-width: 134px

}



.mails .checkbox {

    margin-bottom: 0;

    margin-top: 0;

    vertical-align: middle;

    display: inline-block;

    height: 17px

}



.mails .checkbox label {

    min-height: 16px

}



.mail-list .list-group-item {

    background-color: transparent;

    border: 0;

    border-left: 3px solid #fff;

    border-radius: 0

}



.mail-list .list-group-item:hover {

    background: #f7fafc;

    border-left: 3px solid #f7fafc

}



.mail-list .list-group-item:focus {

    border-left: 3px solid #f7fafc

}



.mail-list .list-group-item.active:focus {

    background: #f7fafc;

    border-left: 3px solid #e74a25

}



.mail-list .list-group-item.active {

    border-left: 3px solid #e74a25;

    border-radius: 0;

    color: #2b2b2b!important

}



.mail_listing {

    min-height: 500px

}



.inbox_listing .inbox-item:hover {

    background: #f7fafc

}



.inbox_listing .inbox-item {

    padding-left: 20px

}



.inbox-widget.inbox_listing .inbox-item .inbox-item-text {

    height: 19px;

    overflow: hidden

}



.message-center .unread .mail-contnet .mail-desc,

.message-center .unread .mail-contnet h5 {

    font-weight: 600;

    color: #2b2b2b!important

}



.cal-event .calendar {

    float: left;

    margin-bottom: 0

}



.cal-event .fc-view {

    margin-top: 30px

}



.cal-event .none-border .modal-footer {

    border-top: none

}



.cal-event .fc-toolbar {

    margin-bottom: 5px;

    margin-top: 15px

}



.cal-event .fc-toolbar h2 {

    font-size: 18px;

    font-weight: 600;

    line-height: 30px;

    text-transform: uppercase

}



.cal-event .fc-day {

    background: #fff

}



.cal-event .fc-toolbar .fc-state-active,

.cal-event .fc-toolbar .ui-state-active,

.cal-event .fc-toolbar .ui-state-hover,

.cal-event .fc-toolbar button:focus,

.cal-event .fc-toolbar button:hover {

    z-index: 0

}



.cal-event .fc-widget-header {

    border: 0!important

}



.cal-event .fc-widget-content {

    border-color: rgba(120, 130, 140, .13)!important

}



.cal-event .fc th.fc-widget-header {

    background: #4a23ad;

    color: #fff;

    font-size: 14px;

    line-height: 20px;

    padding: 7px 0;

    text-transform: uppercase

}



.cal-event .fc-button {

    background: #fff;

    border: 1px solid rgba(255, 255, 255, .2);

    color: #555;

    text-transform: capitalize

}



.cal-event .fc-text-arrow {

    font-family: inherit;

    font-size: 16px

}



.cal-event .fc-state-hover {

    background: #F5F5F5

}



.cal-event .fc-unthemed .fc-today {

    border: 1px solid #e74a25;

    background: #fcf8e3!important

}



.cal-event .fc-cell-overlay,

.cal-event .fc-state-highlight {

    background: #f0f0f0

}



.cal-event .fc-event {

    border-radius: 0;

    border: none;

    cursor: move;

    font-size: 13px;

    margin: 1px -1px 0;

    padding: 5px;

    text-align: center;

    background: #00bbd9

}



.cal-event .calendar-event {

    cursor: move;

    margin: 10px 5px 0 0;

    padding: 6px 10px;

    display: inline-block;

    color: #fff;

    min-width: 140px;

    text-align: center;

    background: #00bbd9

}



.cal-event .calendar-event a {

    float: right;

    opacity: .6;

    font-size: 10px;

    margin: 4px 0 0 10px;

    color: #fff

}



.cal-event .fc-basic-view td.fc-day-number,

.cal-event .fc-basic-view td.fc-week-number span {

    padding-right: 5px

}



.right-sidebar {

    position: fixed;

    right: -240px;

    width: 240px;

    display: none;

    z-index: 1000;

    background: #fff;

    top: 0;

    height: 100%;

    box-shadow: 5px 1px 40px rgba(0, 0, 0, .1);

    transition: all .3s ease

}



.right-sidebar .rpanel-title {

    display: block;

    padding: 21px;

    color: #fff;

    text-transform: uppercase;

    font-size: 13px;

    background: #0283cc

}



.right-sidebar .rpanel-title span {

    float: right;

    cursor: pointer;

    font-size: 11px

}



.right-sidebar .rpanel-title span:hover {

    color: #2b2b2b

}



.right-sidebar .r-panel-body {

    padding: 20px

}



.right-sidebar .r-panel-body ul {

    margin: 0;

    padding: 0

}



.right-sidebar .r-panel-body ul li {

    list-style: none;

    padding: 5px 0

}



.right-sidebar .r-panel-body ul li label {

    line-height: 24px;

    padding-left: 20px

}



.shw-rside {

    right: 0;

    width: 240px;

    display: block

}



.chatonline img {

    margin-right: 10px;

    float: left;

    width: 30px

}



.chatonline li a {

    padding: 15px 0;

    float: left;

    width: 100%

}



.chatonline li a span {

    color: #8d9498

}



.chatonline li a span small {

    display: block;

    font-size: 10px

}



ul#themecolors {

    display: block

}



ul#themecolors li {

    display: inline-block

}



ul#themecolors li:first-child {

    display: block

}



#themecolors li a {

    width: 50px;

    height: 50px;

    display: inline-block;

    margin: 5px;

    color: transparent;

    position: relative

}



#themecolors li a.working:before {

    content: "\f00c";

    font-family: FontAwesome;

    font-size: 18px;

    line-height: 50px;

    width: 50px;

    height: 50px;

    position: absolute;

    top: 0;

    left: 0;

    color: #fff;

    text-align: center

}



.default-theme {

    background: #0283cc

}



.green-theme {

    background: #2ecc71

}



.yellow-theme {

    background: #ffb136

}



.red-theme {

    background: #e74a25

}



.purple-theme {

    background: #4a23ad

}



.black-theme {

    background: #282f32

}



.default-dark-theme {

    background: #4f5467;

    background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #0283cc 23%, #0283cc 99%);

    background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #0283cc 23%, #0283cc 99%);

    background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #0283cc 23%, #0283cc 99%)

}



.green-dark-theme {

    background: #4f5467;

    background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #2ecc71 23%, #2ecc71 99%);

    background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #2ecc71 23%, #2ecc71 99%);

    background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #2ecc71 23%, #2ecc71 99%)

}



.yellow-dark-theme {

    background: #4f5467;

    background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #ffb136 23%, #ffb136 99%);

    background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #ffb136 23%, #ffb136 99%);

    background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #ffb136 23%, #ffb136 99%)

}



.red-dark-theme {

    background: #4f5467;

    background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #e74a25 23%, #e74a25 99%);

    background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #e74a25 23%, #e74a25 99%);

    background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #e74a25 23%, #e74a25 99%)

}



.purple-dark-theme {

    background: #4f5467;

    background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #4a23ad 23%, #4a23ad 99%);

    background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #4a23ad 23%, #4a23ad 99%);

    background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #4a23ad 23%, #4a23ad 99%)

}



.black-dark-theme {

    background: #4f5467;

    background: -moz-linear-gradient(left, #4f5467 0, #4f5467 23%, #282f32 23%, #282f32 99%);

    background: -webkit-linear-gradient(left, #4f5467 0, #4f5467 23%, #282f32 23%, #282f32 99%);

    background: linear-gradient(to right, #4f5467 0, #4f5467 23%, #282f32 23%, #282f32 99%)

}



.visited li a {

    color: #8d9498

}



.visited li.active a {

    color: #0283cc

}



.stats-row {

    margin-bottom: 20px

}



.stat-item {

    display: inline-block;

    padding-right: 13px

}



.stat-item+.stat-item {

    padding-left: 15px;

    border-left: 1px solid #eee

}



.country-state {

    list-style: none;

    margin: 0;

    padding: 0 0 0 10px

}



.country-state h2 {

    margin: 0

}



.country-state .progress {

    margin-top: 8px

}



.two-part li {

    width: 48.8%

}



.two-part li i {

    font-size: 50px

}



.two-part li span {

    font-size: 50px;

    font-weight: 100;

    font-family: 'Open Sans', sans-serif

}



.news-slide {

    position: relative

}



.news-slide .overlaybg {

    height: 360px;

    overflow: hidden

}



.news-slide .overlaybg img {

    width: 100%;

    height: 100%

}



.news-slide .news-content {

    position: absolute;

    height: 360px;

    background: rgba(0, 0, 0, .5);

    z-index: 10;

    width: 100%;

    top: 0;

    padding: 30px

}



.news-slide .news-content h2 {

    height: 240px;

    overflow: hidden;

    color: #fff

}



.news-slide .news-content a {

    color: #fff;

    opacity: .6;

    text-transform: uppercase

}



.news-slide .news-content a:hover {

    opacity: 1

}



.nav-pills-rounded li {

    display: inline-block;

    float: none

}



.nav-pills-rounded li a {

    border-radius: 60px;

    -moz-border-radius: 60px;

    -webkit-border-radius: 60px;

    color: #8d9498;

    padding: 10px 25px

}



.nav-pills-rounded li.active a,

.nav-pills-rounded li.active a:focus,

.nav-pills-rounded li.active a:hover {

    background: #0283cc;

    color: #fff

}



.analytics-info .list-inline {

    margin-bottom: 0

}



.analytics-info .list-inline li {

    vertical-align: middle;

    padding: 0 5px

}



.analytics-info .list-inline li span {

    font-size: 24px

}



.analytics-info .list-inline li i {

    font-size: 20px

}



.feeds {

    margin: 0;

    padding: 0

}



.feeds li {

    list-style: none;

    padding: 10px;

    display: block

}



.feeds li:hover {

    background: #f7fafc

}



.feeds li>div {

    width: 40px;

    height: 40px;

    margin-right: 5px;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    border-radius: 100%

}



.feeds li>div i {

    line-height: 40px

}



.feeds li span {

    float: right;

    width: auto;

    font-size: 12px

}



.jq-icon-info {

    background-color: #00bbd9;

    color: #fff

}



.jq-icon-success {

    background-color: #2ecc71;

    color: #fff

}



.jq-icon-error {

    background-color: #e74a25;

    color: #fff

}



.jq-icon-warning {

    background-color: #ffb136;

    color: #fff

}



.dropzone {

    border-style: dashed;

    border-width: 1px

}



.weather h1 sup {

    font-size: 20px;

    top: -1.2em

}



.fcbtn {

    position: relative;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s;

    padding: 8px 20px

}



.fcbtn:after {

    content: '';

    position: absolute;

    z-index: -1;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s

}



.btn-1b:after {

    width: 100%;

    height: 0;

    top: 0;

    left: 0

}



.btn-1b:active,

.btn-1b:hover {

    color: #fff

}



.btn-1b:active:after,

.btn-1b:hover:after {

    height: 100%

}



.btn-1b.btn-info:after,

.btn-1c.btn-info:after,

.btn-1d.btn-info:after,

.btn-1e.btn-info:after,

.btn-1f.btn-info:after {

    background: #00bbd9

}



.btn-1b.btn-warning:after,

.btn-1c.btn-warning:after,

.btn-1d.btn-warning:after,

.btn-1e.btn-warning:after,

.btn-1f.btn-warning:after {

    background: #ffb136

}



.btn-1b.btn-danger:after,

.btn-1c.btn-danger:after,

.btn-1d.btn-danger:after,

.btn-1e.btn-danger:after,

.btn-1f.btn-danger:after {

    background: #e74a25

}



.btn-1b.btn-primary:after,

.btn-1c.btn-primary:after,

.btn-1d.btn-primary:after,

.btn-1e.btn-primary:after,

.btn-1f.btn-primary:after {

    background: #4a23ad

}



.btn-1b.btn-success:after,

.btn-1c.btn-success:after,

.btn-1d.btn-success:after,

.btn-1e.btn-success:after,

.btn-1f.btn-success:after {

    background: #2ecc71

}



.btn-1b.btn-inverse:after,

.btn-1c.btn-inverse:after,

.btn-1d.btn-inverse:after,

.btn-1e.btn-inverse:after,

.btn-1f.btn-inverse:after {

    background: #282f32

}



.btn-1c:after {

    width: 0;

    height: 100%;

    top: 0;

    left: 0

}



.btn-1c:active,

.btn-1c:hover {

    color: #000

}



.btn-1c:active:after,

.btn-1c:hover:after {

    width: 100%

}



.btn-1d {

    overflow: hidden

}



.btn-1d:after {

    width: 0;

    height: 103%;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.btn-1d:hover:after {

    width: 100%;

    opacity: 1

}



.btn-1e {

    overflow: hidden

}



.btn-1e:after {

    width: 100%;

    height: 0;

    top: 50%;

    left: 50%;

    background: #fff;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);

    transform: translateX(-50%) translateY(-50%) rotate(45deg)

}



.btn-1e:hover:after {

    height: 260%;

    opacity: 1

}



.btn-1e:active:after {

    height: 400%;

    opacity: 1

}



.btn-1f {

    overflow: hidden

}



.btn-1f:after {

    width: 101%;

    height: 0;

    top: 50%;

    left: 50%;

    background: #fff;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%)

}



.btn-1f:hover:after {

    height: 100%;

    opacity: 1

}



.btn-1f:active:after {

    height: 130%;

    opacity: 1

}



.sweet-alert {

    padding: 25px

}



.sweet-alert h2 {

    margin-top: 0

}



.sweet-alert p {

    line-height: 30px

}



ul.list-icons {

    margin: 0;

    padding: 0

}



ul.list-icons li {

    list-style: none;

    line-height: 40px

}



ul.list-icons li i {

    font-size: 12px;

    margin-right: 5px

}



.demo-popover .popover,

.demo-tooltip .tooltip {

    position: relative;

    margin-right: 25px;

    opacity: 1;

    display: inline-block

}



.tooltip-inner {

    border-radius: 3px;

    padding: 5px 10px

}



.tooltip.in {

    opacity: 1

}



.tooltip-primary+.tooltip .tooltip-inner,

.tooltip-primary.tooltip .tooltip-inner {

    color: #fff;

    background-color: #0283cc

}



.tooltip-primary+.tooltip.top .tooltip-arrow,

.tooltip-primary.tooltip.top .tooltip-arrow {

    border-top-color: #0283cc

}



.tooltip-primary+.tooltip.right .tooltip-arrow,

.tooltip-primary.tooltip.right .tooltip-arrow {

    border-right-color: #0283cc

}



.tooltip-primary+.tooltip.bottom .tooltip-arrow,

.tooltip-primary.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #0283cc

}



.tooltip-primary+.tooltip.left .tooltip-arrow,

.tooltip-primary.tooltip.left .tooltip-arrow {

    border-left-color: #0283cc

}



.tooltip-success+.tooltip .tooltip-inner,

.tooltip-success.tooltip .tooltip-inner {

    color: #fff;

    background-color: #2ecc71

}



.tooltip-success+.tooltip.top .tooltip-arrow,

.tooltip-success.tooltip.top .tooltip-arrow {

    border-top-color: #2ecc71

}



.tooltip-success+.tooltip.right .tooltip-arrow,

.tooltip-success.tooltip.right .tooltip-arrow {

    border-right-color: #2ecc71

}



.tooltip-success+.tooltip.bottom .tooltip-arrow,

.tooltip-success.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #2ecc71

}



.tooltip-success+.tooltip.left .tooltip-arrow,

.tooltip-success.tooltip.left .tooltip-arrow {

    border-left-color: #2ecc71

}



.tooltip-warning+.tooltip .tooltip-inner,

.tooltip-warning.tooltip .tooltip-inner {

    color: #fff;

    background-color: #ffb136

}



.tooltip-warning+.tooltip.top .tooltip-arrow,

.tooltip-warning.tooltip.top .tooltip-arrow {

    border-top-color: #ffb136

}



.tooltip-warning+.tooltip.right .tooltip-arrow,

.tooltip-warning.tooltip.right .tooltip-arrow {

    border-right-color: #ffb136

}



.tooltip-warning+.tooltip.bottom .tooltip-arrow,

.tooltip-warning.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #ffb136

}



.tooltip-warning+.tooltip.left .tooltip-arrow,

.tooltip-warning.tooltip.left .tooltip-arrow {

    border-left-color: #ffb136

}



.tooltip-info+.tooltip .tooltip-inner,

.tooltip-info.tooltip .tooltip-inner {

    color: #fff;

    background-color: #00bbd9

}



.tooltip-info+.tooltip.top .tooltip-arrow,

.tooltip-info.tooltip.top .tooltip-arrow {

    border-top-color: #00bbd9

}



.tooltip-info+.tooltip.right .tooltip-arrow,

.tooltip-info.tooltip.right .tooltip-arrow {

    border-right-color: #00bbd9

}



.tooltip-info+tooltip.bottom .tooltip-arrow,

.tooltip-info.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #00bbd9

}



.tooltip-info+.tooltip.left .tooltip-arrow,

.tooltip-info.tooltip.left .tooltip-arrow {

    border-left-color: #00bbd9

}



.tooltip-danger+.tooltip .tooltip-inner,

.tooltip-danger.tooltip .tooltip-inner {

    color: #fff;

    background-color: #e74a25

}



.tooltip-danger+.tooltip.top .tooltip-arrow,

.tooltip-danger.tooltip.top .tooltip-arrow {

    border-top-color: #e74a25

}



.tooltip-danger+.tooltip.right .tooltip-arrow,

.tooltip-danger.tooltip.right .tooltip-arrow {

    border-right-color: #e74a25

}



.tooltip-danger+.tooltip.bottom .tooltip-arrow,

.tooltip-danger.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #e74a25

}



.tooltip-danger+.tooltip.left .tooltip-arrow,

.tooltip-danger.tooltip.left .tooltip-arrow {

    border-left-color: #e74a25

}



.flotTip {

    padding: 8px 12px;

    background-color: #2b2b2b;

    z-index: 100;

    color: #fff;

    opacity: .9;

    font-size: 13px

}



.popover {

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);

    box-shadow: 0 2px 6px rgba(0, 0, 0, .05)

}



.popover .popover-title {

    border-radius: 0

}



.popover-primary+.popover .popover-title {

    color: #fff;

    background-color: #0283cc;

    border-color: #0283cc

}



.popover-primary+.popover.bottom .arrow,

.popover-primary+.popover.bottom .arrow:after {

    border-bottom-color: #0283cc

}



.popover-success+.popover .popover-title {

    color: #fff;

    background-color: #2ecc71;

    border-color: #2ecc71

}



.popover-success+.popover.bottom .arrow,

.popover-success+.popover.bottom .arrow:after {

    border-bottom-color: #2ecc71

}



.popover-info+.popover .popover-title {

    color: #fff;

    background-color: #00bbd9;

    border-color: #00bbd9

}



.popover-info+.popover.bottom .arrow,

.popover-info+.popover.bottom .arrow:after {

    border-bottom-color: #00bbd9

}



.popover-warning+.popover .popover-title {

    color: #fff;

    background-color: #ffb136;

    border-color: #ffb136

}



.popover-warning+.popover.bottom .arrow,

.popover-warning+.popover.bottom .arrow:after {

    border-bottom-color: #ffb136

}



.popover-danger+.popover .popover-title {

    color: #fff;

    background-color: #e74a25;

    border-color: #e74a25

}



.popover-danger+.popover.bottom .arrow,

.popover-danger+.popover.bottom .arrow:after {

    border-bottom-color: #e74a25

}



.btn-file {

    overflow: hidden;

    position: relative;

    vertical-align: middle

}



.btn-file>input {

    position: absolute;

    top: 0;

    right: 0;

    margin: 0;

    opacity: 0;

    filter: alpha(opacity=0);

    font-size: 23px;

    height: 100%;

    width: 100%;

    direction: ltr;

    cursor: pointer;

    border-radius: 0

}



.fileinput {

    margin-bottom: 9px;

    display: inline-block

}



.fileinput .form-control {

    padding-top: 7px;

    padding-bottom: 5px;

    display: inline-block;

    margin-bottom: 0;

    vertical-align: middle;

    cursor: text

}



.fileinput .thumbnail {

    overflow: hidden;

    display: inline-block;

    margin-bottom: 5px;

    vertical-align: middle;

    text-align: center

}



.fileinput .thumbnail>img {

    max-height: 100%

}



.fileinput .btn {

    vertical-align: middle

}



.fileinput-exists .fileinput-new,

.fileinput-new .fileinput-exists {

    display: none

}



.fileinput-inline .fileinput-controls {

    display: inline

}



.fileinput-filename {

    vertical-align: middle;

    display: inline-block;

    overflow: hidden

}



.form-control .fileinput-filename {

    vertical-align: bottom

}



.fileinput.input-group {

    display: table

}



.fileinput.input-group>* {

    position: relative;

    z-index: 2

}



.fileinput.input-group>.btn-file {

    z-index: 1

}



.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {

    width: 100%

}



.ms-container .ms-list {

    border-radius: 0;

    box-shadow: none

}



.ms-container .ms-selectable li.ms-elem-selectable,

.ms-container .ms-selection li.ms-elem-selection {

    padding: 6px 10px

}



.ms-container .ms-selectable li.ms-hover,

.ms-container .ms-selection li.ms-hover {

    background: #00bbd9

}



.dropzone .dz-message {

    text-align: center;

    margin: 10% 0

}



.editable-input .form-control {

    height: 30px

}



.asColorPicker-trigger {

    position: absolute;

    top: 0;

    right: -35px;

    height: 38px;

    width: 37px;

    border: 0

}



.asColorPicker-dropdown {

    max-width: 260px

}



.asColorPicker-clear {

    top: 7px;

    right: 16px

}



.datepicker table tr td.today,

.datepicker table tr td.today.disabled,

.datepicker table tr td.today.disabled:hover,

.datepicker table tr td.today:hover {

    background: #0283cc;

    color: #fff

}



.datepicker table tr td.active,

.datepicker table tr td.active.disabled,

.datepicker table tr td.active.disabled:hover,

.datepicker table tr td.active:hover {

    background: #00bbd9;

    color: #fff

}



.editable-table+input.error {

    border: 1px solid #danger;

    outline: 0;

    outline-offset: 0

}



#editable-datatable_wrapper+input:focus,

.editable-table+input,

.editable-table+input:focus {

    border: 1px solid #00bbd9!important;

    outline: 0!important;

    outline-offset: 0!important

}



.editable-table td:focus {

    outline: 0

}



.wizard-steps {

    display: table;

    width: 100%

}



.wizard-steps>li {

    display: table-cell;

    padding: 10px 20px;

    background: #f7fafc

}



.wizard-steps>li span {

    border-radius: 100%;

    border: 1px solid rgba(255, 255, 255, .2);

    width: 40px;

    height: 40px;

    display: inline-block;

    vertical-align: middle;

    padding-top: 9px;

    margin-right: 8px;

    text-align: center

}



.wizard-content {

    padding: 25px;

    border-color: rgba(255, 255, 255, .2);

    margin-bottom: 30px

}



.wizard-steps>li.current,

.wizard-steps>li.done {

    background: #00bbd9;

    color: #fff

}



.wizard-steps>li.current span,

.wizard-steps>li.done span {

    border-color: #fff;

    color: #fff

}



.wizard-steps>li.current h4,

.wizard-steps>li.done h4 {

    color: #fff

}



.wizard-steps>li.done {

    background: #2ecc71

}



.wizard-steps>li.error {

    background: #e74a25

}



.wiz-aco .pager {

    margin: 0

}



.logo b {

    height: 60px;

    display: inline-block;

    width: 60px;

    line-height: 60px;

    text-align: center

}



.logo i {

    color: #fff

}



.top-left-part {

    width: 265px;

    float: left

}



.top-left-part a {

    color: #fff;

    font-size: 18px;

    padding-left: 0;

    text-transform: uppercase

}



.navbar-header {

    width: 100%;

    background: #0078bc;

    background: -moz-linear-gradient(left, #0078bc 1%, #00beda 100%);

    background: -webkit-linear-gradient(left, #0078bc 1%, #00beda 100%);

    background: linear-gradient(to right, #0078bc 1%, #00beda 100%);

    border: 0

}



.navbar-default {

    border: 0

}



.navbar-top-links {

    margin-right: 0

}



.navbar-top-links .badge {

    position: absolute;

    right: 9px;

    top: 11px

}



.navbar-top-links>li {

    float: left

}



.navbar-top-links>li>a {

    color: rgba(255, 255, 255, .7);

    line-height: 60px;

    min-height: 60px

}



.navbar-top-links>li>a:hover {

    background: rgba(0, 0, 0, .1)

}



.navbar-top-links>li>a:focus {

    background: 0 0

}



.navbar-left>li .app-search,

.navbar-left>li a {

    padding: 0 15px

}



.navbar-right>li>a {

    padding: 0 24px;

    border-right: 1px solid rgba(255, 255, 255, .2)

}



.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

    background: rgba(0, 0, 0, .1);

    border-color: rgba(255, 255, 255, .2)

}



.navbar-top-links .dropdown-menu li {

    display: block

}



.navbar-top-links .dropdown-menu li:last-child {

    margin-right: 0

}



.navbar-top-links .dropdown-menu li a div {

    white-space: normal

}



.navbar-top-links .dropdown-alerts,

.navbar-top-links .dropdown-messages,

.navbar-top-links .dropdown-tasks {

    width: 310px;

    min-width: 0

}



.navbar-top-links .dropdown-messages {

    margin-left: 5px

}



.navbar-top-links .dropdown-tasks {

    margin-left: -59px

}



.navbar-top-links .dropdown-alerts {

    margin-left: -123px

}



.navbar-top-links .dropdown-user {

    right: 0;

    left: auto

}



.navbar-header .navbar-toggle {

    float: none;

    padding: 0 15px;

    line-height: 60px;

    border: 0;

    color: rgba(255, 255, 255, .5);

    margin: 0;

    display: inline-block;

    border-radius: 0

}



.navbar-header .navbar-toggle:focus,

.navbar-header .navbar-toggle:hover {

    background: rgba(0, 0, 0, .1);

    color: #fff

}



.app-search {

    position: relative;

    line-height: 60px

}



.app-search i {

    color: #fff

}



.app-search .form-control,

.app-search .form-control:focus {

    border: none;

    font-size: 16px;

    color: rgba(255, 255, 255, .7);

    background: 0 0;

    box-shadow: none;

    height: 30px;

    font-weight: 600;

    width: 180px;

    padding: 6px 7px;

    display: inline-block

}



.app-search .form-control::-moz-placeholder {

    color: rgba(255, 255, 255, .7)

}



.app-search .form-control::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .7)

}



.app-search .form-control::-ms-placeholder {

    color: rgba(255, 255, 255, .7)

}



.profile {

    margin-right: 17px

}



.profile i {

    margin-right: 15px;

    margin-top: -10px;

    display: inline-block;

    vertical-align: middle;

    color: #fff

}



.profile span {

    display: inline-block;

    vertical-align: middle;

    margin-top: -10px;

    color: rgba(255, 255, 255, .7)

}



.drop-title {

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    color: #2b2b2b;

    font-size: 15px;

    font-weight: 600;

    padding: 11px 20px 15px

}



#wrapper {

    width: 100%

}



.page-wrapper {

    background: #f4f8f9;

    padding-bottom: 60px;

    padding-top: 70px

}



.container-fluid {

    padding: 30px;

    padding-bottom: 0

}



.white-box {

    background: #fff;

    padding: 25px;

    margin-bottom: 30px;

    border: 1px solid #e5ebec;

    border-radius: 4px

}



.white-box .box-title {

    margin: 10px 0 12px;

    font-weight: 600;

    font-size: 18px

}



.info-box {

    background: #fff;

    padding: 40px 30px 35px 25px;

    border-right: 1px solid #e5ebec;

    border-bottom: 1px solid #e5ebec

}



.info-box .media {

    padding: 0;

    border: none;

    margin: 0

}



.info-box .media-left {

    padding-right: 30px

}



.info-box .icoleaf {

    display: inline-block;

    width: 50px;

    height: 50px;

    padding: 5px 12px;

    font-size: 28px;

    border-top-left-radius: 50%;

    border-bottom-left-radius: 50%;

    border-bottom-right-radius: 50%

}



.info-box .info-count {

    font-size: 30px;

    margin-top: -5px;

    margin-bottom: 5px

}



.info-box .info-text {

    text-transform: uppercase

}



.info-box .hr-line {

    width: 35px

}



.info-box .info-ot {

    margin: 4px 0 0

}



.info-box .info-ot .label {

    margin-left: 5px;

    font-size: 14px;

    border-radius: 4px;

    padding: 0 4px;

    min-width: 35px;

    height: 20px;

    font-weight: 600

}



.info-box .e {

    position: relative;

    height: 94px;

    width: 94px

}



.info-box .p {

    position: absolute;

    top: 11px;

    left: 11px;

    width: 74px;

    height: 74px

}



.info-box .b {

    position: absolute;

    top: 23px;

    left: 23px;

    width: 50px;

    height: 50px

}



.info-box ul li {

    color: #333b3f

}



.user-table .custom-select {

    background-color: transparent;

    margin-left: 0;

    margin-right: 8px;

    font-weight: 400;

    padding: 9px 45px 9px 0

}



.user-table .custom-select,

.user-table ul.list-inline {

    float: right

}



.user-table td .custom-select {

    float: none

}



.user-table .btn {

    border: 2px solid #e5ebec;

    width: 45px;

    height: 45px;

    border-radius: 100%;

    line-height: 28px

}



.user-table .pagination {

    margin-bottom: 10px

}



.user-table .pagination>li>a,

.user-table .pagination>li>span {

    border: none;

    margin: 0 10px;

    padding: 4px 6px;

    border-radius: 4px

}



.task-widget .task-chart {

    padding: 10px 0 20px;

    border-bottom: 1px solid #e5ebec

}



.task-widget .task-content {

    display: flex;

    border-bottom: 1px solid #e5ebec

}



.task-widget .task-content div {

    padding: 15px 15px 10px

}



.task-widget .task-content div h1 {

    margin-bottom: 0

}



.task-widget .task-assign {

    margin-top: 20px

}



.task-widget .task-assign ul.list-inline {

    margin-top: 15px

}



.task-widget .task-assign ul.list-inline li {

    padding: 0 12px

}



.task-widget .task-assign ul.list-inline li a,

.task-widget .task-assign ul.list-inline li img {

    width: 45px;

    height: 45px;

    border-radius: 100%

}



.task-widget .task-assign ul.list-inline li a {

    line-height: 30px;

    text-align: center

}



.stat-widget .custom-select,

.stat-widget ul.list-inline {

    float: right

}



.stat-widget .stat {

    position: relative;

    margin-top: 67px

}



.stat-widget .stat .chartist-tooltip {

    border-radius: 60px

}



.stat-widget .stat .ct-series-a .ct-line {

    stroke: #0283cc;

    stroke-width: 2px

}



.stat-widget .stat .ct-series-a .ct-point {

    stroke: #0283cc;

    stroke-width: 7px

}



.stat-widget .stat .ct-series-b .ct-line {

    stroke: #2ecc71;

    stroke-width: 2px

}



.stat-widget .stat .ct-series-b .ct-point {

    stroke: #2ecc71;

    stroke-width: 7px

}



.stat-widget .stat .ct-series-a .ct-area,

.stat-widget .stat .ct-series-b .ct-area {

    fill: transparent

}



.stat-widget .stat .ct-label {

    color: #8d9498;

    font-size: 14px

}



.color-box {

    position: relative

}



.color-box .hr-line {

    width: 25px;

    background-color: #fff;

    margin: 10px 0

}



.color-box .cb-text {

    color: #fff;

    text-transform: uppercase

}



.color-box h6 {

    margin: 20px 0 0

}



.color-box h6 span {

    color: rgba(255, 255, 255, .7);

    text-transform: uppercase

}



.color-box .chart {

    position: absolute;

    top: 20px;

    right: 40px

}



.color-box .ct-revenue {

    margin: 0 -25px -38px -58px

}



.color-box .ct-revenue .ct-series-a .ct-line {

    stroke: #fff

}



.color-box .ct-revenue .ct-series-a .ct-area {

    fill: none

}



.color-box .ct-revenue .ct-series-a .ct-point {

    display: none

}



.color-box .ct-revenue .ct-grid {

    stroke: rgba(255, 255, 255, .7)

}



.color-box .ct-revenue .ct-label {

    color: rgba(255, 255, 255, .7);

    font-size: 14px

}



.color-box .ct-visit .ct-label {

    color: #fff;

    font-size: 11px

}



.color-box .ct-visit .ct-series-a .ct-bar,

.color-box .ct-visit .ct-series-c .ct-bar {

    stroke: rgba(255, 255, 255, .7)

}



.color-box .ct-visit .ct-series-b .ct-bar {

    stroke: #fff

}



.task-widget2 {

    margin: -25px -25px 0

}



.task-widget2 .task-image {

    position: relative

}



.task-widget2 .task-image img {

    width: 100%;

    height: 125px

}



.task-widget2 .task-image-overlay {

    position: absolute;

    height: 100%;

    width: 100%;

    background-color: rgba(4, 138, 190, .9);

    top: 0;

    border-radius: 4px

}



.task-widget2 .task-detail {

    position: absolute;

    top: 15px;

    left: 35px

}



.task-widget2 .task-detail h2 {

    font-size: 30px

}



.task-widget2 .task-add-btn {

    position: absolute;

    top: 97px;

    right: 55px

}



.task-widget2 .task-add-btn a {

    width: 50px;

    height: 50px;

    border-radius: 100%;

    font-size: 25px

}



.task-widget2 .task-total {

    padding: 25px

}



.task-widget2 .task-list .list-group .list-group-item {

    border-right: none;

    padding: 15px 15px 15px 35px

}



.task-widget2 .task-list .list-group .list-group-item label span {

    padding-left: 25px;

    display: inline-block

}



.task-widget2 .task-loadmore {

    padding: 10px 35px 0

}



.task-widget2 .task-loadmore .btn {

    padding: 8px 30px

}



.chat-widget a {

    margin-top: 5px;

    font-size: 24px;

    color: #0283cc

}



.chat-widget .chat-list {

    list-style: none;

    max-height: 500px;

    padding: 0;

    margin-top: 25px

}



.chat-widget .chat-list li {

    margin-bottom: 19px;

    overflow: auto

}



.chat-widget .chat-list .chat-image {

    display: inline-block;

    float: left;

    text-align: center;

    width: 50px

}



.chat-widget .chat-list .chat-image img {

    border-radius: 100%;

    width: 100%

}



.chat-widget .chat-list .chat-body {

    display: inline-block;

    float: left;

    margin-left: 25px;

    width: 69%;

    position: relative

}



.chat-widget .chat-list .chat-body .chat-text {

    background: #2ecc71;

    border-radius: 4px;

    display: inline-block;

    padding: 15px;

    position: relative

}



.chat-widget .chat-list .chat-body .chat-text p {

    color: #fff;

    font-size: 15px;

    display: block;

    margin: 0;

    position: relative

}



.chat-widget .chat-list .chat-body::before {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    left: -8px;

    top: 15px;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-right: 8px solid #2ecc71

}



.chat-widget .chat-list .chat-body span {

    display: inline-block;

    width: 100%

}



.chat-widget .chat-list .odd .chat-body {

    float: right!important;

    text-align: right;

    margin-right: 10px;

    color: #8d9498;

    width: 100%

}



.chat-widget .chat-list .odd .chat-body .chat-text {

    background: #f4f8f9

}



.chat-widget .chat-list .odd .chat-body .chat-text p {

    color: #8d9498

}



.chat-widget .chat-list .odd .chat-body span {

    display: inline-block;

    width: 100%

}



.chat-widget .chat-send {

    padding-right: 10px;

    position: relative;

    margin-top: 18px

}



.chat-widget .chat-send .form-control {

    border: 2px solid #e5ebec;

    height: 45px;

    padding-left: 50px

}



.chat-widget .chat-send i {

    position: absolute;

    top: 13px;

    left: 15px;

    font-size: 20px;

    color: #0283cc

}



.colorbox-group-widget .white-box {

    padding: 0;

    background: 0 0

}



.colorbox-group-widget .info-color-box .media {

    padding: 20px 30px;

    border: none;

    margin: 0;

    border-radius: 4px

}



.colorbox-group-widget .info-color-box .media .info-count {

    font-size: 30px;

    margin-bottom: 5px;

    color: #fff

}



.colorbox-group-widget .info-color-box .media .info-text {

    text-transform: uppercase

}



.colorbox-group-widget .info-color-box .media .info-ot {

    margin: 4px 0 0;

    float: right

}



.colorbox-group-widget .info-color-box .media .info-ot .label {

    margin-left: 5px;

    font-size: 14px;

    background-color: rgba(0, 0, 0, .2);

    border-radius: 4px;

    padding: 0 4px;

    min-width: 35px;

    height: 20px;

    font-weight: 600

}



.profile-widget {

    text-align: center

}



.profile-widget .profile-img {

    padding-top: 20px

}



.profile-widget .profile-info {

    padding-top: 10px;

    display: flex

}



.profile-widget .profile-info h1 {

    margin-bottom: 0;

    font-weight: 300

}



.profile-widget .profile-detail {

    padding-top: 10px

}



.profile-widget .profile-btn {

    margin-top: 24px

}



.profile-widget .profile-btn a {

    margin-right: 20px

}



.comment-widget .media {

    padding: 0 15px;

    border: none;

    margin: 50px 0 0

}



.comment-widget .media .media-left {

    padding-right: 20px

}



.comment-widget .media .media-left img {

    width: 48px;

    height: 48px;

    border-radius: 100%

}



.comment-widget .media .media-heading {

    font-size: 15px;

    font-weight: 400

}



.comment-widget .media .media-heading .com-time {

    font-style: italic;

    color: #8d9498;

    margin-left: 15px

}



.comment-widget .media .media-heading ul {

    float: right

}



.comment-widget .media .media-heading li a {

    color: #0283cc

}



.comment-widget .media .media-heading li a span {

    font-size: 14px;

    color: #0283cc

}



.comment-widget .media .media-heading li a i {

    color: #8d9498

}



.comment-widget .media .media-heading li a i:focus,

.comment-widget .media .media-heading li a i:hover {

    color: #e74a25

}



.comment-widget .media p {

    font-size: 15px

}



.comment-widget .media .reply {

    margin-top: 30px;

    padding-left: 30px;

    padding-right: 0

}



.comment-widget .add-comment {

    position: relative;

    margin-top: 50px;

    padding: 0 15px

}



.comment-widget .add-comment .form-control {

    border: 2px solid #e5ebec;

    height: 45px;

    padding-left: 50px

}



.comment-widget .add-comment i {

    position: absolute;

    top: 13px;

    left: 30px;

    font-size: 20px;

    color: #0283cc

}



.sc-widget .custom-select {

    float: right

}



.sc-widget .ct-bar {

    stroke-width: 7px;

    stroke-linecap: round

}



.sc-widget .ct-series-a .ct-bar {

    stroke: #00bbd9

}



.sc-widget .ct-series-b .ct-bar {

    stroke: #0283cc

}



.sc-widget .ct-label {

    font-size: 15px;

    line-height: 2;

    color: #8d9498

}



.sd-widget ul {

    margin: -38px 0 0

}



.sd-widget a {

    margin-top: 8px;

    font-size: 20px;

    color: #8d9498

}



.ct-sd-chart .ct-series-b .ct-line {

    stroke-width: 2px;

    stroke: #2ecc71

}



.ct-sd-chart .ct-series-b .ct-area {

    fill: #2ecc71

}



.ct-sd-chart .ct-series-b .ct-point {

    stroke-width: 5px;

    stroke: #2ecc71

}



.ct-sd-chart .ct-series-a .ct-line {

    stroke-width: 2px;

    stroke: #0283cc

}



.ct-sd-chart .ct-series-a .ct-area {

    fill: #0283cc

}



.ct-sd-chart .ct-series-a .ct-point {

    stroke-width: 5px;

    stroke: #0283cc

}



.ct-ie-chart .ct-series-a .ct-line {

    stroke-width: 2px;

    stroke: #00bbd9

}



.ct-ie-chart .ct-series-a .ct-area {

    fill: #00bbd9

}



.ct-ie-chart .ct-series-a .ct-point {

    stroke-width: 5px;

    stroke: #00bbd9

}



.ct-ie-chart .ct-series-b .ct-line {

    stroke-width: 2px;

    stroke: #0283cc

}



.ct-ie-chart .ct-series-b .ct-area {

    fill: #0283cc

}



.ct-ie-chart .ct-series-b .ct-point {

    stroke-width: 5px;

    stroke: #0283cc

}



.calendar-widget #calendar {

    margin: -25px

}



.calendar-widget .fc th.fc-widget-header {

    background: #e9f2f5;

    color: #0283cc;

    font-size: 14px;

    line-height: 20px;

    padding: 7px 0;

    text-transform: uppercase

}



.calendar-widget .fc-toolbar h2 {

    font-size: 18px;

    font-weight: 600;

    line-height: 30px

}



.calendar-widget .fc-toolbar.fc-header-toolbar {

    padding: 15px 200px 10px;

    margin: 0;

    background: -moz-linear-gradient(left, #0284ce 0, #00bdda 100%);

    background: -webkit-linear-gradient(left, #0284ce 0, #00bdda 100%);

    background: linear-gradient(to right, #0284ce 0, #00bdda 100%)

}



.calendar-widget .fc-toolbar.fc-header-toolbar .fc-center h2 {

    color: #fff;

    text-transform: capitalize

}



.calendar-widget .fc-toolbar.fc-header-toolbar .fc-state-default.fc-corner-right {

    border-top-right-radius: 100%;

    border-bottom-right-radius: 100%

}



.calendar-widget .fc-toolbar.fc-header-toolbar .fc-state-default.fc-corner-left {

    border-top-left-radius: 100%;

    border-bottom-left-radius: 100%

}



.calendar-widget .fc-toolbar.fc-header-toolbar .fc-button {

    padding: 0;

    height: 26px;

    width: 26px;

    background: 0 0;

    color: #fff;

    text-shadow: none;

    box-shadow: none;

    border: 1px solid #fff

}



.calendar-widget .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {

    float: left

}



.calendar-widget .fc-basic-view .fc-day-number,

.calendar-widget .fc-basic-view .fc-week-number {

    padding: 15px;

    font-style: italic

}



.calendar-widget .fc-unthemed .fc-today {

    background: #2ecc71;

    color: #fff

}



.calendar-widget .fc-widget-content {

    border-color: #e5ebec

}



.small-box-widget {

    position: relative

}



.small-box-widget .icon-box {

    font-size: 30px;

    height: 58px;

    width: 58px;

    border-radius: 100%;

    text-align: center;

    line-height: 62px

}



.small-box-widget .detail-box {

    position: absolute;

    top: 20px;

    left: 110px;

    right: 25px

}



.small-box-widget .detail-box .progress {

    margin-top: 20px;

    height: 8px

}



.small-box-widget .ct-grids,

.small-box-widget .ct-label {

    display: none

}



.small-box-widget .ct-sales-chart {

    margin: -15px 0 -35px -48px

}



.small-box-widget .ct-sales-chart .ct-point {

    stroke-width: 0

}



.small-box-widget .ct-sales-chart .ct-line {

    stroke-width: 2px;

    stroke: #0283cc

}



.small-box-widget .ct-sales-chart .ct-area {

    fill: #0283cc

}



.small-box-widget .ct-uq-chart {

    margin: -15px 0 -35px -55px

}



.small-box-widget .ct-uq-chart .ct-bar {

    stroke-width: 7px;

    stroke-linecap: round

}



.small-box-widget .ct-uq-chart .ct-series-a .ct-bar {

    stroke: #2ecc71

}



.small-box-widget .ct-uq-chart .ct-series-b .ct-bar {

    stroke: #e5ebec

}



.circle-chart-widget ul li {

    padding: 0 19px

}



.circle-chart-widget .circle-chart {

    position: relative;

    width: 182px;

    height: 182px;

    margin: auto

}



.circle-chart-widget .circle-chart .c1 {

    position: absolute;

    left: 0;

    top: 0

}



.circle-chart-widget .circle-chart .c2 {

    position: absolute;

    left: 14px;

    top: 14px

}



.circle-chart-widget .circle-chart .c3 {

    position: absolute;

    left: 29px;

    top: 29px

}



.circle-chart-widget .circle-chart .chart-overlap {

    position: absolute;

    width: 100px;

    height: 100px;

    top: 66px;

    left: 66px

}



.circle-chart-widget .circle-chart .chart-overlap i {

    font-size: 50px

}



.complete-chart {

    position: relative;

    width: 160px;

    height: 160px;

    margin: 30px auto

}



.complete-chart canvas {

    display: block;

    position: absolute;

    top: 0;

    left: 0

}



.complete-chart .per-number {

    display: block;

    line-height: 160px;

    text-align: center;

    width: 160px;

    margin: 0;

    font-size: 45px;

    font-weight: 300

}



.complete-chart .per-number .per-icon {

    font-size: 30px

}



.report-widget {

    text-align: center

}



.report-widget .css-bar {

    margin: 20px 20px 23px

}



.report-widget .css-bar .data-text {

    margin: 0 auto;

    position: absolute;

    left: 0;

    z-index: 200;

    right: 0;

    top: 40px

}



.report-widget .css-bar .data-text h1 {

    font-size: 45px;

    font-weight: 300;

    color: #0283cc

}



.report-widget .css-bar .data-text h1 .icon {

    font-size: 30px

}



.report-widget .css-bar .data-text .hr-line {

    width: 35px;

    margin: 0 auto 19px

}



.report-widget .css-bar .data-text div {

    margin-top: -20px

}



.temp-widget {

    position: relative;

    background: #fff;

    border: 1px solid #e5ebec;

    border-radius: 4px

}



.temp-widget .left-part {

    width: 50%;

    position: absolute;

    background-size: cover;

    height: 100%;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px

}



.temp-widget .left-part .temp-image-overlay {

    position: absolute;

    height: 100%;

    width: 100%;

    background: #0284ce;

    background: -moz-linear-gradient(top, rgba(2, 132, 206, .6) 0, rgba(0, 187, 217, .6) 100%);

    background: -webkit-linear-gradient(top, rgba(2, 132, 206, .6) 0, rgba(0, 187, 217, .6) 100%);

    background: linear-gradient(to bottom, rgba(2, 132, 206, .6) 0, rgba(0, 187, 217, .6) 100%);

    top: 0;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px

}



.temp-widget .left-part .temp-place {

    position: relative;

    padding: 25px

}



.temp-widget .left-part .temp-place .custom-select {

    background-color: #fff;

    margin-left: 0;

    width: 100%;

    border-radius: 4px;

    padding: 12px 45px 12px 20px;

    color: #333b3f

}



.temp-widget .left-part .temp-arrow {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    right: 0;

    top: 108px;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-right: 16px solid #fff

}



.temp-widget .right-part {

    margin-left: 53%;

    padding: 17px 35px 17px 17px

}



.temp-widget .right-part .temp-detail h1 {

    font-size: 72px

}



.temp-widget .right-part .temp-detail h3,

.temp-widget .right-part .temp-detail h4 {

    color: #8d9498

}



.temp-widget .right-part .temp-detail .hr-line {

    width: 35px;

    margin: 5px 0

}



.temp-widget .right-part .temp-detail .temp-days {

    margin-top: 65px;

    width: 100%

}



.temp-widget .right-part .temp-detail .temp-days li {

    width: 21%;

    border: 1px solid #e5ebec;

    border-radius: 4px;

    text-align: center;

    margin: 0 4px

}



.temp-widget .right-part .temp-detail .temp-days li h2 {

    line-height: 20px;

    margin-top: 6px

}



.carousel-widget {

    background: url(../../plugins/images/flowers.jpg) -140px;

    background-size: cover;

    position: relative;

    text-align: center;

    padding: 0 50px;

    border-radius: 4px;

    height: 450px

}



.carousel-widget .image-overlay {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border-radius: 4px;

    background: #0284ce;

    background: -moz-linear-gradient(top, rgba(2, 132, 206, .8) 0, rgba(2, 175, 200, .8) 100%);

    background: -webkit-linear-gradient(top, rgba(2, 132, 206, .8) 0, rgba(2, 175, 200, .8) 100%);

    background: linear-gradient(to bottom, rgba(2, 132, 206, .8) 0, rgba(2, 175, 200, .8) 100%)

}



.carousel-widget .a-img {

    padding-top: 30px

}



.carousel-widget .a-img img {

    width: 118px;

    height: 118px;

    border: 3px solid #fff

}



.carousel-widget .a-img p a {

    text-transform: uppercase

}



.carousel-widget .q-img {

    padding: 25px 0

}



.carousel-widget .q-text {

    padding-bottom: 65px

}



.carousel-widget .q-text p {

    color: #fff;

    font-style: italic

}



.carousel-widget .carousel-indicators {

    bottom: 10px

}



.activity-widget .steamline {

    position: relative;

    border-left: 1px solid #e5ebec;

    margin-left: 20px;

    margin-top: 21px

}



.activity-widget .steamline .sl-left {

    float: left;

    margin-left: -23px;

    z-index: 1;

    margin-top: -2px

}



.activity-widget .steamline .sl-left img {

    max-width: 40px

}



.activity-widget .steamline .sl-left div {

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 43px;

    border-radius: 100%

}



.activity-widget .steamline .sl-right {

    padding-left: 40px

}



.activity-widget .steamline .sl-right div,

.activity-widget .steamline .sl-right div a {

    font-size: 15px

}



.activity-widget .steamline .sl-right .sl-btn {

    float: right

}



.activity-widget .steamline .sl-right .sl-btn .btn {

    padding: 6px 25px

}



.activity-widget .steamline .sl-item {

    margin-top: 8px;

    margin-bottom: 45px

}



.upload-widget .up-speed {

    display: inline-block;

    background-color: #e5ebec;

    padding: 7px 15px;

    border: 1px solid #e5ebec;

    border-radius: 60px

}



.upload-widget2 .up-file {

    margin: 0;

    padding: 0

}



.upload-widget2 .up-file li {

    list-style: none;

    padding: 20px 0;

    position: relative

}



.upload-widget2 .up-file li i {

    font-size: 32px;

    color: #0283cc

}



.upload-widget2 .up-file li .up-file-progress {

    position: absolute;

    top: 15px;

    left: 60px;

    right: 0

}



.upload-widget2 .up-file li .up-file-progress span {

    font-size: 15px;

    font-weight: 600

}



.upload-widget2 .up-file li .up-file-progress .progress {

    margin-top: 7px

}



.upload-widget2 .up-add-file {

    margin: 18px 0 17px

}



.upload-widget2 .up-add-file .btn {

    padding: 9px 23px

}



.album-widget .alb-photos {

    margin-left: -15px;

    overflow: hidden

}



.album-widget .alb-photos .alb-item {

    margin-left: 15px;

    width: calc(33.33% - 15px);

    text-align: center;

    float: left;

    border: 1px solid #e5ebec;

    border-radius: 4px;

    overflow: hidden;

    margin-bottom: 11px;

    height: 80px

}



.album-widget .alb-photos .alb-item img {

    width: 100%;

    max-width: 100%;

    height: 100%

}



.album-widget .alb-photos .uploading {

    padding: 38px 10px;

    border: 2px solid #e5ebec

}



.album-widget .alb-photos .add-more {

    font-size: 32px;

    line-height: 75px;

    border: 2px solid #e5ebec

}



.album-widget .up-add-photo {

    margin: 17px 0

}



.album-widget .up-add-photo .btn {

    padding: 9px 23px;

    margin-top: 33px

}



.order-chart-widget ul li {

    padding: 0 6px

}



.ecom-stat-widget span {

    font-size: 30px

}



.ecom-stat-widget span i {

    font-size: 24px

}



.ecom-stat-widget p {

    text-transform: uppercase

}



.ecom-stat-widget .icoleaf {

    display: inline-block;

    width: 50px;

    height: 50px;

    padding: 5px 12px;

    font-size: 28px;

    float: right;

    margin-top: 10px;

    border-top-left-radius: 50%;

    border-bottom-left-radius: 50%;

    border-bottom-right-radius: 50%

}



.ecom-stat-widget .icoleaf i {

    font-size: 28px

}



.mini-sidebar .top-left-part {

    width: 60px

}



.mini-sidebar .album-widget li {

    width: 30.3%

}



.mini-sidebar .temp-widget .temp-days li {

    margin: 0 6px

}



.sidebar {

    z-index: 10;

    position: fixed;

    width: 100%;

    padding-top: 60px;

    top: 0;

    background: #fff;

    box-shadow: 1px 0 20px rgba(0, 0, 0, .08)

}



.sidebar .sidebar-nav.navbar-collapse {

    padding-left: 0;

    padding-right: 0

}



.sidebar .fa-fw {

    width: 20px;

    text-align: left!important;

    display: inline-block;

    font-size: 18px;

    font-weight: 400;

    vertical-align: middle;

    margin-right: 10px

}



.sidebar .label {

    font-size: 14px;

    border-radius: 4px;

    padding: 6px 8px;

    min-width: 35px;

    height: 25px;

    margin-top: -2px

}



.sidebar .btn {

    font-size: 15px;

    padding: 0;

    width: 204px;

    height: 50px;

    line-height: 47px;

    text-align: center

}



.collapse.in {

    display: block

}



.sidebar-nav {

    background: #fff

}



.sidebar-nav ul#side-menu {

    margin: 0;

    padding: 0

}



.sidebar-nav ul#side-menu li {

    list-style: none

}



.sidebar-nav ul#side-menu li a {

    color: #8d9498;

    padding: 15px;

    display: block;

    font-size: 15px;

    font-weight: 500

}



.sidebar-nav ul#side-menu li a.active {

    color: #2b2b2b;

    background: 0 0

}



.sidebar-nav ul#side-menu li a.active i {

    color: #0283cc

}



.sidebar-nav ul#side-menu li ul {

    padding-left: 30px

}



.sidebar-nav ul#side-menu li ul li a {

    padding: 10px 35px 10px 15px

}



.sidebar-nav ul#side-menu li ul ul {

    padding-left: 20px

}



@media (min-width:768px) {

    .sidebar-nav>ul>li {

        display: inline-block;

        position: relative

    }

    .sidebar-nav #side-menu>li>ul {

        position: absolute;

        z-index: 1001;

        width: 260px;

        background: #fff;

        display: none;

        box-shadow: 0 10px 20px rgba(0, 0, 0, .09)

    }

    .sidebar-nav #side-menu>li:hover>ul,

    .sidebar-nav #side-menu>li:hover>ul.collapse {

        display: block

    }

    .sidebar-nav #side-menu li.two-column>ul {

        width: 400px

    }

    .sidebar-nav #side-menu li.two-column>ul li {

        width: 49%;

        vertical-align: top;

        display: inline-block

    }

    .sidebar-nav>ul>li:last-child ul {

        right: 0

    }

    .sidebar-nav #side-menu>li:hover>ul {

        height: auto!important;

        overflow: auto

    }

}



@media (max-width:767px) {

    .mini-sidebar .sidebar {

        position: fixed;

        transition: all .3s ease;

        left: -265px

    }

    .mini-sidebar.show-sidebar .sidebar {

        left: 0

    }

}



@font-face {

    font-family: simple-line-icons;

    src: url(../less/icons/simple-line-icons/fonts/Simple-Line-Icons.eot?-i3a2kk);

    src: url(../less/icons/simple-line-icons/fonts/Simple-Line-Icons.eot?#iefix-i3a2kk) format('embedded-opentype'), url(../less/icons/simple-line-icons/fonts/Simple-Line-Icons.ttf?-i3a2kk) format('truetype'), url(../less/icons/simple-line-icons/fonts/Simple-Line-Icons.woff2?-i3a2kk) format('woff2'), url(../less/icons/simple-line-icons/fonts/Simple-Line-Icons.woff?-i3a2kk) format('woff'), url(../less/icons/simple-line-icons/fonts/Simple-Line-Icons.svg?-i3a2kk#simple-line-icons) format('svg');

    font-weight: 400;

    font-style: normal

}



.icon-action-redo,

.icon-action-undo,

.icon-anchor,

.icon-arrow-down,

.icon-arrow-down-circle,

.icon-arrow-left,

.icon-arrow-left-circle,

.icon-arrow-right,

.icon-arrow-right-circle,

.icon-arrow-up,

.icon-arrow-up-circle,

.icon-badge,

.icon-bag,

.icon-ban,

.icon-basket,

.icon-basket-loaded,

.icon-bell,

.icon-book-open,

.icon-briefcase,

.icon-bubble,

.icon-bubbles,

.icon-bulb,

.icon-calculator,

.icon-calender,

.icon-call-end,

.icon-call-in,

.icon-call-out,

.icon-camera,

.icon-camrecorder,

.icon-chart,

.icon-check,

.icon-chemistry,

.icon-clock,

.icon-close,

.icon-cloud-download,

.icon-cloud-upload,

.icon-compass,

.icon-control-end,

.icon-control-forward,

.icon-control-pause,

.icon-control-play,

.icon-control-rewind,

.icon-control-start,

.icon-credit-card,

.icon-crop,

.icon-cup,

.icon-cursor,

.icon-cursor-move,

.icon-diamond,

.icon-direction,

.icon-directions,

.icon-disc,

.icon-dislike,

.icon-doc,

.icon-docs,

.icon-drawar,

.icon-drop,

.icon-earphones,

.icon-earphones-alt,

.icon-emotsmile,

.icon-energy,

.icon-envelope,

.icon-envelope-letter,

.icon-envelope-open,

.icon-equalizer,

.icon-eye,

.icon-eyeglass,

.icon-feed,

.icon-film,

.icon-fire,

.icon-flag,

.icon-folder,

.icon-folder-alt,

.icon-frame,

.icon-game-controller,

.icon-ghost,

.icon-globe,

.icon-globe-alt,

.icon-graduation,

.icon-graph,

.icon-grid,

.icon-handbag,

.icon-heart,

.icon-home,

.icon-hourglass,

.icon-info,

.icon-key,

.icon-layers,

.icon-like,

.icon-link,

.icon-list,

.icon-location-pin,

.icon-lock,

.icon-lock-open,

.icon-login,

.icon-logout,

.icon-loop,

.icon-magic-wand,

.icon-magnet,

.icon-magnifier,

.icon-magnifier-add,

.icon-magnifier-remove,

.icon-map,

.icon-menu,

.icon-microphone,

.icon-mouse,

.icon-music-tone,

.icon-music-tone-alt,

.icon-mustache,

.icon-note,

.icon-notebook,

.icon-options,

.icon-options-vertical,

.icon-paper-clip,

.icon-paper-plane,

.icon-paypal,

.icon-pencil,

.icon-people,

.icon-phone,

.icon-picture,

.icon-pie-chart,

.icon-pin,

.icon-plane,

.icon-playlist,

.icon-plus,

.icon-power,

.icon-present,

.icon-printer,

.icon-puzzle,

.icon-question,

.icon-refresh,

.icon-reload,

.icon-rocket,

.icon-screen-desktop,

.icon-screen-smartphone,

.icon-screen-tablet,

.icon-settings,

.icon-share,

.icon-share-alt,

.icon-shield,

.icon-shuffle,

.icon-size-actual,

.icon-size-fullscreen,

.icon-social-behance,

.icon-social-dribbble,

.icon-social-dropbox,

.icon-social-facebook,

.icon-social-foursqare,

.icon-social-github,

.icon-social-gplus,

.icon-social-instagram,

.icon-social-linkedin,

.icon-social-pintarest,

.icon-social-reddit,

.icon-social-skype,

.icon-social-soundcloud,

.icon-social-spotify,

.icon-social-stumbleupon,

.icon-social-tumblr,

.icon-social-twitter,

.icon-social-youtube,

.icon-speech,

.icon-speedometer,

.icon-star,

.icon-support,

.icon-symble-female,

.icon-symbol-male,

.icon-tag,

.icon-target,

.icon-trash,

.icon-trophy,

.icon-umbrella,

.icon-user,

.icon-user-female,

.icon-user-follow,

.icon-user-following,

.icon-user-unfollow,

.icon-vector,

.icon-volume-1,

.icon-volume-2,

.icon-volume-off,

.icon-wallet,

.icon-wrench {

    font-family: simple-line-icons;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-user:before {

    content: "\e005"

}



.icon-people:before {

    content: "\e001"

}



.icon-user-female:before {

    content: "\e000"

}



.icon-user-follow:before {

    content: "\e002"

}



.icon-user-following:before {

    content: "\e003"

}



.icon-user-unfollow:before {

    content: "\e004"

}



.icon-login:before {

    content: "\e066"

}



.icon-logout:before {

    content: "\e065"

}



.icon-emotsmile:before {

    content: "\e021"

}



.icon-phone:before {

    content: "\e600"

}



.icon-call-end:before {

    content: "\e048"

}



.icon-call-in:before {

    content: "\e047"

}



.icon-call-out:before {

    content: "\e046"

}



.icon-map:before {

    content: "\e033"

}



.icon-location-pin:before {

    content: "\e096"

}



.icon-direction:before {

    content: "\e042"

}



.icon-directions:before {

    content: "\e041"

}



.icon-compass:before {

    content: "\e045"

}



.icon-layers:before {

    content: "\e034"

}



.icon-menu:before {

    content: "\e601"

}



.icon-list:before {

    content: "\e067"

}



.icon-options-vertical:before {

    content: "\e602"

}



.icon-options:before {

    content: "\e603"

}



.icon-arrow-down:before {

    content: "\e604"

}



.icon-arrow-left:before {

    content: "\e605"

}



.icon-arrow-right:before {

    content: "\e606"

}



.icon-arrow-up:before {

    content: "\e607"

}



.icon-arrow-up-circle:before {

    content: "\e078"

}



.icon-arrow-left-circle:before {

    content: "\e07a"

}



.icon-arrow-right-circle:before {

    content: "\e079"

}



.icon-arrow-down-circle:before {

    content: "\e07b"

}



.icon-check:before {

    content: "\e080"

}



.icon-clock:before {

    content: "\e081"

}



.icon-plus:before {

    content: "\e095"

}



.icon-close:before {

    content: "\e082"

}



.icon-trophy:before {

    content: "\e006"

}



.icon-screen-smartphone:before {

    content: "\e010"

}



.icon-screen-desktop:before {

    content: "\e011"

}



.icon-plane:before {

    content: "\e012"

}



.icon-notebook:before {

    content: "\e013"

}



.icon-mustache:before {

    content: "\e014"

}



.icon-mouse:before {

    content: "\e015"

}



.icon-magnet:before {

    content: "\e016"

}



.icon-energy:before {

    content: "\e020"

}



.icon-disc:before {

    content: "\e022"

}



.icon-cursor:before {

    content: "\e06e"

}



.icon-cursor-move:before {

    content: "\e023"

}



.icon-crop:before {

    content: "\e024"

}



.icon-chemistry:before {

    content: "\e026"

}



.icon-speedometer:before {

    content: "\e007"

}



.icon-shield:before {

    content: "\e00e"

}



.icon-screen-tablet:before {

    content: "\e00f"

}



.icon-magic-wand:before {

    content: "\e017"

}



.icon-hourglass:before {

    content: "\e018"

}



.icon-graduation:before {

    content: "\e019"

}



.icon-ghost:before {

    content: "\e01a"

}



.icon-game-controller:before {

    content: "\e01b"

}



.icon-fire:before {

    content: "\e01c"

}



.icon-eyeglass:before {

    content: "\e01d"

}



.icon-envelope-open:before {

    content: "\e01e"

}



.icon-envelope-letter:before {

    content: "\e01f"

}



.icon-bell:before {

    content: "\e027"

}



.icon-badge:before {

    content: "\e028"

}



.icon-anchor:before {

    content: "\e029"

}



.icon-wallet:before {

    content: "\e02a"

}



.icon-vector:before {

    content: "\e02b"

}



.icon-speech:before {

    content: "\e02c"

}



.icon-puzzle:before {

    content: "\e02d"

}



.icon-printer:before {

    content: "\e02e"

}



.icon-present:before {

    content: "\e02f"

}



.icon-playlist:before {

    content: "\e030"

}



.icon-pin:before {

    content: "\e031"

}



.icon-picture:before {

    content: "\e032"

}



.icon-handbag:before {

    content: "\e035"

}



.icon-globe-alt:before {

    content: "\e036"

}



.icon-globe:before {

    content: "\e037"

}



.icon-folder-alt:before {

    content: "\e039"

}



.icon-folder:before {

    content: "\e089"

}



.icon-film:before {

    content: "\e03a"

}



.icon-feed:before {

    content: "\e03b"

}



.icon-drop:before {

    content: "\e03e"

}



.icon-drawar:before {

    content: "\e03f"

}



.icon-docs:before {

    content: "\e040"

}



.icon-doc:before {

    content: "\e085"

}



.icon-diamond:before {

    content: "\e043"

}



.icon-cup:before {

    content: "\e044"

}



.icon-calculator:before {

    content: "\e049"

}



.icon-bubbles:before {

    content: "\e04a"

}



.icon-briefcase:before {

    content: "\e04b"

}



.icon-book-open:before {

    content: "\e04c"

}



.icon-basket-loaded:before {

    content: "\e04d"

}



.icon-basket:before {

    content: "\e04e"

}



.icon-bag:before {

    content: "\e04f"

}



.icon-action-undo:before {

    content: "\e050"

}



.icon-action-redo:before {

    content: "\e051"

}



.icon-wrench:before {

    content: "\e052"

}



.icon-umbrella:before {

    content: "\e053"

}



.icon-trash:before {

    content: "\e054"

}



.icon-tag:before {

    content: "\e055"

}



.icon-support:before {

    content: "\e056"

}



.icon-frame:before {

    content: "\e038"

}



.icon-size-fullscreen:before {

    content: "\e057"

}



.icon-size-actual:before {

    content: "\e058"

}



.icon-shuffle:before {

    content: "\e059"

}



.icon-share-alt:before {

    content: "\e05a"

}



.icon-share:before {

    content: "\e05b"

}



.icon-rocket:before {

    content: "\e05c"

}



.icon-question:before {

    content: "\e05d"

}



.icon-pie-chart:before {

    content: "\e05e"

}



.icon-pencil:before {

    content: "\e05f"

}



.icon-note:before {

    content: "\e060"

}



.icon-loop:before {

    content: "\e064"

}



.icon-home:before {

    content: "\e069"

}



.icon-grid:before {

    content: "\e06a"

}



.icon-graph:before {

    content: "\e06b"

}



.icon-microphone:before {

    content: "\e063"

}



.icon-music-tone-alt:before {

    content: "\e061"

}



.icon-music-tone:before {

    content: "\e062"

}



.icon-earphones-alt:before {

    content: "\e03c"

}



.icon-earphones:before {

    content: "\e03d"

}



.icon-equalizer:before {

    content: "\e06c"

}



.icon-like:before {

    content: "\e068"

}



.icon-dislike:before {

    content: "\e06d"

}



.icon-control-start:before {

    content: "\e06f"

}



.icon-control-rewind:before {

    content: "\e070"

}



.icon-control-play:before {

    content: "\e071"

}



.icon-control-pause:before {

    content: "\e072"

}



.icon-control-forward:before {

    content: "\e073"

}



.icon-control-end:before {

    content: "\e074"

}



.icon-volume-1:before {

    content: "\e09f"

}



.icon-volume-2:before {

    content: "\e0a0"

}



.icon-volume-off:before {

    content: "\e0a1"

}



.icon-calender:before {

    content: "\e075"

}



.icon-bulb:before {

    content: "\e076"

}



.icon-chart:before {

    content: "\e077"

}



.icon-ban:before {

    content: "\e07c"

}



.icon-bubble:before {

    content: "\e07d"

}



.icon-camrecorder:before {

    content: "\e07e"

}



.icon-camera:before {

    content: "\e07f"

}



.icon-cloud-download:before {

    content: "\e083"

}



.icon-cloud-upload:before {

    content: "\e084"

}



.icon-envelope:before {

    content: "\e086"

}



.icon-eye:before {

    content: "\e087"

}



.icon-flag:before {

    content: "\e088"

}



.icon-heart:before {

    content: "\e08a"

}



.icon-info:before {

    content: "\e08b"

}



.icon-key:before {

    content: "\e08c"

}



.icon-link:before {

    content: "\e08d"

}



.icon-lock:before {

    content: "\e08e"

}



.icon-lock-open:before {

    content: "\e08f"

}



.icon-magnifier:before {

    content: "\e090"

}



.icon-magnifier-add:before {

    content: "\e091"

}



.icon-magnifier-remove:before {

    content: "\e092"

}



.icon-paper-clip:before {

    content: "\e093"

}



.icon-paper-plane:before {

    content: "\e094"

}



.icon-power:before {

    content: "\e097"

}



.icon-refresh:before {

    content: "\e098"

}



.icon-reload:before {

    content: "\e099"

}



.icon-settings:before {

    content: "\e09a"

}



.icon-star:before {

    content: "\e09b"

}



.icon-symble-female:before {

    content: "\e09c"

}



.icon-symbol-male:before {

    content: "\e09d"

}



.icon-target:before {

    content: "\e09e"

}



.icon-credit-card:before {

    content: "\e025"

}



.icon-paypal:before {

    content: "\e608"

}



.icon-social-tumblr:before {

    content: "\e00a"

}



.icon-social-twitter:before {

    content: "\e009"

}



.icon-social-facebook:before {

    content: "\e00b"

}



.icon-social-instagram:before {

    content: "\e609"

}



.icon-social-linkedin:before {

    content: "\e60a"

}



.icon-social-pintarest:before {

    content: "\e60b"

}



.icon-social-github:before {

    content: "\e60c"

}



.icon-social-gplus:before {

    content: "\e60d"

}



.icon-social-reddit:before {

    content: "\e60e"

}



.icon-social-skype:before {

    content: "\e60f"

}



.icon-social-dribbble:before {

    content: "\e00d"

}



.icon-social-behance:before {

    content: "\e610"

}



.icon-social-foursqare:before {

    content: "\e611"

}



.icon-social-soundcloud:before {

    content: "\e612"

}



.icon-social-spotify:before {

    content: "\e613"

}



.icon-social-stumbleupon:before {

    content: "\e614"

}



.icon-social-youtube:before {

    content: "\e008"

}



.icon-social-dropbox:before {

    content: "\e00c"

}



@font-face {

    font-family: themify;

    src: url(../less/icons/themify-icons/fonts/themify.eot?-fvbane);

    src: url(../less/icons/themify-icons/fonts/themify.eot?#iefix-fvbane) format('embedded-opentype'), url(../less/icons/themify-icons/fonts/themify.woff?-fvbane) format('woff'), url(../less/icons/themify-icons/fonts/themify.ttf?-fvbane) format('truetype'), url(../less/icons/themify-icons/fonts/themify.svg?-fvbane#themify) format('svg');

    font-weight: 400;

    font-style: normal

}



[class*=" ti-"],

[class^=ti-] {

    font-family: themify;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.ti-wand:before {

    content: "\e600"

}



.ti-volume:before {

    content: "\e601"

}



.ti-user:before {

    content: "\e602"

}



.ti-unlock:before {

    content: "\e603"

}



.ti-unlink:before {

    content: "\e604"

}



.ti-trash:before {

    content: "\e605"

}



.ti-thought:before {

    content: "\e606"

}



.ti-target:before {

    content: "\e607"

}



.ti-tag:before {

    content: "\e608"

}



.ti-tablet:before {

    content: "\e609"

}



.ti-star:before {

    content: "\e60a"

}



.ti-spray:before {

    content: "\e60b"

}



.ti-signal:before {

    content: "\e60c"

}



.ti-shopping-cart:before {

    content: "\e60d"

}



.ti-shopping-cart-full:before {

    content: "\e60e"

}



.ti-settings:before {

    content: "\e60f"

}



.ti-search:before {

    content: "\e610"

}



.ti-zoom-in:before {

    content: "\e611"

}



.ti-zoom-out:before {

    content: "\e612"

}



.ti-cut:before {

    content: "\e613"

}



.ti-ruler:before {

    content: "\e614"

}



.ti-ruler-pencil:before {

    content: "\e615"

}



.ti-ruler-alt:before {

    content: "\e616"

}



.ti-bookmark:before {

    content: "\e617"

}



.ti-bookmark-alt:before {

    content: "\e618"

}



.ti-reload:before {

    content: "\e619"

}



.ti-plus:before {

    content: "\e61a"

}



.ti-pin:before {

    content: "\e61b"

}



.ti-pencil:before {

    content: "\e61c"

}



.ti-pencil-alt:before {

    content: "\e61d"

}



.ti-paint-roller:before {

    content: "\e61e"

}



.ti-paint-bucket:before {

    content: "\e61f"

}



.ti-na:before {

    content: "\e620"

}



.ti-mobile:before {

    content: "\e621"

}



.ti-minus:before {

    content: "\e622"

}



.ti-medall:before {

    content: "\e623"

}



.ti-medall-alt:before {

    content: "\e624"

}



.ti-marker:before {

    content: "\e625"

}



.ti-marker-alt:before {

    content: "\e626"

}



.ti-arrow-up:before {

    content: "\e627"

}



.ti-arrow-right:before {

    content: "\e628"

}



.ti-arrow-left:before {

    content: "\e629"

}



.ti-arrow-down:before {

    content: "\e62a"

}



.ti-lock:before {

    content: "\e62b"

}



.ti-location-arrow:before {

    content: "\e62c"

}



.ti-link:before {

    content: "\e62d"

}



.ti-layout:before {

    content: "\e62e"

}



.ti-layers:before {

    content: "\e62f"

}



.ti-layers-alt:before {

    content: "\e630"

}



.ti-key:before {

    content: "\e631"

}



.ti-import:before {

    content: "\e632"

}



.ti-image:before {

    content: "\e633"

}



.ti-heart:before {

    content: "\e634"

}



.ti-heart-broken:before {

    content: "\e635"

}



.ti-hand-stop:before {

    content: "\e636"

}



.ti-hand-open:before {

    content: "\e637"

}



.ti-hand-drag:before {

    content: "\e638"

}



.ti-folder:before {

    content: "\e639"

}



.ti-flag:before {

    content: "\e63a"

}



.ti-flag-alt:before {

    content: "\e63b"

}



.ti-flag-alt-2:before {

    content: "\e63c"

}



.ti-eye:before {

    content: "\e63d"

}



.ti-export:before {

    content: "\e63e"

}



.ti-exchange-vertical:before {

    content: "\e63f"

}



.ti-desktop:before {

    content: "\e640"

}



.ti-cup:before {

    content: "\e641"

}



.ti-crown:before {

    content: "\e642"

}



.ti-comments:before {

    content: "\e643"

}



.ti-comment:before {

    content: "\e644"

}



.ti-comment-alt:before {

    content: "\e645"

}



.ti-close:before {

    content: "\e646"

}



.ti-clip:before {

    content: "\e647"

}



.ti-angle-up:before {

    content: "\e648"

}



.ti-angle-right:before {

    content: "\e649"

}



.ti-angle-left:before {

    content: "\e64a"

}



.ti-angle-down:before {

    content: "\e64b"

}



.ti-check:before {

    content: "\e64c"

}



.ti-check-box:before {

    content: "\e64d"

}



.ti-camera:before {

    content: "\e64e"

}



.ti-announcement:before {

    content: "\e64f"

}



.ti-brush:before {

    content: "\e650"

}



.ti-briefcase:before {

    content: "\e651"

}



.ti-bolt:before {

    content: "\e652"

}



.ti-bolt-alt:before {

    content: "\e653"

}



.ti-blackboard:before {

    content: "\e654"

}



.ti-bag:before {

    content: "\e655"

}



.ti-move:before {

    content: "\e656"

}



.ti-arrows-vertical:before {

    content: "\e657"

}



.ti-arrows-horizontal:before {

    content: "\e658"

}



.ti-fullscreen:before {

    content: "\e659"

}



.ti-arrow-top-right:before {

    content: "\e65a"

}



.ti-arrow-top-left:before {

    content: "\e65b"

}



.ti-arrow-circle-up:before {

    content: "\e65c"

}



.ti-arrow-circle-right:before {

    content: "\e65d"

}



.ti-arrow-circle-left:before {

    content: "\e65e"

}



.ti-arrow-circle-down:before {

    content: "\e65f"

}



.ti-angle-double-up:before {

    content: "\e660"

}



.ti-angle-double-right:before {

    content: "\e661"

}



.ti-angle-double-left:before {

    content: "\e662"

}



.ti-angle-double-down:before {

    content: "\e663"

}



.ti-zip:before {

    content: "\e664"

}



.ti-world:before {

    content: "\e665"

}



.ti-wheelchair:before {

    content: "\e666"

}



.ti-view-list:before {

    content: "\e667"

}



.ti-view-list-alt:before {

    content: "\e668"

}



.ti-view-grid:before {

    content: "\e669"

}



.ti-uppercase:before {

    content: "\e66a"

}



.ti-upload:before {

    content: "\e66b"

}



.ti-underline:before {

    content: "\e66c"

}



.ti-truck:before {

    content: "\e66d"

}



.ti-timer:before {

    content: "\e66e"

}



.ti-ticket:before {

    content: "\e66f"

}



.ti-thumb-up:before {

    content: "\e670"

}



.ti-thumb-down:before {

    content: "\e671"

}



.ti-text:before {

    content: "\e672"

}



.ti-stats-up:before {

    content: "\e673"

}



.ti-stats-down:before {

    content: "\e674"

}



.ti-split-v:before {

    content: "\e675"

}



.ti-split-h:before {

    content: "\e676"

}



.ti-smallcap:before {

    content: "\e677"

}



.ti-shine:before {

    content: "\e678"

}



.ti-shift-right:before {

    content: "\e679"

}



.ti-shift-left:before {

    content: "\e67a"

}



.ti-shield:before {

    content: "\e67b"

}



.ti-notepad:before {

    content: "\e67c"

}



.ti-server:before {

    content: "\e67d"

}



.ti-quote-right:before {

    content: "\e67e"

}



.ti-quote-left:before {

    content: "\e67f"

}



.ti-pulse:before {

    content: "\e680"

}



.ti-printer:before {

    content: "\e681"

}



.ti-power-off:before {

    content: "\e682"

}



.ti-plug:before {

    content: "\e683"

}



.ti-pie-chart:before {

    content: "\e684"

}



.ti-paragraph:before {

    content: "\e685"

}



.ti-panel:before {

    content: "\e686"

}



.ti-package:before {

    content: "\e687"

}



.ti-music:before {

    content: "\e688"

}



.ti-music-alt:before {

    content: "\e689"

}



.ti-mouse:before {

    content: "\e68a"

}



.ti-mouse-alt:before {

    content: "\e68b"

}



.ti-money:before {

    content: "\e68c"

}



.ti-microphone:before {

    content: "\e68d"

}



.ti-menu:before {

    content: "\e68e"

}



.ti-menu-alt:before {

    content: "\e68f"

}



.ti-map:before {

    content: "\e690"

}



.ti-map-alt:before {

    content: "\e691"

}



.ti-loop:before {

    content: "\e692"

}



.ti-location-pin:before {

    content: "\e693"

}



.ti-list:before {

    content: "\e694"

}



.ti-light-bulb:before {

    content: "\e695"

}



.ti-Italic:before {

    content: "\e696"

}



.ti-info:before {

    content: "\e697"

}



.ti-infinite:before {

    content: "\e698"

}



.ti-id-badge:before {

    content: "\e699"

}



.ti-hummer:before {

    content: "\e69a"

}



.ti-home:before {

    content: "\e69b"

}



.ti-help:before {

    content: "\e69c"

}



.ti-headphone:before {

    content: "\e69d"

}



.ti-harddrives:before {

    content: "\e69e"

}



.ti-harddrive:before {

    content: "\e69f"

}



.ti-gift:before {

    content: "\e6a0"

}



.ti-game:before {

    content: "\e6a1"

}



.ti-filter:before {

    content: "\e6a2"

}



.ti-files:before {

    content: "\e6a3"

}



.ti-file:before {

    content: "\e6a4"

}



.ti-eraser:before {

    content: "\e6a5"

}



.ti-envelope:before {

    content: "\e6a6"

}



.ti-download:before {

    content: "\e6a7"

}



.ti-direction:before {

    content: "\e6a8"

}



.ti-direction-alt:before {

    content: "\e6a9"

}



.ti-dashboard:before {

    content: "\e6aa"

}



.ti-control-stop:before {

    content: "\e6ab"

}



.ti-control-shuffle:before {

    content: "\e6ac"

}



.ti-control-play:before {

    content: "\e6ad"

}



.ti-control-pause:before {

    content: "\e6ae"

}



.ti-control-forward:before {

    content: "\e6af"

}



.ti-control-backward:before {

    content: "\e6b0"

}



.ti-cloud:before {

    content: "\e6b1"

}



.ti-cloud-up:before {

    content: "\e6b2"

}



.ti-cloud-down:before {

    content: "\e6b3"

}



.ti-clipboard:before {

    content: "\e6b4"

}



.ti-car:before {

    content: "\e6b5"

}



.ti-calendar:before {

    content: "\e6b6"

}



.ti-book:before {

    content: "\e6b7"

}



.ti-bell:before {

    content: "\e6b8"

}



.ti-basketball:before {

    content: "\e6b9"

}



.ti-bar-chart:before {

    content: "\e6ba"

}



.ti-bar-chart-alt:before {

    content: "\e6bb"

}



.ti-back-right:before {

    content: "\e6bc"

}



.ti-back-left:before {

    content: "\e6bd"

}



.ti-arrows-corner:before {

    content: "\e6be"

}



.ti-archive:before {

    content: "\e6bf"

}



.ti-anchor:before {

    content: "\e6c0"

}



.ti-align-right:before {

    content: "\e6c1"

}



.ti-align-left:before {

    content: "\e6c2"

}



.ti-align-justify:before {

    content: "\e6c3"

}



.ti-align-center:before {

    content: "\e6c4"

}



.ti-alert:before {

    content: "\e6c5"

}



.ti-alarm-clock:before {

    content: "\e6c6"

}



.ti-agenda:before {

    content: "\e6c7"

}



.ti-write:before {

    content: "\e6c8"

}



.ti-window:before {

    content: "\e6c9"

}



.ti-widgetized:before {

    content: "\e6ca"

}



.ti-widget:before {

    content: "\e6cb"

}



.ti-widget-alt:before {

    content: "\e6cc"

}



.ti-wallet:before {

    content: "\e6cd"

}



.ti-video-clapper:before {

    content: "\e6ce"

}



.ti-video-camera:before {

    content: "\e6cf"

}



.ti-vector:before {

    content: "\e6d0"

}



.ti-themify-logo:before {

    content: "\e6d1"

}



.ti-themify-favicon:before {

    content: "\e6d2"

}



.ti-themify-favicon-alt:before {

    content: "\e6d3"

}



.ti-support:before {

    content: "\e6d4"

}



.ti-stamp:before {

    content: "\e6d5"

}



.ti-split-v-alt:before {

    content: "\e6d6"

}



.ti-slice:before {

    content: "\e6d7"

}



.ti-shortcode:before {

    content: "\e6d8"

}



.ti-shift-right-alt:before {

    content: "\e6d9"

}



.ti-shift-left-alt:before {

    content: "\e6da"

}



.ti-ruler-alt-2:before {

    content: "\e6db"

}



.ti-receipt:before {

    content: "\e6dc"

}



.ti-pin2:before {

    content: "\e6dd"

}



.ti-pin-alt:before {

    content: "\e6de"

}



.ti-pencil-alt2:before {

    content: "\e6df"

}



.ti-palette:before {

    content: "\e6e0"

}



.ti-more:before {

    content: "\e6e1"

}



.ti-more-alt:before {

    content: "\e6e2"

}



.ti-microphone-alt:before {

    content: "\e6e3"

}



.ti-magnet:before {

    content: "\e6e4"

}



.ti-line-double:before {

    content: "\e6e5"

}



.ti-line-dotted:before {

    content: "\e6e6"

}



.ti-line-dashed:before {

    content: "\e6e7"

}



.ti-layout-width-full:before {

    content: "\e6e8"

}



.ti-layout-width-default:before {

    content: "\e6e9"

}



.ti-layout-width-default-alt:before {

    content: "\e6ea"

}



.ti-layout-tab:before {

    content: "\e6eb"

}



.ti-layout-tab-window:before {

    content: "\e6ec"

}



.ti-layout-tab-v:before {

    content: "\e6ed"

}



.ti-layout-tab-min:before {

    content: "\e6ee"

}



.ti-layout-slider:before {

    content: "\e6ef"

}



.ti-layout-slider-alt:before {

    content: "\e6f0"

}



.ti-layout-sidebar-right:before {

    content: "\e6f1"

}



.ti-layout-sidebar-none:before {

    content: "\e6f2"

}



.ti-layout-sidebar-left:before {

    content: "\e6f3"

}



.ti-layout-placeholder:before {

    content: "\e6f4"

}



.ti-layout-menu:before {

    content: "\e6f5"

}



.ti-layout-menu-v:before {

    content: "\e6f6"

}



.ti-layout-menu-separated:before {

    content: "\e6f7"

}



.ti-layout-menu-full:before {

    content: "\e6f8"

}



.ti-layout-media-right-alt:before {

    content: "\e6f9"

}



.ti-layout-media-right:before {

    content: "\e6fa"

}



.ti-layout-media-overlay:before {

    content: "\e6fb"

}



.ti-layout-media-overlay-alt:before {

    content: "\e6fc"

}



.ti-layout-media-overlay-alt-2:before {

    content: "\e6fd"

}



.ti-layout-media-left-alt:before {

    content: "\e6fe"

}



.ti-layout-media-left:before {

    content: "\e6ff"

}



.ti-layout-media-center-alt:before {

    content: "\e700"

}



.ti-layout-media-center:before {

    content: "\e701"

}



.ti-layout-list-thumb:before {

    content: "\e702"

}



.ti-layout-list-thumb-alt:before {

    content: "\e703"

}



.ti-layout-list-post:before {

    content: "\e704"

}



.ti-layout-list-large-image:before {

    content: "\e705"

}



.ti-layout-line-solid:before {

    content: "\e706"

}



.ti-layout-grid4:before {

    content: "\e707"

}



.ti-layout-grid3:before {

    content: "\e708"

}



.ti-layout-grid2:before {

    content: "\e709"

}



.ti-layout-grid2-thumb:before {

    content: "\e70a"

}



.ti-layout-cta-right:before {

    content: "\e70b"

}



.ti-layout-cta-left:before {

    content: "\e70c"

}



.ti-layout-cta-center:before {

    content: "\e70d"

}



.ti-layout-cta-btn-right:before {

    content: "\e70e"

}



.ti-layout-cta-btn-left:before {

    content: "\e70f"

}



.ti-layout-column4:before {

    content: "\e710"

}



.ti-layout-column3:before {

    content: "\e711"

}



.ti-layout-column2:before {

    content: "\e712"

}



.ti-layout-accordion-separated:before {

    content: "\e713"

}



.ti-layout-accordion-merged:before {

    content: "\e714"

}



.ti-layout-accordion-list:before {

    content: "\e715"

}



.ti-ink-pen:before {

    content: "\e716"

}



.ti-info-alt:before {

    content: "\e717"

}



.ti-help-alt:before {

    content: "\e718"

}



.ti-headphone-alt:before {

    content: "\e719"

}



.ti-hand-point-up:before {

    content: "\e71a"

}



.ti-hand-point-right:before {

    content: "\e71b"

}



.ti-hand-point-left:before {

    content: "\e71c"

}



.ti-hand-point-down:before {

    content: "\e71d"

}



.ti-gallery:before {

    content: "\e71e"

}



.ti-face-smile:before {

    content: "\e71f"

}



.ti-face-sad:before {

    content: "\e720"

}



.ti-credit-card:before {

    content: "\e721"

}



.ti-control-skip-forward:before {

    content: "\e722"

}



.ti-control-skip-backward:before {

    content: "\e723"

}



.ti-control-record:before {

    content: "\e724"

}



.ti-control-eject:before {

    content: "\e725"

}



.ti-comments-smiley:before {

    content: "\e726"

}



.ti-brush-alt:before {

    content: "\e727"

}



.ti-youtube:before {

    content: "\e728"

}



.ti-vimeo:before {

    content: "\e729"

}



.ti-twitter:before {

    content: "\e72a"

}



.ti-time:before {

    content: "\e72b"

}



.ti-tumblr:before {

    content: "\e72c"

}



.ti-skype:before {

    content: "\e72d"

}



.ti-share:before {

    content: "\e72e"

}



.ti-share-alt:before {

    content: "\e72f"

}



.ti-rocket:before {

    content: "\e730"

}



.ti-pinterest:before {

    content: "\e731"

}



.ti-new-window:before {

    content: "\e732"

}



.ti-microsoft:before {

    content: "\e733"

}



.ti-list-ol:before {

    content: "\e734"

}



.ti-linkedin:before {

    content: "\e735"

}



.ti-layout-sidebar-2:before {

    content: "\e736"

}



.ti-layout-grid4-alt:before {

    content: "\e737"

}



.ti-layout-grid3-alt:before {

    content: "\e738"

}



.ti-layout-grid2-alt:before {

    content: "\e739"

}



.ti-layout-column4-alt:before {

    content: "\e73a"

}



.ti-layout-column3-alt:before {

    content: "\e73b"

}



.ti-layout-column2-alt:before {

    content: "\e73c"

}



.ti-instagram:before {

    content: "\e73d"

}



.ti-google:before {

    content: "\e73e"

}



.ti-github:before {

    content: "\e73f"

}



.ti-flickr:before {

    content: "\e740"

}



.ti-facebook:before {

    content: "\e741"

}



.ti-dropbox:before {

    content: "\e742"

}



.ti-dribbble:before {

    content: "\e743"

}



.ti-apple:before {

    content: "\e744"

}



.ti-android:before {

    content: "\e745"

}



.ti-save:before {

    content: "\e746"

}



.ti-save-alt:before {

    content: "\e747"

}



.ti-yahoo:before {

    content: "\e748"

}



.ti-wordpress:before {

    content: "\e749"

}



.ti-vimeo-alt:before {

    content: "\e74a"

}



.ti-twitter-alt:before {

    content: "\e74b"

}



.ti-tumblr-alt:before {

    content: "\e74c"

}



.ti-trello:before {

    content: "\e74d"

}



.ti-stack-overflow:before {

    content: "\e74e"

}



.ti-soundcloud:before {

    content: "\e74f"

}



.ti-sharethis:before {

    content: "\e750"

}



.ti-sharethis-alt:before {

    content: "\e751"

}



.ti-reddit:before {

    content: "\e752"

}



.ti-pinterest-alt:before {

    content: "\e753"

}



.ti-microsoft-alt:before {

    content: "\e754"

}



.ti-linux:before {

    content: "\e755"

}



.ti-jsfiddle:before {

    content: "\e756"

}



.ti-joomla:before {

    content: "\e757"

}



.ti-html5:before {

    content: "\e758"

}



.ti-flickr-alt:before {

    content: "\e759"

}



.ti-email:before {

    content: "\e75a"

}



.ti-drupal:before {

    content: "\e75b"

}



.ti-dropbox-alt:before {

    content: "\e75c"

}



.ti-css3:before {

    content: "\e75d"

}



.ti-rss:before {

    content: "\e75e"

}



.ti-rss-alt:before {

    content: "\e75f"

}





/*!

 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome

 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

 */



@font-face {

    font-family: FontAwesome;

    src: url(../less/icons/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0);

    src: url(../less/icons/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'), url(../less/icons/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg');

    font-weight: 400;

    font-style: normal

}



.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.fa-lg {

    font-size: 1.33333333em;

    line-height: .75em;

    vertical-align: -15%

}



.fa-2x {

    font-size: 2em

}



.fa-3x {

    font-size: 3em

}



.fa-4x {

    font-size: 4em

}



.fa-5x {

    font-size: 5em

}



.fa-fw {

    text-align: center

}



.fa-ul {

    padding-left: 0;

    margin-left: 2.14285714em;

    list-style-type: none

}



.fa-ul>li {

    position: relative

}



.fa-li {

    position: absolute;

    left: -2.14285714em;

    width: 2.14285714em;

    top: .14285714em;

    text-align: center

}



.fa-li.fa-lg {

    left: -1.85714286em

}



.fa-border {

    padding: .2em .25em .15em;

    border: .08em solid #eee;

    border-radius: .1em

}



.fa-pull-left {

    float: left

}



.fa-pull-right {

    float: right

}



.fa.fa-pull-left {

    margin-right: .3em

}



.fa.fa-pull-right {

    margin-left: .3em

}



.pull-right {

    float: right

}



.pull-left {

    float: left

}



.fa.pull-left {

    margin-right: .3em

}



.fa.pull-right {

    margin-left: .3em

}



.fa-spin {

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear

}



.fa-pulse {

    -webkit-animation: fa-spin 1s infinite steps(8);

    animation: fa-spin 1s infinite steps(8)

}



@-webkit-keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.fa-rotate-90 {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fa-rotate-180 {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.fa-rotate-270 {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fa-flip-horizontal {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);

    -webkit-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    transform: scale(-1, 1)

}



.fa-flip-vertical {

    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);

    -webkit-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    transform: scale(1, -1)

}



:root .fa-flip-horizontal,

:root .fa-flip-vertical,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-rotate-90 {

    filter: none

}



.fa-stack {

    position: relative;

    display: inline-block;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle

}



.fa-stack-1x,

.fa-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center

}



.fa-stack-1x {

    line-height: inherit

}



.fa-stack-2x {

    font-size: 2em

}



.fa-inverse {

    color: #fff

}



.fa-glass:before {

    content: "\f000"

}



.fa-music:before {

    content: "\f001"

}



.fa-search:before {

    content: "\f002"

}



.fa-envelope-o:before {

    content: "\f003"

}



.fa-heart:before {

    content: "\f004"

}



.fa-star:before {

    content: "\f005"

}



.fa-star-o:before {

    content: "\f006"

}



.fa-user:before {

    content: "\f007"

}



.fa-film:before {

    content: "\f008"

}



.fa-th-large:before {

    content: "\f009"

}



.fa-th:before {

    content: "\f00a"

}



.fa-th-list:before {

    content: "\f00b"

}



.fa-check:before {

    content: "\f00c"

}



.fa-close:before,

.fa-remove:before,

.fa-times:before {

    content: "\f00d"

}



.fa-search-plus:before {

    content: "\f00e"

}



.fa-search-minus:before {

    content: "\f010"

}



.fa-power-off:before {

    content: "\f011"

}



.fa-signal:before {

    content: "\f012"

}



.fa-cog:before,

.fa-gear:before {

    content: "\f013"

}



.fa-trash-o:before {

    content: "\f014"

}



.fa-home:before {

    content: "\f015"

}



.fa-file-o:before {

    content: "\f016"

}



.fa-clock-o:before {

    content: "\f017"

}



.fa-road:before {

    content: "\f018"

}



.fa-download:before {

    content: "\f019"

}



.fa-arrow-circle-o-down:before {

    content: "\f01a"

}



.fa-arrow-circle-o-up:before {

    content: "\f01b"

}



.fa-inbox:before {

    content: "\f01c"

}



.fa-play-circle-o:before {

    content: "\f01d"

}



.fa-repeat:before,

.fa-rotate-right:before {

    content: "\f01e"

}



.fa-refresh:before {

    content: "\f021"

}



.fa-list-alt:before {

    content: "\f022"

}



.fa-lock:before {

    content: "\f023"

}



.fa-flag:before {

    content: "\f024"

}



.fa-headphones:before {

    content: "\f025"

}



.fa-volume-off:before {

    content: "\f026"

}



.fa-volume-down:before {

    content: "\f027"

}



.fa-volume-up:before {

    content: "\f028"

}



.fa-qrcode:before {

    content: "\f029"

}



.fa-barcode:before {

    content: "\f02a"

}



.fa-tag:before {

    content: "\f02b"

}



.fa-tags:before {

    content: "\f02c"

}



.fa-book:before {

    content: "\f02d"

}



.fa-bookmark:before {

    content: "\f02e"

}



.fa-print:before {

    content: "\f02f"

}



.fa-camera:before {

    content: "\f030"

}



.fa-font:before {

    content: "\f031"

}



.fa-bold:before {

    content: "\f032"

}



.fa-italic:before {

    content: "\f033"

}



.fa-text-height:before {

    content: "\f034"

}



.fa-text-width:before {

    content: "\f035"

}



.fa-align-left:before {

    content: "\f036"

}



.fa-align-center:before {

    content: "\f037"

}



.fa-align-right:before {

    content: "\f038"

}



.fa-align-justify:before {

    content: "\f039"

}



.fa-list:before {

    content: "\f03a"

}



.fa-dedent:before,

.fa-outdent:before {

    content: "\f03b"

}



.fa-indent:before {

    content: "\f03c"

}



.fa-video-camera:before {

    content: "\f03d"

}



.fa-image:before,

.fa-photo:before,

.fa-picture-o:before {

    content: "\f03e"

}



.fa-pencil:before {

    content: "\f040"

}



.fa-map-marker:before {

    content: "\f041"

}



.fa-adjust:before {

    content: "\f042"

}



.fa-tint:before {

    content: "\f043"

}



.fa-edit:before,

.fa-pencil-square-o:before {

    content: "\f044"

}



.fa-share-square-o:before {

    content: "\f045"

}



.fa-check-square-o:before {

    content: "\f046"

}



.fa-arrows:before {

    content: "\f047"

}



.fa-step-backward:before {

    content: "\f048"

}



.fa-fast-backward:before {

    content: "\f049"

}



.fa-backward:before {

    content: "\f04a"

}



.fa-play:before {

    content: "\f04b"

}



.fa-pause:before {

    content: "\f04c"

}



.fa-stop:before {

    content: "\f04d"

}



.fa-forward:before {

    content: "\f04e"

}



.fa-fast-forward:before {

    content: "\f050"

}



.fa-step-forward:before {

    content: "\f051"

}



.fa-eject:before {

    content: "\f052"

}



.fa-chevron-left:before {

    content: "\f053"

}



.fa-chevron-right:before {

    content: "\f054"

}



.fa-plus-circle:before {

    content: "\f055"

}



.fa-minus-circle:before {

    content: "\f056"

}



.fa-times-circle:before {

    content: "\f057"

}



.fa-check-circle:before {

    content: "\f058"

}



.fa-question-circle:before {

    content: "\f059"

}



.fa-info-circle:before {

    content: "\f05a"

}



.fa-crosshairs:before {

    content: "\f05b"

}



.fa-times-circle-o:before {

    content: "\f05c"

}



.fa-check-circle-o:before {

    content: "\f05d"

}



.fa-ban:before {

    content: "\f05e"

}



.fa-arrow-left:before {

    content: "\f060"

}



.fa-arrow-right:before {

    content: "\f061"

}



.fa-arrow-up:before {

    content: "\f062"

}



.fa-arrow-down:before {

    content: "\f063"

}



.fa-mail-forward:before,

.fa-share:before {

    content: "\f064"

}



.fa-expand:before {

    content: "\f065"

}



.fa-compress:before {

    content: "\f066"

}



.fa-plus:before {

    content: "\f067"

}



.fa-minus:before {

    content: "\f068"

}



.fa-asterisk:before {

    content: "\f069"

}



.fa-exclamation-circle:before {

    content: "\f06a"

}



.fa-gift:before {

    content: "\f06b"

}



.fa-leaf:before {

    content: "\f06c"

}



.fa-fire:before {

    content: "\f06d"

}



.fa-eye:before {

    content: "\f06e"

}



.fa-eye-slash:before {

    content: "\f070"

}



.fa-exclamation-triangle:before,

.fa-warning:before {

    content: "\f071"

}



.fa-plane:before {

    content: "\f072"

}



.fa-calendar:before {

    content: "\f073"

}



.fa-random:before {

    content: "\f074"

}



.fa-comment:before {

    content: "\f075"

}



.fa-magnet:before {

    content: "\f076"

}



.fa-chevron-up:before {

    content: "\f077"

}



.fa-chevron-down:before {

    content: "\f078"

}



.fa-retweet:before {

    content: "\f079"

}



.fa-shopping-cart:before {

    content: "\f07a"

}



.fa-folder:before {

    content: "\f07b"

}



.fa-folder-open:before {

    content: "\f07c"

}



.fa-arrows-v:before {

    content: "\f07d"

}



.fa-arrows-h:before {

    content: "\f07e"

}



.fa-bar-chart-o:before,

.fa-bar-chart:before {

    content: "\f080"

}



.fa-twitter-square:before {

    content: "\f081"

}



.fa-facebook-square:before {

    content: "\f082"

}



.fa-camera-retro:before {

    content: "\f083"

}



.fa-key:before {

    content: "\f084"

}



.fa-cogs:before,

.fa-gears:before {

    content: "\f085"

}



.fa-comments:before {

    content: "\f086"

}



.fa-thumbs-o-up:before {

    content: "\f087"

}



.fa-thumbs-o-down:before {

    content: "\f088"

}



.fa-star-half:before {

    content: "\f089"

}



.fa-heart-o:before {

    content: "\f08a"

}



.fa-sign-out:before {

    content: "\f08b"

}



.fa-linkedin-square:before {

    content: "\f08c"

}



.fa-thumb-tack:before {

    content: "\f08d"

}



.fa-external-link:before {

    content: "\f08e"

}



.fa-sign-in:before {

    content: "\f090"

}



.fa-trophy:before {

    content: "\f091"

}



.fa-github-square:before {

    content: "\f092"

}



.fa-upload:before {

    content: "\f093"

}



.fa-lemon-o:before {

    content: "\f094"

}



.fa-phone:before {

    content: "\f095"

}



.fa-square-o:before {

    content: "\f096"

}



.fa-bookmark-o:before {

    content: "\f097"

}



.fa-phone-square:before {

    content: "\f098"

}



.fa-twitter:before {

    content: "\f099"

}



.fa-facebook-f:before,

.fa-facebook:before {

    content: "\f09a"

}



.fa-github:before {

    content: "\f09b"

}



.fa-unlock:before {

    content: "\f09c"

}



.fa-credit-card:before {

    content: "\f09d"

}



.fa-feed:before,

.fa-rss:before {

    content: "\f09e"

}



.fa-hdd-o:before {

    content: "\f0a0"

}



.fa-bullhorn:before {

    content: "\f0a1"

}



.fa-bell:before {

    content: "\f0f3"

}



.fa-certificate:before {

    content: "\f0a3"

}



.fa-hand-o-right:before {

    content: "\f0a4"

}



.fa-hand-o-left:before {

    content: "\f0a5"

}



.fa-hand-o-up:before {

    content: "\f0a6"

}



.fa-hand-o-down:before {

    content: "\f0a7"

}



.fa-arrow-circle-left:before {

    content: "\f0a8"

}



.fa-arrow-circle-right:before {

    content: "\f0a9"

}



.fa-arrow-circle-up:before {

    content: "\f0aa"

}



.fa-arrow-circle-down:before {

    content: "\f0ab"

}



.fa-globe:before {

    content: "\f0ac"

}



.fa-wrench:before {

    content: "\f0ad"

}



.fa-tasks:before {

    content: "\f0ae"

}



.fa-filter:before {

    content: "\f0b0"

}



.fa-briefcase:before {

    content: "\f0b1"

}



.fa-arrows-alt:before {

    content: "\f0b2"

}



.fa-group:before,

.fa-users:before {

    content: "\f0c0"

}



.fa-chain:before,

.fa-link:before {

    content: "\f0c1"

}



.fa-cloud:before {

    content: "\f0c2"

}



.fa-flask:before {

    content: "\f0c3"

}



.fa-cut:before,

.fa-scissors:before {

    content: "\f0c4"

}



.fa-copy:before,

.fa-files-o:before {

    content: "\f0c5"

}



.fa-paperclip:before {

    content: "\f0c6"

}



.fa-floppy-o:before,

.fa-save:before {

    content: "\f0c7"

}



.fa-square:before {

    content: "\f0c8"

}



.fa-bars:before,

.fa-navicon:before,

.fa-reorder:before {

    content: "\f0c9"

}



.fa-list-ul:before {

    content: "\f0ca"

}



.fa-list-ol:before {

    content: "\f0cb"

}



.fa-strikethrough:before {

    content: "\f0cc"

}



.fa-underline:before {

    content: "\f0cd"

}



.fa-table:before {

    content: "\f0ce"

}



.fa-magic:before {

    content: "\f0d0"

}



.fa-truck:before {

    content: "\f0d1"

}



.fa-pinterest:before {

    content: "\f0d2"

}



.fa-pinterest-square:before {

    content: "\f0d3"

}



.fa-google-plus-square:before {

    content: "\f0d4"

}



.fa-google-plus:before {

    content: "\f0d5"

}



.fa-money:before {

    content: "\f0d6"

}



.fa-caret-down:before {

    content: "\f0d7"

}



.fa-caret-up:before {

    content: "\f0d8"

}



.fa-caret-left:before {

    content: "\f0d9"

}



.fa-caret-right:before {

    content: "\f0da"

}



.fa-columns:before {

    content: "\f0db"

}



.fa-sort:before,

.fa-unsorted:before {

    content: "\f0dc"

}



.fa-sort-desc:before,

.fa-sort-down:before {

    content: "\f0dd"

}



.fa-sort-asc:before,

.fa-sort-up:before {

    content: "\f0de"

}



.fa-envelope:before {

    content: "\f0e0"

}



.fa-linkedin:before {

    content: "\f0e1"

}



.fa-rotate-left:before,

.fa-undo:before {

    content: "\f0e2"

}



.fa-gavel:before,

.fa-legal:before {

    content: "\f0e3"

}



.fa-dashboard:before,

.fa-tachometer:before {

    content: "\f0e4"

}



.fa-comment-o:before {

    content: "\f0e5"

}



.fa-comments-o:before {

    content: "\f0e6"

}



.fa-bolt:before,

.fa-flash:before {

    content: "\f0e7"

}



.fa-sitemap:before {

    content: "\f0e8"

}



.fa-umbrella:before {

    content: "\f0e9"

}



.fa-clipboard:before,

.fa-paste:before {

    content: "\f0ea"

}



.fa-lightbulb-o:before {

    content: "\f0eb"

}



.fa-exchange:before {

    content: "\f0ec"

}



.fa-cloud-download:before {

    content: "\f0ed"

}



.fa-cloud-upload:before {

    content: "\f0ee"

}



.fa-user-md:before {

    content: "\f0f0"

}



.fa-stethoscope:before {

    content: "\f0f1"

}



.fa-suitcase:before {

    content: "\f0f2"

}



.fa-bell-o:before {

    content: "\f0a2"

}



.fa-coffee:before {

    content: "\f0f4"

}



.fa-cutlery:before {

    content: "\f0f5"

}



.fa-file-text-o:before {

    content: "\f0f6"

}



.fa-building-o:before {

    content: "\f0f7"

}



.fa-hospital-o:before {

    content: "\f0f8"

}



.fa-ambulance:before {

    content: "\f0f9"

}



.fa-medkit:before {

    content: "\f0fa"

}



.fa-fighter-jet:before {

    content: "\f0fb"

}



.fa-beer:before {

    content: "\f0fc"

}



.fa-h-square:before {

    content: "\f0fd"

}



.fa-plus-square:before {

    content: "\f0fe"

}



.fa-angle-double-left:before {

    content: "\f100"

}



.fa-angle-double-right:before {

    content: "\f101"

}



.fa-angle-double-up:before {

    content: "\f102"

}



.fa-angle-double-down:before {

    content: "\f103"

}



.fa-angle-left:before {

    content: "\f104"

}



.fa-angle-right:before {

    content: "\f105"

}



.fa-angle-up:before {

    content: "\f106"

}



.fa-angle-down:before {

    content: "\f107"

}



.fa-desktop:before {

    content: "\f108"

}



.fa-laptop:before {

    content: "\f109"

}



.fa-tablet:before {

    content: "\f10a"

}



.fa-mobile-phone:before,

.fa-mobile:before {

    content: "\f10b"

}



.fa-circle-o:before {

    content: "\f10c"

}



.fa-quote-left:before {

    content: "\f10d"

}



.fa-quote-right:before {

    content: "\f10e"

}



.fa-spinner:before {

    content: "\f110"

}



.fa-circle:before {

    content: "\f111"

}



.fa-mail-reply:before,

.fa-reply:before {

    content: "\f112"

}



.fa-github-alt:before {

    content: "\f113"

}



.fa-folder-o:before {

    content: "\f114"

}



.fa-folder-open-o:before {

    content: "\f115"

}



.fa-smile-o:before {

    content: "\f118"

}



.fa-frown-o:before {

    content: "\f119"

}



.fa-meh-o:before {

    content: "\f11a"

}



.fa-gamepad:before {

    content: "\f11b"

}



.fa-keyboard-o:before {

    content: "\f11c"

}



.fa-flag-o:before {

    content: "\f11d"

}



.fa-flag-checkered:before {

    content: "\f11e"

}



.fa-terminal:before {

    content: "\f120"

}



.fa-code:before {

    content: "\f121"

}



.fa-mail-reply-all:before,

.fa-reply-all:before {

    content: "\f122"

}



.fa-star-half-empty:before,

.fa-star-half-full:before,

.fa-star-half-o:before {

    content: "\f123"

}



.fa-location-arrow:before {

    content: "\f124"

}



.fa-crop:before {

    content: "\f125"

}



.fa-code-fork:before {

    content: "\f126"

}



.fa-chain-broken:before,

.fa-unlink:before {

    content: "\f127"

}



.fa-question:before {

    content: "\f128"

}



.fa-info:before {

    content: "\f129"

}



.fa-exclamation:before {

    content: "\f12a"

}



.fa-superscript:before {

    content: "\f12b"

}



.fa-subscript:before {

    content: "\f12c"

}



.fa-eraser:before {

    content: "\f12d"

}



.fa-puzzle-piece:before {

    content: "\f12e"

}



.fa-microphone:before {

    content: "\f130"

}



.fa-microphone-slash:before {

    content: "\f131"

}



.fa-shield:before {

    content: "\f132"

}



.fa-calendar-o:before {

    content: "\f133"

}



.fa-fire-extinguisher:before {

    content: "\f134"

}



.fa-rocket:before {

    content: "\f135"

}



.fa-maxcdn:before {

    content: "\f136"

}



.fa-chevron-circle-left:before {

    content: "\f137"

}



.fa-chevron-circle-right:before {

    content: "\f138"

}



.fa-chevron-circle-up:before {

    content: "\f139"

}



.fa-chevron-circle-down:before {

    content: "\f13a"

}



.fa-html5:before {

    content: "\f13b"

}



.fa-css3:before {

    content: "\f13c"

}



.fa-anchor:before {

    content: "\f13d"

}



.fa-unlock-alt:before {

    content: "\f13e"

}



.fa-bullseye:before {

    content: "\f140"

}



.fa-ellipsis-h:before {

    content: "\f141"

}



.fa-ellipsis-v:before {

    content: "\f142"

}



.fa-rss-square:before {

    content: "\f143"

}



.fa-play-circle:before {

    content: "\f144"

}



.fa-ticket:before {

    content: "\f145"

}



.fa-minus-square:before {

    content: "\f146"

}



.fa-minus-square-o:before {

    content: "\f147"

}



.fa-level-up:before {

    content: "\f148"

}



.fa-level-down:before {

    content: "\f149"

}



.fa-check-square:before {

    content: "\f14a"

}



.fa-pencil-square:before {

    content: "\f14b"

}



.fa-external-link-square:before {

    content: "\f14c"

}



.fa-share-square:before {

    content: "\f14d"

}



.fa-compass:before {

    content: "\f14e"

}



.fa-caret-square-o-down:before,

.fa-toggle-down:before {

    content: "\f150"

}



.fa-caret-square-o-up:before,

.fa-toggle-up:before {

    content: "\f151"

}



.fa-caret-square-o-right:before,

.fa-toggle-right:before {

    content: "\f152"

}



.fa-eur:before,

.fa-euro:before {

    content: "\f153"

}



.fa-gbp:before {

    content: "\f154"

}



.fa-dollar:before,

.fa-usd:before {

    content: "\f155"

}



.fa-inr:before,

.fa-rupee:before {

    content: "\f156"

}



.fa-cny:before,

.fa-jpy:before,

.fa-rmb:before,

.fa-yen:before {

    content: "\f157"

}



.fa-rouble:before,

.fa-rub:before,

.fa-ruble:before {

    content: "\f158"

}



.fa-krw:before,

.fa-won:before {

    content: "\f159"

}



.fa-bitcoin:before,

.fa-btc:before {

    content: "\f15a"

}



.fa-file:before {

    content: "\f15b"

}



.fa-file-text:before {

    content: "\f15c"

}



.fa-sort-alpha-asc:before {

    content: "\f15d"

}



.fa-sort-alpha-desc:before {

    content: "\f15e"

}



.fa-sort-amount-asc:before {

    content: "\f160"

}



.fa-sort-amount-desc:before {

    content: "\f161"

}



.fa-sort-numeric-asc:before {

    content: "\f162"

}



.fa-sort-numeric-desc:before {

    content: "\f163"

}



.fa-thumbs-up:before {

    content: "\f164"

}



.fa-thumbs-down:before {

    content: "\f165"

}



.fa-youtube-square:before {

    content: "\f166"

}



.fa-youtube:before {

    content: "\f167"

}



.fa-xing:before {

    content: "\f168"

}



.fa-xing-square:before {

    content: "\f169"

}



.fa-youtube-play:before {

    content: "\f16a"

}



.fa-dropbox:before {

    content: "\f16b"

}



.fa-stack-overflow:before {

    content: "\f16c"

}



.fa-instagram:before {

    content: "\f16d"

}



.fa-flickr:before {

    content: "\f16e"

}



.fa-adn:before {

    content: "\f170"

}



.fa-bitbucket:before {

    content: "\f171"

}



.fa-bitbucket-square:before {

    content: "\f172"

}



.fa-tumblr:before {

    content: "\f173"

}



.fa-tumblr-square:before {

    content: "\f174"

}



.fa-long-arrow-down:before {

    content: "\f175"

}



.fa-long-arrow-up:before {

    content: "\f176"

}



.fa-long-arrow-left:before {

    content: "\f177"

}



.fa-long-arrow-right:before {

    content: "\f178"

}



.fa-apple:before {

    content: "\f179"

}



.fa-windows:before {

    content: "\f17a"

}



.fa-android:before {

    content: "\f17b"

}



.fa-linux:before {

    content: "\f17c"

}



.fa-dribbble:before {

    content: "\f17d"

}



.fa-skype:before {

    content: "\f17e"

}



.fa-foursquare:before {

    content: "\f180"

}



.fa-trello:before {

    content: "\f181"

}



.fa-female:before {

    content: "\f182"

}



.fa-male:before {

    content: "\f183"

}



.fa-gittip:before,

.fa-gratipay:before {

    content: "\f184"

}



.fa-sun-o:before {

    content: "\f185"

}



.fa-moon-o:before {

    content: "\f186"

}



.fa-archive:before {

    content: "\f187"

}



.fa-bug:before {

    content: "\f188"

}



.fa-vk:before {

    content: "\f189"

}



.fa-weibo:before {

    content: "\f18a"

}



.fa-renren:before {

    content: "\f18b"

}



.fa-pagelines:before {

    content: "\f18c"

}



.fa-stack-exchange:before {

    content: "\f18d"

}



.fa-arrow-circle-o-right:before {

    content: "\f18e"

}



.fa-arrow-circle-o-left:before {

    content: "\f190"

}



.fa-caret-square-o-left:before,

.fa-toggle-left:before {

    content: "\f191"

}



.fa-dot-circle-o:before {

    content: "\f192"

}



.fa-wheelchair:before {

    content: "\f193"

}



.fa-vimeo-square:before {

    content: "\f194"

}



.fa-try:before,

.fa-turkish-lira:before {

    content: "\f195"

}



.fa-plus-square-o:before {

    content: "\f196"

}



.fa-space-shuttle:before {

    content: "\f197"

}



.fa-slack:before {

    content: "\f198"

}



.fa-envelope-square:before {

    content: "\f199"

}



.fa-wordpress:before {

    content: "\f19a"

}



.fa-openid:before {

    content: "\f19b"

}



.fa-bank:before,

.fa-institution:before,

.fa-university:before {

    content: "\f19c"

}



.fa-graduation-cap:before,

.fa-mortar-board:before {

    content: "\f19d"

}



.fa-yahoo:before {

    content: "\f19e"

}



.fa-google:before {

    content: "\f1a0"

}



.fa-reddit:before {

    content: "\f1a1"

}



.fa-reddit-square:before {

    content: "\f1a2"

}



.fa-stumbleupon-circle:before {

    content: "\f1a3"

}



.fa-stumbleupon:before {

    content: "\f1a4"

}



.fa-delicious:before {

    content: "\f1a5"

}



.fa-digg:before {

    content: "\f1a6"

}



.fa-pied-piper:before {

    content: "\f1a7"

}



.fa-pied-piper-alt:before {

    content: "\f1a8"

}



.fa-drupal:before {

    content: "\f1a9"

}



.fa-joomla:before {

    content: "\f1aa"

}



.fa-language:before {

    content: "\f1ab"

}



.fa-fax:before {

    content: "\f1ac"

}



.fa-building:before {

    content: "\f1ad"

}



.fa-child:before {

    content: "\f1ae"

}



.fa-paw:before {

    content: "\f1b0"

}



.fa-spoon:before {

    content: "\f1b1"

}



.fa-cube:before {

    content: "\f1b2"

}



.fa-cubes:before {

    content: "\f1b3"

}



.fa-behance:before {

    content: "\f1b4"

}



.fa-behance-square:before {

    content: "\f1b5"

}



.fa-steam:before {

    content: "\f1b6"

}



.fa-steam-square:before {

    content: "\f1b7"

}



.fa-recycle:before {

    content: "\f1b8"

}



.fa-automobile:before,

.fa-car:before {

    content: "\f1b9"

}



.fa-cab:before,

.fa-taxi:before {

    content: "\f1ba"

}



.fa-tree:before {

    content: "\f1bb"

}



.fa-spotify:before {

    content: "\f1bc"

}



.fa-deviantart:before {

    content: "\f1bd"

}



.fa-soundcloud:before {

    content: "\f1be"

}



.fa-database:before {

    content: "\f1c0"

}



.fa-file-pdf-o:before {

    content: "\f1c1"

}



.fa-file-word-o:before {

    content: "\f1c2"

}



.fa-file-excel-o:before {

    content: "\f1c3"

}



.fa-file-powerpoint-o:before {

    content: "\f1c4"

}



.fa-file-image-o:before,

.fa-file-photo-o:before,

.fa-file-picture-o:before {

    content: "\f1c5"

}



.fa-file-archive-o:before,

.fa-file-zip-o:before {

    content: "\f1c6"

}



.fa-file-audio-o:before,

.fa-file-sound-o:before {

    content: "\f1c7"

}



.fa-file-movie-o:before,

.fa-file-video-o:before {

    content: "\f1c8"

}



.fa-file-code-o:before {

    content: "\f1c9"

}



.fa-vine:before {

    content: "\f1ca"

}



.fa-codepen:before {

    content: "\f1cb"

}



.fa-jsfiddle:before {

    content: "\f1cc"

}



.fa-life-bouy:before,

.fa-life-buoy:before,

.fa-life-ring:before,

.fa-life-saver:before,

.fa-support:before {

    content: "\f1cd"

}



.fa-circle-o-notch:before {

    content: "\f1ce"

}



.fa-ra:before,

.fa-rebel:before {

    content: "\f1d0"

}



.fa-empire:before,

.fa-ge:before {

    content: "\f1d1"

}



.fa-git-square:before {

    content: "\f1d2"

}



.fa-git:before {

    content: "\f1d3"

}



.fa-hacker-news:before,

.fa-y-combinator-square:before,

.fa-yc-square:before {

    content: "\f1d4"

}



.fa-tencent-weibo:before {

    content: "\f1d5"

}



.fa-qq:before {

    content: "\f1d6"

}



.fa-wechat:before,

.fa-weixin:before {

    content: "\f1d7"

}



.fa-paper-plane:before,

.fa-send:before {

    content: "\f1d8"

}



.fa-paper-plane-o:before,

.fa-send-o:before {

    content: "\f1d9"

}



.fa-history:before {

    content: "\f1da"

}



.fa-circle-thin:before {

    content: "\f1db"

}



.fa-header:before {

    content: "\f1dc"

}



.fa-paragraph:before {

    content: "\f1dd"

}



.fa-sliders:before {

    content: "\f1de"

}



.fa-share-alt:before {

    content: "\f1e0"

}



.fa-share-alt-square:before {

    content: "\f1e1"

}



.fa-bomb:before {

    content: "\f1e2"

}



.fa-futbol-o:before,

.fa-soccer-ball-o:before {

    content: "\f1e3"

}



.fa-tty:before {

    content: "\f1e4"

}



.fa-binoculars:before {

    content: "\f1e5"

}



.fa-plug:before {

    content: "\f1e6"

}



.fa-slideshare:before {

    content: "\f1e7"

}



.fa-twitch:before {

    content: "\f1e8"

}



.fa-yelp:before {

    content: "\f1e9"

}



.fa-newspaper-o:before {

    content: "\f1ea"

}



.fa-wifi:before {

    content: "\f1eb"

}



.fa-calculator:before {

    content: "\f1ec"

}



.fa-paypal:before {

    content: "\f1ed"

}



.fa-google-wallet:before {

    content: "\f1ee"

}



.fa-cc-visa:before {

    content: "\f1f0"

}



.fa-cc-mastercard:before {

    content: "\f1f1"

}



.fa-cc-discover:before {

    content: "\f1f2"

}



.fa-cc-amex:before {

    content: "\f1f3"

}



.fa-cc-paypal:before {

    content: "\f1f4"

}



.fa-cc-stripe:before {

    content: "\f1f5"

}



.fa-bell-slash:before {

    content: "\f1f6"

}



.fa-bell-slash-o:before {

    content: "\f1f7"

}



.fa-trash:before {

    content: "\f1f8"

}



.fa-copyright:before {

    content: "\f1f9"

}



.fa-at:before {

    content: "\f1fa"

}



.fa-eyedropper:before {

    content: "\f1fb"

}



.fa-paint-brush:before {

    content: "\f1fc"

}



.fa-birthday-cake:before {

    content: "\f1fd"

}



.fa-area-chart:before {

    content: "\f1fe"

}



.fa-pie-chart:before {

    content: "\f200"

}



.fa-line-chart:before {

    content: "\f201"

}



.fa-lastfm:before {

    content: "\f202"

}



.fa-lastfm-square:before {

    content: "\f203"

}



.fa-toggle-off:before {

    content: "\f204"

}



.fa-toggle-on:before {

    content: "\f205"

}



.fa-bicycle:before {

    content: "\f206"

}



.fa-bus:before {

    content: "\f207"

}



.fa-ioxhost:before {

    content: "\f208"

}



.fa-angellist:before {

    content: "\f209"

}



.fa-cc:before {

    content: "\f20a"

}



.fa-ils:before,

.fa-shekel:before,

.fa-sheqel:before {

    content: "\f20b"

}



.fa-meanpath:before {

    content: "\f20c"

}



.fa-buysellads:before {

    content: "\f20d"

}



.fa-connectdevelop:before {

    content: "\f20e"

}



.fa-dashcube:before {

    content: "\f210"

}



.fa-forumbee:before {

    content: "\f211"

}



.fa-leanpub:before {

    content: "\f212"

}



.fa-sellsy:before {

    content: "\f213"

}



.fa-shirtsinbulk:before {

    content: "\f214"

}



.fa-simplybuilt:before {

    content: "\f215"

}



.fa-skyatlas:before {

    content: "\f216"

}



.fa-cart-plus:before {

    content: "\f217"

}



.fa-cart-arrow-down:before {

    content: "\f218"

}



.fa-diamond:before {

    content: "\f219"

}



.fa-ship:before {

    content: "\f21a"

}



.fa-user-secret:before {

    content: "\f21b"

}



.fa-motorcycle:before {

    content: "\f21c"

}



.fa-street-view:before {

    content: "\f21d"

}



.fa-heartbeat:before {

    content: "\f21e"

}



.fa-venus:before {

    content: "\f221"

}



.fa-mars:before {

    content: "\f222"

}



.fa-mercury:before {

    content: "\f223"

}



.fa-intersex:before,

.fa-transgender:before {

    content: "\f224"

}



.fa-transgender-alt:before {

    content: "\f225"

}



.fa-venus-double:before {

    content: "\f226"

}



.fa-mars-double:before {

    content: "\f227"

}



.fa-venus-mars:before {

    content: "\f228"

}



.fa-mars-stroke:before {

    content: "\f229"

}



.fa-mars-stroke-v:before {

    content: "\f22a"

}



.fa-mars-stroke-h:before {

    content: "\f22b"

}



.fa-neuter:before {

    content: "\f22c"

}



.fa-genderless:before {

    content: "\f22d"

}



.fa-facebook-official:before {

    content: "\f230"

}



.fa-pinterest-p:before {

    content: "\f231"

}



.fa-whatsapp:before {

    content: "\f232"

}



.fa-server:before {

    content: "\f233"

}



.fa-user-plus:before {

    content: "\f234"

}



.fa-user-times:before {

    content: "\f235"

}



.fa-bed:before,

.fa-hotel:before {

    content: "\f236"

}



.fa-viacoin:before {

    content: "\f237"

}



.fa-train:before {

    content: "\f238"

}



.fa-subway:before {

    content: "\f239"

}



.fa-medium:before {

    content: "\f23a"

}



.fa-y-combinator:before,

.fa-yc:before {

    content: "\f23b"

}



.fa-optin-monster:before {

    content: "\f23c"

}



.fa-opencart:before {

    content: "\f23d"

}



.fa-expeditedssl:before {

    content: "\f23e"

}



.fa-battery-4:before,

.fa-battery-full:before {

    content: "\f240"

}



.fa-battery-3:before,

.fa-battery-three-quarters:before {

    content: "\f241"

}



.fa-battery-2:before,

.fa-battery-half:before {

    content: "\f242"

}



.fa-battery-1:before,

.fa-battery-quarter:before {

    content: "\f243"

}



.fa-battery-0:before,

.fa-battery-empty:before {

    content: "\f244"

}



.fa-mouse-pointer:before {

    content: "\f245"

}



.fa-i-cursor:before {

    content: "\f246"

}



.fa-object-group:before {

    content: "\f247"

}



.fa-object-ungroup:before {

    content: "\f248"

}



.fa-sticky-note:before {

    content: "\f249"

}



.fa-sticky-note-o:before {

    content: "\f24a"

}



.fa-cc-jcb:before {

    content: "\f24b"

}



.fa-cc-diners-club:before {

    content: "\f24c"

}



.fa-clone:before {

    content: "\f24d"

}



.fa-balance-scale:before {

    content: "\f24e"

}



.fa-hourglass-o:before {

    content: "\f250"

}



.fa-hourglass-1:before,

.fa-hourglass-start:before {

    content: "\f251"

}



.fa-hourglass-2:before,

.fa-hourglass-half:before {

    content: "\f252"

}



.fa-hourglass-3:before,

.fa-hourglass-end:before {

    content: "\f253"

}



.fa-hourglass:before {

    content: "\f254"

}



.fa-hand-grab-o:before,

.fa-hand-rock-o:before {

    content: "\f255"

}



.fa-hand-paper-o:before,

.fa-hand-stop-o:before {

    content: "\f256"

}



.fa-hand-scissors-o:before {

    content: "\f257"

}



.fa-hand-lizard-o:before {

    content: "\f258"

}



.fa-hand-spock-o:before {

    content: "\f259"

}



.fa-hand-pointer-o:before {

    content: "\f25a"

}



.fa-hand-peace-o:before {

    content: "\f25b"

}



.fa-trademark:before {

    content: "\f25c"

}



.fa-registered:before {

    content: "\f25d"

}



.fa-creative-commons:before {

    content: "\f25e"

}



.fa-gg:before {

    content: "\f260"

}



.fa-gg-circle:before {

    content: "\f261"

}



.fa-tripadvisor:before {

    content: "\f262"

}



.fa-odnoklassniki:before {

    content: "\f263"

}



.fa-odnoklassniki-square:before {

    content: "\f264"

}



.fa-get-pocket:before {

    content: "\f265"

}



.fa-wikipedia-w:before {

    content: "\f266"

}



.fa-safari:before {

    content: "\f267"

}



.fa-chrome:before {

    content: "\f268"

}



.fa-firefox:before {

    content: "\f269"

}



.fa-opera:before {

    content: "\f26a"

}



.fa-internet-explorer:before {

    content: "\f26b"

}



.fa-television:before,

.fa-tv:before {

    content: "\f26c"

}



.fa-contao:before {

    content: "\f26d"

}



.fa-500px:before {

    content: "\f26e"

}



.fa-amazon:before {

    content: "\f270"

}



.fa-calendar-plus-o:before {

    content: "\f271"

}



.fa-calendar-minus-o:before {

    content: "\f272"

}



.fa-calendar-times-o:before {

    content: "\f273"

}



.fa-calendar-check-o:before {

    content: "\f274"

}



.fa-industry:before {

    content: "\f275"

}



.fa-map-pin:before {

    content: "\f276"

}



.fa-map-signs:before {

    content: "\f277"

}



.fa-map-o:before {

    content: "\f278"

}



.fa-map:before {

    content: "\f279"

}



.fa-commenting:before {

    content: "\f27a"

}



.fa-commenting-o:before {

    content: "\f27b"

}



.fa-houzz:before {

    content: "\f27c"

}



.fa-vimeo:before {

    content: "\f27d"

}



.fa-black-tie:before {

    content: "\f27e"

}



.fa-fonticons:before {

    content: "\f280"

}



.fa-reddit-alien:before {

    content: "\f281"

}



.fa-edge:before {

    content: "\f282"

}



.fa-credit-card-alt:before {

    content: "\f283"

}



.fa-codiepie:before {

    content: "\f284"

}



.fa-modx:before {

    content: "\f285"

}



.fa-fort-awesome:before {

    content: "\f286"

}



.fa-usb:before {

    content: "\f287"

}



.fa-product-hunt:before {

    content: "\f288"

}



.fa-mixcloud:before {

    content: "\f289"

}



.fa-scribd:before {

    content: "\f28a"

}



.fa-pause-circle:before {

    content: "\f28b"

}



.fa-pause-circle-o:before {

    content: "\f28c"

}



.fa-stop-circle:before {

    content: "\f28d"

}



.fa-stop-circle-o:before {

    content: "\f28e"

}



.fa-shopping-bag:before {

    content: "\f290"

}



.fa-shopping-basket:before {

    content: "\f291"

}



.fa-hashtag:before {

    content: "\f292"

}



.fa-bluetooth:before {

    content: "\f293"

}



.fa-bluetooth-b:before {

    content: "\f294"

}



.fa-percent:before {

    content: "\f295"

}



.sttabs {

    position: relative;

    overflow: hidden;

    margin: 0 auto;

    width: 100%;

    font-weight: 300

}



.sticon::before {

    display: inline-block;

    margin: 0 .4em 0 0;

    vertical-align: middle;

    font-size: 20px;

    speak: none;

    -webkit-backface-visibility: hidden;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.sttabs nav {

    text-align: center

}



.sttabs nav ul {

    position: relative;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: flex;

    margin: 0 auto;

    padding: 0;

    font-family: Poppins, sans-serif;

    list-style: none;

    -ms-box-orient: horizontal;

    -ms-box-pack: center;

    -webkit-flex-flow: row wrap;

    -moz-flex-flow: row wrap;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    justify-content: center

}



.sttabs nav ul li {

    position: relative;

    z-index: 1;

    display: block;

    margin: 0;

    text-align: center;

    -webkit-flex: 1;

    -moz-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.sttabs nav a {

    position: relative;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 2.5

}



.sttabs nav a span {

    vertical-align: middle;

    font-wight: 500;

    font-size: 14px;

    font-family: 'Open Sans', sans-serif

}



.sttabs nav a:focus {

    outline: 0

}



.sttabs nav li.tab-current a {

    color: #e74a25

}



.tabs-style-bar nav ul li a {

    margin: 0 2px;

    background-color: #f7fafc;

    color: #686868;

    padding: 5px 0;

    transition: background-color .2s, color .2s

}



.tabs-style-bar nav ul li a:focus,

.tabs-style-bar nav ul li a:hover {

    color: #e74a25

}



.tabs-style-bar nav ul li a span {

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 14px;

    font-family: Poppins, sans-serif

}



.tabs-style-bar nav ul li.tab-current a {

    background: #fb9678;

    color: #fff

}



.tabs-style-iconbox nav {

    background: #f7fafc

}



.tabs-style-iconbox nav ul li a {

    overflow: visible;

    padding: 35px 0;

    line-height: 1;

    -webkit-transition: color .2s;

    transition: color .2s;

    color: #2b2b2b

}



.tabs-style-iconbox nav ul li.tab-current {

    z-index: 1

}



.tabs-style-iconbox nav ul li.tab-current a {

    background: #e74a25;

    color: #fff;

    box-shadow: -1px 0 0 #fff

}



.tabs-style-iconbox nav ul li.tab-current a::after {

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -10px;

    width: 0;

    height: 0;

    border: solid transparent;

    border-width: 10px;

    border-top-color: #fb9678;

    content: '';

    pointer-events: none

}



.tabs-style-iconbox nav ul li::after,

.tabs-style-iconbox nav ul li:first-child::before {

    position: absolute;

    top: 20%;

    right: 0;

    z-index: -1;

    width: 1px;

    height: 60%;

    content: ''

}



.tabs-style-iconbox nav ul li:first-child::before {

    right: auto;

    left: 0

}



.tabs-style-iconbox .sticon::before {

    display: block;

    margin: 0 0 .25em

}



.tabs-style-underline nav {

    border: 1px solid rgba(255, 255, 255, .2)

}



.tabs-style-underline nav a {

    padding: 20px 0;

    border-left: 1px solid rgba(255, 255, 255, .2);

    -webkit-transition: color .2s;

    transition: color .2s;

    color: #2b2b2b

}



.tabs-style-underline nav li:last-child a {

    border-right: 1px solid rgba(255, 255, 255, .2)

}



.tabs-style-underline nav li a::after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 6px;

    background: #fb9678;

    content: '';

    -webkit-transition: -webkit-transform .3s;

    transition: transform .3s;

    -webkit-transform: translate3d(0, 150%, 0);

    transform: translate3d(0, 150%, 0)

}



.tabs-style-underline nav li.tab-current a::after {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.tabs-style-linetriangle nav a {

    overflow: visible;

    border-bottom: 1px solid rgba(0, 0, 0, .2);

    -webkit-transition: color .2s;

    transition: color .2s

}



.tabs-style-linetriangle nav a span {

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

    padding: 15px 0;

    color: #2b2b2b

}



.tabs-style-linetriangle nav li.tab-current a:after,

.tabs-style-linetriangle nav li.tab-current a:before {

    position: absolute;

    top: 100%;

    left: 50%;

    width: 0;

    height: 0;

    border: solid transparent;

    content: '';

    pointer-events: none

}



.tabs-style-linetriangle nav li.tab-current a:after {

    margin-left: -10px;

    border-width: 10px;

    border-top-color: #fff

}



.tabs-style-linetriangle nav li.tab-current a span {

    color: #e74a25

}



.tabs-style-linetriangle nav li.tab-current a:before {

    margin-left: -11px;

    border-width: 11px;

    border-top-color: rgba(0, 0, 0, .2)

}



.tabs-style-iconfall {

    overflow: visible

}



.tabs-style-iconfall nav {

    max-width: 1200px;

    margin: 0 auto

}



.tabs-style-iconfall nav a {

    display: inline-block;

    overflow: visible;

    padding: 1em 0 2em;

    color: #2b2b2b;

    line-height: 1;

    -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1);

    transition: color .3s cubic-bezier(.7, 0, .3, 1)

}



.tabs-style-iconfall nav a:focus,

.tabs-style-iconfall nav a:hover,

.tabs-style-iconfall nav li.tab-current a {

    color: #e74a25

}



.tabs-style-iconfall nav li::before {

    position: absolute;

    bottom: 1em;

    left: 50%;

    margin-left: -20px;

    width: 40px;

    height: 4px;

    background: #e74a25;

    content: '';

    opacity: 0;

    -webkit-transition: -webkit-transform .2s ease-in;

    transition: transform .2s ease-in;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1)

}



.tabs-style-iconfall nav li.tab-current::before {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.tabs-style-iconfall nav li.tab-current .sticon::before {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.tabs-style-iconfall .sticon::before {

    display: block;

    margin: 0 0 .35em;

    opacity: 0;

    font-size: 24px;

    -webkit-transition: -webkit-transform .2s, opacity .2s;

    transition: transform .2s, opacity .2s;

    -webkit-transform: translate3d(0, -100px, 0);

    transform: translate3d(0, -100px, 0);

    pointer-events: none

}



@media screen and (max-width:58em) {

    .tabs-style-iconfall nav li .sticon::before {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.tabs-style-linemove nav {

    background: #f7fafc

}



.tabs-style-linemove nav li:last-child::before {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #e74a25;

    content: '';

    -webkit-transition: -webkit-transform .3s;

    transition: transform .3s

}



.tabs-style-linemove nav li:first-child.tab-current~li:last-child::before {

    -webkit-transform: translate3d(-400%, 0, 0);

    transform: translate3d(-400%, 0, 0)

}



.tabs-style-linemove nav li:nth-child(2).tab-current~li:last-child::before {

    -webkit-transform: translate3d(-300%, 0, 0);

    transform: translate3d(-300%, 0, 0)

}



.tabs-style-linemove nav li:nth-child(3).tab-current~li:last-child::before {

    -webkit-transform: translate3d(-200%, 0, 0);

    transform: translate3d(-200%, 0, 0)

}



.tabs-style-linemove nav li:nth-child(4).tab-current~li:last-child::before {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0)

}



.tabs-style-linemove nav a {

    padding: 30px 0;

    color: #2b2b2b;

    line-height: 1;

    -webkit-transition: color .3s, -webkit-transform .3s;

    transition: color .3s, transform .3s

}



.tabs-style-linemove nav li.tab-current a {

    color: #e74a25

}



.tabs-style-line nav a {

    padding: 20px 10px;

    box-shadow: inset 0 -2px #d1d3d2;

    color: #686868;

    text-align: left;

    text-transform: uppercase;

    letter-spacing: 1px;

    line-height: 1;

    -webkit-transition: color .3s, box-shadow .3s;

    transition: color .3s, box-shadow .3s

}



.tabs-style-line nav a:focus,

.tabs-style-line nav a:hover {

    box-shadow: inset 0 -2px #74777b

}



.tabs-style-line nav li.tab-current a {

    box-shadow: inset 0 -2px #e74a25;

    color: #e74a25

}



@media screen and (max-width:58em) {

    .tabs-style-line nav ul {

        display: block;

        box-shadow: none

    }

    .tabs-style-line nav ul li {

        display: block;

        -webkit-flex: none;

        flex: none

    }

}



.tabs-style-circle {

    overflow: visible

}



.tabs-style-circle nav li {

    margin-top: 60px!important;

    margin-bottom: 60px!important

}



.tabs-style-circle nav li::before {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -60px 0 0 -60px;

    width: 120px;

    height: 120px;

    border: 1px solid #fb9678;

    border-radius: 50%;

    content: '';

    opacity: 0;

    -webkit-transition: -webkit-transform .2s, opacity .2s;

    transition: transform .2s, opacity .2s;

    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);

    transition-timing-function: cubic-bezier(.7, 0, .3, 1)

}



.tabs-style-circle nav a {

    overflow: visible;

    color: #2b2b2b;

    font-weight: 500;

    font-size: 14;

    line-height: 1.1;

    -webkit-transition: color .3s cubic-bezier(.7, 0, .3, 1);

    transition: color .3s cubic-bezier(.7, 0, .3, 1)

}



.tabs-style-circle nav a span {

    display: inline-block

}



.tabs-style-circle nav a:focus,

.tabs-style-circle nav a:hover,

.tabs-style-circle nav li.tab-current a {

    color: #e74a25

}



.tabs-style-circle nav li.tab-current a span {

    -webkit-transform: translate3d(0, 4px, 0);

    transform: translate3d(0, 4px, 0)

}



@media screen and (max-width:58em) {

    .tabs-style-circle nav li::before {

        margin: -40px 0 0 -40px;

        width: 80px;

        height: 80px

    }

}



.tabs-style-circle nav li.tab-current::before {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.tabs-style-circle .icon::before,

.tabs-style-circle nav a span {

    -webkit-transition: -webkit-transform .3s cubic-bezier(.7, 0, .3, 1);

    transition: transform .3s cubic-bezier(.7, 0, .3, 1)

}



.tabs-style-circle .sticon::before {

    display: block;

    margin: 0;

    pointer-events: none

}



.tabs-style-circle nav li.tab-current .sticon::before {

    -webkit-transform: translate3d(0, -4px, 0);

    transform: translate3d(0, -4px, 0)

}



.tabs-style-shape {

    max-width: 1200px;

    margin: 0 auto

}



.tabs-style-shape nav ul li {

    margin: 0 3em

}



.tabs-style-shape nav ul li:first-child {

    margin-left: 0

}



.tabs-style-shape nav ul li.tab-current {

    z-index: 1

}



.tabs-style-shape nav li a {

    overflow: visible;

    margin: 0 -3em 0 0;

    padding: 0;

    color: #fff;

    font-weight: 500

}





.tabs-style-shape nav li a svg {

    position: absolute;

    left: 100%;

    margin: 0;

    width: 3em;

    height: 100%;

    fill: #bdc2c9

}



.tabs-style-shape nav li:first-child a span {

    padding-left: 2em;

    border-radius: 30px 0 0

}



.tabs-style-shape nav li:last-child a span {

    padding-right: 2em;

    border-radius: 0 30px 0 0

}



.tabs-style-shape nav li a svg:nth-child(2),

.tabs-style-shape nav li:last-child a svg {

    right: 100%;

    left: auto;

    -webkit-transform: scale3d(-1, 1, 1);

    transform: scale3d(-1, 1, 1)

}



.tabs-style-shape nav li a span {

    display: block;

    overflow: hidden;

    padding: .65em 0;

    background-color: #bdc2c9;

    text-overflow: ellipsis;

    white-space: nowrap

}



.tabs-style-shape nav li a:hover span {

    background-color: #e74a25

}



.tabs-style-shape nav li a:hover svg {

    fill: #e74a25

}



.tabs-style-shape nav li a svg {

    pointer-events: none

}



.tabs-style-shape nav li a svg use {

    pointer-events: auto

}



.tabs-style-shape nav li.tab-current a span,

.tabs-style-shape nav li.tab-current a svg {

    -webkit-transition: none;

    transition: none

}



.tabs-style-shape nav li.tab-current a span {

    background: #f7fafc

}



.tabs-style-shape nav li.tab-current a svg {

    fill: #f7fafc

}



.tabs-style-shape .content-wrap {

    background: #f7fafc

}



@media screen and (max-width:58em) {

    .tabs-style-shape nav ul {

        display: block;

        padding-top: 1.5em

    }

    .tabs-style-shape nav ul li {

        display: block;

        margin: -1.25em 0 0;

        -webkit-flex: none;

        flex: none

    }

    .tabs-style-shape nav ul li a {

        margin: 0

    }

    .tabs-style-shape nav ul li svg {

        display: none

    }

    .tabs-style-shape nav ul li a span {

        padding: 1.25em 0 2em!important;

        border-radius: 30px 30px 0 0!important;

        box-shadow: 0 -1px 2px rgba(0, 0, 0, .1);

        line-height: 1

    }

    .tabs-style-shape nav ul li:last-child a span {

        padding: 1.25em 0!important

    }

    .tabs-style-shape nav ul li.tab-current {

        z-index: 1

    }

}



.tabs-style-linebox nav ul li {

    margin: 0 .5em;

    -webkit-flex: none;

    flex: none

}



.tabs-style-linebox nav a {

    padding: 0 1.5em;

    color: #2b2b2b;

    font-weight: 500;

    -webkit-transition: color .3s;

    transition: color .3s

}



.tabs-style-linebox nav a:focus,

.tabs-style-linebox nav a:hover {

    color: #e74a25

}



.tabs-style-linebox nav li.tab-current a {

    color: #fff

}



.tabs-style-linebox nav a::after {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: #d2d8d6;

    content: '';

    -webkit-transition: background-color .3s, -webkit-transform .3s;

    transition: background-color .3s, transform .3s;

    -webkit-transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1);

    transition-timing-function: ease, cubic-bezier(.7, 0, .3, 1);

    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);

    transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0)

}



.tabs-style-linebox nav li.tab-current a::after {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.tabs-style-linebox nav a:focus::after,

.tabs-style-linebox nav a:hover::after,

.tabs-style-linebox nav li.tab-current a::after {

    background: #e74a25

}



@media screen and (max-width:58em) {

    .tabs-style-linebox nav ul {

        display: block;

        box-shadow: none

    }

    .tabs-style-linebox nav ul li {

        display: block;

        -webkit-flex: none;

        flex: none

    }

}



.tabs-style-flip {

    max-width: 1200px;

    margin: 0 auto

}



.tabs-style-flip nav a {

    padding: .5em 0;

    color: #2b2b2b;

    -webkit-transition: color .3s;

    transition: color .3s

}



.tabs-style-flip nav a:focus,

.tabs-style-flip nav a:hover {

    color: #e74a25

}



.tabs-style-flip nav a span {

    text-transform: uppercase;

    letter-spacing: 1px

}



.tabs-style-flip nav a::after {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background-color: #f0f0f0;

    content: '';

    -webkit-transition: -webkit-transform .3s, background-color .3s;

    transition: transform .3s, background-color .3s;

    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg);

    transform: perspective(900px) rotate3d(1, 0, 0, 90deg);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-perspective-origin: 50% 100%;

    perspective-origin: 50% 100%

}



.tabs-style-flip nav li.tab-current a {

    color: #e74a25

}



.tabs-style-flip nav li.tab-current a::after {

    background-color: #f7fafc;

    -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg);

    transform: perspective(900px) rotate3d(1, 0, 0, 0deg)

}



.tabs-style-flip .content-wrap {

    background: #f7fafc

}



.tabs-style-circlefill {

    max-width: 800px;

    border: 1px solid #e74a25;

    margin: 0 auto

}



.tabs-style-circlefill nav ul li {

    overflow: hidden;

    border-right: 1px solid #e74a25

}



.tabs-style-circlefill nav li a {

    padding: 1.5em 0;

    color: #fff;

    font-size: 1.25em

}



.tabs-style-circlefill nav li:first-child {

    border-left: none

}



.tabs-style-circlefill nav li:last-child {

    border: none

}



.tabs-style-circlefill nav li::before {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -40px 0 0 -40px;

    width: 80px;

    height: 80px;

    border: 1px solid #e74a25;

    border-radius: 50%;

    background: #e74a25;

    content: '';

    -webkit-transition: -webkit-transform .3s;

    transition: transform .3s

}



.tabs-style-circlefill nav li.tab-current::before {

    -webkit-transform: scale3d(2.5, 2.5, 1);

    transform: scale3d(2.5, 2.5, 1)

}



.tabs-style-circlefill nav a {

    -webkit-transition: color .3s;

    transition: color .3s

}



.tabs-style-circlefill nav a span {

    display: none

}



.tabs-style-circlefill nav li.tab-current a {

    color: #fff

}



.tabs-style-circlefill .icon::before {

    display: block;

    margin: 0;

    pointer-events: none

}



.tabs-style-circlefill .content-wrap {

    border-top: 1px solid #e74a25

}



.content-wrap {

    position: relative

}



.content-wrap section {

    display: none;

    margin: 0 auto;

    padding: 25px;

    min-height: 150px

}



.content-wrap section p {

    margin: 0;

    padding: .75em 0

}



.content-wrap section.content-current {

    display: block

}



.no-js .content-wrap section {

    display: block;

    padding-bottom: 2em;

    border-bottom: 1px solid rgba(255, 255, 255, .6)

}



.no-flexbox nav ul {

    display: block

}



.no-flexbox nav ul li {

    min-width: 15%;

    display: inline-block

}



@media screen and (max-width:58em) {

    .sttabs nav a span {

        display: none

    }

    .sttabs nav a:before {

        margin-right: 0

    }

}



.mytooltip {

    display: inline;

    position: relative;

    z-index: 9999

}



.tooltip-item {

    background: rgba(0, 0, 0, .1);

    cursor: pointer;

    display: inline-block;

    font-weight: 500;

    padding: 0 10px

}



.tooltip-item::after {

    content: '';

    position: absolute;

    width: 360px;

    height: 20px;

    bottom: 100%;

    left: 50%;

    pointer-events: none;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.mytooltip:hover .tooltip-item::after {

    pointer-events: auto

}



.tooltip-content {

    position: absolute;

    z-index: 9999;

    width: 360px;

    left: 50%;

    margin: 0 0 20px -180px;

    bottom: 100%;

    text-align: left;

    font-size: 14px;

    line-height: 30px;

    box-shadow: -5px -5px 15px rgba(48, 54, 61, .2);

    background: #2b2b2b;

    opacity: 0;

    cursor: default;

    pointer-events: none

}



.tooltip-effect-1 .tooltip-content {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s;

    color: #fff

}



.tooltip-effect-2 .tooltip-content {

    -webkit-transform-origin: 50% calc(110%);

    transform-origin: 50% calc(110%);

    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);

    transform: perspective(1000px) rotate3d(1, 0, 0, 45deg);

    -webkit-transition: opacity .2s, -webkit-transform .2s;

    transition: opacity .2s, transform .2s

}



.tooltip-effect-3 .tooltip-content {

    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);

    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-4 .tooltip-content {

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transform: scale3d(.7, .3, 1);

    transform: scale3d(.7, .3, 1);

    -webkit-transition: opacity .2s, -webkit-transform .2s;

    transition: opacity .2s, transform .2s

}



.tooltip-effect-5 .tooltip-content {

    width: 180px;

    margin-left: -90px;

    -webkit-transform-origin: 50% calc(106%);

    transform-origin: 50% calc(106%);

    -webkit-transform: rotate3d(0, 0, 1, 15deg);

    transform: rotate3d(0, 0, 1, 15deg);

    -webkit-transition: opacity .2s, -webkit-transform .2s;

    transition: opacity .2s, transform .2s;

    -webkit-transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39);

    transition-timing-function: ease, cubic-bezier(.17, .67, .4, 1.39)

}



.mytooltip:hover .tooltip-content {

    pointer-events: auto;

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0);

    transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)

}



.tooltip.tooltip-effect-2:hover .tooltip-content {

    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);

    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)

}



.tooltip-content::after {

    content: '';

    top: 100%;

    left: 50%;

    border: solid transparent;

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: #2a3035 transparent transparent;

    border-width: 10px;

    margin-left: -10px

}



.tooltip-content img {

    position: relative;

    height: 140px;

    display: block;

    float: left;

    margin-right: 1em

}



.tooltip-text {

    font-size: 14px;

    line-height: 24px;

    display: block;

    padding: 1.31em 1.21em 1.21em 0;

    color: #fff

}



.tooltip-effect-5 .tooltip-text {

    padding: 1.4em

}



a.mytooltip {

    font-weight: 500;

    color: #fb9678

}



.tooltip-content2 {

    position: absolute;

    z-index: 9999;

    width: 80px;

    height: 80px;

    padding-top: 25px;

    left: 50%;

    margin-left: -40px;

    bottom: 100%;

    border-radius: 50%;

    text-align: center;

    background: #fb9678;

    color: #fff;

    opacity: 0;

    margin-bottom: 20px;

    cursor: default;

    pointer-events: none

}



.tooltip-content2 i {

    opacity: 0

}



.mytooltip:hover .tooltip-content2,

.mytooltip:hover .tooltip-content2 i {

    opacity: 1;

    font-size: 18px

}



.tooltip-effect-6 .tooltip-content2 {

    -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);

    transform: translate3d(0, 10px, 0) rotate3d(1, 1, 1, 45deg);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-6 .tooltip-content2 i {

    -webkit-transform: scale3d(0, 0, 1);

    transform: scale3d(0, 0, 1);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-7 .tooltip-content2 {

    -webkit-transform: translate3d(0, 10px, 0);

    transform: translate3d(0, 10px, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-7 .tooltip-content2 i {

    -webkit-transform: translate3d(0, 15px, 0);

    transform: translate3d(0, 15px, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-8 .tooltip-content2 {

    -webkit-transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);

    transform: translate3d(0, 10px, 0) rotate3d(0, 1, 0, 90deg);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-8 .tooltip-content2 i {

    -webkit-transform: scale3d(0, 0, 1);

    transform: scale3d(0, 0, 1);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-9 .tooltip-content2 {

    -webkit-transform: translate3d(0, -20px, 0);

    transform: translate3d(0, -20px, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-effect-9 .tooltip-content2 i {

    -webkit-transform: translate3d(0, 20px, 0);

    transform: translate3d(0, 20px, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.mytooltip:hover .tooltip-content2,

.mytooltip:hover .tooltip-content2 i {

    pointer-events: auto;

    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);

    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)

}



.tooltip-effect-6:hover .tooltip-content2 i {

    -webkit-transform: rotate3d(1, 1, 1, 0);

    transform: rotate3d(1, 1, 1, 0)

}



.tooltip-content2::after {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    margin: -7px 0 0 -15px;

    width: 30px;

    height: 20px;

    background: url(../../plugins/images/tooltip/tooltip1.svg) center center no-repeat;

    background-size: 100%

}



.tooltip-content3 {

    position: absolute;

    background: url(../../plugins/images/tooltip/shape1.svg) center bottom no-repeat;

    background-size: 100% 100%;

    z-index: 9999;

    width: 200px;

    bottom: 100%;

    left: 50%;

    margin-left: -100px;

    padding: 50px 30px;

    text-align: center;

    color: #fff;

    opacity: 0;

    cursor: default;

    font-size: 14;

    line-height: 27px;

    pointer-events: none;

    -webkit-transform: scale3d(.1, .2, 1);

    transform: scale3d(.1, .2, 1);

    -webkit-transform-origin: 50% 120%;

    transform-origin: 50% 120%;

    -webkit-transition: opacity .4s, -webkit-transform .4s;

    transition: opacity .4s, transform .4s;

    -webkit-transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1);

    transition-timing-function: ease, cubic-bezier(.6, 0, .4, 1)

}



.mytooltip:hover .tooltip-content3 {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.tooltip-content3::after {

    content: '';

    position: absolute;

    width: 16px;

    height: 16px;

    left: 50%;

    margin-left: -8px;

    top: 100%;

    background: #00AEEF;

    -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg);

    transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg)

}



.tooltip-item2 {

    color: #03a9f3;

    cursor: pointer;

    z-index: 100;

    position: relative;

    display: inline-block;

    font-weight: 500;

    -webkit-transition: background-color .3s, color .3s, -webkit-transform .3s;

    transition: background-color .3s, color .3s, transform .3s

}



.mytooltip:hover .tooltip-item2 {

    color: #fff;

    -webkit-transform: translate3d(0, -.5em, 0);

    transform: translate3d(0, -.5em, 0)

}



.tooltip-content4 {

    position: absolute;

    z-index: 99;

    width: 360px;

    left: 50%;

    margin-left: -180px;

    bottom: -5px;

    text-align: left;

    background: #03a9f3;

    opacity: 0;

    font-size: 14px;

    line-height: 27px;

    padding: 1.5em;

    color: #fff;

    border-bottom: 55px solid #2b2b2b;

    cursor: default;

    pointer-events: none;

    border-radius: 5px;

    -webkit-transform: translate3d(0, -.5em, 0);

    transform: translate3d(0, -.5em, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.tooltip-content4 a {

    color: #2b2b2b

}



.tooltip-text2 {

    opacity: 0;

    -webkit-transform: translate3d(0, 1.5em, 0);

    transform: translate3d(0, 1.5em, 0);

    -webkit-transition: opacity .3s, -webkit-transform .3s;

    transition: opacity .3s, transform .3s

}



.mytooltip:hover .tooltip-content4,

.mytooltip:hover .tooltip-text2 {

    pointer-events: auto;

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.tooltip-content5 {

    position: absolute;

    z-index: 9999;

    width: 300px;

    left: 50%;

    bottom: 100%;

    font-size: 20px;

    line-height: 1.4;

    text-align: center;

    font-weight: 400;

    color: #fff;

    background: 0 0;

    opacity: 0;

    margin: 0 0 20px -150px;

    cursor: default;

    pointer-events: none;

    -webkit-font-smoothing: antialiased;

    -webkit-transition: opacity .3s .3s;

    transition: opacity .3s .3s

}



.mytooltip:hover .tooltip-content5 {

    opacity: 1;

    pointer-events: auto;

    -webkit-transition-delay: 0s;

    transition-delay: 0s

}



.tooltip-content5 span {

    display: block

}



.tooltip-text3 {

    border-bottom: 10px solid #fb9678;

    overflow: hidden;

    -webkit-transform: scale3d(0, 1, 1);

    transform: scale3d(0, 1, 1);

    -webkit-transition: -webkit-transform .3s .3s;

    transition: transform .3s .3s

}



.mytooltip:hover .tooltip-text3 {

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    -webkit-transform: scale3d(1, 1, 1);

    transform: scale3d(1, 1, 1)

}



.tooltip-inner2 {

    background: #2b2b2b;

    padding: 40px;

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    webkit-transition: -webkit-transform .3s;

    transition: transform .3s

}



.mytooltip:hover .tooltip-inner2 {

    -webkit-transition-delay: .3s;

    transition-delay: .3s;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.tooltip-content5::after {

    content: '';

    bottom: -20px;

    left: 50%;

    border: solid transparent;

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: #fb9678 transparent transparent;

    border-width: 10px;

    margin-left: -10px

}



@media (max-width:1350px) {

    .carousel .item h3 {

        font-size: 17px;

        height: 90px

    }

    .inbox-center a {

        width: 400px

    }

}



.search-listing {

    padding: 0;

    margin: 0

}



.search-listing li {

    list-style: none;

    padding: 15px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.search-listing li h3 {

    margin: 0;

    font-size: 18px

}



.search-listing li h3 a {

    color: #00bbd9

}



.search-listing li h3 a:hover {

    text-decoration: underline

}



.search-listing li a {

    color: #2ecc71

}



.megamenu {

    left: 0;

    right: 0;

    width: 100%

}



.mega-dropdown {

    position: static!important

}



.mega-dropdown-menu {

    padding: 20px;

    width: 100%;

    -webkit-box-shadow: none;

    border: 0;

    box-shadow: 0 20px 40px rgba(0, 0, 0, .2)!important

}



.mega-dropdown-menu>li>ul {

    padding: 0;

    margin: 0

}



.mega-dropdown-menu>li>ul>li {

    list-style: none

}



.mega-dropdown-menu>li>ul>li>a {

    display: block;

    padding: 8px 0;

    clear: both;

    line-height: 1.428571429;

    color: #8d9498;

    white-space: normal

}



.mega-dropdown-menu>li>ul>li>a:focus,

.mega-dropdown-menu>li>ul>li>a:hover {

    text-decoration: none;

    color: #0283cc

}



.mega-dropdown-menu .dropdown-header {

    font-size: 16px;

    font-weight: 500;

    padding: 8px 0;

    margin-top: 12px

}



.mega-dropdown-menu li.demo-box a {

    color: #fff;

    display: block

}



.mega-dropdown-menu li.demo-box a:hover {

    opacity: .8

}



a.dt-button,

button.dt-button,

div.dt-button {

    background: #00bbd9;

    color: #fff;

    border-color: #00bbd9

}



a.dt-button:hover,

button.dt-button:hover,

div.dt-button:hover {

    background: #00bbd9

}



a.dt-button:hover:not(.disabled),

button.dt-button:hover:not(.disabled),

div.dt-button:hover:not(.disabled) {

    background: #f7fafc;

    color: #2b2b2b;

    border-color: rgba(255, 255, 255, .2)

}



.dataTables_filter input {

    border: 1px solid rgba(255, 255, 255, .2)

}



table.dataTable.display tbody tr.even>.sorting_1,

table.dataTable.display tbody tr.odd>.sorting_1,

table.dataTable.display tbody tr:hover>.sorting_1,

table.dataTable.order-column.hover tbody tr:hover>.sorting_1,

table.dataTable.order-column.stripe tbody tr.even>.sorting_1,

table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {

    background: 0 0

}



.note-editor {

    border: 1px solid rgba(255, 255, 255, .2)

}



.note-editor .panel-heading {

    padding: 6px 10px 10px

}



.page-aside {

    position: relative

}



.left-aside {

    position: absolute;

    background: #fff;

    border-right: 1px solid rgba(255, 255, 255, .2);

    padding: 20px;

    width: 250px;

    height: 100%

}



.right-aside {

    padding: 20px

}



.right-aside .contact-list td {

    vertical-align: middle;

    padding: 25px 10px

}



.right-aside .contact-list td img {

    width: 30px

}



.list-style-none {

    margin: 0;

    padding: 0

}



.list-style-none li {

    list-style: none;

    margin: 0

}



.list-style-none li.box-label a {

    font-weight: 500

}



.list-style-none li.divider {

    margin: 10px 0;

    height: 1px;

    background: rgba(255, 255, 255, .2)

}



.list-style-none li a {

    padding: 15px 10px;

    display: block;

    color: #8d9498

}



.list-style-none li a:hover {

    color: #0283cc

}



.list-style-none li a span {

    float: right

}



.chat-main-box {

    position: relative;

    background: #fff;

    overflow: hidden

}



.chat-main-box .chat-left-aside {

    position: absolute;

    width: 250px;

    z-index: 9;

    top: 0;

    border-right: 1px solid rgba(255, 255, 255, .2)

}



.chat-main-box .chat-left-aside .open-panel {

    display: none;

    cursor: pointer;

    position: absolute;

    left: -webkit-calc(99%);

    top: 50%;

    z-index: 100;

    background-color: #fff;

    -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, .2);

    box-shadow: 1px 0 3px rgba(0, 0, 0, .2);

    border-radius: 0 100px 100px 0;

    line-height: 1;

    padding: 15px 8px 15px 4px

}



.chat-main-box .chat-left-aside .chat-left-inner .form-control {

    height: 60px

}



.chat-main-box .chat-left-aside .chat-left-inner .style-none {

    padding: 0

}



.chat-main-box .chat-left-aside .chat-left-inner .style-none li {

    list-style: none;

    overflow: hidden

}



.chat-main-box .chat-left-aside .chat-left-inner .style-none li a {

    padding: 20px

}



.chat-main-box .chat-left-aside .chat-left-inner .style-none li a.active,

.chat-main-box .chat-left-aside .chat-left-inner .style-none li a:hover {

    background: #f7fafc

}



.chat-main-box .chat-right-aside {

    margin-left: 250px

}



.chat-main-box .chat-right-aside .chat-list {

    max-height: none;

    height: 100%;

    padding-top: 40px

}



.chat-main-box .chat-right-aside .chat-list .chat-text {

    border-radius: 6px

}



.chat-main-box .chat-right-aside .send-chat-box {

    position: relative

}



.chat-main-box .chat-right-aside .send-chat-box .form-control {

    border: none;

    border-top: 1px solid rgba(255, 255, 255, .2);

    resize: none;

    height: 80px;

    padding-right: 180px

}



.chat-main-box .chat-right-aside .send-chat-box .form-control:focus {

    border-color: rgba(255, 255, 255, .2)

}



.chat-main-box .chat-right-aside .send-chat-box .custom-send {

    position: absolute;

    right: 20px;

    bottom: 10px

}



.chat-main-box .chat-right-aside .send-chat-box .custom-send .cst-icon {

    color: #8d9498;

    margin-right: 10px

}



.el-element-overlay .white-box {

    padding: 0

}



.el-element-overlay .el-card-item {

    position: relative;

    padding-bottom: 25px

}



.el-element-overlay .el-card-item .el-card-avatar {

    margin-bottom: 15px

}



.el-element-overlay .el-card-item .el-card-content {

    text-align: center

}



.el-element-overlay .el-card-item .el-card-content h3 {

    margin: 0

}



.el-element-overlay .el-card-item .el-card-content a {

    color: #8d9498

}



.el-element-overlay .el-card-item .el-card-content a:hover {

    color: #0283cc

}



.el-element-overlay .el-card-item .el-overlay-1 {

    width: 100%;

    height: 100%;

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default

}



.el-element-overlay .el-card-item .el-overlay-1 img {

    display: block;

    position: relative;

    -webkit-transition: all .4s linear;

    transition: all .4s linear;

    width: 100%;

    height: auto

}



.el-element-overlay .el-card-item .el-overlay-1:hover img {

    -ms-transform: scale(1.2) translateZ(0);

    -webkit-transform: scale(1.2) translateZ(0)

}



.el-element-overlay .el-card-item .el-overlay-1 .el-info {

    text-decoration: none;

    display: inline-block;

    text-transform: uppercase;

    color: #fff;

    background-color: transparent;

    filter: alpha(opacity=0);

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    padding: 0;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    transform: translateY(-50%) translateZ(0);

    -webkit-transform: translateY(-50%) translateZ(0);

    -ms-transform: translateY(-50%) translateZ(0)

}



.el-element-overlay .el-card-item .el-overlay-1 .el-info>li {

    list-style: none;

    display: inline-block;

    margin: 0 3px

}



.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a {

    border-color: #fff;

    color: #fff;

    padding: 12px 15px 10px

}



.el-element-overlay .el-card-item .el-overlay-1 .el-info>li a:hover {

    background: #e74a25;

    border-color: #e74a25

}



.el-element-overlay .el-card-item .el-overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    opacity: 0;

    background-color: rgba(0, 0, 0, .7);

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out

}



.el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transform: translateZ(0);

    -ms-transform: translateZ(0);

    transform: translateZ(0)

}



.el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {

    top: -100%

}



.el-element-overlay .el-card-item .el-overlay-1 .scrl-up {

    top: 100%;

    height: 0

}



.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {

    top: 0

}



.el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {

    top: 0;

    height: 100%

}



.login-sidebar {

    position: absolute;

    right: 0;

    margin-top: 0;

    height: 100%

}



.common-list {

    margin: 0;

    padding: 0

}



.common-list li {

    list-style: none;

    display: block

}



.common-list li a {

    padding: 12px 0;

    color: #8d9498;

    display: block

}



.common-list li a:hover {

    color: #0283cc

}



.color-table.primary-table thead th {

    background-color: #0283cc;

    color: #fff

}



.color-table.success-table thead th {

    background-color: #2ecc71;

    color: #fff

}



.color-table.info-table thead th {

    background-color: #00bbd9;

    color: #fff

}



.color-table.warning-table thead th {

    background-color: #ffb136;

    color: #fff

}



.color-table.danger-table thead th {

    background-color: #e74a25;

    color: #fff

}



.color-table.inverse-table thead th {

    background-color: #282f32;

    color: #fff

}



.color-table.dark-table thead th {

    background-color: #2b2b2b;

    color: #fff

}



.color-table.red-table thead th {

    background-color: #d93c17;

    color: #fff

}



.color-table.purple-table thead th {

    background-color: #4a23ad;

    color: #fff

}



.color-table.muted-table thead th {

    background-color: #8d9498;

    color: #fff

}



.color-bordered-table.primary-bordered-table {

    border: 2px solid #0283cc

}



.color-bordered-table.primary-bordered-table thead th {

    background-color: #0283cc;

    color: #fff

}



.color-bordered-table.success-bordered-table {

    border: 2px solid #2ecc71

}



.color-bordered-table.success-bordered-table thead th {

    background-color: #2ecc71;

    color: #fff

}



.color-bordered-table.info-bordered-table {

    border: 2px solid #00bbd9

}



.color-bordered-table.info-bordered-table thead th {

    background-color: #00bbd9;

    color: #fff

}



.color-bordered-table.warning-bordered-table {

    border: 2px solid #ffb136

}



.color-bordered-table.warning-bordered-table thead th {

    background-color: #ffb136;

    color: #fff

}



.color-bordered-table.danger-bordered-table {

    border: 2px solid #e74a25

}



.color-bordered-table.danger-bordered-table thead th {

    background-color: #e74a25;

    color: #fff

}



.color-bordered-table.inverse-bordered-table {

    border: 2px solid #282f32

}



.color-bordered-table.inverse-bordered-table thead th {

    background-color: #282f32;

    color: #fff

}



.color-bordered-table.dark-bordered-table {

    border: 2px solid #2b2b2b

}



.color-bordered-table.dark-bordered-table thead th {

    background-color: #2b2b2b;

    color: #fff

}



.color-bordered-table.red-bordered-table {

    border: 2px solid #d93c17

}



.color-bordered-table.red-bordered-table thead th {

    background-color: #d93c17;

    color: #fff

}



.color-bordered-table.purple-bordered-table {

    border: 2px solid #4a23ad

}



.color-bordered-table.purple-bordered-table thead th {

    background-color: #4a23ad;

    color: #fff

}



.color-bordered-table.muted-bordered-table {

    border: 2px solid #8d9498

}



.color-bordered-table.muted-bordered-table thead th {

    background-color: #8d9498;

    color: #fff

}



.full-color-table.full-primary-table {

    background-color: rgba(171, 140, 228, .8)

}



.full-color-table.full-primary-table thead th {

    background-color: #0283cc;

    border: 0!important;

    color: #fff

}



.full-color-table.full-primary-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-primary-table tr:hover {

    background-color: #0283cc

}



.full-color-table.full-success-table {

    background-color: rgba(0, 194, 146, .8)

}



.full-color-table.full-success-table thead th {

    background-color: #2ecc71;

    border: 0!important;

    color: #fff

}



.full-color-table.full-success-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-success-table tr:hover {

    background-color: #2ecc71

}



.full-color-table.full-info-table {

    background-color: rgba(3, 169, 243, .8)

}



.full-color-table.full-info-table thead th {

    background-color: #00bbd9;

    border: 0!important;

    color: #fff

}



.full-color-table.full-info-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-info-table tr:hover {

    background-color: #00bbd9

}



.full-color-table.full-warning-table {

    background-color: rgba(254, 193, 7, .8)

}



.full-color-table.full-warning-table thead th {

    background-color: #ffb136;

    border: 0!important;

    color: #fff

}



.full-color-table.full-warning-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-warning-table tr:hover {

    background-color: #ffb136

}



.full-color-table.full-danger-table {

    background-color: rgba(251, 150, 120, .8)

}



.full-color-table.full-danger-table thead th {

    background-color: #e74a25;

    border: 0!important;

    color: #fff

}



.full-color-table.full-danger-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-danger-table tr:hover {

    background-color: #e74a25

}



.full-color-table.full-inverse-table {

    background-color: rgba(76, 86, 103, .8)

}



.full-color-table.full-inverse-table thead th {

    background-color: #282f32;

    border: 0!important;

    color: #fff

}



.full-color-table.full-inverse-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-inverse-table tr:hover {

    background-color: #282f32

}



.full-color-table.full-dark-table {

    background-color: rgba(43, 43, 43, .8)

}



.full-color-table.full-dark-table thead th {

    background-color: #2b2b2b;

    border: 0!important;

    color: #fff

}



.full-color-table.full-dark-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-dark-table tr:hover {

    background-color: #2b2b2b

}



.full-color-table.full-red-table {

    background-color: rgba(251, 58, 58, .8)

}



.full-color-table.full-red-table thead th {

    background-color: #d93c17;

    border: 0!important;

    color: #fff

}



.full-color-table.full-red-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-red-table tr:hover {

    background-color: #d93c17

}



.full-color-table.full-purple-table {

    background-color: rgba(150, 117, 206, .8)

}



.full-color-table.full-purple-table thead th {

    background-color: #4a23ad;

    border: 0!important;

    color: #fff

}



.full-color-table.full-purple-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-purple-table tr:hover {

    background-color: #4a23ad

}



.full-color-table.full-muted-table {

    background-color: rgba(152, 166, 173, .8)

}



.full-color-table.full-muted-table thead th {

    background-color: #8d9498;

    border: 0!important;

    color: #fff

}



.full-color-table.full-muted-table tbody td {

    border: 0!important;

    color: #fff

}



.full-color-table.full-muted-table tr:hover {

    background-color: #8d9498

}



.floating-labels .form-group {

    position: relative

}



.floating-labels .form-control {

    font-size: 20px;

    padding: 10px 10px 10px 0;

    display: block;

    border: none;

    border-bottom: 1px solid #e5ebec

}



.floating-labels select.form-control>option {

    font-size: 14px

}



.has-error .form-control {

    border-bottom: 1px solid #e74a25

}



.has-warning .form-control {

    border-bottom: 1px solid #ffb136

}



.has-success .form-control {

    border-bottom: 1px solid #2ecc71

}



.floating-labels .form-control:focus {

    outline: 0;

    border: none

}



.floating-labels label {

    color: #8d9498;

    font-size: 16px;

    position: absolute;

    cursor: auto;

    top: 10px;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all

}



.floating-labels .form-control:focus~label,

.floating-labels .form-control:valid~label {

    top: -20px;

    font-size: 12px;

    color: #0283cc

}



.floating-labels .bar {

    position: relative;

    display: block

}



.floating-labels .bar:after,

.floating-labels .bar:before {

    content: '';

    height: 2px;

    width: 0;

    bottom: 1px;

    position: absolute;

    background: #0283cc;

    transition: .2s ease all;

    -moz-transition: .2s ease all;

    -webkit-transition: .2s ease all

}



.floating-labels .bar:before {

    left: 50%

}



.floating-labels .bar:after {

    right: 50%

}



.floating-labels .form-control:focus~.bar:after,

.floating-labels .form-control:focus~.bar:before {

    width: 50%

}



.floating-labels .highlight {

    position: absolute;

    height: 60%;

    width: 100px;

    top: 25%;

    left: 0;

    pointer-events: none;

    opacity: .5

}



.floating-labels .input-lg,

.floating-labels .input-lg~label {

    font-size: 24px

}



.floating-labels .input-sm,

.floating-labels .input-sm~label {

    font-size: 16px

}



.has-warning .bar:after,

.has-warning .bar:before {

    background: #ffb136

}



.has-success .bar:after,

.has-success .bar:before {

    background: #2ecc71

}



.has-error .bar:after,

.has-error .bar:before {

    background: #e74a25

}



.has-warning .form-control:focus~label,

.has-warning .form-control:valid~label {

    color: #ffb136

}



.has-success .form-control:focus~label,

.has-success .form-control:valid~label {

    color: #2ecc71

}



.has-error .form-control:focus~label,

.has-error .form-control:valid~label {

    color: #e74a25

}



.has-feedback label~.t-0 {

    top: 0

}



.table.dataTable,

table.dataTable {

    width: 99.8%!important

}



table.dataTable thead .sorting::after,

table.dataTable thead .sorting_asc::after,

table.dataTable thead .sorting_desc::after {

    float: none;

    padding-left: 10px

}



.re ul.two-part li i,

.re ul.two-part li span {

    font-size: 36px

}



.bg-light h4 {

    font-weight: 700

}



.agent-contact,

.pro-desc {

    font-size: 12px

}



.form-agent-inq .form-group {

    margin-bottom: 10px

}



.agent-info {

    max-height: 358px;

    height: 358px;

    background: #f7fafc

}



.pro-list {

    margin-top: 15px

}



.pro-detail,

.pro-img {

    display: table-cell;

    vertical-align: top

}



.pro-detail h5 a {

    color: #8d9498;

    line-height: 20px;

    font-weight: 500

}



.pro-box .pro-list-img {

    display: block;

    height: 210px;

    position: relative;

    overflow: hidden

}



.pro-box .pro-label {

    position: absolute;

    text-transform: uppercase;

    top: 0;

    right: 0;

    border-radius: 2px;

    padding: 5px;

    font-size: 80%

}



.pro-col-label {

    padding: 7px;

    width: 26%;

    display: block;

    margin-top: -15px;

    margin-left: 37%;

    border: 1px solid rgba(255, 255, 255, .2);

    text-transform: uppercase

}



.pro-box .pro-label-img {

    position: absolute;

    top: 30px;

    right: 30px

}



.pro-box.pro-horizontal pro-content {

    width: 100%;

    height: 210px

}



.pro-content .pro-list-details {

    height: 138px;

    max-height: 142px;

    border-bottom: 1px solid rgba(255, 255, 255, .2);

    border-right: 1px solid rgba(255, 255, 255, .2)

}



.pro-content .pro-list-info {

    border-bottom: 1px solid rgba(255, 255, 255, .2)

}



.pro-agent .agent-name h5,

.pro-agent .agent-name small,

.pro-agent-col-3 .agent-name h5,

.pro-agent-col-3 .agent-name small,

.pro-content .pro-list-details h3,

.pro-content .pro-list-details h4,

.pro-content-3-col .pro-list-details h3,

.pro-content-3-col .pro-list-details h4,

.pro-content-3-col .pro-list-details h4 small,

.pro-list-info ul.pro-info li,

.pro-list-info-3-col ul.pro-info li,

.pro-location span,

ul.pro-info li span.label {

    font-weight: 500

}



.pro-list-info ul.pro-info,

.pro-list-info-3-col ul.pro-info {

    padding: 16px 10px 10px;

    list-style: none

}



.pro-list-info ul.pro-info li {

    padding: 10px 0 10px 20px;

    font-size: 12px

}



ul.pro-info li span.label {

    width: 25px;

    height: 25px;

    padding: 8px;

    border-radius: 50%;

    margin-top: -4px;

    margin-right: 15px;

    font-size: 12px

}



ul.pro-amenities li span img,

ul.pro-info li span img {

    margin-top: -8px;

    padding-right: 12px

}



.pro-agent .agent-img a img,

.pro-agent-col-3 .agent-img a img {

    border: 3px solid #fff;

    box-shadow: 1px 1px 1px rgba(255, 255, 255, .2)

}



.pro-agent .agent-img,

.pro-agent .agent-name,

.pro-agent-col-3 .agent-img,

.pro-agent-col-3 .agent-name {

    float: left

}



.pro-agent .agent-img {

    padding-top: 12px

}



.pro-agent .agent-name {

    padding: 10px 0 0 15px

}



.pro-location span {

    padding-top: 27px

}



.pro-content-3-col {

    padding: 15px;

    background: #f7fafc

}



.pro-content-3-col .pro-list-details h4 small {

    color: #e74a25

}



.pro-list-info-3-col ul.pro-info li {

    padding: 10px 5px

}



.pro-agent-col-3 .agent-img {

    padding: 15px

}



.pro-agent-col-3 .agent-name {

    padding: 15px 15px 15px 5px

}



ul.pro-amenities {

    list-style: none;

    padding: 8px 0

}



ul.pro-amenities li {

    padding: 10px 0;

    font-size: 12px

}



ul.pro-amenities li span i {

    padding-right: 12px

}



.pro-rd .table>tbody>tr>td:first-child {

    font-weight: 500

}



.pro-rd .table>tbody>tr>td,

.pro-rd .table>tbody>tr>th {

    border: none;

    padding: 8px 8px 8px 0;

    font-size: 12px

}



.pd-agent-info {

    max-height: 200px;

    height: 200px;

    background: #f7fafc;

    margin-top: 15px

}



.pd-agent-contact,

.pd-agent-inq {

    padding: 25px

}



.pro-add-form .checkbox label,

.pro-add-form .radio label {

    font-weight: 100

}



.register-box {

    max-width: 600px;

    margin: 0 auto;

    padding-top: 2%

}



.step-register {

    position: absolute;

    height: 100%

}



#sortable_panels .panel-heading {

    cursor: move

}



.icheck-list,

.icolors {

    padding: 0;

    margin: 0;

    list-style: none

}



.icolors>li {

    padding: 0;

    margin: 2px;

    float: left;

    display: inline-block;

    height: 30px;

    width: 30px;

    background: #2b2b2b;

    text-align: center

}



.icolors>li.active:after {

    content: "\2713 ";

    color: #fff;

    line-height: 30px

}



.icolors>li:first-child {

    margin-left: 0

}



.icolors>li.orange {

    background: #e74a25

}



.icolors>li.yellow {

    background: #ffb136

}



.icolors>li.info {

    background: #00bbd9

}



.icolors>li.green {

    background: #2ecc71

}



.icolors>li.red {

    background: #d93c17

}



.icolors>li.purple {

    background: #4a23ad

}



.icolors>li.blue {

    background: #0078bc

}



.icheck-list {

    float: left;

    padding-right: 50px;

    padding-top: 10px

}



.icheck-list li {

    padding-bottom: 5px

}



.icheck-list li label {

    padding-left: 10px

}



.default-steps .column-step {

    padding-top: 30px;

    padding-bottom: 30px;

    text-align: center;

    background: #f4f8f9

}



.default-steps .column-step.active {

    background: #00bbd9

}



.default-steps .column-step.active .step-number,

.default-steps .step-number {

    font-size: 24px;

    background: #00bbd9;

    color: #fff;

    border-radius: 50%;

    display: inline-block;

    margin: auto auto 10px;

    height: 50px;

    width: 50px;

    text-align: center;

    line-height: 50px

}



.default-steps .column-step.active .step-number {

    background: #fff;

    color: #8d9498

}



.default-steps .step-title {

    font-size: 24px;

    font-weight: 100

}



.default-steps .column-step.active .step-info,

.default-steps .column-step.active .step-title {

    color: #fff

}



.thin-steps .column-step {

    padding: 20px;

    background: #f4f8f9

}



.thin-steps .column-step.active {

    background: #e74a25

}



.thin-steps .column-step.active .step-number,

.thin-steps .step-number {

    font-size: 20px;

    background: #e74a25;

    color: #fff;

    border-radius: 50%;

    float: left;

    display: inline-block;

    margin: auto;

    padding-top: 2px;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px

}



.thin-steps .column-step.active .step-number {

    background: #fff;

    color: #8d9498

}



.thin-steps .step-title {

    font-size: 24px;

    font-weight: 100;

    padding-left: 60px;

    margin-top: -2px

}



.thin-steps .column-step.active .step-info,

.thin-steps .column-step.active .step-title {

    color: #fff

}



.thin-steps .step-info {

    padding-left: 60px;

    margin-top: -5px

}



.steps-no-bg .column-step {

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center

}



.steps-no-bg .column-step.active .step-number,

.steps-no-bg .step-number {

    font-size: 24px;

    background: #fff;

    color: #8d9498;

    border: 1px solid #8d9498;

    border-radius: 50%;

    display: inline-block;

    margin: auto auto 10px;

    height: 50px;

    width: 50px;

    text-align: center;

    line-height: 50px

}



.steps-no-bg .column-step.active .step-number {

    background: #fff;

    color: #00bbd9;

    border: 1px solid #00bbd9

}



.steps-no-bg .step-title {

    font-size: 24px;

    font-weight: 100

}



.steps-no-bg .column-step.active .step-info,

.steps-no-bg .column-step.active .step-title {

    color: #00bbd9

}



.thin-steps-no-bg .column-step {

    padding: 20px

}



.thin-steps-no-bg .column-step.active .step-number,

.thin-steps-no-bg .step-number {

    font-size: 20px;

    background: #fff;

    color: #8d9498;

    border: 1px solid #8d9498;

    border-radius: 50%;

    float: left;

    display: inline-block;

    margin: auto;

    padding-top: 1px;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px

}



.thin-steps-no-bg .column-step.active .step-number {

    background: #fff;

    color: #e74a25;

    border: 1px solid #e74a25

}



.thin-steps-no-bg .step-title {

    font-size: 24px;

    font-weight: 100;

    padding-left: 60px;

    margin-top: -2px

}



.thin-steps-no-bg .column-step.active .step-info,

.thin-steps-no-bg .column-step.active .step-title {

    color: #e74a25

}



.thin-steps-no-bg .step-info {

    padding-left: 60px;

    margin-top: -5px

}



.numbered-bg .column-step {

    padding-top: 30px;

    padding-bottom: 30px;

    text-align: center;

    height: 160px;

    background: #f4f8f9

}



.numbered-bg .column-step.active {

    background: #00bbd9

}



.numbered-bg .column-step.active .step-number,

.numbered-bg .step-number {

    font-size: 200px;

    position: absolute;

    bottom: 25px;

    right: 0;

    line-height: 120px;

    color: #e5ebec;

    z-index: 1

}



.numbered-bg .column-step.active .step-number {

    color: #0298da

}



.numbered-bg .step-title {

    font-size: 24px;

    font-weight: 100;

    padding-top: 18px

}



.numbered-bg .step-info,

.numbered-bg .step-title {

    z-index: 3;

    position: relative

}



.numbered-bg .column-step.active .step-info,

.numbered-bg .column-step.active .step-title {

    color: #fff

}



.thin-steps-numbered-bg .column-step {

    padding: 20px;

    text-align: center;

    background: #f4f8f9

}



.thin-steps-numbered-bg .column-step.active {

    background: #00bbd9

}



.thin-steps-numbered-bg .column-step.active .step-number,

.thin-steps-numbered-bg .step-number {

    font-size: 120px;

    position: absolute;

    bottom: 14px;

    right: 0;

    line-height: 75px;

    color: #e5ebec;

    z-index: 1

}



.thin-steps-numbered-bg .column-step.active .step-number {

    color: #0298da

}



.thin-steps-numbered-bg .step-title {

    font-size: 24px;

    font-weight: 100

}



.thin-steps-numbered-bg .step-info,

.thin-steps-numbered-bg .step-title {

    z-index: 3;

    position: relative

}



.thin-steps-numbered-bg .column-step.active .step-info,

.thin-steps-numbered-bg .column-step.active .step-title {

    color: #fff

}



.line-steps .column-step {

    padding: 30px 0;

    text-align: center

}



.line-steps .step-number {

    font-size: 20px;

    background: #fff;

    border-radius: 50%!important;

    display: inline-block;

    margin: auto auto 14px;

    border: 3px solid #e5ebec;

    position: relative;

    height: 40px;

    width: 40px;

    z-index: 3;

    line-height: 37px

}



.line-steps .step-title {

    font-size: 20px;

    font-weight: 100;

    position: relative

}



.line-steps .step-title:after,

.line-steps .step-title:before {

    content: '';

    height: 3px;

    width: 50%;

    position: absolute;

    background-color: #e5ebec;

    top: -32px;

    z-index: 1;

    transform: translateY(-100%)

}



.line-steps .step-title:after {

    left: 50%

}



.line-steps .step-title:before {

    right: 50%

}



.line-steps .finish .step-title:after,

.line-steps .start .step-title:before {

    content: none

}



.line-steps .start .step-title:after {

    background-color: #00bbd9

}



.line-steps .start .step-number {

    color: #00bbd9;

    border-color: #00bbd9

}



.line-steps .start .step-info,

.line-steps .start .step-title {

    color: #8d9498

}



.line-steps .active .step-title:after,

.line-steps .active .step-title:before {

    background-color: #00bbd9

}



.line-steps .active .step-number {

    color: #00bbd9;

    border-color: #00bbd9;

    webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3)

}



.line-steps .active .step-info,

.line-steps .active .step-title {

    color: #8d9498

}



.line-steps .upcoming .step-title:after,

.line-steps .upcoming .step-title:before {

    background-color: #00bbd9

}



.line-steps .upcoming .step-number {

    color: #00bbd9;

    border-color: #00bbd9

}



.line-steps .upcoming .step-info,

.line-steps .upcoming .step-title {

    color: #8d9498

}



.line-steps .finish .step-number {

    color: #e5ebec

}



.line-steps .finish .step-info,

.line-steps .finish .step-title {

    color: #8d9498

}



.ribbon-wrapper,

.ribbon-wrapper-bottom,

.ribbon-wrapper-reverse,

.ribbon-wrapper-right-bottom {

    position: relative;

    background: #f4f8f9;

    padding: 50px 15px 15px 50px

}



.ribbon-overflow {

    overflow: hidden

}



.ribbon-wrapper-reverse {

    padding: 50px 50px 15px 15px

}



.ribbon-wrapper-bottom {

    padding: 15px 15px 50px 50px

}



.ribbon-wrapper-right-bottom {

    padding: 15px 50px 50px 15px

}



.ribbon {

    padding: 0 20px;

    height: 30px;

    line-height: 30px;

    clear: left;

    position: absolute;

    top: 12px;

    left: -2px;

    color: #fff

}



.ribbon-bookmark:before {

    position: absolute;

    top: 0;

    left: 100%;

    display: block;

    width: 0;

    height: 0;

    content: '';

    border: 15px solid #2b2b2b;

    border-right: 10px solid transparent

}



.ribbon-right {

    left: auto;

    right: -2px

}



.ribbon-bookmark.ribbon-right:before {

    right: 100%;

    left: auto;

    border-right: 15px solid #2b2b2b;

    border-left: 10px solid transparent

}



.ribbon-vertical-l,

.ribbon-vertical-r {

    clear: none;

    padding: 0 5px;

    height: 70px;

    width: 30px;

    line-height: 70px;

    text-align: center;

    left: 12px;

    top: -2px

}



.ribbon-vertical-r {

    left: auto;

    right: 12px

}



.ribbon-bookmark.ribbon-vertical-l:before,

.ribbon-bookmark.ribbon-vertical-r:before {

    top: 100%;

    left: 0;

    margin-top: -14px;

    border-right: 15px solid #2b2b2b;

    border-bottom: 10px solid transparent

}



.ribbon-badge {

    top: 15px;

    overflow: hidden;

    left: -90px;

    width: 100%;

    text-align: center;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.ribbon-badge.ribbon-right {

    left: auto;

    right: -90px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg)

}



.ribbon-badge.ribbon-bottom {

    top: auto;

    bottom: 15px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg)

}



.ribbon-badge.ribbon-right.ribbon-bottom {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.ribbon-corner {

    top: 0;

    left: 0;

    background-color: transparent!important;

    padding: 6px 0 0 10px

}



.ribbon-corner i {

    position: relative

}



.ribbon-corner:before {

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 0;

    content: '';

    border: 30px solid transparent;

    border-top-color: #0283cc;

    border-left-color: #0283cc

}



.ribbon-corner.ribbon-right:before {

    right: 0;

    left: auto;

    border-right-color: #526069;

    border-left-color: transparent

}



.ribbon-corner.ribbon-right {

    right: 0;

    left: auto;

    padding: 6px 10px 0 0

}



.ribbon-corner.ribbon-bottom:before {

    top: auto;

    bottom: 0;

    border-top-color: transparent;

    border-bottom-color: #526069

}



.ribbon-corner.ribbon-bottom {

    bottom: 0;

    top: auto;

    padding: 0 10px 6px

}



.ribbon-custom {

    background: #0283cc

}



.ribbon-bookmark.ribbon-right.ribbon-custom:before {

    border-right-color: #0283cc;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-custom:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-custom:before {

    border-right-color: #0283cc;

    border-bottom-color: transparent

}



.ribbon-primary {

    background: #0283cc

}



.ribbon-bookmark.ribbon-primary:before {

    border-color: #0283cc transparent #0283cc #0283cc

}



.ribbon-bookmark.ribbon-right.ribbon-primary:before {

    border-right-color: #0283cc;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-primary:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-primary:before {

    border-right-color: #0283cc;

    border-bottom-color: transparent

}



.ribbon-primary.ribbon-corner:before {

    border-top-color: #0283cc;

    border-left-color: #0283cc

}



.ribbon-primary.ribbon-corner.ribbon-right:before {

    border-right-color: #0283cc;

    border-left-color: transparent

}



.ribbon-primary.ribbon-corner.ribbon-bottom:before {

    border-top-color: transparent;

    border-bottom-color: #0283cc

}



.ribbon-success {

    background: #2ecc71

}



.ribbon-bookmark.ribbon-success:before {

    border-color: #2ecc71 transparent #2ecc71 #2ecc71

}



.ribbon-bookmark.ribbon-right.ribbon-success:before {

    border-right-color: #2ecc71;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-success:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-success:before {

    border-right-color: #2ecc71;

    border-bottom-color: transparent

}



.ribbon-success.ribbon-corner:before {

    border-top-color: #2ecc71;

    border-left-color: #2ecc71

}



.ribbon-success.ribbon-corner.ribbon-right:before {

    border-right-color: #2ecc71;

    border-left-color: transparent

}



.ribbon-success.ribbon-corner.ribbon-bottom:before {

    border-top-color: transparent;

    border-bottom-color: #2ecc71

}



.ribbon-info {

    background: #00bbd9

}



.ribbon-bookmark.ribbon-info:before {

    border-color: #00bbd9 transparent #00bbd9 #00bbd9

}



.ribbon-bookmark.ribbon-right.ribbon-info:before {

    border-right-color: #00bbd9;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-info:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-info:before {

    border-right-color: #00bbd9;

    border-bottom-color: transparent

}



.ribbon-info.ribbon-corner:before {

    border-top-color: #00bbd9;

    border-left-color: #00bbd9

}



.ribbon-info.ribbon-corner.ribbon-right:before {

    border-right-color: #00bbd9;

    border-left-color: transparent

}



.ribbon-info.ribbon-corner.ribbon-bottom:before {

    border-top-color: transparent;

    border-bottom-color: #00bbd9

}



.ribbon-warning {

    background: #ffb136

}



.ribbon-bookmark.ribbon-warning:before {

    border-color: #ffb136 transparent #ffb136 #ffb136

}



.ribbon-bookmark.ribbon-right.ribbon-warning:before {

    border-right-color: #ffb136;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-warning:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-warning:before {

    border-right-color: #ffb136;

    border-bottom-color: transparent

}



.ribbon-warning.ribbon-corner:before {

    border-top-color: #ffb136;

    border-left-color: #ffb136

}



.ribbon-warning.ribbon-corner.ribbon-right:before {

    border-right-color: #ffb136;

    border-left-color: transparent

}



.ribbon-warning.ribbon-corner.ribbon-bottom:before {

    border-top-color: transparent;

    border-bottom-color: #ffb136

}



.ribbon-danger {

    background: #e74a25

}



.ribbon-bookmark.ribbon-danger:before {

    border-color: #e74a25 transparent #e74a25 #e74a25

}



.ribbon-bookmark.ribbon-right.ribbon-danger:before {

    border-right-color: #e74a25;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-danger:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-danger:before {

    border-right-color: #e74a25;

    border-bottom-color: transparent

}



.ribbon-danger.ribbon-corner:before {

    border-top-color: #e74a25;

    border-left-color: #e74a25

}



.ribbon-danger.ribbon-corner.ribbon-right:before {

    border-right-color: #e74a25;

    border-left-color: transparent

}



.ribbon-danger.ribbon-corner.ribbon-bottom:before {

    border-top-color: transparent;

    border-bottom-color: #e74a25

}



.ribbon-default {

    background: #2b2b2b

}



.ribbon-bookmark.ribbon-default:before {

    border-color: #2b2b2b transparent #2b2b2b #2b2b2b

}



.ribbon-bookmark.ribbon-right.ribbon-default:before {

    border-right-color: #2b2b2b;

    border-left-color: transparent

}



.ribbon-bookmark.ribbon-vertical-l.ribbon-default:before,

.ribbon-bookmark.ribbon-vertical-r.ribbon-default:before {

    border-right-color: #2b2b2b;

    border-bottom-color: transparent

}



.ribbon-default.ribbon-corner:before {

    border-top-color: #2b2b2b;

    border-left-color: #2b2b2b

}



.ribbon-default.ribbon-corner.ribbon-right:before {

    border-right-color: #2b2b2b;

    border-left-color: transparent

}



.ribbon-default.ribbon-corner.ribbon-bottom:before {

    border-top-color: transparent;

    border-bottom-color: #2b2b2b

}



.grid-stack-item-content {

    background: #fff;

    color: #2b2b2b;

    font-family: 'Open Sans', sans-serif;

    text-align: center;

    font-size: 20px

}



.grid-stack-item-content .fa {

    font-size: 64px;

    display: block;

    margin: 20px 0 10px

}



.product-img {

    text-align: center;

    position: relative;

    transition: all 1s ease

}



.product-img:hover {

    transform: scale(1.05)

}



.product-text {

    border-top: 1px solid rgba(255, 255, 255, .2);

    padding-top: 15px;

    position: relative

}



.product-text .pro-dis {

    position: absolute;

    padding: 12px 17px;

    width: 60px;

    height: 60px;

    color: #fff;

    text-align: center;

    border-radius: 100%;

    -webkit-border-radius: 4px;

    -o-border-radius: 4px;

    top: 45px;

    right: 0

}



.pro-price {

    font-weight: 700

}



.pro-price span {

    font-size: 16px;

    font-weight: 400;

    color: #8d9498;

    margin-left: 10px

}



.pro-price .old-price {

    text-decoration: line-through

}



.pro-photos {

    margin-left: -15px;

    overflow: hidden

}



.pro-photos .photos-item {

    margin-left: 15px;

    width: calc(25% - 15px);

    text-align: center;

    float: left;

    border: 1px solid #e5ebec;

    border-radius: .35rem;

    overflow: hidden;

    margin-bottom: 1.42rem;

    background: #fff;

    cursor: pointer

}



.pro-photos .photos-item img {

    width: 5rem;

    max-width: 100%

}



.pro-photos .item-active {

    border-color: #e74a25

}



.pro-cart .table tr td {

    border-top: none;

    padding: 5px 8px

}



.pro-cart .table tr:last-child td {

    color: #2b2b2b;

    border-top: 1px solid #e5ebec

}



@media (max-width:1367px) {

    .carousel .item h3 {

        font-size: 17px;

        height: 90px

    }

    .inbox-center a {

        width: 400px

    }

}



@media (min-width:768px) {

    .navbar-default {

        position: relative;

        width: 100%;

        top: 0

    }

    .fix-header .navbar-static-top {

        position: fixed

    }

    .fix-header .page-wrapper {

        margin-top: 60px

    }

    .fix-sidebar .sidebar {

        position: fixed;

        overflow: hidden

    }

    .fix-sidebar .top-left-part {

        position: fixed

    }

    .fix-sidebar .navbar-left {

        margin-left: 265px

    }

    .navbar-top-links .dropdown-tasks {

        margin-left: auto

    }

    .mail_listing {

        border-left: 1px solid rgba(120, 130, 140, .13);

        padding-left: 20px

    }

    .inbox-panel {

        padding-right: 20px

    }

    .top-minus {

        margin-top: -62px;

        float: right

    }

    .fix-sidebar.mini-sidebar .navbar-left,

    .mini-sidebar.fix-sidebar .navbar-left {

        margin-left: 60px!important

    }

    .fix-sidebar.mini-sidebar .sidebar,

    .mini-sidebar.fix-sidebar .sidebar {

        position: fixed

    }

    .fix-sidebar.mini-sidebar .sidebar .sidebar-nav ul,

    .mini-sidebar.fix-sidebar .sidebar .sidebar-nav ul {

        z-index: 99999

    }

    .album-widget li {

        margin: 5px 3px

    }

}



@media (max-width:1024px) {

    .b-r-none {

        border-right: 0

    }

    .carousel-inner h3 {

        height: 90px;

        overflow: hidden

    }

    .inbox-center a {

        width: 300px

    }

}



@media (max-width:767px) {

    .mini-sidebar .page-wrapper {

        margin-left: 0

    }

    .footer {

        left: 0

    }

    .navbar-top-links {

        display: inline-block

    }

    .top-left-part {

        width: 60px

    }

    .logo b {

        width: 60px;

        margin-left: 0

    }

    .profile,

    .profile i {

        margin-right: 0

    }

    .navbar-top-links li:last-child {

        margin-right: 0

    }

    .navbar-top-links .dropdown-tasks {

        width: 260px

    }

    .row-in-br {

        border-right: 0;

        border-bottom: 1px solid rgba(255, 255, 255, .2)

    }

    .bg-title .breadcrumb {

        float: left;

        margin-top: 0;

        margin-bottom: 10px

    }

    ul.timeline:before {

        left: 40px

    }

    ul.timeline>li>.timeline-panel {

        width: calc(100% - 90px)

    }

    ul.timeline>li>.timeline-badge {

        top: 16px;

        left: 15px;

        margin-left: 0

    }

    ul.timeline>li>.timeline-panel {

        float: right

    }

    ul.timeline>li>.timeline-panel:before {

        right: auto;

        left: -15px;

        border-right-width: 15px;

        border-left-width: 0

    }

    ul.timeline>li>.timeline-panel:after {

        right: auto;

        left: -14px;

        border-right-width: 14px;

        border-left-width: 0

    }

    .wizard-steps>li {

        display: block

    }

    .dropdown .dropdown-tasks,

    .dropdown .mailbox {

        left: -100px

    }

    .fix-header .navbar-static-top {

        position: fixed;

        top: 0;

        width: 100%

    }

    .fix-header .sidebar {

        position: fixed;

        height: 100%;

        z-index: 100;

        width: 265px;

        overflow: auto!important;

        box-shadow: none;

        border-right: 1px solid #e5ebec

    }

    .mega-dropdown-menu {

        height: 340px;

        overflow: auto

    }

    .left-aside {

        position: relative;

        width: 100%;

        border: 0

    }

    .right-aside {

        margin-left: 0

    }

    .chat-main-box .chat-left-aside {

        left: -250px;

        transition: .5s ease-in;

        background: #fff

    }

    .chat-main-box .chat-left-aside.open-pnl {

        left: 0

    }

    .chat-main-box .chat-left-aside .open-panel {

        display: block

    }

    .chat-main-box .chat-right-aside {

        margin: 0

    }

    #msform fieldset,

    .login-register,

    .step-register {

        position: relative

    }

    .navbar {

        position: fixed;

        width: 100%

    }

    .page-wrapper {

        padding-top: 60px

    }

    .stat-widget .custom-select {

        float: none;

        margin-left: 0;

        width: 100%

    }

    .stat-widget ul.list-inline {

        float: none

    }

    .stat-widget ul.list-inline li {

        padding: 5px 0

    }

    .user-table .custom-select {

        float: none;

        margin-right: 0;

        border: 2px solid #e5ebec;

        padding: 9px 30px 9px 15px

    }

    .user-table ul.list-inline {

        float: none;

        display: inline-block

    }

    .user-table ul.list-inline li {

        padding: 5px 0

    }

    .user-table .table {

        margin-bottom: 0

    }

    .user-table .pagination>li>a {

        margin: 0 5px

    }

    .task-widget .task-assign ul.list-inline li {

        padding: 0 2px

    }

    .color-box .chart,

    .task-widget2 .task-add-btn {

        right: 20px

    }

    .chat-widget .chat-list .chat-body {

        margin-left: 20px;

        width: 60%

    }

    .task-widget2 .task-loadmore {

        text-align: center

    }

    .sc-widget .custom-select {

        float: none;

        margin-left: 0;

        width: 100%

    }

    .calendar-widget .fc-toolbar.fc-header-toolbar {

        padding: 0 40px

    }

    .calendar-widget .fc-toolbar.fc-header-toolbar .fc-left,

    .calendar-widget .fc-toolbar.fc-header-toolbar .fc-right {

        margin-top: 4px

    }

    .profile-widget .profile-btn a {

        margin-right: 0

    }

    .comment-widget .media .media-heading .com-time {

        display: inline-block;

        margin-left: 0

    }

    .comment-widget .media .media-heading ul {

        display: inline-block;

        float: none

    }

    .comment-widget .media .media-heading ul li:first-child {

        padding-left: 0

    }

    .album-widget li {

        width: 28.5%!important

    }

    .activity-widget .steamline .sl-right .sl-btn {

        float: none

    }

    .activity-widget .steamline .sl-right .sl-btn .btn {

        margin-top: 10px

    }

    .temp-widget .left-part {

        width: 100%;

        height: auto;

        position: relative

    }

    .temp-widget .right-part {

        margin-left: 0

    }

    .temp-widget .right-part .temp-detail .temp-days li {

        margin: 0 3px

    }

}



@media (max-width:480px) {

    .vtabs .tabs-vertical {

        width: auto

    }

    .stat-item {

        padding-right: 0

    }

    .login-box {

        width: 100%

    }

}



@media (max-width:991px) {

    .line-steps .step-title:after,

    .line-steps .step-title:before {

        content: none

    }

    .numbered-bg .step-info,

    .numbered-bg .step-title {

        padding-right: 0

    }

}