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

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

body,

html {

    min-height: 100%

}

body {

    overflow-x: hidden;

    overflow-y: auto;

    color: #9a9da0;

    background-color: #1c1f22;

    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

.main-header .top-nav .nav>li>a>.label,

h1,

h2,

h3,

h4,

h5,

h6,

nav.navbar.bootsnav {

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

}

.animsition-loading,

.animsition-loading:after {

    width: 50px;

    height: 50px

}

.animsition-loading {

    background-color: transparent;

    border-top: 1px solid #558B2F;

    border-right: 1px solid #558B2F;

    border-bottom: 1px solid #558B2F;

    border-left: 1px solid silver

}

.main-footer,

hr {

    border-top: 1px solid #3d404c

}

.main-footer {

    background: #2c3136;

    padding: 15px 0;

    color: #fff

}

.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,

.container,

.container-fluid {

    padding-right: 10px;

    padding-left: 10px

}

::-moz-selection {

    color: #fff;

    background: #558B2F;

    text-shadow: none

}

::selection {

    color: #fff;

    background: #558B2F;

    text-shadow: none

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    color: #fff

}

p {

    margin: 0 0 10px

}

a {

    text-decoration: none

}

a:active,

a:focus,

a:hover {

    outline: 0;

    text-decoration: none;

    color: #72afd2;

    -webkit-transition: all .3s;

    transition: all .3s

}

legend {

    border-bottom: 1px solid #3d404c

}

@media (min-width: 1200px) {

    .container {

        width: 1250px

    }

}

.row {

    margin-right: 0px;

    margin-left: 0px

}

.m-0 {

    margin: 0!important

}

.m-t-0 {

    margin-top: 0!important

}

.m-t-20 {

    margin-top: 20px!important

}

.m-r-2 {

    margin-right: 2px!important

}

.m-r-5 {

    margin-right: 5px!important

}

.m-r-15 {

    margin-right: 15px!important

}

.m-b {

    margin-bottom: 20px!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

}

.p-0 {

    padding: 0!important

}

.p-l-30 {

    padding-left: 30px!important

}

.p-r-30 {

    padding-right: 30px!important

}

.p-20 {

    padding: 20px!important

}

.p-b-20 {

    padding-bottom: 20px!important

}

.space-25 {

    margin: 12.5px 0;

    line-height: 0

}

.color-green {

    color: #558B2F!important

}

.color-red {

    color: #E5343D!important

}

.color-violet {

    color: #8E23E0!important

}

.color-gray {

    color: #9a9a9a!important

}

.color-yellow {

    color: #FFB61E!important

}

.color-info {

    color: #62d0f1!important

}

.text-white {

    color: #fff!important

}

.text-muted {

    color: #9a9a9a!important

}

.text-primary {

    color: #428bca!important

}

.text-success {

    color: #558B2F!important

}

.text-info {

    color: #62d0f1!important

}

.text-warning {

    color: #FFB61E!important

}

.text-danger {

    color: #E5343D!important

}

.text-inverse {

    color: #3b3e47!important

}

.text-purple {

    color: #5b69bc!important

}

.text-pink {

    color: #ff8acc!important

}

.text-black {

    color: #000!important

}

.text-violet {

    color: #8E23E0!important

}

.border-all {

    border: 1px solid #3d404c!important

}

.border-btm {

    border-bottom: 1px solid #3d404c!important

}

.border-green {

    border-color: #558B2F!important

}

.border-red {

    border-color: #E5343D!important

}

.border-violet {

    border-color: #8E23E0!important

}

.border-gray {

    border-color: #9a9a9a!important

}

.border-yellow {

    border-color: #FFB61E!important

}

.bg-green {

    background: #558B2F!important

}

.bg-red {

    background: #E5343D!important

}

.bg-violet {

    background: #8E23E0!important

}

.bg-gray {

    background: #9a9a9a!important

}

.bg-yellow {

    background: #FFB61E!important

}

#toTop {

    position: fixed;

    bottom: 10px;

    right: 15px;

    cursor: pointer;

    display: none;

    z-index: 10

}

.back-top {

    border: 1px solid #558B2F;

    padding: 7px 9px;

    height: 34px;

    width: 34px;

    border-radius: 50%!important;

    color: #fff

}

.back-top:hover {

    color: #fff;

    background-color: #2c3136;

    border: 1px solid #2c3136

}

@media (min-width: 768px) {

    #toTop {

        right: 30px

    }

}

.page-header {

    margin: 10px 0 20px;

    font-size: 22px

}

.page-header>small {

    color: #666;

    display: block;

    margin-top: 5px

}

.main-header {

    position: relative;

    margin-bottom: 20px

}

.main-header .top-nav {

    border: none;

    min-height: 60px;

    border-radius: 0;

    margin-bottom: 0;

    background-color: #2c3136

}

.main-header .top-nav .navbar-brand {

    color: #fff;

    padding: 0px 15px;

    height: 60px

}

.main-header .top-nav .navbar-brand>img {

    display: block;

    height: 45px

}

.navbar-top-links {

    margin-right: 0;

    float: right!important

}

.navbar-top-links li {

    display: inline-block

}

.navbar-top-links li a {

    padding: 14px 5px;

    min-height: 50px

}

.navbar-top-links li a .dropdowm-icon {

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

    padding: 6px 3px;

    width: 32px;

    text-align: center;

    color: #fff;

    background-color: rgba(255, 255, 255, .1);

    height: 32px;

    font-size: 17px;

    display: block

}

.main-header .top-nav .nav>li>a>.label {

    position: absolute;

    top: 4px;

    right: -4px;

    line-height: 13px;

    padding: 1px;

    border-radius: 50em;

    height: 18px;

    width: 19px;

    font-size: 9px;

}

.nav .open>a,

.nav .open>a:focus,

.nav .open>a:hover {

    background-color: transparent;

    border-color: transparent

}

.navbar-top-links .dropdown-messages,

.navbar-top-links .dropdown-notification,

.navbar-top-links .dropdown-tasks,

.navbar-top-links .dropdown-user {

    border: 0;

    padding: 0;

    margin-top: 0;

    border-radius: 0;

    border-top: 3px solid #558B2F;

    animation: flipInX 1s ease;

    -webkit-animation: flipInX 1s ease;

    -moz-animation: flipInX 1s ease;

    box-shadow: 0 0 15px rgba(0, 0, 0, .4);

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4);

    background-color: #2c3136

}

.navbar-top-links .dropdown-messages,

.navbar-top-links .dropdown-notification,

.navbar-top-links .dropdown-tasks {

    width: 310px;

    min-width: 0

}

.navbar-top-links .dropdown-user {

    right: 0;

    left: auto;

    min-width: 165px

}

.navbar-top-links .dropdown-messages::before,

.navbar-top-links .dropdown-notification::before,

.navbar-top-links .dropdown-tasks::before,

.navbar-top-links .dropdown-user::before {

    content: "";

    position: absolute;

    border-width: 0 8px 10px;

    border-style: solid;

    border-color: #558B2F transparent;

    top: -13px;

    right: 12px

}

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

    display: block;

    border-bottom: 1px solid #3d404c

}

.navbar-top-links .dropdown-menu li.rad-dropmenu-footer,

.navbar-top-links .dropdown-menu li.rad-dropmenu-header {

    display: block!important;

    font-size: 13px;

    margin: 0!important;

    text-align: center;

    background-color: #393e45

}

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

    padding: 10px;

    min-height: 0;

    color: #fff

}

.navbar-top-links .dropdown-menu li.rad-dropmenu-footer>a,

.navbar-top-links .dropdown-menu li.rad-dropmenu-header>a {

    line-height: 12px;

    text-decoration: none;

    font-weight: 600

}

@media (max-width: 767px) {

    .navbar-top-links .dropdown-messages {

        margin-right: -137px

    }

    .navbar-top-links .dropdown-tasks {

        margin-right: -91px

    }

    .navbar-top-links .dropdown-notification {

        margin-right: -46px

    }

    .dropdown-menu {

        right: 0;

        left: auto

    }

    .navbar-top-links .dropdown-messages::before {

        right: 150px

    }

    .navbar-top-links .dropdown-tasks::before {

        right: 104px

    }

    .navbar-top-links .dropdown-notification::before {

        right: 59px

    }

}

.attr-nav {

    float: left

}

.attr-nav>ul>li>a {

    color: #fff;

    padding: 18px 15px;

    font-size: 17px

}

.attr-nav>ul>li.dropdown ul.dropdown-menu {

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

    border: 0

}

ul.cart-list>li>h5 {

    margin: 0

}

ul.cart-list>li.total {

    background-color: #f1f3f6

}

ul.cart-list>li.total>.btn {

    padding: 6px 15px;

    border-radius: 4px;

    border-bottom: solid 1px #cfcfcf!important;

    color: #fff!important

}

.side {

    right: -250px;

    width: 250px;

    padding: 15px;

    background-color: #1c1f22;

    z-index: 10000

}

.side.on {

    box-shadow: 0 0 70px 10px rgba(0, 0, 0, .3)

}

body.on-side {

    margin-left: 0

}

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {

    left: 0

}

.top-search {

    background-color: #f1f3f6;

    border-bottom: 1px solid #e1e6ef

}

.top-search .input-group-addon,

.top-search input.form-control {

    color: #263238

}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a>i {

    margin-right: 10px

}

@media (max-width: 768px) {

    .attr-nav {

        position: absolute;

        right: auto;

        left: 0;

        margin-left: 10px;

        margin-right: 0

    }

}

@media (max-width: 992px) {

    .attr-nav {

        position: relative;

        right: 0

    }

}

@media (min-width: 993px) {

    .navbar-collapse.collapse {

        margin-right: -15px;

        margin-left: -15px

    }

    nav.navbar.bootsnav ul.nav>li {

        border-left: 1px solid #3d404c

    }

    nav.navbar.bootsnav ul.nav>li:last-child {

        border-right: 1px solid #3d404c

    }

    nav.navbar.bootsnav ul.nav>li>a {

        padding: 15px 12px;

        font-weight: 500;

        color: #fff;

        letter-spacing: .3px;

        position: relative;

        z-index: 10000;

        vertical-align: middle;

        -webkit-transform: perspective(1px) translateZ(0);

        transform: perspective(1px) translateZ(0);

        box-shadow: 0 0 1px transparent;

        -webkit-transition-property: color;

        transition-property: color;

        -webkit-transition-duration: .3s;

        transition-duration: .3s

    }

    nav.navbar.bootsnav ul.nav>li>a::before {

        content: "";

        position: absolute;

        z-index: -1;

        bottom: 0;

        left: 0;

        right: 0;

        height: 2px;

        -webkit-transform: scaleX(0);

        transform: scaleX(0);

        -webkit-transform-origin: 50%;

        transform-origin: 50%;

        -webkit-transition-property: transform;

        transition-property: transform;

        -webkit-transition-duration: .3s;

        transition-duration: .3s;

        -webkit-transition-timing-function: ease-out;

        transition-timing-function: ease-out

    }

    nav.navbar.bootsnav ul.nav>li>a:active,

    nav.navbar.bootsnav ul.nav>li>a:focus,

    nav.navbar.bootsnav ul.nav>li>a:hover {

        color: #558B2F

    }

    nav.navbar.bootsnav ul.nav>li>a:active:before,

    nav.navbar.bootsnav ul.nav>li>a:focus:before,

    nav.navbar.bootsnav ul.nav>li>a:hover:before {

        -webkit-transform: scaleX(1);

        transform: scaleX(1)

    }

    nav.navbar.bootsnav ul.nav>li>a>i {

        display: block;

        text-align: center;

        margin-bottom: 5px

    }

}

nav.navbar.bootsnav {

    border-bottom: 0;

    background: #2c3136;

    border: 1px solid #3d404c;

    z-index: 100

}

