@import "css/carousel.min.css";
@import "css/panel.min.css";
@import "css/table.min.css";
@import "css/comp.min.css";
@import "css/page.min.css";
@import "css/header.css";
@import "css/navbar.min.css";
@import "css/stripes.min.css";
@import "css/select2.min.css";
@import "css/buttons.min.css";
@import "css/flaticon.min.css";
@import "css/logo.min.css";
@import "css/profile.min.css";
@import "css/canvas.min.css";
@import "css/media/base.min.css";
@import "../../../../includes/fonts/Linearicons/font.css";
@import "../../../../includes/fonts/cera/font.css";
/*@import "../../../../includes/fonts/Camphor/font.css";*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800');*/

/*

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500');*/

:root {
    --navbar-font-color: #fff;
    --navbar-hover-font-color: #00c1de;
    --navbar-top-hover-font-color: #8D8F92;
    --navbar-inverse-font-color: #546e7a;
    --navbar-inverse-font-hover-color: #02afff;
    --font-color: #444;
    --link-color: #0066c0;
    --link-hover-color: #333;
    /*--font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    /*--nav-font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    --sans-font-family: "cera","Helvetica Neue",Helvetica,Arial,sans-serif;
}
html {
    overflow-x:hidden
}
body {
    font-family: var(--sans-font-family) !important;
    background-color: #E3E8EE;
    position:relative;
    font-size:14px;
    color: var(--font-color);
    overflow-x:hidden;
    letter-spacing:.06rem;
    line-height:1.5em;
    width:100%
}
body > .body-wrapper {
    background: transparent;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 180rem;
}
.text-alt {
    font-family:'IBM Plex Sans',Arial,Helvetica,sans-serif
}
.breadcrumb > li > a {
    font-size:13px;
    font-weight:400;
    color:#14171a;
}
.breadcrumb > li:last-of-type > a {
    font-weight: 700;
}
.strong, strong {
    font-weight:500!important
}
.tip {
    font-size:14px
}
abbr {
    border-bottom:0;
    text-decoration:none;
    color:#aaa;
}
.text-sm,small {
    font-size:13px;
}
.text-xs {
    font-size:11px;
}
.text-normal label {
    font-weight:400;
    line-height:100%
}
h1 span,h2 span,h3 span,h4 span {
    display:block;
    font-size:24px;
    font-weight:300;
    color:#637381;
    line-height:3rem
}
.bold {
    font-weight: 600 !important;
}
h1,h2,h3,h4,h5 {
    color: #000;
    font-weight: 300;
}

h1 {
    font-size:46px;
    letter-spacing: -.9px;
}
h2 {
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 20px;
    font-weight: 300;
}
h4 {
    font-size:18px
}
h1.expand, h2.expand, h3.expand, h4.expand {
    line-height: 1.5;
}
.txt-normal {
    color:#333
}
.text-lighter {
    color:#898f9c
}
.tooltip-inner {
    white-space:pre-wrap
}

@-webkit-keyframes infiniteBackground {
    0% {
        transform:translate3d(0,0,0)
    }

    100% {
        transform:translate3d(-50%,0,0)
    }
}

@keyframes infiniteBackground {
    0% {
        transform:translate3d(0,0,0)
    }

    100% {
        transform:translate3d(-50%,0,0)
    }
}
.navbar-right {
    margin-right:0!important
}
.section-bg-overlay {
    position:absolute!important;
    width:100%;
    height:100%;
    left:0!important;
    top:0!important;
    z-index:1!important
}
.infinite-background {
    width:1000em;
    height:100vh;
    position:absolute;
    animation:infiniteBackground 200s linear infinite
}
.cloud-overlay {
    position:absolute!important;
    width:100%;
    height:100%;
    left:0!important;
    top:0!important;
    z-index:-1!important;
    animation:infiniteBackground 200s linear infinite;
    background:url(../../../../images/cloud.png) 0 50% repeat
}
.no-shadow,.no-shadow:hover,.no-shaodw:focus,.no-shadow:active,.no-shadow > .navbar-collapse {
    box-shadow:none!important
}
.list-group-item.shadow-hover {
    box-shadow:none
}
.list-group-item.shadow-hover:hover,.list-group-item.shadow-hover:focus {
    box-shadow:0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07)
}
a.list-group-item:hover,button.list-group-item:hover,a.list-group-item:focus,button.list-group-item:focus,.list-group-item.active:hover,.list-group-item.active:focus {
    background-color:#d9edf7;
    border-color:#bce8f1
}
a.list-group-item.active {
    border-width:3px;
    background-color:#d9edf7;
    border-color:#bce8f1
}
.text-white-contrast {
    color:#fff;
    padding:6px 15px;
    background-color:rgba(0,0,0,0.9);
    display:inline-block;
}
.text-no-transform {
    text-transform:none!important
}
.text-weight-normal {
    font-weight:400!important
}
.no-transform {
    transform:none!important
}
.shadow {
    box-shadow:0 2px 5px rgba(0,0,55,0.2)
}
a,a:hover h5,h5 > a:hover,a:hover h6,h6 > a:hover {
    color: var(--link-color);
    transition:color .15s ease-out;
    outline:0
}
a:hover,a:focus {
    color: var(--link-hover-color);
}
ul.list >li {
    padding:0;
    list-style-position:outside;
    margin-left:20px;
    font-size:15px
}
.list-group-item.no-shadow {
    border:1px solid #CBD2D6
}
.list-group-item {
    outline:none;
    position:relative;
    padding:20px;
    border-radius:8px;
    background:#fff
}
.list-group-item.shadow {
    -webkit-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, .1);
}
.list-group-item.heading {
    background:#F9F9F9
}
.list-group-item-header-label {
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);
    white-space:nowrap;
    padding:5px 50px;
    border-radius:50px;
    margin-top:-30px;
    font-size:22px
}
.list-group-item-inverse {
    background:#32325d;
    background-image:linear-gradient(to bottom right,#32325d,#29294c);
    color:#aab7c4;
    border:0
}
.list-group-item-inverse h1,.list-group-item-inverse h2,.list-group-item-inverse h3,.list-group-item-inverse h4 {
    color:#fff;
    text-transform:uppercase
}
.shadow {
    border:1px solid transparent;
    box-shadow:0 0 2px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.24)
}
.list-group-item.hover:hover,.list-group-item.hover:focus {
    background-color:rgba(255,255,255,.6)
}
.list-group-item-heading {
    background:#f5f5f5;
    color:#444;
    padding:10px 20px;
    margin:0;
    border-bottom:0;
}
.list-group > div:first-child {
    border-radius:4px 4px 0 0
}
.list-group-item {
    border-radius:4px
}
.list-group > div:last-child {
    border-radius:0 0 4px 4px
}
.list-group-item-button {
    padding:0
}
.list-group-item-button h4 {
    margin:0
}
.list-group-item-footer {
    background:#f6f9fc;
    border:0
}
.list-group-item-footer.list-group-item-inverse {
    background:#32325d;
    background-image:linear-gradient(to bottom right,#32325d,#29294c)
}
.list-group-item-footer.list-group-item-button > a {
    background:#f6f9fc;
    padding:20px 15px;
    color:#32325d
}
.list-group-item-footer.list-group-item-button > a:hover,.list-group-item-footer.list-group-item-button > a:focus {
    background:#e6ebf1;
    color:#32325d
}
.list-group-item-footer.list-group-item-inverse > a {
    background:rgba(85,90,191,.2);
    color:#87bbfd
}
.list-group-item-footer.list-group-item-inverse > a:hover,.list-group-item-footer.list-group-item-inverse > a:focus {
    background:rgba(85,90,191,.35);
    color:#87bbfd;
    text-decoration:none
}
.list-group-item-footer.list-group-item-button a {
    text-decoration:none
}
.line-sm,.line-compressed {
    line-height:20px
}

.code_bbcode {
    border:1px solid #ccc;
    padding:15px;
    margin:15px 0
}

.code_bbcode strong {
    color:#aaa
}

.code_bbcode .tbl-code {
    margin-bottom:30px
}

.dropdown-toggle > svg {
    margin-left: -15px;
}

#headerBar {
    height:50px;
    display:block;
    position:relative;
    z-index:3
}

#headerBar .dropdown-menu,#headerBar .dropdown > a:hover,#headerBar .dropdown > a:focus,#headerBar .dropdown.open > a {
    background:rgba(0,0,0,0.1)
}

#headerBar .dropdown > a {
    border-radius:5px;
    text-decoration:none
}

#headerBar .dropdown.open > a {
    border-radius:5px 5px 0 0!important
}

#headerBar .dropdown-menu {
    box-shadow:none;
    margin-top:-1px
}

#headerBar .dropdown-menu li.divider {
    height:1px;
    margin:3px 0;
    overflow:hidden;
    background-color:transparent;
    display:block;
    border-bottom:1px solid #000;
    border-top:1px solid rgba(255,255,255,.1)
}

#headerBar .dropdown-menu > li > a {
    border:1px solid transparent
}

#headerBar .dropdown-menu > li > a:hover,#headerBar .dropdown-menu > li > a:focus {
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.15)
}

.icon {
    width:64px
}
.icon.icon-xl {
    width:170px;
}
.icon.icon-lg {
    width:128px
}

.icon.icon-sm {
    width:48px
}

.icon.icon-xs {
    width:32px
}

.icon.icon-xxs {
    width:18px
}

.checkbox label, .radio label {
    min-height: 18px;
    font-weight: normal;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    margin-left: 20px;
}
.radio label {
    line-height: 3px;
}

#secondary_menu .fusion_count,#secondary_menu .fusion_word {
    display:inline
}

a.title {
    color:#454D57;
    text-decoration:none
}

a.title:hover,a.title:focus {
    color:#333
}

.nav.nav-tabs > li > a {
    background-color:#eee;
}
.nav.nav-tabs > li.active > a {
    text-decoration:none;
    background: none;
    border-bottom:1px solid #fff;
}

.subheader {
    position:relative
}

.subheader.affix {
    position:fixed;
    z-index:99;
    width:100%
}

.mainbody .container > div.col-xs-12 {
    padding-left:80px;
    padding-right:80px
}

.mainbody .bg-fff {
    background-color:#fff
}

.action_content {
    background:#fff;
    position:fixed;
    right:0
}

.breadcrumb {
    font-size:14px
}

.subheader .breadcrumb {
    display:block;
    position:relative;
    padding:0;
    margin-top:15px
}

.top_content {
    background-color:transparent;
    position:static;
    top:0;
    width:100%;
    color:#000
}

.top_content h1 span,.top_content h2 span {
    display:block;
    font-size:24px;
    font-weight:400;
    color:#637381;
    margin-top:18px;
    margin-bottom:18px
}

.bottom_content .container {
    border-color:transparent
}
/**
Footer
 */
footer {
    background:transparent;
    position:relative;
    overflow:hidden;
    width:100%
}
.footer {
    color:#fff;
    font-size:15px;
    line-height:22px;
    padding:0 20px;
    background: #1E2938;
}
.footer .nav-stacked > .collapse {
    padding:8px 0
}

.footer-gradient {
    background:-moz-linear-gradient(top,#a7a9ad 0%,#c1c3c8 43%);
    background:-webkit-linear-gradient(top,#a7a9ad 0%,#c1c3c8 43%);
    background:linear-gradient(to bottom,#a7a9ad 0%,#c1c3c8 43%)
}

.footer-dark {
    background:#42454B
}

.footer-content {
    padding:25px 15px;
    overflow:hidden;
    border-radius:4px;
    position:relative
}

.footer .container:hover {
    color:#32325d!important;
}

.footer h4 {
    font-size:15px;
    text-transform:uppercase;
    color:#fff;
    padding-bottom:0;
    margin-bottom:0;
    font-weight:600
}

.footer a,.footer .nav-stacked .nav li > a {
    color:#8898aa
}

.footer a:hover,.footer a:focus,.footer .nav-stacked .nav li > a:hover,.footer .nav-stacked .nav li > a:focus {
    color:#32325d
}

footer h4 {
    color:#fff
}

.footer .form-control {
    background-color:rgba(255,255,255,.02);
    border:2px solid #394050;
    color:#fff
}

.footer .form-control:focus,.footer .form-control:active {
    border:2px solid #4268A7;
    box-shadow:none
}

.footer .btn-default.btn-bordered {
    border-color:#e9e9eb;
    color:#e9e9eb;
    background:transparent
}

.footer .btn-default.btn-bordered:hover,.footer .btn-default.btn-bordered:focus {
    border-color:#fff;
    color:#fff
}

.footer .nav-stacked .nav li {
    width:100%
}

.footer .nav-stacked .nav li > a {
    background:none!important;
    font-weight:400;
    color:#b3b3b3;
    width:100%;
    display:block;
    padding:8px 0;
    text-transform:none
}

.footer .nav-stacked .nav li > a:hover,.footer .nav-stacked .nav li > a:focus {
    text-decoration:none;
    color:#fff
}

.navbar-inverse {
    border-radius:0
}

.copyright {
    padding:0 20px;
    background:#1C1E25;
    color:#6c7378;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    font-size:13px
}

.copyright a {
    font-weight:600;
    color:#fff
}

.copyright svg {
    width:24px;
    margin-right:5px
}

.nicescroll-cursors {
    background:#ccc!important
}

.nebulaCanvas {
    width:300px;
    border-right:1px solid #ccc;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    background:#fff;
    z-index:21;
}

.nebulaCanvas .contentLeft {
    padding:30px;
    height:100vh;
    overflow-y:scroll;
    background: #E8EAED;
}
.nebulaCanvas.off {
    left:-300px
}
.nebulaCanvas a {
    text-decoration:none;
}
.nebulaCanvas > .canvas-toggle {
    color:#444;
    border-color:transparent
}
.nebulaCanvas a:hover,.nebulaCanvas a:focus {
    color:#000
}
.nebulaCanvas .contentLeft .panel,.nebulaCanvas .contentLeft .panel-default .panel-heading,.nebulaCanvas .contentLeft .panel-default .panel-body,.nebulaCanvas .contentLeft .panel-default .panel-footer {
    background:transparent
}
.nebulaCanvas .contentLeft .panel,.nebulaCanvas .contentLeft .panel-default .panel-heading,.nebulaCanvas .contentLeft .panel-footer {
    border-color:rgba(255,255,255,.1)
}
.main-wrapper.slide {
    margin-left: 285px;
}
.mainbody {
    background:transparent;
    position:relative;
    padding: 0;
}
.control-label > img {
    margin-right:5px;
    width:24px
}
.nav-pills {
    margin:50px 0 35px
}
.nav-pills.nav-xs {
    margin:0
}
.nav-pills li > a {
    color:#000;
    text-transform:uppercase;
    border-radius:0;
    padding:0 0 10px;
}
.nav-pills li:first-child > a {
    padding-left:0
}
.nav-pills li:last-child > a {
    padding-right:0
}
.nav-pills li {
    margin-right:20px
}
.nav-pills li > a:hover,.nav-pills li > a:focus,.nav-pills li.active > a {
    background:transparent!important;
    border-bottom:1px solid #ccc;
}
.nav-pills li.active > a,.nav-pills li.active > a:hover,.nav-pills li.active > a:focus {
    font-weight:700;
    color:#000;
    background:transparent
}
.nav-pills.nav-xs li {
    margin-right:3px
}
.nav-pills.nav-xs li > a {
    font-size:13px;
    padding:5px;
    text-transform:none
}
.nav-stacked.nav-pills li {
    padding:5px 0
}
.nav-stacked.nav-pills li > a {
    display:block;
    padding:8px 15px;
    text-transform:none;
    text-decoration:none;
    border:none;
    border-radius:0
}
.nav-stacked.nav-pills li.active > a,.nav-stacked.nav-pills li > a:hover,.nav-stacked.nav-pills li > a:focus {
    text-decoration:none;
    background-color:#f5f5f5!important;
    color:#8d1c1c
}

.contentAupper {
    color:#787d85
}

.contentAupper > .openTable > .title {
    color:#292e36
}

.contentAupper > .openTable {
    position:relative;
    margin:100px 0;
    color:#fff!important
}

.contentAupper h1,.contentAupper h2,.contentAupper h3,.contentAupper h4,.contentAupper h5,.contentAupper h6,.contentAupper > .openTable > .title {
    color:#fff
}

.contentAupper td {
    color:#444
}

.contentLower {
    padding:50px 0
}

.image-wrap {
    background:#000
}

.image-wrap img {
    opacity:.4;
    transition:opacity .4s
}

.image-wrap:hover img {
    opacity:1
}

.showcase {
    background:transparent
}

.showcase .title {
    font-size:20px
}

.showcase .title span {
    display:block;
    margin-top:16px;
    margin-bottom:16px
}

.showcase .navbar {
    margin-top:20px;
    margin-bottom:0
}

.showcase .navbar-collapse {
    padding:0
}

.showcase .navbar-nav {
    margin:0 -25px
}

.showcase .title span.text-lighter {
    text-shadow:1px 1px 1px rgba(0,0,0,0.1);
    color:rgba(255,255,255,0.7);
    font-size:16px
}

header.affix .showcase .navbar {
    margin:0
}

.showcase .navbar-nav > li > a {
    border-bottom:2px solid transparent;
    border-top:2px solid transparent;
    color:rgba(255,255,255,.7);
    display:inline-block;
    font-weight:600;
    font-size:15px;
    margin:0;
    padding:0 24px;
    text-transform:uppercase;
    transition:color .2s;
    height:35px
}

.showcase .navbar-nav > li.open > a,.showcase .navbar-nav > li.open > a:hover,.showcase .navbar-nav > li.open > a:focus,.showcase .navbar-nav > li > a:hover,.showcase .navbar-nav > li > a:focus {
    background:transparent;
    border-color:transparent;
    color:#fff;
    font-size:15px
}

.showcase .navbar-nav .dropdown-menu {
    left:25px
}

.showcase .breadcrumb {
    background:transparent;
    padding:0;
    font-size:16px
}

.text-legible {
    line-height:2
}

.showcase .breadcrumb a {
    color:rgba(255,255,255,.5)!important
}

.showcase .breadcrumb a:hover,.showcase .breadcrumb a:focus {
    color:#fff!important
}

.showcase h1,.showcase h2,.showcase h3 {
    color:#000
}

.showcase .nav-pills li > a {
    color:#777!important;
    text-transform:none;
    font-size:13px;
    padding:4px 10px
}

.showcase .nav-pills li > a:hover,.showcase .nav-pills li > a:hover {
    border:0;
    color:#8d1c1c!important;
    text-decoration:none;
    background:#d8d8d8!important
}

.showcase,.top_content {
    padding:40px 80px;
    background:#F7F9FB;
    color:#000
}

.canvas-bg .canvas-default {
    height:100%;
    background:linear-gradient(192deg,#b2cbe1,#f6f9fc 42%);
    background:linear-gradient(100grad,rgba(241,248,252,0),#f1f8fc)
}

.canvas-bg .canvas-success {
    background:linear-gradient(100grad,#74e4a2,#24b47e)
}

.panel {
    box-shadow:none;
    background-color:#FFF;
    border:1px solid #CBD2D6;
    border-radius:6px
}

.content_bottom .panel {
    box-shadow:0 2px 5px 0 rgba(0,0,0,.26)
}

.news_title {
    font-weight:400
}

.news_more {
    position:absolute;
    bottom:40px;
    font-weight:600;
    text-transform:uppercase;
    font-size:14px
}

#feed_cns .panel-body {
    padding:10px
}

.text-primary {
    color:#005e8f;
}

.text-warning {
    color:#F4B400
}
/* find another color
.text-success {
    color: #00E8A5;
}*/

.text-danger {
    color:#B12704
}

.text-red {
    color:#d782d9
}

.text-info {
    color:#00C5DC
}

.text-active {
    color:#434e5a
}

.text-inverse {
    color:#333
}

.openSide {
    margin-bottom:30px
}

.openSide > .title {
    text-transform:uppercase;
    margin-bottom:28px;
    font-size:19px;
    line-height:30px;
    color:#3c3950;
    font-weight:700
}

.form-control {
    outline: none;
    margin: 0 0 10px;
    max-width: 100%;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    text-align: start;
    display: block;
    width: 100%;
    min-height: 34px;
    line-height: 1.428571429;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border-image: initial;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    -webkit-transition:50ms border-color ease-in-out;
    transition: 50ms border-color ease-in-out;
    margin: 0;
    padding: 6px;
    border-radius: 4px;
}

textarea.form-control {
    font-size:14px!important;
    padding-top:10px!important;
    color: rgb(28, 28, 28);
}

.form-control:focus,.form-control:active {
    color: #000;
    outline: 0;
    border: 1px solid #0067e6;
    box-shadow: none;
}
.panel-txtarea > .panel-heading {
    -webkit-box-align: center;
    align-items: center;
    background: rgb(246, 247, 248) !important;
    position: sticky;
    padding: 4px;
    border-radius: 4px;
}
textarea.form-control {
    overflow-y:auto
}

.input-group > input {
    display:inline-block
}

.input-group .form-control {
    position:relative;
    z-index:1;
    float:left;
    margin-bottom:0
}

.input-group > .input-group-btn {
    color:#626262;
    outline:none;
    margin:0 0 20px;
    max-width:100%;
    font-size:13px;
    box-sizing:border-box;
    letter-spacing:normal;
    word-spacing:normal;
    text-transform:none;
    text-indent:0;
    text-shadow:none;
    text-align:start;
    border-left:0
}
/* conflicts with krajee
.input-group-btn>.btn {
    position:relative;
    height:44px;
    margin-top:-1px;
    border-radius:0
}*/


.form-control::-webkit-input-placeholder,
.form-control:-moz-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control:-ms-input-placeholder {
    font-weight:400;
    color:#a2a2a2;
    font-size:13px;
}

.form-group-lg .form-control {
    height: 60px;
    padding: 10px 30px;
    font-size: 28px;
}
.form-group-lg .form-control::-webkit-input-placeholder,
.form-group-lg .form-control:-moz-placeholder,
.form-group-lg .form-control::-moz-placeholder,
.form-group-lg .form-control:-ms-input-placeholder,
.form-group-lg .form-control:-ms-input-placeholder {
    font-size:20px;
}
.form-group-lg .btn {
    height: 56px;
}

.decimal .form-control::-webkit-input-placeholder {
    font-weight:300;
    color:#a2a2a2;
    font-size:58px
}

.decimal .form-control:-moz-placeholder {
    font-weight:300;
    color:#a2a2a2;
    font-size:58px
}

.decimal .form-control::-moz-placeholder {
    font-weight:300;
    color:#a2a2a2;
    font-size:58px
}

.decimal .form-control:-ms-input-placeholder {
    font-weight:300;
    color:#a2a2a2;
    font-size:58px
}

.decimal .form-control::-ms-input-placeholder {
    font-weight:300;
    color:#a2a2a2;
    font-size:58px
}

.form-group > .control-label,.control-label {
    color: #333;
    font-weight: 500;
    padding: 5px 0 5px 0;
}

.has-error .form-control {
    border-width:2px;
    border-style:solid!important
}
/*
.file-caption-main > .input-group-btn > .btn-default {
    border:1px solid #ccc;
    margin-top:-1px;
    height:44px;
    padding:12px
}

.btn-file {
    border:1px solid #ccc!important;
    margin-top:-1px!important;
    box-shadow:none!important
}

.file-input,.file-caption-main,.file-input-new {
    box-shadow:none
}

.file-caption-name {
    padding:5px;
    height:31px!important
}

.kv-caption-icon {
    margin-right:10px;
    color:#ccc
}
*/

.admin-message.maintenance-alert {
    color:#fff;
    font-size:22px;
    font-weight:300;
    background:#DBE3EB;
    text-transform:uppercase;
    padding:22px 60px
}

.admin-message.alert-danger {
    background-color:#c9342f;
    background-repeat:no-repeat;
    background:-webkit-linear-gradient(top,#dd5959 0%,#c15252 100%);
    background:-moz-linear-gradient(top,#dd5959 0%,#c15252 100%);
    background:-o-linear-gradient(top,#dd5959 0%,#c15252 100%);
    background:linear-gradient(top,#dd5959 0%,#c15252 100%);
    box-shadow:0 0 0 1px #c15252,0 1px 2px rgba(0,0,0,0.45);
    overflow:hidden;
    display:block;
    line-height:20px;
    color:#fff
}

/*
Alerts
 */
.alert {
    border:0;
}
.alert-primary {
    background-image:-webkit-linear-gradient(top,#fff,#e7f4fa);
    background-image:-moz-linear-gradient(top,#fff,#e7f4fa);
    background-image:-o-linear-gradient(top,#fff,#e7f4fa);
    background-image:-ms-linear-gradient(top,#fff,#e7f4fa);
    background-image:linear-gradient(to bottom,#fff,#e7f4fa);
    background-repeat:no-repeat;
    padding:10px 30px 25px 25px;
    margin-bottom:30px;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
    border-radius:7px;
    border:2px solid #88c2e0
}

.alert-primary h4 {
    color:#333
}

.alert-success {
    background-color:#eefbf2;
    border-color:#1ab744
}
.alert-warning {
    border-width: 1px;
    border-style: solid;
    border-top-color: #dfdfdf;
    border-right-color: #d8d8d8;
    border-bottom-color: #cbcbcb;
    border-left-color: #d8d8d8;
    border-left: 3px solid #f2930d;
}
.alert-info {
    border-width: 1px;
    border-style: solid;
    border-top-color: #dfdfdf;
    border-right-color: #d8d8d8;
    border-bottom-color: #cbcbcb;
    border-left-color: #d8d8d8;
    border-left: 3px solid #6179EF;
}
.row.container {
    padding:0;
    margin:auto
}

.fade-away {
    position:relative;
    height:3.6em
}

.fade-away:after {
    content:"";
    text-align:right;
    position:absolute;
    bottom:0;
    right:0;
    width:70%;
    height:1.2em;
    background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 50%)
}

#registerForm.login-bg {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100vh
}

#registerForm.login-bg > .container {
    display:block;
    height:100%
}

.text-xl {
    font-size:70px
}

.news_item,.article_category_item {
    font-size:18px;
    line-height:38px;
    color:#333
}
.file-object {
    display: block;
    position: relative;
}

.krajee-default.file-preview-frame,
.krajee-default.file-preview-frame:hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.krajee-default.file-preview-frame .kv-file-content {
    position: relative;
    display: block;
}
.file-object .file-preview-other {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.news_item .post-image {
    text-align:center;
    margin-bottom:25px;
    display:block;
    position:relative;
    overflow:hidden
}

.news_item .post-image a {
    display:block;
    position:relative;
    overflow:hidden;
    outline:0
}

.news_item .post-image > a:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:0;
    z-index:5;
    width:100%;
    height:100%;
    transition:all .3s linear
}

.news_item .post-image:hover > a:before {
    opacity:1;
    transition:all .3s linear;
    background:rgba(255,255,255,0.7)
}

.news_item .post-image > a:after {
    content:"\f0f7";
    font-family:"FontAwesome";
    background:#384554;
    color:#fff;
    position:absolute;
    top:150%;
    left:50%;
    width:100px;
    height:100px;
    border-radius:50%;
    font-size:45px;
    line-height:100px;
    margin-top:-50px;
    margin-left:-50px;
    opacity:0;
    text-align:center;
    transform:scale(0);
    transition:top .4s,opacity .4s,transform 0 .4s;
    z-index:10
}

.news_item .post-image:hover > a:after {
    opacity:1;
    top:50%;
    transform:scale(1);
    transition:top 0s,opacity .4s,transform .4s
}

.news_item .post-image img {
    margin:0 auto
}

.news_item .post-meta {
    margin-bottom:55px
}

.news_item .post-meta > ul {
    display:inline-block;
    list-style:none
}

.news_item .post-meta > ul.meta-left > li {
    display:inline-block;
    border-right:1px solid #d4dee1;
    margin-right:10px;
    padding-right:10px
}

.news_item .post-meta > ul.meta-left > li:last-child {
    border-right:0
}

.news_item .post-meta > ul.meta-right {
    float:right
}

.news_item .post-meta > ul.meta-right > li {
    display:inline-block;
    border-left:1px solid #d4dee1;
    margin-left:10px;
    padding-left:10px
}

.news_item .post-meta > ul.meta-right > li:first-child {
    border-left:0
}

.news_item .post-title {
    margin:35px 0
}

.news_item .post-title h3,.article_category_item .post-title h3 {
    color:#3c3950;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-size:28px;
    font-weight:400
}

.news_item .post-title a,.news_item .post-title a:hover,.news_item .post-title a:focus,.article_category_item .post-title a,.article_category_item .post-title a:hover,.article_category_item .post-title a:focus {
    color:inherit;
    text-decoration:none
}

.news_item .post-footer {
    padding-top:30px
}

.news_item .post-gallery {
    padding:30px 0
}

.news_item .post-gallery .post-gallery-item {
    padding-bottom:20px
}

.article_search_header {
    margin:25px 0;
    height:330px;
    position:relative;
    display:block
}

.article_search_header h2,.article_search_header h3,.article_search_header h4 {
    text-align:center;
    text-transform:uppercase;
    color:#fff
}

.article_search_header h2 {
    font-size:50px;
    margin-top:40px;
    margin-bottom:20px;
    font-weight:600
}

.article_search_header .article_search_bar {
    display:block;
    width:100%;
    padding:40px 0;
    text-align:center;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.4)
}

.article_search_header #article_search-field {
    margin:0 auto
}

#article_search {
    margin-right:0
}

.article_search_header .breadcrumb {
    text-align:center;
    background:transparent;
    color:#fff
}

.article_search_header .search-addon {
    background-color:#f0f3f2;
    padding:12px 10px 8px;
    margin-left:-23px;
    width:20%;
    position:relative;
    text-align:center;
    display:inline-block
}

.article_search_header #stype-field {
    text-align:left
}

.article_search_header #search-article-btn {
    margin-left:-9px;
    border-radius:0 6px 6px 0;
    padding:0 22px;
    height:46px;
    text-transform:uppercase;
    margin-top:-5px
}

.well {
    padding:20px 30px;
    border:0;
    background-color:#F6F9FC;
    box-shadow:none
}
.box {
    padding: 30px 20px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 35px;
    -webkit-box-shadow: 0 8px 12px rgba(31, 27, 90, 0.08);
    box-shadow: 0 8px 12px rgba(31, 27, 90, 0.08);
    -webkit-transition: all 0.3s ease;
    transform: scale(1);
    transition: all .2s ease-in-out;
}
.box-left {
    align-items: left;
    justify-content: left;
    text-align:left;
}

textarea {
    padding:5px;
    font-size:15px!important
}

.comments_section {
    background:#EDEDED
}

.comments {
    list-style:none
}

.comments-panel {
    font-size:15px;
    color:#5f727f
}

.comments-item {
    border-top:#f7f6f9
}

.comments-item:first-of-type {
    margin-top:10px
}

.comments-nav {
    padding:5px 15px;
    text-transform:none
}

.comments-form-header,.comments-header {
    background:transparent;
    border:0;
    font-size:18px;
    color:#3c3950;
    font-weight:600
}

.comments-form-header {
    padding-left:0;
    border-top:1px solid #eee
}

.comments-header:before,.comments-form-header i {
    font-family:'FontAwesome';
    left:-15px;
    top:0;
    font-weight:400;
    font-size:30px;
    vertical-align:top;
    color:#d8e5e7;
    border:0;
    background:transparent;
    position:relative
}

.comments-form-header:after,.comments-header:after {
    border:0;
    margin:0;
    top:0;
    position:relative
}

.comment-item {
    padding:25px 30px
}

.comment-head {
    display:table;
    width:100%
}

.comment-head > .comment-head-user,.comment-head > .comment-head-action {
    display:table-cell
}

.comment-head > .comment-head-action {
    text-align:right;
    width:10%
}

.comment-head h4.comment-name {
    text-transform:uppercase;
    margin:0;
    display:block
}

.comment-text {
    padding:30px 0
}

.comment-box {
    background:#f6f7f9;
    border-top:1px solid #EBEBEB;
    display:none
}

.sub-comments {
    margin-left:45px;
    position:relative
}

.sub-comments:before {
    content:'';
    position:absolute;
    top:0;
    height:100%;
    border-left:1px solid #dfe5e8;
    left:-45px
}

.sub-comment-item.well {
    background:transparent;
    border:1px solid #dfe5e8;
    position:relative
}

.sub-comment-item.well:before {
    content:'';
    position:absolute;
    top:50%;
    border-top:1px solid #dfe5e8;
    left:-45px;
    width:45px
}

.sub-comment-item.well .comment-user-avatar img {
    height:40px;
    width:40px;
    border-radius:0;
    margin-top:8px
}

.comment_title {
    font-weight:600;
    font-size:17px
}

.comments-text {
    border-radius:20px;
    background:#fff;
    padding:2px 10px;
    color:#000;
    font-size:15px;
    font-weight:400
}

.comments-action {
    padding:10px 15px;
    border-top:1px solid #e5e5e5
}

.comments-action .btn-link,.comments-item .btn-link {
    color:#616770;
    text-transform:none;
    font-weight:600;
    margin-right:10px;
    border-radius:0
}

.comments-action .btn-link.active,.comments-item .btn-link.active {
    color:#0070ba;
    font-weight:800;
    box-shadow:none!important
}

.comments-action .btn-link:hover,.comments-action .btn-link:focus,.comments-action .btn-link.active:hover,.comments-action .btn-link.active:focus,.comments-item .btn-link.active:hover,.comments-item .btn-link.active:focus {
    text-decoration:underline!important
}

.comments-action.ca .btn-link {
    margin-right:0
}

.comments-action.ca {
    border-top:0
}

.commenting {
    padding:5px 15px
}

.commenting .dropdown {
    display:none
}

.commenting:hover .dropdown,.commenting:focus .dropdown {
    display:block
}

.commenting .author {
    margin-right:10px
}

.commenting .fa-ellipsis-h {
    color:rgba(0,0,0,0.34)
}

.comments-action button {
    background:none;
    margin:0
}

.comments-form.sub {
    margin-top:10px
}

.outline-none {
    outline:none!important
}

.fa-stack > .fa-circle {
    color:#3A4B54
}

.fa-ellipsis-h {
    color:#616770
}

.editor-wrapper > .nav > li {
    margin:0!important
}

.editor-wrapper > .nav > li > a {
    position: relative;
    display: inline-block;
    padding: 4px 16px;
    line-height: 17px;
    font-size: 13px;
    font-weight: 600;
    height: 27px;
    text-transform: none;
    color: #333;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-color: #eee;
    background-image: -webkit-linear-gradient(#fcfcfc,#eee);
    background-image: linear-gradient(#fcfcfc,#eee);
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    appearance: none;
    text-transform: uppercase;
}

.editor-wrapper > .nav > li > a:hover,.editor-wrapper > .nav > li > a:focus {
    color:#444!important;
    text-decoration:none;
    background-color:#ddd;
    background-image:-webkit-linear-gradient(#eee,#ddd);
    background-image:linear-gradient(#eee,#ddd);
    border-color:#ccc;
    box-shadow:none!important
}
.spacer {
    margin:15px 0;
    display: block;
    clear: both;
}
.panel-txtarea .preview-response {
    background-color: #fff;
    font-size: 13px;
    padding: 13px !important;
}
.editor-wrapper > .nav > li.active > a,.editor-wrapper > .nav > li > a:active {
    background-color:#dcdcdc;
    background-image:none;
    display:block;
    border-color:#b5b5b5;
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15);
}
input[type=password] {
    letter-spacing: 5px;
}
.bbcode_input > div input[type=image] {
    width: 15px!important;
    margin: 0 4px;
}

.sub_comments {
    position:relative;
    margin:15px 0;
    border-left:1px solid #ccc;
    padding-left:15px
}

.small,.text-smaller {
    font-size:69%!important
}

.label {
    position:relative;
    height:31px;
    font-size:13px;
    border-radius:16px;
    line-height:32px;
    padding:7px 15px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
}

.label-default {
    background:#6A7B91
}

.label-default-alt {
    background:#DFDFDF;
    color:#333
}

.label-default-alt:hover {
    background:#5C9E1F;
    color:#fff
}

.label.label-default.label-bordered {
    color:#a4adb1;
    background-color:transparent;
    border:1px solid #c8cfd2;
}

.label-bordered a {
    text-decoration:none
}

.label-bordered.label-primary {
    color:#637381;
    border:1px solid #637381
}

.label-bordered.label-red {
    color:#EB1478;
    border:1px solid #EB1478
}

.label-bordered.label-success {
    color:#5C9E1F;
    border:1px solid #5C9E1F;
    background:transparent
}

.label-nav {
    background:rgba(0,0,0,0.3);
    display:inline-block;
    padding:10px;
    border-radius:15px
}

.label-success {
    background-color:#d6facf;
    color:#24b47e;
}

.label-primary {
    color:#3A7BD1;
    background-color:#f1f1f1;
}

.label-primary[href]:hover,.label-primary[href]:focus {
    background-color:#c1cfcf;
    color:#fff
}

.label-primary.active {
    background-color:#c1cfcf;
    color:#fff
}

.label-info {
    color: var(--navbar-hover-font-color);
    background:rgba(6,116,236,.1);
}

.label-sm {
    font-size:12px;
    padding:0!important;
    height:22px!important;
    line-height:22px!important
}
.dropdown-menu {
    padding-top: 0;
}
.dropdown-menu.active {
    display: block;
}
.dropdown-menu > li > a > .fa {
    margin-right:5px
}

.dropdown-menu.forum-post-options li > span {
    padding:3px 20px;
    display:block
}

.emulated-legend {
    font-size:14px!important
}

.attachments-list img {
    height:auto!important;
    display:inline-block!important
}

.hero_container {
    margin-bottom:20px;
    padding-bottom:15px
}

.hero_desc {
    color:#3A3A3A
}

.navbar-nav > li > a {
    font-weight:600;
    padding:20px 15px
}

.normal-case {
    text-transform:none
}

.search table {
    background-color:inherit;
    border:none
}

.profile-link {
    color:#000;
    outline:0;
    font-weight:700
}

p > .profile-link,h3 > .profile-link,h4 > .profile-link {
    color:#0066c0!important;
    text-decoration:none!important
}

/**
Modal
 */
.modal .modal-content {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.modal .modal-header .modal-title {
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
    font-size:14px;
    font-weight:500;
    line-height:18px;
    color:#333;
}
.modal .modal-header,
.modal .modal-body {
    padding: 15px;
    display: block;
}
.modal .modal-header .btn {
    position: absolute;
    right: 15px;
    top: 15px;
}
.modal-backdrop.in {
    opacity:.9;
    background:rgba(12,15,17,0.9)
}

.modal-md {
    width:50%;
    vertical-align:middle
}

.modal-md .modal-header,.modal-md .modal-body {
    padding:15px 30px
}

.modal-lg {
    width:95%;
    vertical-align:top
}

.modal-lg .modal-body {
    padding:0
}

.modal-lg .modal-content {
    height:100%
}

#register-Modal .left-col {
    background-color: #eee;
    -webkit-border-radius:10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius:10px 0 0 10px;
}
#register-Modal .icon {
    position: absolute;
    top: -35px;
    left: -14px;
    width: 85px;
}
.overlay-hide > .overlay {
    display:none;
}

.overlay-hide:hover > .overlay {
    display:block
}

#donate_sum-field > .input-group > input {
    width:80%
}

.subheader .container {
    padding:0
}

.home-bg {
    background-size:cover;
    background:#3a3c45;
    background:-moz-radial-gradient(center top,ellipse cover,rgba(58,60,69,1) 0%,rgba(0,0,0,1) 100%);
    background:-webkit-gradient(radial,center top,0px,center center,100%,color-stop(0%,rgba(58,60,69,1)),color-stop(100%,rgba(0,0,0,1)));
    background:-webkit-radial-gradient(center top,ellipse cover,rgba(58,60,69,1) 0%,rgba(0,0,0,1) 100%);
    background:-o-radial-gradient(center top,ellipse cover,rgba(58,60,69,1) 0%,rgba(0,0,0,1) 100%);
    background:-ms-radial-gradient(center top,ellipse cover,rgba(58,60,69,1) 0%,rgba(0,0,0,1) 100%);
    background:radial-gradient(center top,ellipse cover,rgba(58,60,69,1) 0%,rgba(0,0,0,1) 100%);
    background-repeat:no-repeat
}

.home-nav {
    background:#333641;
    background:-moz-linear-gradient(top,#333641 1%,#1f2129 57%,#0e0f13 100%);
    background:-webkit-linear-gradient(top,#333641 1%,#1f2129 57%,#0e0f13 100%);
    background:linear-gradient(to bottom,#333641 1%,#1f2129 57%,#0e0f13 100%)
}

.fusion_count {
    font-weight:600
}

ul.bullet > li {
    list-style-position:outside;
    margin-left:1em;
    margin-bottom:1em;
    font-size:15px;
    line-height:21px
}

.col-lg-5 {
    width: 20%;
}


.card {
    display:inline-block;
    width:100%;
    margin-bottom:.75rem;
    position:relative;
    break-inside:avoid-column;
    border-radius:.25rem
}
a .rollover,div .rollover {
    position:absolute;
    display:inline-block;
    width:100%;
    z-index:1;
    vertical-align:middle;
    height:inherit;
    top:0;
    opacity:0;
    transition:all .5s ease-in-out;
    left:0
}

a .rollover.static,div .rollover.static {
    opacity:1!important
}

.blur:hover > .rollover,a:hover > .rollover {
    opacity:1!important
}

a .rollover i.bordered {
    border-radius:50%;
    border:3px solid #fff;
    padding:10px;
    font-size:2em!important
}

.rollover > .centered {
    margin:25% auto;
    vertical-align:middle;
    display:inline-block;
    width:100%;
    height:100%
}

.slideup.static img {
    background:rgba(29,24,44,0.75)
}

.spacing {
    padding-left:80px;
    padding-right:80px
}

.panel.panel-default .overlay-fff {
    position:absolute;
    background:rgba(255,255,255,0.55);
    z-index:1;
    height:270px;
    margin-top:-270px;
    right:15px;
    width:auto;
    left:15px;
    opacity:0;
    transition:all .3s ease-in-out
}

.panel.panel-default div.overflow-s .overlay-fff {
    height:88px;
    margin-top:-88px;
    left:0;
    right:0;
    display:block
}

.panel.panel-default div.overflow:hover .overlay-fff,.panel.panel-default div.overflow-s:hover .overlay-fff {
    opacity:1
}

.decimal input[type=number] {
    border:none;
    box-shadow:none;
    font-size:60px;
    padding:0;
    line-height:2;
    height:60px
}

.decimal .input-group-addon {
    background:none;
    border:0
}

.decimal {
    margin-bottom:40px
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    margin:0
}

ol.timeline {
    border-left: 3px solid #353c41;
    margin-left: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ol.timeline .time {
    display: inline-block;
    border-radius: 20px;
    background: #353c41;
    color: #fff;
    line-height: 28px;
    font-size: 12px;
    padding: 0 20px;
    margin-left: -20px;
    margin-bottom: 7px;
}
ol.timeline .item {
    padding:15px;
    padding-left: 0;
    margin-left: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    background: transparent;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}
ol.timeline .item:after {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 9px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    background: #353c41;
    left: -36px;
    visibility: visible;
}
ol.timeline .pop {
    border: 1px solid #d9d9d9;
    padding: 15px;
    border-radius: 3px;
    position: relative;
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #fff;
}
ol.timeline .pop:before {
    border-color: transparent #d9d9d9 transparent transparent;
    left: -24px;
    border-width: 12px;
    top: 7px;
    z-index: 100;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    pointer-events: none;
}
ol.timeline .pop:after {
    left: -21px;
    border-color: transparent #fff transparent transparent;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    pointer-events: none;
    border-width: 11px;
    top: 8px;
    z-index: 200;
    visibility: visible;
}
ol.timeline .pop .pop-icon {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    line-height: 25px;
    font-size: 15px;
    text-align: center;
    background: #fff;
    z-index: 500;
    border: 2px solid #353c41;
    left: -48px;
    top: 5px;
}

/*
About page
 */
.pd-md {
    padding: 50px 0;
}
.inverse-bg {
    background: #F6F9FC;
}
.img-prop-01 {
    max-width: 1000px;
    margin-top: -150px;
    margin-left: 50px;
}
.img-prop-02 {
    position: absolute;
    top: -120px;
    left: 30px;
}
.section-spacer {
    margin-top:100px;
}
.slick-prev, .slick-next {
    z-index: 1 !important;
}
/* Store */
.store .notice {
    background: #1D2937;
    padding: 13px;
    padding-bototm: 12px;
    color: #fff;
}
.placeholder-block {
    display: block;
    height: 30px;
}
.placeholder-block:after {
    content: ' ';
    display: block;
    background: #f4f4f4;
    height: 15px;
}
h4.placeholder-block:after {
    content: ' ';
    width: 50%;
    height:30px;
}
#menu-nt {
    min-width: 300px;
}