@media (min-width: 993px) {

    nav.navbar .navbar-brand {

        margin-top: 0

    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {

        border: 0;

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

    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {

        border-bottom: solid 1px #e7ecf5;

        color: #374767;

        -webkit-transition: all .3s;

        -moz-transition: all .3s;

        transition: all .3s

    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover,

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li.active a,

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li.active a {

        background-color: #f8f9fa;

        padding-left: 20px

    }

    nav.navbar-center .navbar-brand {

        margin: 0!important

    }

    nav.navbar-brand-top .navbar-brand {

        margin: 10px!important

    }

    nav.navbar-full .navbar-brand {

        position: relative;

        top: -15px

    }

    nav.navbar-sidebar .navbar-brand,

    nav.navbar-sidebar ul.nav {

        margin-bottom: 50px

    }

    nav.navbar-sidebar ul.nav>li>a {

        padding: 10px 15px;

        font-weight: 700

    }

    nav.navbar.bootsnav.navbar-transparent.white {

        background-color: rgba(255, 255, 255, .3);

        border-bottom: solid 1px #bbb

    }

    nav.navbar.bootsnav.navbar-transparent.dark,

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark {

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

        border-bottom: solid 1px #555

    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {

        border-left: solid 1px #bbb

    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav,

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav {

        border-left: solid 1px #555

    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a,

    nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a,

    nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a,

    nav.navbar.bootsnav.no-background.white ul.nav>li>a {

        color: #fff

    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav>ul>li>a,

    nav.navbar.bootsnav.navbar-transparent.dark ul.nav>li>a {

        color: #eee

    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu.megamenu-content {

        border: 1px solid #eaeaea;

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

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {

        padding: 0!important

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content>li {

        padding: 0

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content>li .row {

        margin: 0

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {

        padding: 0;

        border-left: 0;

        border-right: solid 1px #e7ecf5;

        width: 20%;

        margin: 0

    }

    ul.menu-col li {

        border-top: solid 1px #e7ecf5;

        position: relative

    }

    ul.menu-col li:first-child {

        border-top: 0

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {

        position: relative;

        color: #374767;

        display: block;

        text-decoration: none;

        padding: 10px 15px 10px 20px;

        -webkit-transition: all .3s;

        -moz-transition: all .3s;

        transition: all .3s

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover {

        padding-left: 25px

    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a i {

        margin-right: 10px

    }

}

@media (max-width: 992px) {

    nav.navbar .navbar-brand {

        margin-top: 0;

        position: relative;

        top: -2px

    }

    nav.navbar .navbar-brand img.logo {

        height: 36px

    }

    .attr-nav>ul>li>a {

        padding: 16px 15px 15px

    }

    nav.navbar.bootsnav .navbar-toggle {

        font-size: 22px;

        top: 8px;

        background-color: transparent;

        color: #fff

    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {

        background: #263238

    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {

        border-top: 0

    }

    nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {

        margin-bottom: -1px;

        border: 0;

        color: #cbcbcb;

        font-weight: 500

    }

    nav.navbar.bootsnav ul.nav li.active>a,

    nav.navbar.bootsnav ul.nav li.active>a:focus,

    nav.navbar.bootsnav ul.nav li.active>a:hover,

    nav.navbar.bootsnav ul.nav li.megamenu-fw>a:focus,

    nav.navbar.bootsnav ul.nav li.megamenu-fw>a:hover {

        background-color: #334047

    }

    nav.bootsnav .dropdown.megamenu-fw {

        display: none

    }

    nav.navbar.bootsnav.navbar-mobile ul.nav>li>a>i {

        margin-right: 10px

    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {

        padding: 0 0 0 40px!important;

        background-color: #1c262c

    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {

        padding-right: 15px!important;

        padding-top: 15px!important;

        padding-bottom: 15px!important;

        color: #9e9e9e;

        border: 0

    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {

        padding-right: 30px!important;

        padding-top: 13px!important;

        padding-bottom: 13px!important

    }

    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {

        padding-top: 13px!important;

        padding-bottom: 13px!important

    }

    nav.navbar-full .navbar-brand {

        top: 0;

        padding-top: 10px

    }

}

nav.navbar.navbar-inverse {

    background-color: #222;

    border-bottom: solid 1px #303030

}

nav.navbar.navbar-inverse ul.cart-list>li.total>.btn {

    border-bottom: solid 1px #222!important

}

nav.navbar.navbar-inverse ul.cart-list>li.total .pull-right {

    color: #fff

}

nav.navbar.navbar-inverse ul.nav>li>a,

nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a {

    color: #eee

}

nav.navbar.navbar-inverse ul.nav>li.dropdown>a {

    background-color: #222

}

nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a {

    color: #999

}

nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,

nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,

nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,

nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,

nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,

nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {

    color: #fff

}

nav.navbar.navbar-inverse .form-control {

    background-color: #333;

    border-color: #303030;

    color: #fff

}

nav.navbar.navbar-inverse .attr-nav>ul>li>a {

    color: #eee

}

nav.navbar.navbar-inverse .attr-nav>ul>li.dropdown ul.dropdown-menu {

    background-color: #222;

    border-left: solid 1px #303030;

    border-bottom: solid 1px #303030;

    border-right: solid 1px #303030

}

nav.navbar.navbar-inverse ul.cart-list>li {

    border-bottom: solid 1px #303030;

    color: #eee

}

nav.navbar.navbar-inverse ul.cart-list>li img {

    border: 1px solid #303030

}

nav.navbar.navbar-inverse ul.cart-list>li.total {

    background-color: #333

}

nav.navbar.navbar-inverse .share ul>li>a {

    background-color: #555

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {

    border-right: solid 1px #303030

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a {

    border-bottom: solid 1px #303030

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-content {

    border-left: solid 1px #303030

}

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li.active>a,

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:focus,

nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:hover {

    background-color: #333!important

}

nav.navbar-inverse.navbar-full ul.nav>li>a {

    border: none

}

nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {

    background-color: #222

}

nav.navbar-inverse.navbar-full .navbar-toggle {

    background-color: #222!important;

    color: #6f6f6f

}

@media (min-width: 993px) {

    nav.navbar.navbar-inverse ul.nav .dropdown-menu {

        background-color: #222!important;

        border-left: solid 1px #303030!important;

        border-bottom: solid 1px #303030!important;

        border-right: solid 1px #303030!important

    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a {

        border-bottom: solid 1px #303030

    }

    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {

        border-left: solid 1px #303030;

        border-right: solid 1px #303030

    }

    nav.navbar.navbar-inverse.navbar-transparent.dark {

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

        border-bottom: solid 1px #999

    }

    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {

        border-left: solid 1px #999

    }

    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav>ul>li>a,

    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav>li>a,

    nav.navbar.navbar-inverse.no-background.white .attr-nav>ul>li>a,

    nav.navbar.navbar-inverse.no-background.white ul.nav>li>a {

        color: #fff

    }

    nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a,

    nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a {

        color: #3f3f3f

    }

}

@media (max-width: 992px) {

    nav.navbar.navbar-inverse .navbar-toggle {

        color: #eee;

        background-color: #222!important

    }

    nav.navbar.navbar-inverse .navbar-nav>li>a {

        border-top: solid 1px #303030;

        border-bottom: solid 1px #303030

    }

    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu>li>a {

        color: #999;

        border-bottom: solid 1px #303030

    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {

        border-bottom: solid 1px #303030;

        color: #eee

    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul>li>a {

        border-bottom: solid 1px #303030;

        color: #999!important

    }

    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {

        border-bottom: solid 1px #303030

    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul {

        border-top: solid 1px #303030

    }

    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {

        background-color: #222

    }

}

@media (max-width: 767px) {

    .attr-nav>ul>li.dropdown ul.dropdown-menu {

        left: -64px;

        margin-top: 5px

    }

    nav.navbar.navbar-inverse.navbar-mobile ul.nav {

        border-top: solid 1px #222

    }

}

#bottom_text a,

#nestable .dd-handle:hover,

.attr-nav>ul>li>a:focus,

.attr-nav>ul>li>a:hover,

.breadcrumb>.active,

.cbp_tmtimeline>li .cbp_tmtime span:first-child,

.check-list li:before,

.content-header .header-icon,

.dd-handle:hover,

.f1-step.activated .f1-step-icon,

.f1-step.activated p,

.f1-step.active p,

.icon_box i,

.nav-tabs>li.active>a,

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

.nav-tabs>li.active>a:hover,

.nav>li>a:focus,

.nav>li>a:hover,

.pricing .pricing_price,

.pricing .pricing_sentence,

.profile-usermenu ul li a:hover,

.profile-usermenu ul li.active a,

.rad-list-content,

.side .widget ul.link li a:focus,

.side .widget ul.link li a:hover,

.tree li a:hover,

.view-header .header-icon,

a,

nav.navbar .dropdown .megamenu-content .col-menu.on .title,

nav.navbar li.dropdown ul.dropdown-menu>li a:hover,

nav.navbar ul.nav li.active>a,

nav.navbar ul.nav li.dropdown.on>a,

nav.navbar ul.nav>li.active>a:hover,

nav.navbar ul.nav>li>a:hover,

nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,

nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,

nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a,

nav.navbar-sidebar ul.nav li.dropdown.on>a,

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li.active a,

nav.navbar.navbar-inverse ul.nav li.dropdown.on>a,

ul.cart-list>li>h6>a {

    color: #558B2F

}

nav.navbar ul.nav li.dropdown.on>a,

nav.navbar ul.nav li.scroll.active>a,

nav.navbar-dark ul.nav li.dropdown.on>a,

nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu>li>a:hover,

nav.navbar.navbar-transparent ul.nav>li>a:hover,

nav.navbar.no-background ul.nav>li>a:hover {

    color: #558B2F!important

}

.back-top,

.btn-success,

.btn-success.btn-outline:active,

.btn-success.btn-outline:focus,

.btn-success.btn-outline:hover,

.card-footer-message,

.chart-legend-color.green,

.dd3-handle,

.f1-progress-line,

.f1-step.active .f1-step-icon,

.icon_list li:hover,

.inbox-item .profile-status.available,

.info-aapl li span.green,

.label-success,

.modal-success .modal-header,

.panel-success>.panel-heading,

.pricing .pricing_action,

.progress-bar-success,

.progress-bar-success .tooltip .tooltip-inner,

.yearly-change span,

nav.navbar.bootsnav ul.nav>li>a::before {

    background-color: #558B2F!important

}

@media(max-width:920px) {

    nav.navbar .dropdown .megamenu-content .col-menu ul>li>a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {

        color: #f43438!important

    }

}

@media(max-width:992px) {

    nav.navbar.bootsnav ul.nav>li>a::before {

        background-color: transparent!important

    }

}

ul.cart-list>li.total>.btn {

    border-color: #f43438

}

.attr-nav>ul>li>a span.badge,

nav.navbar .share ul>li>a:focus,

nav.navbar .share ul>li>a:hover,

ul.cart-list>li.total>.btn {

    background-color: #f43438

}

ul.cart-list>li.total>.btn:focus,

ul.cart-list>li.total>.btn:hover {

    background-color: #dc3236!important

}

nav.bootsnav .megamenu-content .title {

    margin-top: 0;

    color: #fff

}

.content-header {

    position: relative;

    padding: 12px 15px;

    background-color: #33383e;
    
    border: 1px solid #3d404c;

    margin: 0 auto 20px

}

.content-header hr {

    border-top: 1px solid #ddd

}

.content-header .header-icon {

    font-size: 43px;

    width: 55px;

    float: left;

    margin-top: -4px;

    line-height: 0

}

.content-header .header-title {

    margin-left: 55px

}

.content-header .header-title h1 {

    margin: 0;

    font-size: 24px;

    color: #fff

}

.content-header .header-title small {

    font-size: 13px;

    display: inline-block;

    padding-left: 4px;

    font-weight: 600

}

.header-title .breadcrumb {

    float: right;

    background: #2c3136;

    margin-top: 0;

    margin-bottom: 0;

    font-size: 13px;

    padding: 7px;

    position: absolute;

    bottom: 18px;

    right: 15px;

    border-radius: 0;

    border: 0;

    font-weight: 600

}

.header-title .breadcrumb>li>a {

    color: #fff;

    text-decoration: none;

    display: inline-block

}

.header-title .breadcrumb>li>a>.fa,

.header-title .breadcrumb>li>a>.glyphicon,

.header-title .breadcrumb>li>a>.ion {

    margin-right: 5px

}

@media (max-width: 991px) {

    .header-title .breadcrumb {

        position: relative;

        margin-top: 5px;

        top: 0;

        right: 0;

        float: none!important;

        padding-left: 10px

    }

    .header-title .breadcrumb li:before {

        color: #97a0b3

    }

}

@media (max-width: 767px) {

    .content-header {

        padding: 12px 15px

    }

    .content-header .header-icon {

        width: 50px;

        font-size: 40px

    }

    .content-header .header-title {

        margin-left: 50px

    }

    .main-header {

        position: relative

    }

    .main-header .logo,

    .main-header .top-nav {

        width: 100%;

        float: none!important

    }

    .main-header .top-nav {

        margin: 0!important

    }

    .main-header .navbar-custom-menu {

        float: left

    }

}

.sidebar-heading {

    font-size: 16px;

    padding: 10px 0;

    margin-bottom: 10px;

    color: #fff

}

.rad-list-group {

    position: relative;

    margin: 0 -15px;

    overflow: hidden

}

.rad-list-group.group::before {

    content: "";

    position: absolute;

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

    top: -20px;

    bottom: -20px;

    left: 35px;

    width: 1px

}

.rad-list-group-item {

    padding: 15px;

    display: block

}

.rad-list-group-item:hover {

    color: #fff;

    background: #33383e

}

.rad-list-group-item::after {

    content: "";

    display: table

}

.rad-bg-danger {

    background: #E94B3B

}

.rad-list-icon {

    position: relative;

    height: 40px;

    width: 40px;

    border-radius: 100%;

    line-height: 40px;

    text-align: center;

    color: #fff;

    top: -5px

}

.icon-shadow {

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

}

.rad-list-content {

    line-height: 1.3;

    margin-left: 50px

}

.md-text {

    font-size: 12px;

    color: #d8d8d8;

    font-weight: 500

}

.sidebar-menu {

    list-style: none;

    padding: 0;

    margin: 0 -15px

}

.sidebar-menu>li>a {

    display: block;

    padding: 10px 15px

}

.sidebar-menu .progress {

    margin: 0

}

.sidebar-menu .subheading {

    margin-top: 0;

    display: block;

    font-weight: 400;

    font-size: 15px;

    color: #fff

}

.dropdown-menu>.active>a,

.dropdown-menu>.active>a:focus,

.dropdown-menu>.active>a:hover,

.dropdown-menu>li>a:focus,

.dropdown-menu>li>a:hover {

    color: #fff;

    text-decoration: none;

    background-color: #33383e

}

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

    white-space: normal;

    padding: 0;

    border: 0

}

.dd-item>button,

.dd3-handle,

.text-truncate {

    white-space: nowrap;

    overflow: hidden

}

.user-avatar,

.user-avatar img {

    border-radius: 50%

}

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

    margin-bottom: 0

}

.rad-dropmenu-header {

    border-bottom: 1px solid #EEE

}

.rad-content {

    color: #404040

}

.rad-notification-body {

    color: #000;

    vertical-align: middle;

    margin-left: 35px

}

.lg-text {

    font-size: 13px;

    font-weight: 600;

    color: #fff

}

.sm-text {

    font-size: 12px;

    color: #9a9da0

}

.user-avatar.small {

    width: 26px;

    height: 26px

}

.panel {

    box-shadow: none;

    border-radius: 0

}

.panel .panel-heading h1,

.panel .panel-heading h2,

.panel .panel-heading h3,

.panel .panel-heading h4,

.panel .panel-heading h5,

.panel .panel-heading h6 {

    margin: 0;

    line-height: 26px;

    letter-spacing: .5px;

    display: inline-block

}

.panel-title i {

    margin-right: 5px!important

}

.panel-bd,

.panel-danger,

.panel-info,

.panel-inverse,

.panel-primary,

.panel-success,

.panel-warning {

   border: 1px solid #3d404c;
   
    background-color: #33383e;

}

.lobipanel {

    margin-bottom: 20px

}

.panel-bd>.panel-heading {

    color: #fff;

   background-color: #33383e;
   
    border-color: #3d404c;

    position: relative

}

.panel-primary>.panel-heading {

    color: #fff;

    background-color: #428bca;

    border-color: #428bca

}

.panel-success>.panel-heading {

    color: #fff;

    border-color: #558B2F

}

.panel-info>.panel-heading {

    color: #fff;

    background-color: #62d0f1;

    border-color: #62d0f1

}

.panel-warning>.panel-heading {

    color: #fff;

    background-color: #ffc751;

    border-color: #ffc751

}

.panel-danger>.panel-heading {

    color: #fff;

    background-color: #E5343D;

    border-color: #E5343D

}

.panel-inverse>.panel-heading {

    color: #fff;

    background-color: #3b3e47;

    border-color: #3b3e47

}

.panel-footer {

    background-color: #2c3136;

    border-top: 1px solid #3d404c;

    border-radius: 0

}

@media (min-width: 768px) {

    .panel-danger.lobipanel .panel-heading .dropdown .dropdown-menu>li>a,

    .panel-info.lobipanel .panel-heading .dropdown .dropdown-menu>li>a,

    .panel-inverse.lobipanel .panel-heading .dropdown .dropdown-menu>li>a,

    .panel-primary.lobipanel .panel-heading .dropdown .dropdown-menu>li>a,

    .panel-success.lobipanel .panel-heading .dropdown .dropdown-menu>li>a,

    .panel-warning.lobipanel .panel-heading .dropdown .dropdown-menu>li>a {

        color: #fff

    }

}

.lobipanel .panel-heading .dropdown .dropdown-menu>li>a {

    color: #fff

}

.message_inner {

    height: 320px

}

.message_widgets {

    margin-right: 10px

}

.inbox-item {

    border-bottom: 1px solid #3d404c;

    overflow: hidden;

    padding: 10px 0;

    position: relative

}

.inbox-item .inbox-item-img {

    display: block;

    float: left;

    margin-right: 15px;

    width: 40px

}

.inbox-item img {

    width: 40px

}

.inbox-item .inbox-item-author {

    color: #fff;

    margin: 0;

    font-weight: 600

}

.inbox-item .inbox-item-text {

    color: #9a9da0;

    display: block;

    font-size: 12px;

    margin: 0

}

.inbox-item .inbox-item-date {

    color: #9a9da0;

    font-size: 11px;

    right: 7px;

    top: 2px

}

.inbox-item .profile-status {

    height: 6px;

    width: 6px;

    border-radius: 50%;

    -o-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    display: inline-block;

    position: absolute;

    bottom: 50%;

    right: 0

}

.inbox-item .profile-status.away {

    background-color: #FFB61E

}

.inbox-item .profile-status.busy {

    background-color: #E5343D

}

.inbox-item .profile-status.offline {

    background-color: #9a9a9a

}

.chat_list {

    list-style: none;

    padding: 0 15px

}

.chat_list li {

    margin-bottom: 24px

}

.chat_list .chat-avatar {

    display: inline-block;

    float: left;

    text-align: center;

    width: 40px

}

.chat_list .chat-avatar img {

    border-radius: 100%;

    width: 100%

}

.chat_list .chat-avatar i {

    font-size: 12px;

    font-style: normal

}

.chat_list .conversation-text {

    display: inline-block;

    float: left;

    font-size: 12px;

    margin-left: 12px;

    width: 70%

}

.chat_list .ctext-wrap {

    background: #393e45;

    display: inline-block;

    padding: 10px;

    position: relative;

    border-radius: 4px

}

.chat_list .ctext-wrap::after {

    right: 100%;

    top: 20%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(213, 242, 239, 0);

    border-right-color: #393e45;

    border-width: 7px;

    margin-top: -5px

}

.chat_list .ctext-wrap i {

    color: #fff;

    display: block;

    font-weight: 700;

    position: relative

}

.chat_list .ctext-wrap p {

    margin: 0;

    padding-top: 3px;

    font-weight: 500

}

.chat_list .odd .chat-avatar {

    float: right!important

}

.chat_list .odd .conversation-text {

    float: right!important;

    margin-right: 12px;

    text-align: right;

    width: 70%!important

}

.icon_box,

.icon_list li,

.icon_name {

    text-align: center

}

.chat_list .odd .ctext-wrap {

    background: #558B2F!important

}

.chat_list .odd .ctext-wrap p {

    color: #fff

}

.chat_list .odd .ctext-wrap:after {

    border-color: rgba(238, 238, 242, 0)!important;

    border-left-color: #558B2F!important;

    left: 100%!important;

    top: 20%!important

}

.emojionearea,

.emojionearea.form-control {

    border: 1px solid #1c1f22;

    box-shadow: none;

    background-color: #1c1f22

}

.emojionearea.form-control:focus,

.emojionearea:focus {

    border: 1px solid #558B2F

}

#calendar1 {

    margin: 0 auto

}

#calendar1 .fc-toolbar h2 {

    font-size: 16px;

    margin: 6px 0

}

.fc-state-default {

    border: 2px solid #4a5059;

    color: #9a9da0;

    background-color: #393e45

}

.fc-state-active,

.fc-state-down {

    color: #fff;

    background-color: #558B2F;

    border-color: #558B2F

}

.fc-unthemed .fc-content,

.fc-unthemed .fc-divider,

.fc-unthemed .fc-list-heading td,

.fc-unthemed .fc-list-view,

.fc-unthemed .fc-popover,

.fc-unthemed .fc-row,

.fc-unthemed tbody,

.fc-unthemed td,

.fc-unthemed th,

.fc-unthemed thead {

    border-color: #3d404c

}

.fc-unthemed .fc-divider,

.fc-unthemed .fc-list-heading td,

.fc-unthemed .fc-popover .fc-header {

    background: #33383e

}

.fc-list-item:hover td {

    background-color: #373c42

}

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

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

    color: #fff

}

.fc-nonbusiness {

    background: #484d56

}

.activity-list>li {

    position: relative;

    padding: 10px 0 10px 25px

}

.activity-list>li:after,

.activity-list>li:before {

    position: absolute;

    content: ""

}

.activity-list>li::before {

    left: 5px;

    top: 0;

    height: 100%;

    border-left: 1px solid #3d404c

}

.activity-list>li::after {

    left: 0;

    top: 14px;

    height: 11px;

    width: 11px;

    border-radius: 50%;

    border: 2px solid #fff;

    background-color: #fff

}

.activity-list>li.activity-purple::after {

    border-color: #8E23E0;

    background-color: #8E23E0

}

.activity-list>li.activity-danger::after {

    border-color: #E5343D;

    background-color: #E5343D

}

.activity-list>li.activity-warning::after {

    border-color: #FFB61E;

    background-color: #FFB61E

}

.activity-list>li.activity-primary::after {

    border-color: #0667D6;

    background-color: #0667D6

}

.icon_box {

    min-height: 92px;

    margin: 10px 0;

    font-size: 42px

}

.icon_box i {

    font-size: 35px;

    display: block

}

.icon_box:hover i {

    color: #676a6c

}

.icon-container:hover .icons-name,

.icon_list li i,

.icon_list li:hover,

.icon_list li:hover i {

    color: #fff

}

.icon-name {

    display: block;

    font-size: 12px;

    font-weight: 600;

    margin-top: 5px

}

@-webkit-keyframes hvr-buzz-out {

    10%, 30% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg)

    }

    20%,

    40% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg)

    }

    50%,

    70% {

        -webkit-transform: translateX(2px) rotate(1deg);

        transform: translateX(2px) rotate(1deg)

    }

    60%,

    80% {

        -webkit-transform: translateX(-2px) rotate(-1deg);

        transform: translateX(-2px) rotate(-1deg)

    }

    90% {

        -webkit-transform: translateX(1px) rotate(0);

        transform: translateX(1px) rotate(0)

    }

    100% {

        -webkit-transform: translateX(-1px) rotate(0);

        transform: translateX(-1px) rotate(0)

    }

}

@keyframes hvr-buzz-out {

    10%, 30% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg)

    }

    20%,

    40% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg)

    }

    50%,

    70% {

        -webkit-transform: translateX(2px) rotate(1deg);

        transform: translateX(2px) rotate(1deg)

    }

    60%,

    80% {

        -webkit-transform: translateX(-2px) rotate(-1deg);

        transform: translateX(-2px) rotate(-1deg)

    }

    90% {

        -webkit-transform: translateX(1px) rotate(0);

        transform: translateX(1px) rotate(0)

    }

    100% {

        -webkit-transform: translateX(-1px) rotate(0);

        transform: translateX(-1px) rotate(0)

    }

}

.hvr-buzz-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent

}

.hvr-buzz-out:active,

.hvr-buzz-out:focus,

.icon_box:hover .hvr-buzz-out {

    -webkit-animation-name: hvr-buzz-out;

    animation-name: hvr-buzz-out;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}

@media (min-width: 1200px) {

    .icon_box_width {

        width: 12.5%

    }

}

.flag-icon-inner,

.material-icon-inner,

.weather-icon-inner {

    overflow: hidden

}

.icon_list {

    list-style: none;

    float: left;

    margin: 0;

    padding: 0;

    width: 100%

}

.icon_list li {

    float: left;

    width: 33.33%;

    height: 110px;

    padding: 16px 10px;

    font-size: 10px;

    line-height: 1.4;

    background-color: #393e45;

    border: 1px solid #2c3136

}

.icon_list li i {

    font-size: 28px;

    display: block;

    margin: 0 auto 10px

}

.icon_name {

    display: block;

    word-wrap: break-word

}

@media (min-width: 768px) {

    .flag-icon {

        margin-right: 0;

        margin-left: 0

    }

    .icon_list li {

        width: 20%;

        font-size: 12px

    }

}

@media (min-width: 1200px) {

    .icon_list li {

        width: 10%;

        font-size: 12px

    }

}

.icon-section {

    margin: 0 0 3em;

    clear: both;

    overflow: hidden

}

.icon-container {

    width: 25%;

    padding: .7em 0;

    float: left;

    position: relative;

    text-align: left

}

.icon-container [class*=" ti-"],

.icon-container [class^=ti-] {

    color: #fff;

    position: absolute;

    margin-top: 3px;

    -webkit-transition: .3s;

    transition: .3s;

    font-size: 16px

}

.icon-container:hover [class*=" ti-"],

.icon-container:hover [class^=ti-] {

    font-size: 2.2em;

    margin-top: -5px

}

.icons-name {

    color: #7a7a7a;

    margin-left: 35px;

    -webkit-transition: .3s;

    transition: .3s;

    font-size: 13px

}

.icon-container:hover .icons-name {

    margin-left: 45px

}

@media (max-width: 767px) {

    .icon-container {

        width: 100%

    }

}

@media(min-width:768px) and (max-width:1199px) {

    .icon-container {

        width: 50%

    }

}

.glyphs.character-mapping {

    margin: 0 0 20px;

    padding: 20px 0 20px 30px;

    border: 1px solid #3d404c;

    border-radius: 4px;

    text-align: center

}

.glyphs.character-mapping li {

    margin: 0 30px 20px 0;

    display: inline-block;

    width: 90px

}

.glyphs.character-mapping .icon {

    margin: 10px 0 10px 15px;

    padding: 15px;

    position: relative;

    width: 55px;

    height: 55px;

    color: #374767!important;

    overflow: hidden;

    border-radius: 3px;

    font-size: 32px

}

.glyphs.character-mapping .icon svg {

    fill: #000

}

.glyphs.character-mapping input {

    margin: 0;

    padding: 5px 0;

    line-height: 12px;

    font-size: 12px;

    display: block;

    width: 100%;

    border: 1px solid #393e45;

    border-radius: 5px;

    text-align: center;

    outline: 0;

    background-color: #393e45;

    color: #fff

}

.glyphs.character-mapping input:focus,

.glyphs.character-mapping input:hover {

    border: 1px solid #558B2F

}

.glyphs.css-mapping {

    margin: 0 0 30px;

    padding: 30px 0 20px 30px;

    border: 1px solid #3d404c;

    border-radius: 4px;

    text-align: center

}

.glyphs.css-mapping li {

    margin: 0 30px 20px 0;

    padding: 0;

    display: inline-block;

    overflow: hidden

}

.glyphs.css-mapping .icon {

    margin: 0 10px 0 0;

    padding: 13px;

    height: 50px;

    width: 50px;

    color: #374767!important;

    overflow: hidden;

    float: left;

    font-size: 24px

}

.glyphs.css-mapping input {

    margin: 5px 0 0;

    padding: 8px;

    line-height: 14px;

    font-size: 14px;

    display: block;

    width: 150px;

    height: 40px;

    border: 1px solid #393e45;

    border-radius: 5px;

    background: #393e45;

    outline: 0;

    float: right;

    color: #fff

}

.glyphs.css-mapping input:focus,

.glyphs.css-mapping input:hover {

    border: 1px solid #558B2F

}

@media(min-width:768px) and (max-width:1199px) {

    .glyphs.css-mapping li {

        margin: 0 15px 20px 0

    }

    .glyphs.character-mapping li {

        margin: 0 20px 20px 0

    }

}

.material-icon-inner {

    margin-bottom: 20px

}

.material-icon-inner:last-child {

    margin-bottom: 0

}

#chartdiv {

    width: 100%;

    height: 500px

}

#chartdiv2 {

    width: 100%;

    height: 360px

}

#chartdiv3 {

    width: 100%;

    height: 450px

}

#chartMap,

#column,

#zoomable {

    width: 100%;

    height: 350px

}

#chartPie {

    width: 100%;

    height: 202px;

    font-size: 11px;

    margin-bottom: 10px

}

.color1 .amcharts-pie-slice {

    fill: #558B2F

}

.color2 .amcharts-pie-slice {

    fill: #E5343D

}

.color3 .amcharts-pie-slice {

    fill: #5b69bc

}

.amcharts-graph-g2 .amcharts-graph-stroke {

    stroke-dasharray: 3px 3px;

    stroke-linejoin: round;

    stroke-linecap: round;

    -webkit-animation: am-moving-dashes 1s linear infinite;

    animation: am-moving-dashes 1s linear infinite

}

@-webkit-keyframes am-moving-dashes {

    100% {

        stroke-dashoffset: -31px

    }

}

@keyframes am-moving-dashes {

    100% {

        stroke-dashoffset: -31px

    }

}

.lastBullet {

    -webkit-animation: am-pulsating 1s ease-out infinite;

    animation: am-pulsating 1s ease-out infinite

}

@-webkit-keyframes am-pulsating {

    0% {

        stroke-opacity: 1;

        stroke-width: 0

    }

    100% {

        stroke-opacity: 0;

        stroke-width: 50px

    }

}

@keyframes am-pulsating {

    0% {

        stroke-opacity: 1;

        stroke-width: 0

    }

    100% {

        stroke-opacity: 0;

        stroke-width: 50px

    }

}

.amcharts-graph-column-front {

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

    transition: all .3s .3s ease-out

}

.amcharts-graph-column-front:hover {

    fill: #496375;

    stroke: #496375;

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

    transition: all .3s ease-out

}

.amcharts-graph-g3 {

    stroke-linejoin: round;

    stroke-linecap: round;

    stroke-dasharray: 500%;

    stroke-dasharray: 0/;

    stroke-dashoffset: 0/;

    -webkit-animation: am-draw 40s;

    animation: am-draw 40s

}

@-webkit-keyframes am-draw {

    0% {

        stroke-dashoffset: 500%

    }

    100% {

        stroke-dashoffset: 0

    }

}

@keyframes am-draw {

    0% {

        stroke-dashoffset: 500%

    }

    100% {

        stroke-dashoffset: 0

    }

}

.flotChart {

    display: block;

    height: 300px;

    position: relative;

    color: #545454

}

.flotChart-demo {

    width: 100%;

    height: 100%;

    color: #545454

}

.spark_about {

    margin: 10px 0 40px

}

.jqstooltip {

    width: auto!important;

    height: auto!important;

    background-color: #2c3136!important;

    border-radius: 10px;

    border: none!important;

    color: #fff!important

}

.nav-tabs {

    border-bottom: 0

}

.nav-tabs>li>a {

    color: #fff;

    font-weight: 600

}

.nav-tabs>li.active>a,

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

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

    border: 1px solid #2c3136;

    background-color: #2c3136

}

.nav>li>a:focus,

.nav>li>a:hover {

    background-color: transparent;

    border-color: transparent

}

.tab-content .panel-body {

    background: #2c3136;

    border: 1px solid #2c3136;

    border-radius: 2px;

    padding: 20px;

    position: relative

}

.tabs-left>li,

.tabs-right>li {

    float: none

}

.tabs-left>li {

    margin-right: 0

}

.tabs-right>li {

    margin-left: 0

}

.tabs-left>li.active>a,

.tabs-left>li.active>a:focus,

.tabs-left>li.active>a:hover {

    border-bottom-color: #2c3136;

    border-right-color: transparent

}

.tabs-right>li.active>a,

.tabs-right>li.active>a:focus,

.tabs-right>li.active>a:hover {

    border-bottom: 1px solid #2c3136;

    border-left-color: transparent

}

.tabs-left>li>a {

    border-radius: 4px 0 0 4px;

    margin-right: 0;

    display: block

}

.tabs-right>li>a {

    border-radius: 0 4px 4px 0;

    margin-right: 0

}

.sideways {

    margin-top: 50px;

    border: none;

    position: relative

}

.sideways>li {

    height: 20px;

    width: 120px;

    margin-bottom: 100px

}

.sideways>li>a {

    border-right-color: transparent;

    text-align: center;

    border-radius: 4px 4px 0 0

}

.sideways>li.active>a,

.sideways>li.active>a:focus,

.sideways>li.active>a:hover {

    border-bottom-color: transparent;

    border-right-color: #2c3136;

    border-left-color: #2c3136

}

.sideways.tabs-left {

    left: -47px

}

.sideways.tabs-right {

    right: 28px

}

.sideways.tabs-right>li {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}

.sideways.tabs-left>li {

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

}

@media (max-width: 767px) {

    .sideways.tabs-left {

        left: -44px

    }

}

.tree ul li:before,

.tree ul:before {

    display: block;

    left: 0;

    content: ""

}

.well {

    height: 135px;

    box-shadow: none

}

.tree,

.tree ul {

    margin: 0;

    padding: 0;

    list-style: none

}

.tree ul {

    margin-left: 1em;

    position: relative

}

.tree ul ul {

    margin-left: .5em

}

.tree ul:before {

    width: 0;

    position: absolute;

    top: 0;

    bottom: 0;

    border-left: 1px solid

}

.tree li {

    margin: 0;

    padding: 0 1em;

    line-height: 2em;

    color: #fff;

    font-weight: 600;

    position: relative;

    cursor: pointer

}

.tree ul li:before {

    width: 10px;

    height: 0;

    border-top: 1px solid;

    margin-top: -1px;

    position: absolute;

    top: 1em

}

.tree ul li:last-child:before {

    background: #fff;

    height: auto;

    top: 1em;

    bottom: 0

}

.indicator {

    margin-right: 5px

}

.tree li a {

    text-decoration: none;

    color: #fff

}

.tree li button,

.tree li button:active,

.tree li button:focus {

    text-decoration: none;

    color: #369;

    border: none;

    background: 0 0;

    margin: 0;

    padding: 0;

    outline: 0

}

.show-grid {

    margin-bottom: 15px

}

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

    padding-top: 10px;

    padding-bottom: 10px;

    background-color: #eee;

    background-color: rgba(55, 160, 0, .15);

    border: 1px solid rgba(55, 180, 0, .2)

}

.table-striped>tbody>tr:nth-of-type(2n+1) {

    background-color: #33383e

}

.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 #3d404c;

    vertical-align: middle

}

.table>tfoot>tr>th,

.table>thead>tr>th {

    border-bottom: 0;

    color: #fff

}

.table-bordered,

.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 #3d404c

}

.table.no-border,

.table.no-border td,

.table.no-border th {

    border: 0

}

.table-hover>tbody>tr:hover {

    background-color: #373c42

}

table.text-center,

table.text-center td,

table.text-center th {

    text-align: center

}

.table.align th {

    text-align: left

}

.table.align td {

    text-align: right

}

.footable-odd {

    background-color: #33383e

}

.popover {

    border: 1px solid #3d404c;

    box-shadow: 0 2px 2px #1c1f22, 0 1px 0 #1c1f22;

    -webkit-box-shadow: 0 2px 2px #1c1f22, 0 1px 0 #1c1f22;

    background-color: #2c3136

}

.popover-title {

    background-color: #1c1f22;

    border-bottom: 1px solid #3d404c

}

.popover.top>.arrow::after {

    bottom: 0;

    border-top-color: #1c1f22

}

.bd-content>ol li,

.bd-content>ul li {

    margin-bottom: .25rem

}

.bd-content h3 {

    margin-top: 0

}

.form-control {

    border-radius: 0;

    box-shadow: none;

    border: 1px solid #1c1f22;

    background-color: #1c1f22

}

.form-control:focus {

    border-color: #558B2F;

    box-shadow: none

}

.note-editor.note-frame {

    border: 1px solid #e4e5e7

}

.icon-indent-left,

.icon-indent-right,

.icon-list,

.icon-picture,

.icon-share,

.icon-th-list {

    display: inline-block;

    width: 14px;

    height: 14px;

    line-height: 14px;

    vertical-align: text-top;

    background-image: url(../img/glyphicons-halflings-white.png);

    background-repeat: no-repeat

}

.icon-font {

    background-position: -144px -48px

}

.icon-list {

    background-position: -360px -48px

}

.icon-th-list {

    background-position: -264px 0

}

.icon-indent-right {

    background-position: -408px -48px

}

.icon-indent-left {

    background-position: -384px -48px

}

.icon-share {

    background-position: -120px -72px

}

.icon-picture {

    background-position: -456px -48px

}

.wysi-btn {

    font-size: 13px;

    color: #fff;

    border: 1px solid #4a5059;

    background: #393e45

}

.wysi-btn:hover {

    color: #fff;

    background-color: #444951;

    border-color: #4a5059

}

.f1-steps {

    overflow: hidden;

    position: relative;

    margin-top: 20px

}

.f1-progress,

.f1-progress-line {

    position: absolute;

    left: 0;

    height: 1px

}

.f1-progress {

    top: 24px;

    width: 100%;

    background: #3d404c

}

.f1-progress-line {

    top: 0

}

.f1-step {

    position: relative;

    float: left;

    width: 33.333333%;

    padding: 0 5px

}

.f1-step-icon {

    display: inline-block;

    width: 40px;

    height: 40px;

    margin-top: 4px;

    background: #1c1f22;

    font-size: 16px;

    color: #fff;

    line-height: 40px;

    border-radius: 50%

}

.f1-step.activated .f1-step-icon {

    background: #fff;

    border: 1px solid #558B2F;

    line-height: 38px

}

.f1-step.active .f1-step-icon {

    width: 48px;

    height: 48px;

    margin-top: 0;

    font-size: 22px;

    line-height: 48px

}

.f1-step p {

    color: #ccc

}

.f1 fieldset {

    display: none;

    text-align: left

}

.f1-buttons {

    text-align: right

}

.f1 .input-error {

    border-color: #f35b3f

}

@media (max-width: 767px) {

    .navbar {

        padding-top: 0

    }

    .navbar.navbar-no-bg {

        background: #333;

        background: rgba(51, 51, 51, .9)

    }

    .navbar-brand {

        height: 60px;

        margin-left: 15px

    }

    .navbar-collapse {

        border: 0

    }

    .navbar-toggle {

        margin-top: 12px

    }

    .top-content {

        padding: 40px 0 110px

    }

}

.checkbox.checkbox-inline,

.radio.radio-inline {

    margin-top: 0

}

@media (max-width: 415px) {

    .f1 {

        padding-bottom: 20px

    }

    .f1-buttons button {

        margin-bottom: 5px

    }

}

.checkbox {

    padding-left: 20px

}

.checkbox label {

    display: inline-block;

    position: relative;

    padding-left: 5px

}

.checkbox label::after,

.checkbox label::before {

    position: absolute;

    margin-left: -20px;

    display: inline-block;

    left: 0

}

.checkbox label::before {

    content: "";

    width: 17px;

    height: 17px;

    border: 1px solid #ccc;

    border-radius: 3px;

    background-color: #fff;

    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;

    transition: border .15s ease-in-out, color .15s ease-in-out

}

.checkbox label::after {

    width: 16px;

    height: 16px;

    top: 0;

    padding-left: 3px;

    padding-top: 1px;

    font-size: 11px;

    color: #555

}

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

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

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

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

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

    color: #fff

}

.checkbox input[type=checkbox] {

    opacity: 0

}

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

    outline: dotted thin;

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

    outline-offset: -2px

}

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

    font-family: FontAwesome;

    content: "\f00c"

}

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

    opacity: .65

}

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

    background-color: #eee;

    cursor: not-allowed

}

.checkbox.checkbox-circle label::before {

    border-radius: 50%

}

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

    background-color: #428bca;

    border-color: #428bca

}

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

    background-color: #E5343D;

    border-color: #d9534f

}

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

    background-color: #5bc0de;

    border-color: #5bc0de

}

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

    background-color: #f0ad4e;

    border-color: #f0ad4e

}

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

    background-color: #5cb85c;

    border-color: #5cb85c

}

.radio {

    padding-left: 20px

}

.radio label {

    display: inline-block;

    position: relative;

    padding-left: 5px

}

.radio label::after,

.radio label::before {

    display: inline-block;

    position: absolute;

    margin-left: -20px

}

.radio label::before {

    content: "";

    width: 17px;

    height: 17px;

    left: 0;

    border: 1px solid #ccc;

    border-radius: 50%;

    background-color: #fff;

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

    transition: border .15s ease-in-out

}

.radio label::after {

    content: " ";

    width: 11px;

    height: 11px;

    left: 3px;

    top: 3px;

    border-radius: 50%;

    background-color: #555;

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

    transform: scale(0, 0);

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

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

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

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

}

#map1,

#map8,

.embed-container {

    position: relative

}

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

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

    background-color: #428bca

}

.radio input[type=radio] {

    opacity: 0

}

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

    outline: dotted thin;

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

    outline-offset: -2px

}

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

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

    transform: scale(1, 1)

}

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

    opacity: .65

}

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

    cursor: not-allowed

}

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

    border-color: #428bca

}

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

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

    background-color: #d9534f

}

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

    border-color: #d9534f

}

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

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

    background-color: #5bc0de

}

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

    border-color: #5bc0de

}

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

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

    background-color: #f0ad4e

}

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

    border-color: #f0ad4e

}

.has-success .form-control,

.has-success .input-group-addon,

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

    border-color: #5cb85c

}

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

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

    background-color: #5cb85c

}

.form-check-label {

    cursor: pointer;

    font-weight: 600

}

.form-control-danger,

.form-control-success,

.form-control-warning {

    padding-right: 2.25rem;

    background-repeat: no-repeat;

    background-position: center right .5625rem;

    background-size: 1.125rem 1.125rem

}

.form-feedback {

    margin-top: .25rem

}

.has-success .col-form-label,

.has-success .custom-control,

.has-success .form-check-label,

.has-success .form-control-label,

.has-success .form-feedback {

    color: #5cb85c

}

.has-success .form-control:focus {

    border-color: #5cb85c;

    box-shadow: none

}

.has-success .input-group-addon {

    color: #5cb85c;

    background-color: #eaf6ea

}

.has-success .form-control-success {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E")

}

.has-warning .col-form-label,

.has-warning .custom-control,

.has-warning .form-check-label,

.has-warning .form-control-label,

.has-warning .form-feedback {

    color: #f0ad4e

}

.has-warning .form-control {

    border-color: #f0ad4e

}

.has-warning .form-control:focus {

    border-color: #f0ad4e;

    box-shadow: none

}

.has-warning .input-group-addon {

    color: #f0ad4e;

    border-color: #f0ad4e;

    background-color: #fff

}

.has-warning .form-control-warning {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E")

}

.has-danger .col-form-label,

.has-danger .custom-control,

.has-danger .form-check-label,

.has-danger .form-control-label,

.has-danger .form-feedback {

    color: #d9534f

}

.has-danger .form-control {

    border-color: #d9534f

}

.has-danger .form-control:focus {

    border-color: #d9534f;

    box-shadow: none

}

.has-danger .input-group-addon {

    color: #d9534f;

    border-color: #d9534f;

    background-color: #fdf7f7

}

.has-danger .form-control-danger {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E")

}

.dropzone {

    min-height: 200px;

    border: 2px dashed #558B2F;

    background: #393e45

}

.dropzone .dz-message {

    margin: 4em 0

}

.dropzone .dz-message .upload-icon {

    display: block;

    font-size: 38px;

    height: 75px;

    width: 75px;

    margin: 0 auto 20px;

    background-color: #1c1f22;

    border-radius: 50%;

    line-height: 79px;

    color: #fff

}

#map1 {

    width: 100%;

    height: 320px

}

#map2,

#map3,

#map4,

#map5,

#map6,

#map7 {

    position: relative;

    width: 100%;

    height: 350px

}

#map8 {

    width: 100%;

    height: 580px

}

.embed-container {

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%

}

.embed-container embed,

.embed-container iframe,

.embed-container object {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}

#gmaps1,

#gmaps2,

#gmaps3,

#gmaps4,

#gmaps5,

#gmaps6,

#gmaps7,

#gmaps8 {

    width: 100%;

    height: 350px

}

#amchartMap1,

#amchartMap2,

#amchartMap3,

#amchartMap4,

#amchartMap5 {

    width: 100%;

    height: 500px

}

pre {

    color: #f7f7f7;

    padding: 10px;

    border-radius: 5px;

    text-align: left;

    font-size: 14px;

    overflow: hidden;

    border: 1px solid #3d404c;

    background-color: #1c1f22

}

pre .str {

    color: #e6db74

}

pre .func {

    color: #66d9ef

}

pre .val {

    color: #a381ff

}

pre .tag {

    color: #e92772

}

pre .attr {

    color: #a6e22d

}

pre .arg {

    color: #fd9720

}

.mailbox {

    background-color: #2c3136;

    border-radius: 10px;

    margin: 0 0 20px;

    overflow: hidden;

    border: 1px solid #2c3136

}

.mailbox-header {

    padding: 0 25px;

    border-bottom: 1px solid #3d404c

}

.mailbox .btn,

.mailbox .btn:hover {

    border-width: 2px

}

.inbox-toolbar {

    padding-top: 16.5px;

    float: right

}

.mailbox .btn {

   

}

.mailbox .btn-default {

    color: #fff;

    border-color: #4a5059;

    background-color: #393e45

}

.mailbox .btn-default:hover {

    color: #fff;

    border-color: #62d0f1;

    background-color: #62d0f1

}

.profile-usermenu ul li a:hover,

.profile-usermenu ul li.active a {

    background-color: rgba(85, 139, 47, .2)

}

.mailbox-body .row {

    width: 100%;

    display: table;

    table-layout: fixed

}

.mailbox-body .inbox-mail,

.mailbox-body .inbox-nav {

    display: table-cell;

    vertical-align: top;

    float: none

}

.inbox-nav {

    border-right: 1px solid #3d404c

}

.mailbox-sideber {

    margin-top: 20px

}

.profile-usermenu ul {

    margin-bottom: 20px

}

.profile-usermenu ul li a {

    color: #9a9da0;

    font-size: 13px;

    font-weight: 400

}

.profile-usermenu ul li a i {

    margin-right: 8px;

    font-size: 14px

}

.profile-usermenu ul li.active {

    border-bottom: none

}

.profile-usermenu ul li.active a {

    border-left: 2px solid #558B2F;

    margin-left: -2px

}

.profile-usermenu h6 {

    margin: 0 15px 10px;

    border-bottom: 1px solid #3d404c;

    padding-bottom: 10px;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-weight: 600

}

.inbox_item {

    color: inherit;

    display: block;

    padding-bottom: 0!important;

    padding-left: 25px;

    padding-right: 25px;

    border-bottom: 1px solid #3d404c;

    background: #33383e

}

.unread {

    background: #2c3136

}

.inbox_item:focus,

.inbox_item:hover {

    color: inherit;

    background: #373c42

}

.inbox_item:last-child {

   /* border-bottom: none!important */

}

.inbox-avatar {

    padding-top: 12.5px;

    padding-bottom: 12.5px

}

.inbox-avatar .i-check {

    display: inline-block;

    padding-right: 10px

}

.inbox-avatar img {

    padding: 2px;

    border-radius: 100px;

    border: 1px solid #d4d4d4;

    height: 40px;

    width: 40px

}

.inbox-avatar-text {

    text-align: left;

    display: inline-block;

    vertical-align: middle

}

.avatar-name {

    color: #fff;

    font-weight: 600

}

.badge.avatar-text {

    margin-right: 5px;

    display: inline;

    color: #fff;

    font-size: 72%;

    padding: 3px 10px;

    border-radius: 10px

}

.inbox-date {

    float: right;

    text-align: right

}

.inbox-date .date {

    position: relative;

    top: 5px

}

@media(max-width:767px) {

    .mailbox .btn {

        margin-bottom: 10px

    }

}

@media(min-width:1200px) {

    .inbox-avatar-text {

        padding-left: 12.5px

    }

}

.inbox-mail-details {

    line-height: 1.78571

}

.btn {

    border-radius: 2px

}

.btn-rounded {

    border-radius: 2em

}

.w-md {

    min-width: 110px

}

.btn-black,

.btn-black:hover,

.btn-danger,

.btn-danger:hover,

.btn-default,

.btn-default:hover,

.btn-inverse,

.btn-inverse:hover,

.btn-pink,

.btn-pink:hover,

.btn-primary,

.btn-primary:hover,

.btn-purple,

.btn-purple:hover,

.btn-success,

.btn-success:hover,

.btn-violet,

.btn-violet:hover,

.btn-warning,

.btn-warning:hover {

    color: #fff

}

.btn-default.btn-transparent,

.btn-default.btn-transparent:active,

.btn-default.btn-transparent:focus,

.btn-default.btn-transparent:hover {

    color: #ced0d2;

    background-color: rgba(206, 208, 210, .2);

    border-color: rgba(206, 208, 210, .3)

}

.btn-default.btn-outline {

    color: #ced0d2;

    background-color: transparent

}

.btn-default.btn-outline:active,

.btn-default.btn-outline:focus,

.btn-default.btn-outline:hover {

    color: #fff;

    background-color: #cacbcc

}

.btn-default {

    background-color: #393e45;

    border-color: #4a5059

}

.btn-default:active,

.btn-default:focus,

.btn-default:hover {

    background-color: #444951;

    border-color: #4a5059

}

.btn-primary {

    background-color: #428bca;

    border-color: #3b7cb4

}

.btn-primary:active,

.btn-primary:focus,

.btn-primary:hover {

    background-color: #3a95e4;

    border-color: #3b7cb4

}

.btn-primary.btn-transparent,

.btn-primary.btn-transparent:active,

.btn-primary.btn-transparent:focus,

.btn-primary.btn-transparent:hover {

    color: #42c1ca;

    background-color: rgba(66, 193, 202, .2);

    border-color: rgba(66, 193, 202, .3)

}

.btn-primary.btn-outline {

    color: #428bca;

    background-color: transparent

}

.btn-primary.btn-outline:active,

.btn-primary.btn-outline:focus,

.btn-primary.btn-outline:hover {

    color: #fff;

    background-color: #428bca

}

.btn-success {

    border-color: #3C6F18

}

.btn-success:active,

.btn-success:focus,

.btn-success:hover {

    background-color: #6CAE3D;

    border-color: #4E8926

}

.btn-success.btn-transparent,

.btn-success.btn-transparent:active,

.btn-success.btn-transparent:focus,

.btn-success.btn-transparent:hover {

    color: #37a000;

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

    border-color: rgba(55, 160, 0, .3)

}

.btn-success.btn-outline {

    background-color: transparent

}

.btn-success.btn-outline:active,

.btn-success.btn-outline:focus,

.btn-success.btn-outline:hover {

    color: #fff

}

.btn-info {

    background-color: #62d0f1;

    border-color: #51b3d1

}

.btn-info:active,

.btn-info:focus,

.btn-info:hover {

    background-color: #53d4fa;

    border-color: #51b3d1

}

.btn-info.btn-transparent,

.btn-info.btn-transparent:active,

.btn-info.btn-transparent:focus,

.btn-info.btn-transparent:hover {

    color: #53d4fa;

    background-color: rgba(83, 212, 250, .2);

    border-color: rgba(83, 212, 250, .3)

}

.btn-info.btn-outline {

    color: #62d0f1;

    background-color: transparent

}

.btn-info.btn-outline:active,

.btn-info.btn-outline:focus,

.btn-info.btn-outline:hover {

    color: #fff;

    background-color: #62d0f1

}

.btn-warning {

    background-color: #FFB61E;

    border-color: #E1A21E

}

.btn-warning:active,

.btn-warning:focus,

.btn-warning:hover {

    background-color: #ffc751;

    border-color: #E1A21E

}

.btn-warning.btn-transparent,

.btn-warning.btn-transparent:active,

.btn-warning.btn-transparent:focus,

.btn-warning.btn-transparent:hover {

    color: #ffc751;

    background-color: rgba(255, 199, 81, .2);

    border-color: rgba(255, 199, 81, .3)

}

.btn-warning.btn-outline {

    color: #FFB61E;

    background-color: transparent

}

.btn-warning.btn-outline:active,

.btn-warning.btn-outline:focus,

.btn-warning.btn-outline:hover {

    color: #fff;

    background-color: #FFB61E

}

.btn-danger {

    background-color: #E5343D;

    border-color: #BF2D35

}

.btn-danger:active,

.btn-danger:focus,

.btn-danger:hover {

    background-color: #e7575e;

    border-color: #BF2D35

}

.btn-danger.btn-transparent,

.btn-danger.btn-transparent:active,

.btn-danger.btn-transparent:focus,

.btn-danger.btn-transparent:hover {

    color: #e5343d;

    background-color: rgba(229, 52, 61, .2);

    border-color: rgba(229, 52, 61, .3)

}

.btn-danger.btn-outline {

    color: #E5343D;

    background-color: transparent

}

.btn-danger.btn-outline:active,

.btn-danger.btn-outline:focus,

.btn-danger.btn-outline:hover {

    color: #fff;

    background-color: #E5343D

}

.btn-inverse {

    background-color: #3b3e47;

    border-color: #292d3b

}

.btn-inverse:active,

.btn-inverse:focus,

.btn-inverse:hover {

    background-color: #2f3239;

    border-color: #292d3b

}

.btn-inverse.btn-transparent,

.btn-inverse.btn-transparent:active,

.btn-inverse.btn-transparent:focus,

.btn-inverse.btn-transparent:hover {

    color: #3b3e47;

    background-color: rgba(59, 62, 71, .2);

    border-color: rgba(59, 62, 71, .3)

}

.btn-inverse.btn-outline {

    color: #a2a2a2;

    background-color: transparent

}

.btn-inverse.btn-outline:active,

.btn-inverse.btn-outline:focus,

.btn-inverse.btn-outline:hover {

    color: #fff;

    background-color: #3b3e47

}

.btn-purple {

    background-color: #5b69bc;

    border-color: #4c59a7

}

.btn-purple:active,

.btn-purple:focus,

.btn-purple:hover {

    background-color: #4a59b4;

    border-color: #4c59a7

}

.btn-purple.btn-transparent,

.btn-purple.btn-transparent:active,

.btn-purple.btn-transparent:focus,

.btn-purple.btn-transparent:hover {

    color: #5b69bc;

    background-color: rgba(91, 105, 188, .2);

    border-color: rgba(91, 105, 188, .3)

}

.btn-purple.btn-outline {

    color: #5b69bc;

    background-color: transparent

}

.btn-purple.btn-outline:active,

.btn-purple.btn-outline:focus,

.btn-purple.btn-outline:hover {

    color: #fff;

    background-color: #5b69bc

}

.btn-pink {

    background-color: #ff8acc;

    border-color: #db6fac

}

.btn-pink:active,

.btn-pink:focus,

.btn-pink:hover {

    background-color: #ff70c1;

    border-color: #db6fac

}

.btn-pink.btn-transparent,

.btn-pink.btn-transparent:active,

.btn-pink.btn-transparent:focus,

.btn-pink.btn-transparent:hover {

    color: #ff8acc;

    background-color: rgba(255, 138, 204, .2);

    border-color: rgba(255, 138, 204, .3)

}

.btn-pink.btn-outline {

    color: #ff8acc;

    background-color: transparent

}

.btn-pink.btn-outline:active,

.btn-pink.btn-outline:focus,

.btn-pink.btn-outline:hover {

    color: #fff;

    background-color: #ff8acc

}

.btn-black {

    background-color: #000;

    border-color: #000

}

.btn-black:active,

.btn-black:focus,

.btn-black:hover {

    background-color: #222;

    border-color: #6B6B6B

}

.btn-black.btn-transparent,

.btn-black.btn-transparent:active,

.btn-black.btn-transparent:focus,

.btn-black.btn-transparent:hover {

    color: #000;

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

    border-color: rgba(0, 0, 0, .3)

}

.btn-black.btn-outline {

    color: #000;

    background-color: transparent

}

.btn-black.btn-outline:active,

.btn-black.btn-outline:focus,

.btn-black.btn-outline:hover {

    color: #fff;

    background-color: #000

}

.btn-violet {

    background-color: #8E23E0;

    border-color: #6C13B1

}

.btn-violet:active,

.btn-violet:focus,

.btn-violet:hover {

    background-color: #a13eee;

    border-color: #6C13B1

}

.btn-violet.btn-transparent,

.btn-violet.btn-transparent:active,

.btn-violet.btn-transparent:focus,

.btn-violet.btn-transparent:hover {

    color: #8e23e0;

    background-color: rgba(142, 35, 224, .2);

    border-color: rgba(142, 35, 224, .3)

}

.btn-violet.btn-outline {

    color: #8E23E0;

    background-color: transparent

}

.btn-violet.btn-outline:active,

.btn-violet.btn-outline:focus,

.btn-violet.btn-outline:hover {

    color: #fff;

    background-color: #8E23E0

}

.btn-label {

    position: relative;

    left: -14px;

    display: inline-block;

    padding: 6px 12px;

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

    border-radius: 2px 0 0 2px

}

.btn-labeled {

    padding-top: 0;

    padding-bottom: 0

}

.btn-circle {

    width: 30px;

    height: 30px;

    text-align: center;

    padding: 6px 0;

    font-size: 12px;

    line-height: 1.428571429;

    border-radius: 15px

}

.login-wrapper,

.register-wrapper {

    padding: 10px

}

.container-center {

    max-width: 400px;

    margin: 5% auto 0;

    padding: 20px

}

.container-center.lg {

    max-width: 450px

}

.view-header {

    margin: 10px 0

}

.view-header .header-icon {

    font-size: 60px;

    width: 68px;

    float: left;

    margin-top: -8px;

    line-height: 0

}

.fb_bg,

.twitter_bg {

    width: 48%;

    margin-top: 10px

}

.view-header .header-title {

    margin-left: 68px

}

.view-header .header-title h3 {

    margin-bottom: 2px

}

.social {

    height: 81px;

    border-bottom: 1px solid #3d404c;

    padding-bottom: 15px;

    margin-bottom: 15px

}

.twitter_bg {

    height: 35px;

    display: block;

    float: left;

    background: #00aced

}

.fb_bg i,

.twitter_bg i {

    color: #fff;

    padding: 10px

}

.btn_1,

.btn_2 {

    padding: 9px 0 0 2px;

    font-weight: 600;

    font-size: 13px;

    color: #fff

}

.btn_1 {

    text-shadow: -1px -1px 0 #0083b3;

    height: 32px;

    display: inline-block

}

.fb_bg {

    height: 35px;

    display: block;

    float: right;

    background: #3b5998

}

.fb a:hover,

.twitter a:hover {

    color: #fff

}

.btn_2 {

    text-shadow: -1px -1px 0 #366c96;

    height: 32px;

    display: inline-block

}

.input-group-addon {

    border: 1px solid #393e45;

    background-color: #393e45;

    color: #fff

}

#bottom_text {

    margin: 12px auto;

    width: 300px;

    display: block;

    text-align: center;

    line-height: 19px

}

#bottom_text a {

    font-weight: 700;

    padding: 0 8px 0 0;

    background: url(../../dist/img/bullet.png) 100% 50% no-repeat

}

.lock-wrapper-page {

    margin: 7.5% auto;

    width: 360px;

    padding: 15px

}

.logo-lock {

    font-size: 50px;

    font-weight: 600;

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

}

.user-thumb img {

    height: 88px;

    margin: 0 auto;

    width: 88px

}

.lock-wrapper-page .form-control {

    padding-left: 40px;

    border: 1px solid #558B2F

}

.dd,

.dd-list {

    padding: 0;

    list-style: none

}

.lock-wrapper-page .fa-key {

    left: 15px!important;

    top: 10px;

    font-size: 15px;

    position: absolute;

    z-index: 99

}

.dd,

.dd-item {

    display: block;

    font-size: 13px;

    line-height: 20px

}

.dd,

.dd-item,

.dd-item>button,

.dd-list {

    position: relative

}

@media (max-width: 767px) {

    .lock-wrapper-page {

        margin: 15% auto;

        width: 320px

    }

}

.dd,

.dd-item,

.dd-list,

.headding_ex h1,

.headding_ex h2,

.headding_ex h3,

.headding_ex h4,

.headding_ex h5,

.headding_ex h6 {

    margin: 0

}

.text-truncate {

    text-overflow: ellipsis

}

.dd {

    max-width: 600px

}

.dd-list {

    display: block

}

.dd-list .dd-list {

    padding-left: 30px

}

.dd-item {

    padding: 0;

    min-height: 20px

}

.dd-handle,

.dd-item>button {

    margin: 5px 0;

    display: block;

    cursor: pointer

}

.dd-handle {

    padding: 5px 10px;

    text-decoration: none;

    border: 1px solid #3d404c;

    background: #33383e;

    border-radius: 3px;

    box-sizing: border-box;

    -moz-box-sizing: border-box

}

.dd-handle:hover {

    color: #fff;

    font-weight: 600;

    background: #373c42

}

.dd-item>button {

    float: left;

    width: 25px;

    height: 20px;

    padding: 0;

    text-indent: 100%;

    border: 0;

    background: 0 0;

    font-size: 12px;

    line-height: 1;

    text-align: center;

    font-weight: 700

}

.dd-item>button:before {

    content: '+';

    display: block;

    position: absolute;

    width: 100%;

    text-align: center;

    text-indent: 0

}

.dd-item>button[data-action=collapse]:before {

    content: '-'

}

#nestable .dd-handle {

    color: inherit;

    border: 1px dashed #535869;

    background: #373d44;

    padding: 8px 10px

}

#nestable .dd-handle:hover {

    color: #fff;

    font-weight: 600;

    background: #3e464e

}

#nestable-output,

#nestable2-output {

    font-size: 12px;

    padding: 25px;

    box-sizing: border-box;

    -moz-box-sizing: border-box

}

#nestable .dd-item>button {

    font-family: FontAwesome;

    height: 34px;

    width: 33px;

    color: #c1c1c1

}

.cbp_tmtimeline>li .cbp_tmtime span,

.error-desc p,

.pricing .pricing_item,

.pricing .pricing_title,

.social-media li a div {

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

}

#nestable .dd-item>button[data-action=collapse]::before {

    content: "\f068"

}

#nestable .dd-item>button::before {

    content: "\f067"

}

#nestable span.label {

    margin-right: 10px

}

.dd-handle span {

    font-weight: 700

}

.dd3-content {

    display: block;

    height: 34px;

    margin: 5px 0;

    padding: 5px 10px 5px 40px;

    text-decoration: none;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    border: 1px solid #3d404c;

    background: #33383e;

    cursor: pointer

}

.dd3-content:hover {

    color: #fff;

    background: #373c42

}

.dd-dragel>.dd3-item>.dd3-content {

    margin: 0

}

.dd3-item>button {

    margin-left: 30px

}

.dd3-handle {

    position: absolute;

    margin: 0;

    left: 0;

    top: 0;

    cursor: pointer;

    width: 32px;

    text-indent: 100%;

    border: 1px solid #558B2F;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    height: 34px

}

.dd3-handle:before {

    content: '≡';

    display: block;

    position: absolute;

    left: 0;

    top: 3px;

    width: 100%;

    text-align: center;

    text-indent: 0;

    color: #fff;

    font-size: 20px;

    font-weight: 400

}

.dd3-handle:hover {

    background: #ddd

}

.card-header,

.card-header-headshot {

    background-size: cover;

    background-position: center center

}

.progress {

    -webkit-box-shadow: none!important;

    background-color: #f5f5f5;

    box-shadow: none!important;

    height: 10px;

    overflow: visible

}

.progress-bar {

    box-shadow: none;

    font-size: 8px;

    font-weight: 600;

    line-height: 12px

}

.progress-animated {

    -webkit-animation-duration: 5s;

    -webkit-animation-name: animationProgress;

    -webkit-transition: 5s all;

    animation-duration: 5s;

    animation-name: animationProgress;

    transition: 5s all

}

.progress.progress-sm {

    height: 5px!important

}

.progress.progress-md {

    height: 15px!important

}

.progress.progress-lg {

    height: 20px!important

}

.progress.progress-md .progress-bar {

    font-size: 10.8px;

    line-height: 14.4px

}

.progress.progress-lg .progress-bar {

    font-size: 12px;

    line-height: 20px

}

.progress-bar-primary {

    background-color: #428bca

}

.progress-bar-info {

    background-color: #62d0f1

}

.progress-bar-warning {

    background-color: #FFB61E

}

.progress-bar-danger {

    background-color: #E5343D

}

.progress-bar-inverse {

    background-color: #3b3e47

}

.progress-bar-pink {

    background-color: #ff8acc

}

.progress-bar-violet {

    background-color: #8E23E0

}

.progress-bar .tooltip {

    position: relative;

    float: right

}

.progress-bar .tooltip .tooltip-inner {

    background-color: #f5f5f5;

    padding: 4px 8px;

    color: #fff;

    font-weight: 700;

    font-size: 9px

}

.popOver+.tooltip .tooltip-arrow {

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #000

}

.progress-bar-primary .tooltip .tooltip-inner {

    background-color: #428bca

}

.progress-bar-primary .tooltip.top .tooltip-arrow {

    border-top: 5px solid #428bca

}

.progress-bar-success .tooltip.top .tooltip-arrow {

    border-top: 5px solid #558B2F

}

.progress-bar-info .tooltip .tooltip-inner {

    background-color: #62d0f1

}

.progress-bar-info .tooltip.top .tooltip-arrow {

    border-top: 5px solid #62d0f1

}

.progress-bar-warning .tooltip .tooltip-inner {

    background-color: #FFB61E

}

.progress-bar-warning .tooltip.top .tooltip-arrow {

    border-top: 5px solid #FFB61E

}

.progress-bar-danger .tooltip .tooltip-inner {

    background-color: #E5343D

}

.progress-bar-danger .tooltip.top .tooltip-arrow {

    border-top: 5px solid #E5343D

}

.progress-bar-inverse .tooltip .tooltip-inner {

    background-color: #3b3e47

}

.progress-bar-inverse .tooltip.top .tooltip-arrow {

    border-top: 5px solid #3b3e47

}

.progress-bar-pink .tooltip .tooltip-inner {

    background-color: #ff8acc

}

.progress-bar-pink .tooltip.top .tooltip-arrow {

    border-top: 5px solid #ff8acc

}

.progress-bar-violet .tooltip .tooltip-inner {

    background-color: #8E23E0

}

.card-content-languages,

.card-content-member,

.card-content-summary,

.card-footer-stats,

.pricing .pricing_action:focus,

.pricing .pricing_action:hover {

    background-color: #2c3136

}

.progress-bar-violet .tooltip.top .tooltip-arrow {

    border-top: 5px solid #8E23E0

}

.card {

    margin-bottom: 20px

}

.card-header {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  /*  background-image: url(../img/profile-bg.jpg); */

    padding: 30px 15px;

    border-top-left-radius: 4px;

    border-top-right-radius: 4px

}

.card-header-menu {

    position: absolute;

    top: 0;

    right: 0;

    height: 4em;

    width: 4em

}

.card-header-menu:after {

    position: absolute;

    top: 0;

    right: 0;

    content: "";

    border-left: 2em solid transparent;

    border-bottom: 2em solid transparent;

    border-right: 2em solid #558B2F;

    border-top: 2em solid #558B2F;

    border-top-right-radius: 4px

}

.card-header-menu i {

    position: absolute;

    top: 9px;

    right: 9px;

    color: #fff;

    z-index: 1

}

.card-header-headshot {

    height: 6em;

    width: 6em;

    border-radius: 50%;

    border: 2px solid #558B2F;

    background-image: url(../img/avatar.png);

    box-shadow: 1px 3px 3px #3E4142

}

.card-content-member {

    position: relative;

    padding: 1em;

    border-bottom: 1px solid #3d404c;

    text-align: center

}

.card-content-member p i {

    font-size: 16px;

    margin-right: 10px

}

.card-content-languages {

    padding: 15px

}

.card-content-languages .card-content-languages-group {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-bottom: .5em

}

.card-content-languages .card-content-languages-group:last-of-type {

    padding-bottom: 0

}

.card-content-languages .card-content-languages-group>div:first-of-type {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 5em;

    flex: 0 0 5em

}

.card-content-languages h4 {

    line-height: 1.5em;

    margin: 0;

    font-size: 15px;

    font-weight: 500;

    letter-spacing: .5px

}

.card-content-languages li {

    display: inline-block;

    padding-right: .5em;

    font-size: .9em;

    line-height: 1.5em

}

.card-footer-stats,

.pricing {

    display: -webkit-box;

    display: -ms-flexbox

}

.card-content-summary {

    padding: 15px

}

.card-content-summary p {

    font-size: 12px;

    font-weight: 600

}

.card-footer-stats {

    display: flex

}

.card-footer-stats div {

    -webkit-box-flex: 1;

    -ms-flex: 1 0 33%;

    flex: 1 0 33%;

    padding: .75em;

    border-top: 1px solid #3d404c

}

.card-footer-stats div:nth-of-type(2) {

    border-left: 1px solid #3d404c;

    border-right: 1px solid #3d404c

}

.card-footer-stats p {

    font-size: .8em;

    color: #A6A6A6;

    margin-bottom: .4em;

    font-weight: 600;

    text-transform: uppercase

}

.card-footer-stats i,

.card-footer-stats span {

    color: #ddd

}

.card-footer-stats span.stats-small {

    font-size: .9em

}

.card-footer-message {

    padding: 15px;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px

}

.card-footer-message h4 {

    margin: 0;

    text-align: center;

    color: #fff;

    font-weight: 400

}

.review-number {

    float: left;

    width: 35px;

    line-height: 1

}

.review-number div {

    height: 9px;

    margin: 5px 0

}

.review-progress {

    float: left;

    width: 230px

}

.review-progress .progress {

    margin: 8px 0

}

.progress-number {

    margin-left: 10px;

    float: left

}

.rating-block,

.review-block {

   background-color: #33383e;
   
    border: 1px solid #3d404c;

    padding: 15px;

    border-radius: 4px;

    margin-bottom: 20px

}

.review-block {

    margin-bottom: 20px

}

.review-block-img img {

    height: 60px;

    width: 60px

}

.review-block-name {

    font-size: 12px;

    margin: 10px 0;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .5px

}

.review-block-name a {

    color: #fff

}

.review-block-date {

    font-size: 12px

}

.review-block-rate {

    font-size: 13px;

    margin-bottom: 15px

}

.review-block-title {

    font-size: 15px;

    font-weight: 700;

    margin-bottom: 10px

}

.review-block-description {

    font-size: 13px

}

#calendar {

    max-width: 900px;

    margin: 0 auto

}

#external-events h4 {

    margin-top: 0

}

#external-events .fc-event {

    margin: 10px 0;

    cursor: pointer

}

#external-events p {

    margin: 1.5em 0 0;

    font-size: 13px

}

#external-events p input {

    margin: 0;

    vertical-align: middle

}

#external-events p label {

    font-weight: 600

}

.cbp_tmtimeline {

    margin: 30px 0 0;

    padding: 0;

    list-style: none;

    position: relative

}

.cbp_tmtimeline::before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    width: 2px;

    background: #2c3136;

    left: 20.5%;

    margin-left: -10px

}

.cbp_tmtimeline>li .cbp_tmtime {

    display: block;

    width: 25%;

    padding-right: 100px;

    position: absolute

}

.cbp_tmtimeline>li .cbp_tmtime span {

    display: block;

    text-align: right

}

.cbp_tmtimeline>li .cbp_tmtime span:first-child {

    font-size: 15px;

    font-weight: 600

}

.cbp_tmtimeline>li .cbp_tmtime span:last-child {

    font-size: 50px

}

.cbp_tmtimeline>li .cbp_tmlabel {

    margin: 0 0 15px 27%;

    background: #2c3136;

    padding: 2em;

    position: relative;

    border-radius: 4px;

    border: 1px solid #2c3136

}

.cbp_tmtimeline>li .cbp_tmlabel h2 {

    margin-top: 0;

    padding: 0 0 10px;

    border-bottom: 1px solid #3d404c;

    color: #fff

}

.cbp_tmtimeline>li .cbp_tmlabel::after {

    right: 100%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-right-color: #2c3136;

    border-width: 10px;

    top: 15px

}

.cbp_tmtimeline>li i {

    width: 50px;

    height: 50px;

    speak: none;

    text-transform: none;

    font-size: 24px;

    line-height: 46px;

    -webkit-font-smoothing: antialiased;

    position: absolute;

    color: #fff;

    background: #2c3136;

    border-radius: 50%;

    text-align: center;

    left: 19.4%;

    top: 0;

    margin: 0 0 0 -25px;

    border: 2px solid #2c3136

}

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

    .cbp_tmtimeline>li .cbp_tmtime span:last-child {

        font-size: 25px

    }

}

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

    .cbp_tmtimeline:before {

        display: none

    }

    .cbp_tmtimeline>li .cbp_tmtime {

        width: 100%;

        position: relative;

        padding: 0 0 20px

    }

    .cbp_tmtimeline>li .cbp_tmtime span {

        text-align: left

    }

    .cbp_tmtimeline>li .cbp_tmlabel {

        margin: 0 0 30px!important;

        padding: 1em;

        font-weight: 400;

        font-size: 95%

    }

    .cbp_tmtimeline>li .cbp_tmlabel:after {

        right: auto;

        left: 20px;

        border-right-color: transparent;

        border-bottom-color: #fff;

        top: -20px

    }

    .cbp_tmtimeline>li i {

        position: relative;

        float: right;

        left: auto;

        margin: -55px 0 0

    }

}

.pricing {

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    margin: 0 auto 3em

}

.pricing .pricing_item {

    padding: 30px;

    margin: 0 0 20px;

    background: #2c3136;

    cursor: default;

    overflow: hidden;

    box-shadow: 0 0 15px rgba(0, 0, 0, .4);

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .4);

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: stretch;

    -ms-flex-align: stretch;

    align-items: stretch;

    text-align: center;

    -webkit-box-flex: 0;

    -ms-flex: 0 1 300px;

    flex: 0 1 300px

}

.pricing .pricing_title {

    font-size: 30px;

    margin: 8px 0 0;

    color: #fff

}

.pricing i {

    display: inline-block;

    min-width: 30px;

    color: #8A9790;

    vertical-align: middle

}

.pricing .pricing_price {

    font-size: 80px;

    font-weight: 800;

    position: relative;

    z-index: 100

}

.pricing .pricing_currency {

    font-size: .5em;

    vertical-align: super

}

.pricing .pricing_period {

    font-size: .25em;

    display: inline-block;

    padding: 0 0 0 8px;

    color: rgba(44, 49, 54, .3)

}

.deal span,

.ic,

.ic i,

.promo {

    color: #fff

}

.pricing .pricing_sentence {

    font-weight: 700;

    margin: 0 0 16px;

    padding: 0 0 8px

}

.pricing .pricing_feature-list {

    margin: 0;

    padding: 24px 8px 40px;

    list-style: none;

    font-size: 15px;

    text-align: left

}

.deal span,

.features,

.ic,

.promo .price {

    text-align: center;

    display: block

}

.pricing .pricing_feature {

    padding: 2px 0

}

.pricing .pricing_action {

    font-weight: 700;

    margin-top: auto;

    padding: 1em 2em;

    color: #fff;

    border-radius: 5px;

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

    transition: background-color .3s;

    border: none

}

.pricing .pricing_action:focus {

    outline: 0

}

@media screen and (min-width: 66.250em) {

    .pricing .pricing_item {

        margin: 1.5em 0

    }

    .pricing .pricing_item_featured {

        z-index: 10;

        margin: 0;

        font-size: 1.15em

    }

}

.promos {

    margin: 50px auto

}

.promo {

    width: 100%;

    background: #2c3136;

    padding-bottom: 10px;

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

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

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}

.promo:hover {

    box-shadow: 0 0 15px rgba(0, 0, 0, .9);

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .9)

}

.ic {

    position: absolute;

    top: -40px;

    left: 50%;

    margin-left: -40px;

    border-radius: 200px;

    font-size: 30px;

    font-weight: 700;

    padding: 19px 0;

    width: 80px;

    height: 80px;

    box-sizing: border-box

}

.badge-inner a,

.nav-pills>li>a {

    font-weight: 600;

    color: #3a95e4

}

.deal {

    padding: 50px 10px 0;

    position: relative

}

.deal span {

    font-size: 20px

}

.deal span:first-of-type {

    font-size: 21px

}

.deal span:last-of-type {

    font-size: 13px;

    color: #999

}

.promo .price {

    width: 100%;

    margin: 15px 0 10px;

    font-size: 30px;

    padding: 17px 0

}

.plan-1 .ic,

.plan-1 .promo .price {

    background-color: #7ac484

}

.plan-2 .ic,

.plan-2 .promo .price {

    background-color: #3acf4e

}

.plan-3 .ic,

.plan-3 .promo .price {

    background-color: #3cb878

}

.plan-4 .ic,

.plan-4 .promo .price {

    background-color: #3db306

}

.promo .price p {

    font-size: 14px;

    color: #fff;

    margin: 0

}

.promo .price .period {

    letter-spacing: .1em;

    font-size: 15px

}

.features {

    margin: 20px 0 10px;

    padding: 0;

    list-style-type: none;

    color: #999

}

.features li {

    display: block;

    padding: 10px 0;

    border-bottom: 1px solid #3d404c

}

.button {

    border: none;

    border-radius: 40px;

    background: #359508;

    color: #f9f9f9;

    padding: 10px 37px;

    transition: all ease .5s;

    -moz-transition: all ease .5s;

    -webkit-transition: all ease .5s;

    -o-transition: all ease .5s;

    -ms-transition: all ease .5s

}

.promos:hover .button {

    background-color: #f64326

}

.label-pill {

    border-radius: 5em

}

.label-default-outline {

    color: #777;

    background-color: transparent;

    border: 2px solid #ced0d2

}

.label-default {

    color: #fff;

    background-color: #ced0d2;

    border: 2px solid #ced0d2

}

.label-primary-outline {

    color: #3a95e4;

    background-color: transparent;

    border: 2px solid #3a95e4

}

.label-primary {

    color: #fff;

    background-color: #3a95e4;

    border: 2px solid #3a95e4

}

.label-success-outline {

    color: #45c203;

    background-color: transparent;

    border: 2px solid #45c203

}

.label-success {

    color: #fff;

    border: 2px solid #558B2F

}

.label-info-outline {

    color: #53d4fa;

    background-color: transparent;

    border: 2px solid #53d4fa

}

.label-info {

    color: #fff;

    background-color: #53d4fa;

    border: 2px solid #53d4fa

}

.label-warning-outline {

    color: #ffc751;

    background-color: transparent;

    border: 2px solid #ffc751

}

.label-warning {

    color: #fff;

    background-color: #ffc751;

    border: 2px solid #ffc751

}

.label-danger-outline {

    color: #E5343D;

    background-color: transparent;

    border: 2px solid #E5343D

}

.label-danger {

    color: #fff;

    background-color: #E5343D;

    border: 2px solid #E5343D

}

.nav-pills>li.active>a,

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

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

    color: #fff;

    background-color: #3a95e4

}

.nav-pills>li>a:hover {

    color: #3a95e4;

    background-color: transparent

}

.nav-pills>li>a {

    border-radius: 5px;

    padding: 10px

}

.badge-inner {

    margin-bottom: 15px

}

.badge {

    color: #fff;

    background-color: #3a95e4;

    font-size: 10px;

    border-radius: 5px;

    padding: 6px 7px

}

.active .badge {

    color: #9875ab!important

}

.alert {

    border: 1px solid transparent;

    border-radius: 5px

}

.alert-success {

    color: #fff;

    background-color: #354534;

    border-color: #558b2f

}

.alert-success .close {

    color: #349800

}

.alert-info {

    color: #fff;

    background-color: #53d4fa;

    border-color: #00b1e6

}

.alert-info .close {

    color: #00b1e6

}

.alert-warning {

    color: #fff;

    background-color: #ffc751;

    border-color: #efa200

}

.alert-warning .close {

    color: #efa200

}

.alert-danger {

    color: #fff;

    background-color: #E5343D;

    border-color: #BD000A

}

.alert-danger .close {

    color: #BD000A

}

.alert-dismissible .close {

    font-size: 16px;

    top: -14px;

    right: -31px;

    text-shadow: none;

    opacity: 1

}

.alert-dismissible .close:hover {

    opacity: .8

}

.alert-sm {

    font-size: 13px;

    padding: 5px

}

.alert i {

    margin: 0 10px 0 5px

}

.alert-sm.alert-dismissible .close {

    top: -5px;

    right: -2px

}

.middle-box,

.middle-box2 {

    max-width: 768px;

    z-index: 100;

    margin: 0 auto;

    padding: 40px 15px 15px

}

.error-text h3 span {

    font-weight: 400

}

.error-desc {

    text-align: left

}

.error-desc .navbar-form {

    margin-top: 30px

}

.error-desc .navbar-form .form-control {

    border: 1px solid #558B2F

}

@-webkit-keyframes bounce {

    0%, 100%, 20%, 50%, 80% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    40% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }

    60% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}

@keyframes bounce {

    0%, 100%, 20%, 50%, 80% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    40% {

        -webkit-transform: translateY(-30px);

        transform: translateY(-30px)

    }

    60% {

        -webkit-transform: translateY(-15px);

        transform: translateY(-15px)

    }

}

@media (max-width: 767px) {

    .error-text h1 {

        font-size: 115px;

        font-weight: 800;

        margin-bottom: 0;

        text-align: center

    }

    .error-desc p,

    .error-text h3 {

        text-align: center;

        margin-bottom: 25px

    }

    .error-text h3 {

        font-size: 30px;

        font-weight: 300;

        margin-top: 0

    }

    .error-desc p {

        font-size: 16px

    }

}

@media (min-width: 768px) {

    .error-text h1 {

        font-size: 280px;

        font-weight: 800;

        float: left

    }

    .error-text h3 {

        font-size: 55px;

        text-transform: uppercase;

        text-align: left;

        margin-left: 19px;

        font-weight: 300;

        float: left;

        margin-top: 140px

    }

    .error-desc p {

        font-size: 18px

    }

    .arrow {

        position: absolute;

        bottom: 0;

        left: 168px

    }

    .bounce {

        -webkit-animation: bounce 2s infinite;

        animation: bounce 2s infinite

    }

    .m-r-90 {

        margin-right: 155px

    }

    .m-l-90 {

        margin-left: 155px

    }

    .error-desc .navbar-form {

        padding: 0

    }

}

.error-text2 h1 {

    font-size: 280px;

    font-weight: 800

}

.error-desc2 p {

    font-size: 16px;

    text-align: center;

    margin-bottom: 30px

}

@media (max-width: 767px) {

    .error-text2 h1 {

        font-size: 115px

    }

    .error-desc2 p {

        font-size: 14px

    }

}

.statistic-box {

    color: #fff;

    padding: 15px;

    position: relative;

    margin-bottom: 20px;

    background-color: #374767;

    border: 2px solid #374767

}

.statistic-filled-1 {

    background-color: #558B2F;

    border-color: #558B2F;

    color: #fff

}

.statistic-filled-1.outline {

    color: #9a9da0;

   background: #33383e;
   
    border: 1px solid #3d404c;

}

.statistic-filled-2 {

    background: #E5343D;

    border-color: #E5343D;

    color: #fff

}

.statistic-filled-2.outline {

    color: #9a9da0;

    background: #2c3136;

    border: 2px solid #2c3136

}

.statistic-filled-3 {

    background: #5b69bc;

    border-color: #5b69bc;

    color: #fff

}

.statistic-filled-3.outline {

    color: #9a9da0;

    background: #2c3136;

    border: 2px solid #2c3136

}

.statistic-filled-4 {

    background: #EF6C00;

    border-color: #EF6C00;

    color: #fff

}

.statistic-filled-4.outline {

    color: #9a9da0;

    background: #2c3136;

    border: 2px solid #2c3136

}

.statistic-box h2 {

    margin: 0;

    font-weight: 800;

    font-size: 42px

}

.statistic-box .small {

    font-weight: 600;

    margin-bottom: 15px

}

.statistic-box .statistic_icon {

    font-size: 50px;

    position: absolute;

    right: 30px;

    top: 16px

}

.statistic-filled-1 .statistic_icon {

    color: #4B7A2B

}

.statistic-filled-2 .statistic_icon {

    color: #C62F37

}

.statistic-filled-3 .statistic_icon {

    color: #4b58a5

}

.statistic-filled-4 .statistic_icon {

    color: #DA6200

}

.slight {

    font-size: 13px

}

.chart-legend-item {

    padding-left: 22px;

    position: relative;

    overflow: hidden;

    margin-bottom: 7px

}

.chart-legend-color {

    width: 14px;

    height: 14px;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0

}

.temp,

.weather-widget {

    position: relative

}

.chart-legend-color.red {

    background-color: #E5343D

}

.chart-legend-color.blue {

    background-color: #5b69bc

}

.chart-legend-item p {

    float: left;

    font-size: 13px;

    line-height: 15px;

    font-weight: 600

}

.chart-legend-item .percentage {

    float: right

}

.social-media {

    margin-left: -10px;

    padding: 0;

    list-style-type: none

}

.social-media li {

    float: left;

    margin-bottom: 10px;

    margin-left: 10px

}

.social-media li a {

    padding: 20px 10px;

    text-align: center;

    display: inline-block;

    min-width: 113.3px;

    background: #fff;

    text-decoration: none;

    transition: all ease .3s;

    -moz-transition: all ease .3s;

    -webkit-transition: all ease .3s;

    -o-transition: all ease .3s;

    -ms-transition: all ease .3s

}

.social-media li a i {

    font-size: 24px

}

.social-media li .rss {

    color: #fff;

    background: #ff680d

}

.social-media li .fb {

    color: #fff;

    background-color: #4c66a3

}

.social-media li .g_plus {

    color: #fff;

    background-color: #cf3e28

}

.social-media li .you_tube {

    color: #fff;

    background-color: #e42c27

}

.social-media li .twitter {

    color: #fff;

    background-color: #2fc2ee

}

.social-media li .pint {

    color: #fff;

    background-color: #cb2028

}

.social-media li a div {

    font-weight: 700;

    font-size: 30px

}

.social-media li p {

    font-size: 11px;

    text-transform: uppercase;

    margin-bottom: 0;

    letter-spacing: .5px;

    font-weight: 600

}

@media(min-width:0px) and (max-width:1199px) {

    .social-media li, .social-media-inner {

        margin-bottom: 5px

    }

    .social-media {

        width: 101.9%;

        margin-left: -5px

    }

    .social-media li {

        width: 31.6%;

        margin-left: 5px

    }

    .social-media li a {

        min-width: auto;

        width: 100%

    }

    .social-media li a div {

        font-size: 21px

    }

    .social-media li p {

        font-size: 10px

    }

}

@media(min-width:768px) and (max-width:1199px) {

    .social-media li {

        width: 31.2%

    }

    .social-media li a {

        padding: 15px 5px

    }

}

.weather-widget {

    text-align: center;

    background-color: #2c3136;

    margin-bottom: 20px;

    border: 1px solid #3d404c

}

.city-name {

    font-size: 29px;

    font-weight: 100

}

.weather-city {

    padding: 25px 10px 0

}

.temp .icon {

    background-repeat: no-repeat;

    background-position: center;

    background-size: 128px 128px;

    display: inline-block;

    width: 128px;

    height: 128px;

    line-height: 128px;

    vertical-align: top

}

.icon.rainy-2 {

    background-image: url(../img/weather-animated/rainy-2.svg)

}

.temp .value {

    font-size: 55px;

    font-weight: 100;

    line-height: 128px;

    color: #fff

}

.temp .value::after {

    content: "\00b0";

    position: absolute;

    font-size: 65px;

    line-height: 145px

}

.temp .wind {

    width: 21px;

    height: 17px;

    line-height: 17px;

    -webkit-transition: transform ease-out 250ms;

    -moz-transition: transform ease-out 250ms;

    transition: transform ease-out 250ms

}

.meta {

    font-size: 12px;

    color: #AFBED1;

    margin-bottom: 20px

}

.meta,

.meta .icon,

.meta span,

.temp .value,

.temp .wind,

.temp span {

    display: inline-block;

    position: relative

}

.meta .icon {

    vertical-align: middle;

    margin: 0;

    padding: 0 10px

}

.weather-week {

    display: flex;

    width: 100%;

    line-height: 1;

    position: relative;

    background-color: #393e45;

    border: solid #4c505f;

    border-width: 1px 0 0

}

.weather-days {

    width: 14.28%;

    text-align: center;

    text-transform: uppercase;

    border-right: 1px solid #4c505f;

    padding: 10px 0

}

.weather-days:last-child {

    border-right: 0

}

.weather-days .day-0,

.weather-days .day-1,

.weather-days .day-2,

.weather-days .day-3,

.weather-days .day-4,

.weather-days .day-5,

.weather-days .day-6 {

    font-size: 12px;

    font-weight: 600

}

.day-icon img {

    height: 50px;

    width: 50px

}

.weather-days .day-degrees {

    font-size: 15px;

    position: relative;

    left: 4px;

    line-height: 14px;

    opacity: .7

}

.weather-footer {

    padding: 15px 10px 30px

}

.weather-footer .weather-date {

    font-size: 21px;

    font-weight: 300

}

.twt-feed {

    border-radius: 4px 4px 0 0;

    -webkit-border-radius: 4px 4px 0 0;

    color: #FFF;

    padding: 40px 10px 10px;

    position: relative;

    min-height: 170px

}

.twt-feed.blue-bg {

    background: #45c203

}

.corner-ribon {

    text-align: center;

    width: 71px;

    height: 71px;

    position: absolute;

    right: 0;

    top: 0;

    font-size: 20px

}

.black-ribon {

    background: url(../img/twitter_corner_black.png) no-repeat

}

.corner-ribon i {

    padding: 10px 0 0 35px;

    color: #fff

}

.twt-feed .wtt-mark {

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

    font-size: 160px;

    position: absolute;

    top: 10px;

    left: 40%

}

.twt-feed a {

    border-radius: 50%;

    -webkit-border-radius: 50%;

    float: left;

    margin: 0 10px

}

.twt-feed a img {

    height: 85px;

    width: 85px;

    border-radius: 50%;

    -webkit-border-radius: 50%

}

.twt-category,

.twt-category ul {

    width: 100%;

    display: inline-block

}

.twt-feed h1 {

    font-size: 18px;

    margin-bottom: 5px;

    color: #fff

}

.twt-feed p {

    color: #fff

}

.twt-category {

    margin-bottom: 11px;

    margin-top: 10px;

    padding: 15px 10px;

    color: #74829C

}

.twt-category ul {

    padding: 0;

    margin: 0

}

.twt-category ul li {

    display: inline-block;

    width: 32%;

    text-align: center;

    color: #fff;

    font-size: 13px;

    padding: 5px;

    border-radius: 4px

}

.twt-category ul li.tweets-color {

    background-color: #58C9F3

}

.twt-category ul li.following-color {

    background-color: #FFB61E

}

.twt-category ul li.followers-color {

    background-color: #E5343D

}

.twt-category h5 {

    font-size: 18px;

    font-weight: 400!important

}

.twt-category ul li h5 {

    margin: 0 0 5px;

    text-transform: uppercase;

    font-weight: 300

}

.twt-write .t-text-area {

    background: #f4f4f6;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    border: none;

    height: 40px;

    color: #c9c9c9;

    margin-bottom: 20px;

    padding-top: 10px

}

.monthly,

.monthly-header {

    background: #2c3136

}

.twt-footer {

    padding: 12px 15px

}

.twt-footer,

.twt-footer a {

    color: #d2d2d2

}

.twt-footer i {

    padding-right: 10px

}

.monthly_calender {

    width: 100%;

    max-width: 600px;

    display: inline-block

}

.monthly {

    color: #9a9da0

}

.monthly-header-title-date,

.monthly-header-title-date:hover {

    color: #fff!important;

    background-color: #393e45!important;

    border-color: #4a5059!important

}

.monthly-day-title-wrap {

    background: #2c3136;

    border-bottom: 1px solid #3d404c

}

.monthly-day,

.monthly-day-blank {

    background: #2c3136;

    box-shadow: 0 0 0 1px #3d404c

}

.monthly-day-blank {

    background: #33383e

}

.monthly-today .monthly-day-number {

    padding: 4px;

    width: 2em;

    height: 2em

}

.profile-widget .panel-heading {

    min-height: 200px;

    background: url(../img/The-Lion-King-Desktop-1024x640.jpg) top center no-repeat #fff;

    background-size: cover

}

.profile-widget .panel-body {

    padding: 25px 15px

}

.profile-widget .panel-body .img-circle {

    height: 90px;

    width: 90px;

    padding: 8px;

    border: 1px solid #e2dfdc

}

.profile-widget .panel-footer {

    padding: 0;

    border: none

}

.profile-widget .panel-footer .btn-group .btn {

    border: none;

    font-size: 1.2em;

    color: #BAACA3;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    padding: 15px 0

}

.profile-widget .panel-footer .btn-group .btn:hover {

    color: #F6F1ED;

    background-color: #8F7F70

}

.profile-widget .panel-footer .btn-group>.btn:not(:first-child) {

    border-left: 1px solid #4c505f

}

.profile-widget .panel-footer .btn-group .highlight {

    color: #E56E4C

}

.login-widget .panel-body .input-group {

    margin-bottom: 15px

}

.login-widget .panel-footer {

    padding: 0;

    border: none

}

.login-widget .panel-footer .login-btn {

    padding: 20px 20px 10px

}

.login-widget .panel-footer .facebook {

    background-color: #3b5998;

    color: #fff;

    padding: 15px;

    display: block

}

.pie-chart-widget .panel-body {

    padding: 0

}

.pie-chart-widget .panel-footer {

    padding: 0;

    margin-top: 20px

}

.pie-chart-widget .panel-footer .btn {

    border: none;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    padding: 12px 0;

    color: #fff;

    background-color: #474751

}

.pie-chart-widget .panel-footer .btn:hover {

    background-color: #2C2C38

}

.pie-chart-widget h2 {

    font-weight: 300;

    margin: 3px 0 0

}

.pie-chart-widget .legend li {

    padding: 10px;

    color: #bdbdbd;

    font-size: 13px

}

.list-block {

    display: table;

    width: 100%;

    border-collapse: collapse;

    border: none

}

.list-block ul {

    display: table-row

}

.list-block li {

    display: table-cell;

    margin: 0

}

.user-widget {

    border: 1px solid #e1e6ef;

    border-radius: 4px

}

.user-widget .list-group-item {

    border: 0;

    color: #474751;

    padding: 15px

}

.user-widget a.list-group-item:hover {

    background-color: #F8F3F0;

    color: #64584C

}

.user-widget a.list-group-item:hover i.fa {

    color: #E35935

}

.user-widget .heading {

    background-color: #474751;

    padding: 25px 15px

}

.user-widget .heading .text-wrap {

    padding: 20px 0

}

.user-widget .img-circle {

    height: 90px;

    width: 90px;

    padding: 8px;

    border: 1px solid #a6a6a6;

    margin-right: 10px;

    float: left

}

.user-widget .heading .list-group-item-heading {

    font-weight: 600;

    color: #fff

}

.todo-list {

    list-style: none;

    margin: 0;

    padding: 0;

    font-size: 13px

}

.todo-list li {

    background: #393e45;

    border-left: none;

    border-right: none;

    border-radius: 4px;

    color: inherit;

    margin-bottom: 2px;

    padding: 8px 6px 6px 12px

}

.todo-list .checkbox {

    margin: 0

}

.todo-list .checkbox label {

    line-height: 16px

}

.todo-list input[type=checkbox]:checked+label {

    text-decoration: line-through;

    color: grey

}

.social-widget {

    overflow: hidden;

    background: #FFF;

    border: 0;

    clear: both;

    margin-bottom: 20px

}

.social-widget ul {

    display: block;

    overflow: hidden;

    text-align: center;

    margin: 0 0 -1px;

    padding: 0;

    position: relative;

    list-style: none

}

.social-widget ul li {

    margin: 0;

    padding: 0;

    line-height: 15px;

    display: inline-block;

    float: left;

    width: 50%;

    border: 0;

    border-width: 0 0 1px

}

.dribble_inner,

.fb_inner,

.g_plus_inner,

.twitter_inner {

    padding: 15px;

    color: #fff

}

.info-block,

.yearly-change span {

    border-radius: 3px;

    text-align: center

}

.social-widget ul li:nth-child(2n+1) {

    border-width: 0 1px 1px 0

}

.social-widget ul li i {

    font-size: 45px

}

.social-widget ul li:hover i {

    text-shadow: 0 5px 0 #212121

}

.fb_inner {

    background-color: #4c66a3

}

.twitter_inner {

    background-color: #2fc2ee

}

.g_plus_inner {

    background-color: #cf3e28

}

.dribble_inner {

    background-color: #e84d88

}

.social-widget ul li .sc-num {

    display: block;

    font-size: 19px;

    padding: 10px 0

}

.social-widget ul li li small {

    font-size: 85%;

    color: #c9c9c9

}

.graph-widget {

    background: #2c3136;

    margin-bottom: 20px

}

.section-graph {

    position: relative;

    height: 210px;

    color: #fff;

    background: #6CA147;

    background-image: linear-gradient(#55A81A, #5C9634 50%, #558B2F 50%)

}

.section-graph .graph-info {

    z-index: 99;

    position: absolute;

    font-weight: 700;

    margin-top: 18px;

    margin-left: 21px;

    width: 100px

}

.section-graph .graph-info .graph-arrow {

    width: 0;

    height: 0;

    margin-top: 18px;

    border-left: 4px solid transparent;

    border-right: 4px solid transparent;

    border-bottom: 4px solid #fff;

    float: left

}

.md-content h3,

.modal-header,

.modal-text-header h1 {

    border-bottom: 1px solid #3d404c

}

.section-graph .graph-info .graph-info-big {

    font-size: 24px;

    float: left;

    margin-left: 3px

}

.info-block dd,

.info-time {

    font-size: 12px

}

.section-graph .graph-info .graph-info-small {

    font-size: 12px;

    font-weight: 400;

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

    clear: left;

    margin-left: 8px

}

.graph {

    position: absolute;

    bottom: 0;

    width: 100%

}

.section-info {

    padding: 21px 21px 41px;

    overflow: hidden

}

.info-title {

    margin-top: 0

}

.info-block {

    background-color: #1c1f22;

    width: 120px;

    float: left;

    padding: 10px

}

.info-aapl li,

.info-aapl li span {

    width: 9px;

    height: 40px;

    display: block

}

.info-block dl {

    margin: 0

}

.info-block.last {

    margin-left: 1px

}

.info-aapl ul,

.info-block dd,

.info-block dt {

    margin: 0;

    padding: 0

}

.info-block dt {

    font-weight: 700

}

.info-aapl {

    float: left

}

.info-aapl li {

    margin: 0 6px 0 0;

    background-color: #f1f3f6;

    float: left;

    position: relative

}

.info-aapl li span {

    position: absolute;

    bottom: 0

}

.info-aapl li span.orange {

    background-color: #E5343D

}

.yearly-change {

    width: 94px;

    float: right

}

.yearly-change span {

    display: block;

    height: 40px;

    line-height: 40px;

    color: #fff;

    font-weight: 700

}

.yearly-change span em {

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

}

.modal-danger .modal-header .modal-title,

.modal-primary .modal-header .modal-title,

.modal-success .modal-header .modal-title,

.modal-warning .modal-header .modal-title,

code {

    color: #fff

}

.md-content {

    background: #2c3136

}

.md-content h3 {

    background: #1c1f22

}

.md-show.md-effect-12~.md-overlay {

    background: #2c3136

}

.modal-text-header h1 {

    font-size: 2.625em;

    line-height: 1.3;

    font-weight: 300;

    text-align: center;

    padding: 10px;

    margin: 0 -15px 15px

}

.modal-text-header span {

    display: block;

    font-size: 60%;

    opacity: .7;

    padding: 0 0 .6em .1em

}

.column .modal-text {

    font-weight: 300;

    font-size: 18px;

    padding: 0;

    line-height: 1.5

}

@media (max-width: 767px) {

    .column {

        padding: 0

    }

    .column .modal-text {

        text-align: left

    }

    .modal-text-header h1 {

        margin-bottom: 15px

    }

}

@media (min-width: 1200px) {

    .column {

        padding: 2em;

        position: relative

    }

    .modal-text-header h1 {

        margin-bottom: 20px

    }

    .column .modal-text {

        text-align: right;

        font-size: 2em

    }

}

.modal-content {

    background-color: #2c3136;

    border-radius: 0

}

.modal-header {

    padding: 15px;

    background-color: #1c1f22

}

.modal-title {

    text-align: center

}

.modal-primary .modal-header {

    background-color: #428bca

}

.modal-warning .modal-header {

    background-color: #FFB61E

}

.modal-danger .modal-header {

    background-color: #E5343D

}

.modal-footer {

    border-top: 1px solid #3d404c

}

.i-check {

    margin: 5px 0

}

.i-check label {

    cursor: pointer

}

.toggle-example .toggle {

    margin-right: 10px;

    margin-bottom: 10px

}

.toggle-off.ios,

.toggle-on.ios,

.toggle.ios,

.toggle.ios .toggle-handle {

    border-radius: 20px

}

.toggle.android,

.toggle.android .toggle-handle {

    border-radius: 0

}

.slow .toggle-group {

    transition: left .7s;

    -webkit-transition: left .7s

}

.fast .toggle-group {

    transition: left .1s;

    -webkit-transition: left .1s

}

.quick .toggle-group {

    transition: none;

    -webkit-transition: none

}

code {

    background-color: #558B2F

}

.pagination>.disabled>a,

.pagination>li>a,

.pagination>li>span {

    background-color: #393e45;

    border-color: #4a5059

}

.pagination>.disabled>a,

.pagination>.disabled>a:focus,

.pagination>.disabled>a:hover,

.pagination>.disabled>span,

.pagination>.disabled>span:focus,

.pagination>.disabled>span:hover,

.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

    color: #fff;

    background-color: #444951;

    border-color: #4a5059

}