/*********************************
COMPONENTS 
https://preview.keenthemes.com/jango
*********************************/

body {
    color: var(--theme-body-forecolor) !important;
    background-color: var(--theme-body-backcolor) !important;
    font-family: "Roboto Condensed", sans-serif;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    font-weight: 300;
    font-size: 15px;
}

a {
    outline: none !important;
    -webkit-transition: back 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

a:focus,
a:hover,
a:active {
    outline: none !important;
    text-decoration: none;
}

.summary-button {
    text-align: center;
}

.l-banner {
    background-color: var(--theme-tile-backcolor) !important;
    margin-left: 5px !important;
    margin-top: 5px !important;
    width: 97% !important;
    border: 1px solid lightgray !important;
    max-width: 360px;
    float: left !important;
}

.nav-tabs-active {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

    .nav-tabs-active a {
        color: var(--theme-selected-color) !important;
    }

.tab-pane-content {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow-x: auto;
}

.overlay {
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.overlay_content {
    z-index: 99;
    vertical-align: middle;
    text-align: center;
}

.overlay_content h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.overlay_content img {
    margin-left: auto;
    margin-right: auto;
    width: 35px;
    margin-top: 83px;;
}

.popup-message {
    color: #FF3131;
    font-size: 12px;
    font-weight: bold;
    word-wrap: break-word;
}

.section-theme {
    max-width: 450px !important;
}

.center-content {
    
}

#login-video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.eye-password {
    color: var(--theme-button-color) !important;
}

.post-comments {
    color: var(--theme-button-color);
}

.accordion-body {
    background-color: var(--theme-panel-forecolor) !important;
    border: 1px solid var(--theme-panel-heading-color);
    color: var(--theme-body-forecolor) !important;
}

.link-detail {
    color: var(--theme-color);
    text-decoration: underline;
}

.link-report {
    border-color: var(--theme-color);
    border-style: solid;
    border-width: 1px;
    padding: 10px 10px 10px 10px;
    font-size: 18px;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    white-space: nowrap;
    float: left;
}

.link-video-red {
    font-size: 14px;
    color: #C53A3A;
}

.link-video-theme {
    font-size: 14px;
    color: var(--theme-color);
}

.link-red {
    color: #e7505a;
}

.link-backcolor-red {
    background-color: #C53A3A;
    color: white;
    padding: 2px 5px 2px 5px;
}

.scroll-horizontal {
    overflow-y: hidden;
    overflow-x: visible;
}

.scroll-horizontal::-webkit-scrollbar {
    height: 5px;
}

.scroll-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: rgba(255, 255, 255, 0.3) inset 0 0 3px;
    border-radius: 5px;
}

.scroll-horizontal::-webkit-scrollbar-thumb {
    -webkit-box-shadow: rgba(255, 255, 255, 0.7) inset 0 0 3px;
    border-radius: 5px;
}

.iframe-responsive {
    height: 268px;
    width: 100%;
}

.iframe-websearch {
    height: 1200px !important;
    margin-bottom: 100px !important;
    border: none !important;
    pointer-events: none;
}

.panel-websearch {
    height: 820px;
    border: none;
}

.panel-websearch i {
    font-weight: bold;
    font-size: 10px;
    margin-left: 14px;
    color: #FF3131;
}

.circle-super-small {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
}

.circle-small {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.circle-large {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.circle-small img, .circle-large img, circle-super-small img {
    position: absolute;
    top: 0;
    width: 100%;
}

.tile-theme {
    width: 359px;
    height: 110px;
    margin: 5px 5px 5px 5px !important;
    float: left;
    border: 1px solid var(--theme-color);
}

.tile-theme:hover {
    border: 3px solid var(--theme-color);
}

.frame-theme {
    width: 359px;
    min-height: 100px;
    padding: 5px 5px 5px 5px !important;
    margin: 5px 5px 5px 5px !important;
    float: left;
    border: 1px solid var(--theme-color);
}

.frame-theme:hover {
    border: 3px solid var(--theme-color);
}

.combobox-theme {
    margin-right: 10px;
    float: left;
    text-align: left;
}

.combobox-text {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.combobox-input {
    width: 90%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    box-shadow: none;
    outline: none;
    border: none;
    font-weight: 300;
    padding-left: 10px;
    margin-top: -29px;
    margin-left: 2px;
}

.textbox-theme {    
    margin-right: 10px;
    text-align: left;
    float: left;
}

.textbox-size-small {
    width: 125px;
}

.textbox-size-medium {
    width: 250px;
}

.textbox-size-large {
    width: 510px;
}

.textbox-size-multiline {
    width: 99%;
}

.textbox-size-short {
    width: 75px;
}

.textbox-size-fill {
    width: 100%;
}

.textbox-size-auto {
    width: auto;
}

.textbox-eye {
    float: right;
    margin-top: -25px;
    margin-right: 10px;
    cursor: pointer;
}

.datagrid-theme {
    float: left;
    margin: 5px 5px 5px 5px;
    border: none;
    width: 99%;
    text-align: left;
}

.datagrid-theme .datagrid-title {
    min-width: 250px;
}

.datagrid-theme .datagrid-postback-trigger {
    display: none;
}

.datagrid-column-theme {
    color: var(--theme-body-forecolor);
    background: linear-gradient(135deg, rgba(0, 197, 91, .30), rgba(0, 197, 91, .12) 45%, rgba(255, 255, 255, .035));
}

.datagrid-column-theme th {
    height: 46px;
    min-width: 72px;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-weight: 800 !important;
    vertical-align: middle !important;
    text-transform: uppercase;
    letter-spacing: .18px;
    border-top: 1px solid rgba(0, 197, 91, .62) !important;
    border-bottom: 1px solid rgba(0, 197, 91, .72) !important;
    border-right: 1px solid rgba(0, 197, 91, .24) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .22);
}

.datagrid-column-theme th:first-child {
    border-left: 1px solid rgba(0, 197, 91, .62) !important;
}

.datagrid-column-theme th:last-child {
    border-right: 1px solid rgba(0, 197, 91, .62) !important;
}

.datagrid-header-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-height: 22px;
    line-height: 18px;
}

.datagrid-header-icon {
    color: var(--theme-color);
    font-size: 13px;
    line-height: 13px;
    opacity: .82;
    text-shadow: 0 0 8px rgba(0, 197, 91, .25);
}

.datagrid-header-text {
    display: inline-block;
    color: var(--theme-body-forecolor);
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
}

.datagrid-cell-theme-left {
    padding: 4px 5px 4px 5px !important;
    word-wrap: break-word;
    text-align: left;
}

.datagrid-cell-theme-center {
    padding: 4px 5px 4px 5px !important;
    word-wrap: break-word;
    text-align: center;
}

.datagrid-cell-theme-center-checkbox {
    padding: 4px 5px 4px 5px !important;
    word-wrap: break-word;
    text-align: center;
    width: 30px;
}

.datagrid-checkbox-col {
    margin-top: -10px;
    margin-right: -9px;
}

.datagrid-checkbox-row {
    margin-right: -9px;
}

.datagrid-cell-theme-right {
    padding: 4px 5px 4px 5px !important;
    word-wrap: break-word;
    text-align: right;
}
.datagrid-control-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(0, 0, 0, .18);
}

.datagrid-control-table > thead > tr > th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    vertical-align: middle !important;
}

.datagrid-control-table > tbody > tr > td {
    vertical-align: middle !important;
    border-color: rgba(127, 127, 127, .18) !important;
}

.datagrid-control-table > tbody > tr:hover > td {
    background: rgba(0, 197, 91, .06) !important;
}

.datagrid-empty-cell {
    padding: 14px 10px !important;
    text-align: center !important;
}

.datagrid-empty-state {
    display: block;
    width: 100%;
    padding: 18px 10px;
    border-radius: 14px;
    border: 1px dashed rgba(127, 127, 127, .24);
    background: rgba(127, 127, 127, .055);
    color: var(--theme-body-forecolor);
}

.datagrid-empty-icon {
    display: block;
    margin-bottom: 7px;
    color: var(--theme-color);
    font-size: 25px;
    line-height: 25px;
}

.datagrid-empty-title {
    display: block;
    color: var(--theme-body-forecolor);
    font-size: 13px;
    font-weight: 800;
}

.datagrid-empty-text {
    display: block;
    margin-top: 4px;
    color: var(--theme-body-forecolor);
    opacity: .72;
    font-size: 11px;
    font-weight: 600;
}


.datagrid-border-default {
    border-radius: 0px;
}

.datagrid-border-left {
    border-top-left-radius: 12px;
}

.datagrid-border-right {
    border-top-right-radius: 12px;
}

.chart-theme {
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    width: 271px;
    background-color: var(--theme-tile-backcolor) !important;
}

.chart-theme-core {
    width: 100% !important;
    height: 100% !important;
}

.imagefile-theme-small {
    max-width: 350px;
}

.imagefile-theme-medium {
    max-width: 250px;
    max-height: 150px;
    float: left;
}

.imagefile-theme-large {
    max-width: 300px;
    max-height: 200px;
    float: left;
}

.image-bg-theme {
    width: 100%;
    position: fixed;
    left: 0;
}

.accordion-theme {
    box-sizing: border-box;
    width: calc(100% - 10px);
    max-width: calc(100% - 10px);
    margin: 5px;
}

.panel-heading-info-theme {
    border-color: var(--theme-panel-heading-color) !important;
    background-color: var(--theme-panel-heading-color) !important;
}

.panel-info-theme {
    box-sizing: border-box;
    border-color: var(--theme-panel-heading-color) !important;
    margin: 5px 5px 5px 5px;
}

.panel-info-group {
    display: flex; /* equal height of the children */
}

.panel-info-size-default {
    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
}

.panel-info-size-medium {
    min-width: 545px !important;
    max-width: 545px !important;
    float: left !important;
}

.panel-info-size-small {
    min-width: 360px !important;
    max-width: 360px !important;
    float: left !important;
}

.panel-buttons-theme {
    float: left;
    text-align: left;
    width: 99.5%;
    margin-left: 5px;
    margin-top: 5px;
}

.panel-popup-buttons-theme {
    text-align: left;
    width: 99.5%;
    min-height: 40px;
    float: none;
    clear: both;
}

.panel-editing-theme {
    min-height: 160px;
    padding: 5px 5px 5px 5px;
    background-color: #EEEEEE !important;
}

.buttons-theme {
    margin-right: 10px;
    float: left;
}

.buttons-theme-menu {
    float: left;
    margin-top: -10px;
}

.subtitle-link-position {
    float: right !important;
    margin-right: 65px !important;
    margin-top: 0 !important;
}

.subtitle-title-position {
    margin-top: 0 !important;
    width: auto !important;
}

.subtitle-title,
.subtitle-link,
.subtitle-separator {
}

.subtitle-text {
    cursor: pointer;
}

.subtitle-text:hover {
    color: black !important;
    font-weight: bold;
}

.textview-theme {
    float: left;
    text-align: left;
    border-left: 1px solid var(--theme-color);
    border-bottom: 1px solid var(--theme-color);
    padding: 5px 5px 5px 5px;
    margin-right: 5px;
    border-bottom-left-radius: 10px;
}

.textview-title,
.textview-value,
.textview-bottom {
    display: block;
}

.textview-title {
    margin: 0 0 5px 0;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.1;
}

.textview-value {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.textview-bottom {
    margin-top: 4px;
    color: red;
    font-size: 10px;
    line-height: 1.2;
}

.summary-theme {
    background-color: var(--theme-tile-backcolor) !important;
    border: 1px solid #f1f1f1;
    margin: 10px 10px 10px 10px;
    min-width: 350px;
    max-width: 380px;
    float: left;
}

.summary-group {
    display: flex; /* equal height of the children */
}

.grid-group {
    display: grid;
}

.photo-theme {
    text-align: center;
    border: 1px solid var(--theme-color);
    height: 100%;
    vertical-align: top;
    padding: 10px 10px 10px 10px;
}

.notifybutton-theme-menu {
    margin-top: -15px !important;
    cursor: pointer;
    width: 40px;
    height: 40px;
}

.notifycount-theme-menu {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    left: -40px;
    top: -20px;
    color: #C53A3A;
}

.c-content-login-form .modal-dialog {
    width: 450px;
}

.modal-dialog {
    padding-top: 10px;
}

.c-content-login-form .modal-dialog .modal-content .modal-body {
    padding: 10px 40px 30px 40px;
}

#login-image {
    display: none;
    visibility: hidden;
}

.popup-image-close {
    width: 32px !important;
    height: 32px !important;
}

.close {
    opacity: .9 !important;
}

.close:hover,
.close:focus {
    opacity: 1 !important;
}

.popup-650 {
    width: 650px;
}

.popup-550 {
    width: 550px;
}

.popup-450 {
    width: 450px;
}

.popup-350 {
    width: 350px;
}

.popup-250 {
    width: 250px;
}

.panel-groupbox legend {
    font-weight: 500;
    font-size: 22px;
    color: var(--theme-color) !important;
}

.panel-groupbox {
    padding-bottom: 10px;
}

.subgroup {
    clear: both;
    padding-top: 25px;
}

.video-item {
    border: 1px solid black;
    width: 359px;
    height: 550px;
    float: left;
    margin: 5px 5px 5px 5px;
}

.playlist {
    cursor: pointer;
}

.playlist-user {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.option-box {
    float: left;
    margin: 0px 5px 0px 5px;
    height: 25px;
}

.postlist-theme {
    border: 1px solid #f1f1f1;
    margin: 10px 10px 10px 10px;
    width: 350px;
    float: left;
}

.postlist-usericon {
    margin: 5px 5px 5px 5px;
}

.postlist-user {
    width: 100%;
}

.menu-round-button {
    padding-right: 0px;
}

.footer-version {
    display: normal;
}

.footer-app {
    display: none;
}

.menu-round-pc {
    display: normal;
}

.menu-round-mobile {
    display: none;
}

.menu-round-mobile {
    display: none;
}

.c-right-menu {
    text-align: right;
    margin-top: 28px !important;
    margin-right: -15px !important;
}

.picturebox {
    float: left;
    padding: 5px;
}

.picturebox-theme {
    text-align: center;
    border: 1px solid var(--theme-color);
    max-width: 345px;
    vertical-align: top;
    padding: 10px 10px 10px 10px;
}

.login-cpf {
    width: 120px;
}

.login-view {
    color: #FF3131;
    font-weight: bold;
}

/* --- */
[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}

[style*="--aspect-ratio"] > img {
    height: auto;
}

@supports (--custom:property) {

    [style*="--aspect-ratio"] {
        position: relative;
    }

    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }

    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }

}

.link-context {
    font-size: 20px;
}

.title-app {
    font-size: 12px;
    margin: 15px 0px 0px 0px;
}

.title-app-context {
    margin: 10px 0px 0px 0px;
}

.title-placard {
    display: block;
    visibility: visible;
    margin: 20px 0px 0px 10px;
}

.logo-app {
    white-space: nowrap;
    padding-right: 10px;
}

.logo-emp {
    white-space: nowrap;
}

.logo-app-resp {
    display: none;
    visibility: hidden;
}

/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 
 properly apply the media queries in Bootstrap's CSS. To address this, 
 you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.
*/
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
/*
 Internet Explorer 10 doesn't differentiate device width from viewport width, 
 and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied 
*/
@-ms-viewport {
    width: auto !important;
}

h6 {
    color: var(--theme-body-forecolor);
    font-size: 12px;
    margin: 5px 0;
}

h5 {
    color: var(--theme-body-forecolor);
    font-size: 14px;
    margin: 7px 0;
}

h4 {
    color: var(--theme-body-forecolor);
    font-size: 16px;
    margin: 8px 0;
}

h3 {
    color: var(--theme-body-forecolor);
    font-size: 18px;
    margin: 10px 0;
}

h2 {
    color: var(--theme-body-forecolor);
    font-size: 20px;
    margin: 10px 0;
}

h1 {
    color: var(--theme-body-forecolor);
    font-size: 22px;
    margin: 10px 0;
}

.c-reset {
    padding: 0;
    margin: 0;
}

.c-hide {
    display: none;
}

.c-overflow-hide {
    overflow: hidden;
}

/* linkify buttons */
.c-link {
    background: 0;
    border: 0;
    outline: none;
}

.c-border {
    border: 1px solid #eeeeee;
}

.c-no-border {
    border: 0 !important;
}

.c-shadow {
    box-shadow: 0px 3px 18px -5px rgba(0, 0, 0, 0.3);
}

.c-margin-t-5 {
    margin-top: 5px;
}

.c-margin-t-8 {
    margin-top: 8px;
}

.c-margin-t-10 {
    margin-top: 10px;
}

.c-margin-t-15 {
    margin-top: 15px;
}

.c-margin-t-20 {
    margin-top: 20px;
}

.c-margin-t-25 {
    margin-top: 25px;
}

.c-margin-t-30 {
    margin-top: 30px;
}

.c-margin-t-40 {
    margin-top: 40px;
}

.c-margin-t-50 {
    margin-top: 50px;
}

.c-margin-t-60 {
    margin-top: 60px;
}

.c-margin-t-80 {
    margin-top: 80px;
}

.c-margin-b-5 {
    margin-bottom: 5px;
}

.c-margin-b-10 {
    margin-bottom: 10px;
}

.c-margin-b-15 {
    margin-bottom: 15px;
}

.c-margin-b-20 {
    margin-bottom: 20px;
}

.c-margin-b-25 {
    margin-bottom: 25px;
}

.c-margin-b-30 {
    margin-bottom: 30px;
}

.c-margin-b-40 {
    margin-bottom: 40px;
}

.c-margin-b-50 {
    margin-bottom: 50px;
}

.c-margin-b-60 {
    margin-bottom: 60px;
}

.c-margin-b-80 {
    margin-bottom: 80px;
}

.c-margin-b-100 {
    margin-bottom: 100px;
}

.c-margin-r-40 {
    margin-right: 40px;
}

.c-padding-10 {
    padding: 10px;
}

.c-padding-20 {
    padding: 20px;
}

.c-font-oswald {
    font-family: 'Oswald', sans-serif;
    font-style: normal;
}

.c-center,
.c-font-center {
    text-align: center;
}

.c-right,
.c-font-right {
    text-align: right;
}

.c-font-thin {
    font-weight: 300 !important;
}

.c-font-slim {
    font-weight: 400 !important;
}

.c-font-sbold {
    font-weight: 500 !important;
}

.c-font-bold {
    font-weight: 600 !important;
}

.c-font-uppercase {
    text-transform: uppercase;
}

.c-font-lowercase {
    text-transform: initial !important;
}

.c-font-title {
    color: #3f444a !important;
}

.c-font-subtitle {
    color: #5c6873 !important;
}

.c-font-10 {
    font-size: 10px;
}

.c-font-11 {
    font-size: 11px;
}

.c-font-12 {
    font-size: 12px;
}

.c-font-13 {
    font-size: 13px;
}

.c-font-14 {
    font-size: 14px;
}

.c-font-15 {
    font-size: 15px;
}

.c-font-16 {
    font-size: 16px;
}

.c-font-17 {
    font-size: 17px;
}

.c-font-18 {
    font-size: 18px;
}

.c-font-19 {
    font-size: 19px;
}

.c-font-20 {
    font-size: 20px;
}

.c-font-21 {
    font-size: 21px;
}

.c-font-22 {
    font-size: 22px;
}

.c-font-23 {
    font-size: 23px;
}

.c-font-24 {
    font-size: 24px;
}

.c-font-25 {
    font-size: 25px;
}

.c-font-26 {
    font-size: 26px;
}

.c-font-27 {
    font-size: 27px;
}

.c-font-28 {
    font-size: 28px;
}

.c-font-29 {
    font-size: 29px;
}

.c-font-30 {
    font-size: 30px;
}

.c-font-31 {
    font-size: 31px;
}

.c-font-32 {
    font-size: 32px;
}

.c-font-33 {
    font-size: 33px;
}

.c-font-34 {
    font-size: 34px;
}

.c-font-35 {
    font-size: 35px;
}

.c-font-36 {
    font-size: 36px;
}

.c-font-37 {
    font-size: 37px;
}

.c-font-38 {
    font-size: 38px;
}

.c-font-39 {
    font-size: 39px;
}

.c-font-40 {
    font-size: 40px;
}

.c-font-41 {
    font-size: 41px;
}

.c-font-42 {
    font-size: 42px;
}

.c-font-43 {
    font-size: 43px;
}

.c-font-44 {
    font-size: 44px;
}

.c-font-45 {
    font-size: 45px;
}

.c-font-46 {
    font-size: 46px;
}

.c-font-47 {
    font-size: 47px;
}

.c-font-48 {
    font-size: 48px;
}

.c-font-49 {
    font-size: 49px;
}

.c-font-50 {
    font-size: 50px;
}

.c-font-51 {
    font-size: 51px;
}

.c-font-52 {
    font-size: 52px;
}

.c-font-53 {
    font-size: 53px;
}

.c-font-54 {
    font-size: 54px;
}

.c-font-55 {
    font-size: 55px;
}

.c-font-56 {
    font-size: 56px;
}

.c-font-57 {
    font-size: 57px;
}

.c-font-58 {
    font-size: 58px;
}

.c-font-59 {
    font-size: 59px;
}

.c-font-60 {
    font-size: 60px;
}

.c-font-61 {
    font-size: 61px;
}

.c-font-62 {
    font-size: 62px;
}

.c-font-63 {
    font-size: 63px;
}

.c-font-64 {
    font-size: 64px;
}

.c-font-65 {
    font-size: 65px;
}

.c-font-66 {
    font-size: 66px;
}

.c-font-67 {
    font-size: 67px;
}

.c-font-68 {
    font-size: 68px;
}

.c-font-69 {
    font-size: 69px;
}

.c-font-70 {
    font-size: 70px;
}

.c-font-71 {
    font-size: 71px;
}

.c-font-72 {
    font-size: 72px;
}

.c-font-73 {
    font-size: 73px;
}

.c-font-74 {
    font-size: 74px;
}

.c-font-75 {
    font-size: 75px;
}

.c-font-76 {
    font-size: 76px;
}

.c-font-77 {
    font-size: 77px;
}

.c-font-78 {
    font-size: 78px;
}

.c-font-79 {
    font-size: 79px;
}

.c-font-80 {
    font-size: 80px;
}

.c-font-81 {
    font-size: 81px;
}

.c-font-82 {
    font-size: 82px;
}

.c-font-83 {
    font-size: 83px;
}

.c-font-84 {
    font-size: 84px;
}

.c-font-85 {
    font-size: 85px;
}

.c-font-86 {
    font-size: 86px;
}

.c-font-87 {
    font-size: 87px;
}

.c-font-88 {
    font-size: 88px;
}

.c-font-89 {
    font-size: 89px;
}

.c-font-90 {
    font-size: 90px;
}

.c-line-height-10 {
    line-height: 10px;
}

.c-line-height-11 {
    line-height: 11px;
}

.c-line-height-12 {
    line-height: 12px;
}

.c-line-height-13 {
    line-height: 13px;
}

.c-line-height-14 {
    line-height: 14px;
}

.c-line-height-15 {
    line-height: 15px;
}

.c-line-height-16 {
    line-height: 16px;
}

.c-line-height-17 {
    line-height: 17px;
}

.c-line-height-18 {
    line-height: 18px;
}

.c-line-height-19 {
    line-height: 19px;
}

.c-line-height-20 {
    line-height: 20px;
}

.c-line-height-21 {
    line-height: 21px;
}

.c-line-height-22 {
    line-height: 22px;
}

.c-line-height-23 {
    line-height: 23px;
}

.c-line-height-24 {
    line-height: 24px;
}

.c-line-height-25 {
    line-height: 25px;
}

.c-line-height-26 {
    line-height: 26px;
}

.c-line-height-27 {
    line-height: 27px;
}

.c-line-height-28 {
    line-height: 28px;
}

.c-line-height-29 {
    line-height: 29px;
}

.c-line-height-30 {
    line-height: 30px;
}

.c-line-height-31 {
    line-height: 31px;
}

.c-line-height-32 {
    line-height: 32px;
}

.c-line-height-33 {
    line-height: 33px;
}

.c-line-height-34 {
    line-height: 34px;
}

.c-line-height-35 {
    line-height: 35px;
}

.c-line-height-36 {
    line-height: 36px;
}

.c-line-height-37 {
    line-height: 37px;
}

.c-line-height-38 {
    line-height: 38px;
}

.c-line-height-39 {
    line-height: 39px;
}

.c-line-height-40 {
    line-height: 40px;
}

/* Font Colors */
.c-font-white {
    color: #FFFFFF !important;
}

    .c-font-white small {
        color: #FFFFFF !important;
    }

.c-font-white-hover:hover {
    color: #FFFFFF !important;
}

.c-font-black {
    color: #000000 !important;
}

    .c-font-black small {
        color: #000000 !important;
    }

.c-font-black-hover:hover {
    color: #000000 !important;
}

.c-font-regular {
    color: #7f8c97 !important;
}

    .c-font-regular small {
        color: #7f8c97 !important;
    }

.c-font-regular-hover:hover {
    color: #7f8c97 !important;
}

.c-font-green {
    color: var(--theme-color) !important;
}

    .c-font-green small {
        color: var(--theme-color) !important;
    }

.c-font-green-hover:hover {
    color: var(--theme-color) !important;
}

.c-font-green-1 {
    color: #52c9ba !important;
}

    .c-font-green-1 small {
        color: #52c9ba !important;
    }

.c-font-green-1-hover:hover {
    color: #52c9ba !important;
}

.c-font-green-2 {
    color: #5dc09c !important;
}

    .c-font-green-2 small {
        color: #5dc09c !important;
    }

.c-font-green-2-hover:hover {
    color: #5dc09c !important;
}

.c-font-green-3 {
    color: #84c68f !important;
}

    .c-font-green-3 small {
        color: #84c68f !important;
    }

.c-font-green-3-hover:hover {
    color: #84c68f !important;
}

.c-font-red {
    color: #eb5d68 !important;
}

    .c-font-red small {
        color: #eb5d68 !important;
    }

.c-font-red-hover:hover {
    color: #eb5d68 !important;
}

.c-font-red-1 {
    color: #cd6262 !important;
}

    .c-font-red-1 small {
        color: #cd6262 !important;
    }

.c-font-red-1-hover:hover {
    color: #cd6262 !important;
}

.c-font-red-2 {
    color: #C53A3A !important;
}

    .c-font-red-2 small {
        color: #C53A3A !important;
    }

.c-font-red-2-hover:hover {
    color: #C53A3A !important;
}

.c-font-red-3 {
    color: #d05163 !important;
}

    .c-font-red-3 small {
        color: #d05163 !important;
    }

.c-font-red-3-hover:hover {
    color: #d05163 !important;
}

.c-font-yellow {
    color: #FF6B57 !important;
}

    .c-font-yellow small {
        color: #FF6B57 !important;
    }

.c-font-yellow-hover:hover {
    color: #FF6B57 !important;
}

.c-font-yellow-1 {
    color: #c8d046 !important;
}

    .c-font-yellow-1 small {
        color: #c8d046 !important;
    }

.c-font-yellow-1-hover:hover {
    color: #c8d046 !important;
}

.c-font-yellow-2 {
    color: #c5bf66 !important;
}

    .c-font-yellow-2 small {
        color: #c5bf66 !important;
    }

.c-font-yellow-2-hover:hover {
    color: #c5bf66 !important;
}

.c-font-yellow-3 {
    color: #c5b96b !important;
}

    .c-font-yellow-3 small {
        color: #c5b96b !important;
    }

.c-font-yellow-3-hover:hover {
    color: #c5b96b !important;
}

.c-font-blue {
    color: #3498DB !important;
}

    .c-font-blue small {
        color: #3498DB !important;
    }

.c-font-blue-hover:hover {
    color: #3498DB !important;
}

.c-font-blue-1 {
    color: #5e9cd1 !important;
}

    .c-font-blue-1 small {
        color: #5e9cd1 !important;
    }

.c-font-blue-1-hover:hover {
    color: #5e9cd1 !important;
}

.c-font-blue-2 {
    color: #5893dd !important;
}

    .c-font-blue-2 small {
        color: #5893dd !important;
    }

.c-font-blue-2-hover:hover {
    color: #5893dd !important;
}

.c-font-blue-3 {
    color: #57bfe1 !important;
}

    .c-font-blue-3 small {
        color: #57bfe1 !important;
    }

.c-font-blue-3-hover:hover {
    color: #57bfe1 !important;
}

.c-font-purple {
    color: #b771b0 !important;
}

    .c-font-purple small {
        color: #b771b0 !important;
    }

.c-font-purple-hover:hover {
    color: #b771b0 !important;
}

.c-font-purple-1 {
    color: #a962bb !important;
}

    .c-font-purple-1 small {
        color: #a962bb !important;
    }

.c-font-purple-1-hover:hover {
    color: #a962bb !important;
}

.c-font-purple-2 {
    color: #aa67a3 !important;
}

    .c-font-purple-2 small {
        color: #aa67a3 !important;
    }

.c-font-purple-2-hover:hover {
    color: #aa67a3 !important;
}

.c-font-purple-3 {
    color: #ac3773 !important;
}

    .c-font-purple-3 small {
        color: #ac3773 !important;
    }

.c-font-purple-3-hover:hover {
    color: #ac3773 !important;
}

.c-font-brown {
    color: #8a7f68 !important;
}

    .c-font-brown small {
        color: #8a7f68 !important;
    }

.c-font-brown-hover:hover {
    color: #8a7f68 !important;
}

.c-font-brown-1 {
    color: #685e47 !important;
}

    .c-font-brown-1 small {
        color: #685e47 !important;
    }

.c-font-brown-1-hover:hover {
    color: #685e47 !important;
}

.c-font-brown-2 {
    color: #7a6a61 !important;
}

    .c-font-brown-2 small {
        color: #7a6a61 !important;
    }

.c-font-brown-2-hover:hover {
    color: #7a6a61 !important;
}

.c-font-brown-3 {
    color: #9d8b81 !important;
}

    .c-font-brown-3 small {
        color: #9d8b81 !important;
    }

.c-font-brown-3-hover:hover {
    color: #9d8b81 !important;
}

.c-font-dark {
    color: #2f353b !important;
}

    .c-font-dark small {
        color: #2f353b !important;
    }

.c-font-dark-hover:hover {
    color: #2f353b !important;
}

.c-font-dark-1 {
    color: #525e64 !important;
}

    .c-font-dark-1 small {
        color: #525e64 !important;
    }

.c-font-dark-1-hover:hover {
    color: #525e64 !important;
}

.c-font-dark-2 {
    color: #31383c !important;
}

    .c-font-dark-2 small {
        color: #31383c !important;
    }

.c-font-dark-2-hover:hover {
    color: #31383c !important;
}

.c-font-dark-3 {
    color: #41515b !important;
}

    .c-font-dark-3 small {
        color: #41515b !important;
    }

.c-font-dark-3-hover:hover {
    color: #41515b !important;
}

.c-font-grey {
    color: #eeeeee !important;
}

    .c-font-grey small {
        color: #eeeeee !important;
    }

.c-font-grey-hover:hover {
    color: #eeeeee !important;
}

.c-font-grey-1 {
    color: #f7f7f7 !important;
}

    .c-font-grey-1 small {
        color: #f7f7f7 !important;
    }

.c-font-grey-1-hover:hover {
    color: #f7f7f7 !important;
}

.c-font-grey-2 {
    color: #677083 !important;
}

    .c-font-grey-2 small {
        color: #677083 !important;
    }

.c-font-grey-2-hover:hover {
    color: #677083 !important;
}

.c-font-grey-3 {
    color: #7f8c97 !important;
}

    .c-font-grey-3 small {
        color: #7f8c97 !important;
    }

.c-font-grey-3-hover:hover {
    color: #7f8c97 !important;
}

/* Background Colors */
.c-bg-white {
    background-color: #FFFFFF !important;
}

    .c-bg-white.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(255, 255, 255, 0.04) !important;
    }

    .c-bg-white.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(255, 255, 255, 0.4) !important;
    }

    .c-bg-white.c-bg-white-font {
        color: #2f353b !important;
    }

.c-bg-white-hover:hover {
    background-color: #FFFFFF !important;
}

.c-border-white-hover:hover {
    border-color: #FFFFFF !important;
}

.c-bg-after-white:after {
    background-color: #FFFFFF !important;
}

.c-bg-before-white:before {
    background-color: #FFFFFF !important;
}

.c-bg-black {
    background-color: #000000 !important;
}

    .c-bg-black.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(0, 0, 0, 0.04) !important;
    }

    .c-bg-black.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(0, 0, 0, 0.4) !important;
    }

    .c-bg-black.c-bg-black-font {
        color: #ffffff !important;
    }

.c-bg-black-hover:hover {
    background-color: #000000 !important;
}

.c-border-black-hover:hover {
    border-color: #000000 !important;
}

.c-bg-after-black:after {
    background-color: #000000 !important;
}

.c-bg-before-black:before {
    background-color: #000000 !important;
}

.c-bg-regular {
    background-color: #7f8c97 !important;
}

    .c-bg-regular.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(127, 140, 151, 0.04) !important;
    }

    .c-bg-regular.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(127, 140, 151, 0.4) !important;
    }

    .c-bg-regular.c-bg-regular-font {
        color: #ffffff !important;
    }

.c-bg-regular-hover:hover {
    background-color: #7f8c97 !important;
}

.c-border-regular-hover:hover {
    border-color: #7f8c97 !important;
}

.c-bg-after-regular:after {
    background-color: #7f8c97 !important;
}

.c-bg-before-regular:before {
    background-color: #7f8c97 !important;
}

.c-bg-green {
    background-color: var(--theme-color) !important;
}

    .c-bg-green.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(50, 197, 210, 0.04) !important;
    }

    .c-bg-green.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(50, 197, 210, 0.4) !important;
    }

    .c-bg-green.c-bg-green-font {
        color: #ffffff !important;
    }

.c-bg-green-hover:hover {
    background-color: var(--theme-color) !important;
}

.c-border-green-hover:hover {
    border-color: var(--theme-color) !important;
}

.c-bg-after-green:after {
    background-color: var(--theme-color) !important;
}

.c-bg-before-green:before {
    background-color: var(--theme-color) !important;
}

.c-bg-green-1 {
    background-color: #52c9ba !important;
}

    .c-bg-green-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(82, 201, 186, 0.04) !important;
    }

    .c-bg-green-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(82, 201, 186, 0.4) !important;
    }

    .c-bg-green-1.c-bg-green-1-font {
        color: #ffffff !important;
    }

.c-bg-green-1-hover:hover {
    background-color: #52c9ba !important;
}

.c-border-green-1-hover:hover {
    border-color: #52c9ba !important;
}

.c-bg-after-green-1:after {
    background-color: #52c9ba !important;
}

.c-bg-before-green-1:before {
    background-color: #52c9ba !important;
}

.c-bg-green-2 {
    background-color: #5dc09c !important;
}

    .c-bg-green-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(93, 192, 156, 0.04) !important;
    }

    .c-bg-green-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(93, 192, 156, 0.4) !important;
    }

    .c-bg-green-2.c-bg-green-2-font {
        color: #ffffff !important;
    }

.c-bg-green-2-hover:hover {
    background-color: #5dc09c !important;
}

.c-border-green-2-hover:hover {
    border-color: #5dc09c !important;
}

.c-bg-after-green-2:after {
    background-color: #5dc09c !important;
}

.c-bg-before-green-2:before {
    background-color: #5dc09c !important;
}

.c-bg-green-3 {
    background-color: #84c68f !important;
}

    .c-bg-green-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(132, 198, 143, 0.04) !important;
    }

    .c-bg-green-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(132, 198, 143, 0.4) !important;
    }

    .c-bg-green-3.c-bg-green-3-font {
        color: #ffffff !important;
    }

.c-bg-green-3-hover:hover {
    background-color: #84c68f !important;
}

.c-border-green-3-hover:hover {
    border-color: #84c68f !important;
}

.c-bg-after-green-3:after {
    background-color: #84c68f !important;
}

.c-bg-before-green-3:before {
    background-color: #84c68f !important;
}

.c-bg-red {
    background-color: #eb5d68 !important;
}

    .c-bg-red.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(235, 93, 104, 0.04) !important;
    }

    .c-bg-red.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(235, 93, 104, 0.4) !important;
    }

    .c-bg-red.c-bg-red-font {
        color: #ffffff !important;
    }

.c-bg-red-hover:hover {
    background-color: #eb5d68 !important;
}

.c-border-red-hover:hover {
    border-color: #eb5d68 !important;
}

.c-bg-after-red:after {
    background-color: #eb5d68 !important;
}

.c-bg-before-red:before {
    background-color: #ff0000 !important;
}

.c-bg-red-1 {
    background-color: #cd6262 !important;
}

    .c-bg-red-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(205, 98, 98, 0.04) !important;
    }

    .c-bg-red-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(205, 98, 98, 0.4) !important;
    }

    .c-bg-red-1.c-bg-red-1-font {
        color: #ffffff !important;
    }

.c-bg-red-1-hover:hover {
    background-color: #cd6262 !important;
}

.c-border-red-1-hover:hover {
    border-color: #cd6262 !important;
}

.c-bg-after-red-1:after {
    background-color: #cd6262 !important;
}

.c-bg-before-red-1:before {
    background-color: #cd6262 !important;
}

.c-bg-red-2 {
    background-color: #C53A3A !important;
}

    .c-bg-red-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(231, 80, 90, 0.04) !important;
    }

    .c-bg-red-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(231, 80, 90, 0.4) !important;
    }

    .c-bg-red-2.c-bg-red-2-font {
        color: #ffffff !important;
    }

.c-bg-red-2-hover:hover {
    background-color: #C53A3A !important;
}

.c-border-red-2-hover:hover {
    border-color: #C53A3A !important;
}

.c-bg-after-red-2:after {
    background-color: #C53A3A !important;
}

.c-bg-before-red-2:before {
    background-color: #C53A3A !important;
}

.c-bg-red-3 {
    background-color: #d05163 !important;
}

    .c-bg-red-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(208, 81, 99, 0.04) !important;
    }

    .c-bg-red-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(208, 81, 99, 0.4) !important;
    }

    .c-bg-red-3.c-bg-red-3-font {
        color: #ffffff !important;
    }

.c-bg-red-3-hover:hover {
    background-color: #d05163 !important;
}

.c-border-red-3-hover:hover {
    border-color: #d05163 !important;
}

.c-bg-after-red-3:after {
    background-color: #d05163 !important;
}

.c-bg-before-red-3:before {
    background-color: #d05163 !important;
}

.c-bg-yellow {
    background-color: #FF6B57 !important;
}

    .c-bg-yellow.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(255, 107, 87, 0.04) !important;
    }

    .c-bg-yellow.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(255, 107, 87, 0.4) !important;
    }

    .c-bg-yellow.c-bg-yellow-font {
        color: #ffffff !important;
    }

.c-bg-yellow-hover:hover {
    background-color: #FF6B57 !important;
}

.c-border-yellow-hover:hover {
    border-color: #FF6B57 !important;
}

.c-bg-after-yellow:after {
    background-color: #FF6B57 !important;
}

.c-bg-before-yellow:before {
    background-color: #FFFF00 !important;
}

.c-bg-before-orange:before {
    background-color: #FF8000 !important;
}

.c-bg-yellow-1 {
    background-color: #c8d046 !important;
}

    .c-bg-yellow-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(200, 208, 70, 0.04) !important;
    }

    .c-bg-yellow-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(200, 208, 70, 0.4) !important;
    }

    .c-bg-yellow-1.c-bg-yellow-1-font {
        color: #ffffff !important;
    }

.c-bg-yellow-1-hover:hover {
    background-color: #c8d046 !important;
}

.c-border-yellow-1-hover:hover {
    border-color: #c8d046 !important;
}

.c-bg-after-yellow-1:after {
    background-color: #c8d046 !important;
}

.c-bg-before-yellow-1:before {
    background-color: #c8d046 !important;
}

.c-bg-yellow-2 {
    background-color: #c5bf66 !important;
}

    .c-bg-yellow-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(197, 191, 102, 0.04) !important;
    }

    .c-bg-yellow-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(197, 191, 102, 0.4) !important;
    }

    .c-bg-yellow-2.c-bg-yellow-2-font {
        color: #ffffff !important;
    }

.c-bg-yellow-2-hover:hover {
    background-color: #c5bf66 !important;
}

.c-border-yellow-2-hover:hover {
    border-color: #c5bf66 !important;
}

.c-bg-after-yellow-2:after {
    background-color: #c5bf66 !important;
}

.c-bg-before-yellow-2:before {
    background-color: #c5bf66 !important;
}

.c-bg-yellow-3 {
    background-color: #c5b96b !important;
}

    .c-bg-yellow-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(197, 185, 107, 0.04) !important;
    }

    .c-bg-yellow-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(197, 185, 107, 0.4) !important;
    }

    .c-bg-yellow-3.c-bg-yellow-3-font {
        color: #ffffff !important;
    }

.c-bg-yellow-3-hover:hover {
    background-color: #c5b96b !important;
}

.c-border-yellow-3-hover:hover {
    border-color: #c5b96b !important;
}

.c-bg-after-yellow-3:after {
    background-color: #c5b96b !important;
}

.c-bg-before-yellow-3:before {
    background-color: #c5b96b !important;
}

.c-bg-blue {
    background-color: #3498DB !important;
}

    .c-bg-blue.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(52, 152, 219, 0.04) !important;
    }

    .c-bg-blue.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(52, 152, 219, 0.4) !important;
    }

    .c-bg-blue.c-bg-blue-font {
        color: #ffffff !important;
    }

.c-bg-blue-hover:hover {
    background-color: #3498DB !important;
}

.c-border-blue-hover:hover {
    border-color: #3498DB !important;
}

.c-bg-after-blue:after {
    background-color: #3498DB !important;
}

.c-bg-before-blue:before {
    background-color: #3498DB !important;
}

.c-bg-blue-1 {
    background-color: #5e9cd1 !important;
}

    .c-bg-blue-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(94, 156, 209, 0.04) !important;
    }

    .c-bg-blue-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(94, 156, 209, 0.4) !important;
    }

    .c-bg-blue-1.c-bg-blue-1-font {
        color: #ffffff !important;
    }

.c-bg-blue-1-hover:hover {
    background-color: #5e9cd1 !important;
}

.c-border-blue-1-hover:hover {
    border-color: #5e9cd1 !important;
}

.c-bg-after-blue-1:after {
    background-color: #5e9cd1 !important;
}

.c-bg-before-blue-1:before {
    background-color: #5e9cd1 !important;
}

.c-bg-blue-2 {
    background-color: #5893dd !important;
}

    .c-bg-blue-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(88, 147, 221, 0.04) !important;
    }

    .c-bg-blue-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(88, 147, 221, 0.4) !important;
    }

    .c-bg-blue-2.c-bg-blue-2-font {
        color: #ffffff !important;
    }

.c-bg-blue-2-hover:hover {
    background-color: #5893dd !important;
}

.c-border-blue-2-hover:hover {
    border-color: #5893dd !important;
}

.c-bg-after-blue-2:after {
    background-color: #5893dd !important;
}

.c-bg-before-blue-2:before {
    background-color: #5893dd !important;
}

.c-bg-blue-3 {
    background-color: #57bfe1 !important;
}

    .c-bg-blue-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(87, 191, 225, 0.04) !important;
    }

    .c-bg-blue-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(87, 191, 225, 0.4) !important;
    }

    .c-bg-blue-3.c-bg-blue-3-font {
        color: #ffffff !important;
    }

.c-bg-blue-3-hover:hover {
    background-color: #57bfe1 !important;
}

.c-border-blue-3-hover:hover {
    border-color: #57bfe1 !important;
}

.c-bg-after-blue-3:after {
    background-color: #57bfe1 !important;
}

.c-bg-before-blue-3:before {
    background-color: #57bfe1 !important;
}

.c-bg-purple {
    background-color: #b771b0 !important;
}

    .c-bg-purple.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(183, 113, 176, 0.04) !important;
    }

    .c-bg-purple.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(183, 113, 176, 0.4) !important;
    }

    .c-bg-purple.c-bg-purple-font {
        color: #ffffff !important;
    }

.c-bg-purple-hover:hover {
    background-color: #b771b0 !important;
}

.c-border-purple-hover:hover {
    border-color: #b771b0 !important;
}

.c-bg-after-purple:after {
    background-color: #b771b0 !important;
}

.c-bg-before-purple:before {
    background-color: #b771b0 !important;
}

.c-bg-purple-1 {
    background-color: #a962bb !important;
}

    .c-bg-purple-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(169, 98, 187, 0.04) !important;
    }

    .c-bg-purple-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(169, 98, 187, 0.4) !important;
    }

    .c-bg-purple-1.c-bg-purple-1-font {
        color: #ffffff !important;
    }

.c-bg-purple-1-hover:hover {
    background-color: #a962bb !important;
}

.c-border-purple-1-hover:hover {
    border-color: #a962bb !important;
}

.c-bg-after-purple-1:after {
    background-color: #a962bb !important;
}

.c-bg-before-purple-1:before {
    background-color: #a962bb !important;
}

.c-bg-purple-2 {
    background-color: #aa67a3 !important;
}

    .c-bg-purple-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(170, 103, 163, 0.04) !important;
    }

    .c-bg-purple-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(170, 103, 163, 0.4) !important;
    }

    .c-bg-purple-2.c-bg-purple-2-font {
        color: #ffffff !important;
    }

.c-bg-purple-2-hover:hover {
    background-color: #aa67a3 !important;
}

.c-border-purple-2-hover:hover {
    border-color: #aa67a3 !important;
}

.c-bg-after-purple-2:after {
    background-color: #aa67a3 !important;
}

.c-bg-before-purple-2:before {
    background-color: #aa67a3 !important;
}

.c-bg-purple-3 {
    background-color: #ac3773 !important;
}

    .c-bg-purple-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(172, 55, 115, 0.04) !important;
    }

    .c-bg-purple-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(172, 55, 115, 0.4) !important;
    }

    .c-bg-purple-3.c-bg-purple-3-font {
        color: #ffffff !important;
    }

.c-bg-purple-3-hover:hover {
    background-color: #ac3773 !important;
}

.c-border-purple-3-hover:hover {
    border-color: #ac3773 !important;
}

.c-bg-after-purple-3:after {
    background-color: #ac3773 !important;
}

.c-bg-before-purple-3:before {
    background-color: #ac3773 !important;
}

.c-bg-brown {
    background-color: #8a7f68 !important;
}

    .c-bg-brown.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(138, 127, 104, 0.04) !important;
    }

    .c-bg-brown.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(138, 127, 104, 0.4) !important;
    }

    .c-bg-brown.c-bg-brown-font {
        color: #ffffff !important;
    }

.c-bg-brown-hover:hover {
    background-color: #8a7f68 !important;
}

.c-border-brown-hover:hover {
    border-color: #8a7f68 !important;
}

.c-bg-after-brown:after {
    background-color: #8a7f68 !important;
}

.c-bg-before-brown:before {
    background-color: #8a7f68 !important;
}

.c-bg-brown-1 {
    background-color: #685e47 !important;
}

    .c-bg-brown-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(104, 94, 71, 0.04) !important;
    }

    .c-bg-brown-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(104, 94, 71, 0.4) !important;
    }

    .c-bg-brown-1.c-bg-brown-1-font {
        color: #ffffff !important;
    }

.c-bg-brown-1-hover:hover {
    background-color: #685e47 !important;
}

.c-border-brown-1-hover:hover {
    border-color: #685e47 !important;
}

.c-bg-after-brown-1:after {
    background-color: #685e47 !important;
}

.c-bg-before-brown-1:before {
    background-color: #685e47 !important;
}

.c-bg-brown-2 {
    background-color: #7a6a61 !important;
}

    .c-bg-brown-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(122, 106, 97, 0.04) !important;
    }

    .c-bg-brown-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(122, 106, 97, 0.4) !important;
    }

    .c-bg-brown-2.c-bg-brown-2-font {
        color: #ffffff !important;
    }

.c-bg-brown-2-hover:hover {
    background-color: #7a6a61 !important;
}

.c-border-brown-2-hover:hover {
    border-color: #7a6a61 !important;
}

.c-bg-after-brown-2:after {
    background-color: #7a6a61 !important;
}

.c-bg-before-brown-2:before {
    background-color: #7a6a61 !important;
}

.c-bg-brown-3 {
    background-color: #9d8b81 !important;
}

    .c-bg-brown-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(157, 139, 129, 0.04) !important;
    }

    .c-bg-brown-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(157, 139, 129, 0.4) !important;
    }

    .c-bg-brown-3.c-bg-brown-3-font {
        color: #ffffff !important;
    }

.c-bg-brown-3-hover:hover {
    background-color: #9d8b81 !important;
}

.c-border-brown-3-hover:hover {
    border-color: #9d8b81 !important;
}

.c-bg-after-brown-3:after {
    background-color: #9d8b81 !important;
}

.c-bg-before-brown-3:before {
    background-color: #9d8b81 !important;
}

.c-bg-dark {
    background-color: #2f353b !important;
}

    .c-bg-dark.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(47, 53, 59, 0.04) !important;
    }

    .c-bg-dark.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(47, 53, 59, 0.4) !important;
    }

    .c-bg-dark.c-bg-dark-font {
        color: #ffffff !important;
    }

.c-bg-dark-hover:hover {
    background-color: #2f353b !important;
}

.c-border-dark-hover:hover {
    border-color: #2f353b !important;
}

.c-bg-after-dark:after {
    background-color: #2f353b !important;
}

.c-bg-before-dark:before {
    background-color: #2f353b !important;
}

.c-bg-dark-1 {
    background-color: #525e64 !important;
}

    .c-bg-dark-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(82, 94, 100, 0.04) !important;
    }

    .c-bg-dark-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(82, 94, 100, 0.4) !important;
    }

    .c-bg-dark-1.c-bg-dark-1-font {
        color: #ffffff !important;
    }

.c-bg-dark-1-hover:hover {
    background-color: #525e64 !important;
}

.c-border-dark-1-hover:hover {
    border-color: #525e64 !important;
}

.c-bg-after-dark-1:after {
    background-color: #525e64 !important;
}

.c-bg-before-dark-1:before {
    background-color: #525e64 !important;
}

.c-bg-dark-2 {
    background-color: #31383c !important;
}

    .c-bg-dark-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(49, 56, 60, 0.04) !important;
    }

    .c-bg-dark-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(49, 56, 60, 0.4) !important;
    }

    .c-bg-dark-2.c-bg-dark-2-font {
        color: #ffffff !important;
    }

.c-bg-dark-2-hover:hover {
    background-color: #31383c !important;
}

.c-border-dark-2-hover:hover {
    border-color: #31383c !important;
}

.c-bg-after-dark-2:after {
    background-color: #31383c !important;
}

.c-bg-before-dark-2:before {
    background-color: #31383c !important;
}

.c-bg-dark-3 {
    background-color: #41515b !important;
}

    .c-bg-dark-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(65, 81, 91, 0.04) !important;
    }

    .c-bg-dark-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(65, 81, 91, 0.4) !important;
    }

    .c-bg-dark-3.c-bg-dark-3-font {
        color: #ffffff !important;
    }

.c-bg-dark-3-hover:hover {
    background-color: #41515b !important;
}

.c-border-dark-3-hover:hover {
    border-color: #41515b !important;
}

.c-bg-after-dark-3:after {
    background-color: #41515b !important;
}

.c-bg-before-dark-3:before {
    background-color: #41515b !important;
}

.c-bg-grey {
    background-color: #eeeeee !important;
}

    .c-bg-grey.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(238, 238, 238, 0.04) !important;
    }

    .c-bg-grey.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(238, 238, 238, 0.4) !important;
    }

    .c-bg-grey.c-bg-grey-font {
        color: #6e6e6e !important;
    }

.c-bg-grey-hover:hover {
    background-color: #eeeeee !important;
}

.c-border-grey-hover:hover {
    border-color: #eeeeee !important;
}

.c-bg-after-grey:after {
    background-color: #eeeeee !important;
}

.c-bg-before-grey:before {
    background-color: #eeeeee !important;
}

.c-bg-grey-1 {
    background-color: #f7f7f7 !important;
}

    .c-bg-grey-1.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(247, 247, 247, 0.04) !important;
    }

    .c-bg-grey-1.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(247, 247, 247, 0.4) !important;
    }

    .c-bg-grey-1.c-bg-grey-1-font {
        color: #777777 !important;
    }

.c-bg-grey-1-hover:hover {
    background-color: #f7f7f7 !important;
}

.c-border-grey-1-hover:hover {
    border-color: #f7f7f7 !important;
}

.c-bg-after-grey-1:after {
    background-color: #f7f7f7 !important;
}

.c-bg-before-grey-1:before {
    background-color: #f7f7f7 !important;
}

.c-bg-grey-2 {
    background-color: #677083 !important;
}

    .c-bg-grey-2.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(103, 112, 131, 0.04) !important;
    }

    .c-bg-grey-2.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(103, 112, 131, 0.4) !important;
    }

    .c-bg-grey-2.c-bg-grey-2-font {
        color: #ffffff !important;
    }

.c-bg-grey-2-hover:hover {
    background-color: #677083 !important;
}

.c-border-grey-2-hover:hover {
    border-color: #677083 !important;
}

.c-bg-after-grey-2:after {
    background-color: #677083 !important;
}

.c-bg-before-grey-2:before {
    background-color: #677083 !important;
}

.c-bg-grey-3 {
    background-color: #7f8c97 !important;
}

    .c-bg-grey-3.c-bg-opacity {
        /* RGBa with 0.04 opacity */
        background-color: rgba(127, 140, 151, 0.04) !important;
    }

    .c-bg-grey-3.c-bg-opacity-2 {
        /* RGBa with 0.4 opacity */
        background-color: rgba(127, 140, 151, 0.4) !important;
    }

    .c-bg-grey-3.c-bg-grey-3-font {
        color: #ffffff !important;
    }

.c-bg-grey-3-hover:hover {
    background-color: #7f8c97 !important;
}

.c-border-grey-3-hover:hover {
    border-color: #7f8c97 !important;
}

.c-bg-after-grey-3:after {
    background-color: #7f8c97 !important;
}

.c-bg-before-grey-3:before {
    background-color: #7f8c97 !important;
}

/* Border Colors */
.c-border-white {
    border-color: #FFFFFF !important;
}

.c-border-left-white {
    border-left-color: #FFFFFF !important;
}

.c-border-right-white {
    border-right-color: #FFFFFF !important;
}

.c-border-black {
    border-color: #000000 !important;
}

.c-border-left-black {
    border-left-color: #000000 !important;
}

.c-border-right-black {
    border-right-color: #000000 !important;
}

.c-border-regular {
    border-color: #7f8c97 !important;
}

.c-border-left-regular {
    border-left-color: #7f8c97 !important;
}

.c-border-right-regular {
    border-right-color: #7f8c97 !important;
}

.c-border-green {
    border-color: var(--theme-color) !important;
}

.c-border-left-green {
    border-left-color: var(--theme-color) !important;
}

.c-border-right-green {
    border-right-color: var(--theme-color) !important;
}

.c-border-green-1 {
    border-color: #52c9ba !important;
}

.c-border-left-green-1 {
    border-left-color: #52c9ba !important;
}

.c-border-right-green-1 {
    border-right-color: #52c9ba !important;
}

.c-border-green-2 {
    border-color: #5dc09c !important;
}

.c-border-left-green-2 {
    border-left-color: #5dc09c !important;
}

.c-border-right-green-2 {
    border-right-color: #5dc09c !important;
}

.c-border-green-3 {
    border-color: #84c68f !important;
}

.c-border-left-green-3 {
    border-left-color: #84c68f !important;
}

.c-border-right-green-3 {
    border-right-color: #84c68f !important;
}

.c-border-red {
    border-color: #eb5d68 !important;
}

.c-border-left-red {
    border-left-color: #eb5d68 !important;
}

.c-border-right-red {
    border-right-color: #eb5d68 !important;
}

.c-border-red-1 {
    border-color: #cd6262 !important;
}

.c-border-left-red-1 {
    border-left-color: #cd6262 !important;
}

.c-border-right-red-1 {
    border-right-color: #cd6262 !important;
}

.c-border-red-2 {
    border-color: #C53A3A !important;
}

.c-border-left-red-2 {
    border-left-color: #C53A3A !important;
}

.c-border-right-red-2 {
    border-right-color: #C53A3A !important;
}

.c-border-red-3 {
    border-color: #d05163 !important;
}

.c-border-left-red-3 {
    border-left-color: #d05163 !important;
}

.c-border-right-red-3 {
    border-right-color: #d05163 !important;
}

.c-border-yellow {
    border-color: #FF6B57 !important;
}

.c-border-left-yellow {
    border-left-color: #FF6B57 !important;
}

.c-border-right-yellow {
    border-right-color: #FF6B57 !important;
}

.c-border-yellow-1 {
    border-color: #c8d046 !important;
}

.c-border-left-yellow-1 {
    border-left-color: #c8d046 !important;
}

.c-border-right-yellow-1 {
    border-right-color: #c8d046 !important;
}

.c-border-yellow-2 {
    border-color: #c5bf66 !important;
}

.c-border-left-yellow-2 {
    border-left-color: #c5bf66 !important;
}

.c-border-right-yellow-2 {
    border-right-color: #c5bf66 !important;
}

.c-border-yellow-3 {
    border-color: #c5b96b !important;
}

.c-border-left-yellow-3 {
    border-left-color: #c5b96b !important;
}

.c-border-right-yellow-3 {
    border-right-color: #c5b96b !important;
}

.c-border-blue {
    border-color: #3498DB !important;
}

.c-border-left-blue {
    border-left-color: #3498DB !important;
}

.c-border-right-blue {
    border-right-color: #3498DB !important;
}

.c-border-blue-1 {
    border-color: #5e9cd1 !important;
}

.c-border-left-blue-1 {
    border-left-color: #5e9cd1 !important;
}

.c-border-right-blue-1 {
    border-right-color: #5e9cd1 !important;
}

.c-border-blue-2 {
    border-color: #5893dd !important;
}

.c-border-left-blue-2 {
    border-left-color: #5893dd !important;
}

.c-border-right-blue-2 {
    border-right-color: #5893dd !important;
}

.c-border-blue-3 {
    border-color: #57bfe1 !important;
}

.c-border-left-blue-3 {
    border-left-color: #57bfe1 !important;
}

.c-border-right-blue-3 {
    border-right-color: #57bfe1 !important;
}

.c-border-purple {
    border-color: #b771b0 !important;
}

.c-border-left-purple {
    border-left-color: #b771b0 !important;
}

.c-border-right-purple {
    border-right-color: #b771b0 !important;
}

.c-border-purple-1 {
    border-color: #a962bb !important;
}

.c-border-left-purple-1 {
    border-left-color: #a962bb !important;
}

.c-border-right-purple-1 {
    border-right-color: #a962bb !important;
}

.c-border-purple-2 {
    border-color: #aa67a3 !important;
}

.c-border-left-purple-2 {
    border-left-color: #aa67a3 !important;
}

.c-border-right-purple-2 {
    border-right-color: #aa67a3 !important;
}

.c-border-purple-3 {
    border-color: #ac3773 !important;
}

.c-border-left-purple-3 {
    border-left-color: #ac3773 !important;
}

.c-border-right-purple-3 {
    border-right-color: #ac3773 !important;
}

.c-border-brown {
    border-color: #8a7f68 !important;
}

.c-border-left-brown {
    border-left-color: #8a7f68 !important;
}

.c-border-right-brown {
    border-right-color: #8a7f68 !important;
}

.c-border-brown-1 {
    border-color: #685e47 !important;
}

.c-border-left-brown-1 {
    border-left-color: #685e47 !important;
}

.c-border-right-brown-1 {
    border-right-color: #685e47 !important;
}

.c-border-brown-2 {
    border-color: #7a6a61 !important;
}

.c-border-left-brown-2 {
    border-left-color: #7a6a61 !important;
}

.c-border-right-brown-2 {
    border-right-color: #7a6a61 !important;
}

.c-border-brown-3 {
    border-color: #9d8b81 !important;
}

.c-border-left-brown-3 {
    border-left-color: #9d8b81 !important;
}

.c-border-right-brown-3 {
    border-right-color: #9d8b81 !important;
}

.c-border-dark {
    border-color: #2f353b !important;
}

.c-border-left-dark {
    border-left-color: #2f353b !important;
}

.c-border-right-dark {
    border-right-color: #2f353b !important;
}

.c-border-dark-1 {
    border-color: #525e64 !important;
}

.c-border-left-dark-1 {
    border-left-color: #525e64 !important;
}

.c-border-right-dark-1 {
    border-right-color: #525e64 !important;
}

.c-border-dark-2 {
    border-color: #31383c !important;
}

.c-border-left-dark-2 {
    border-left-color: #31383c !important;
}

.c-border-right-dark-2 {
    border-right-color: #31383c !important;
}

.c-border-dark-3 {
    border-color: #41515b !important;
}

.c-border-left-dark-3 {
    border-left-color: #41515b !important;
}

.c-border-right-dark-3 {
    border-right-color: #41515b !important;
}

.c-border-grey {
    border-color: #eeeeee !important;
}

.c-border-left-grey {
    border-left-color: #eeeeee !important;
}

.c-border-right-grey {
    border-right-color: #eeeeee !important;
}

.c-border-grey-1 {
    border-color: #f7f7f7 !important;
}

.c-border-left-grey-1 {
    border-left-color: #f7f7f7 !important;
}

.c-border-right-grey-1 {
    border-right-color: #f7f7f7 !important;
}

.c-border-grey-2 {
    border-color: #677083 !important;
}

.c-border-left-grey-2 {
    border-left-color: #677083 !important;
}

.c-border-right-grey-2 {
    border-right-color: #677083 !important;
}

.c-border-grey-3 {
    border-color: #7f8c97 !important;
}

.c-border-left-grey-3 {
    border-left-color: #7f8c97 !important;
}

.c-border-right-grey-3 {
    border-right-color: #7f8c97 !important;
}

.c-bg-img-center {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.c-bg-img-top {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}

.c-bg-img-bottom-right {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
}

.c-bg-img-top-center {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.c-bg-none,
.c-bg-transparent {
    background: none;
}

.c-pos-relative {
    position: relative;
}

.c-bg-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    min-height: 100%;
}

.c-opacity-0 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.c-opacity-01 {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.c-opacity-02 {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.c-opacity-03 {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.c-opacity-04 {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.c-opacity-05 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.c-opacity-06 {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.c-opacity-07 {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.c-opacity-08 {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.c-opacity-1 {
    opacity: 1;
    filter: alpha(opacity=100);
}

.c-layout-page-margin-top {
    padding-top: 60px;
}

.c-layout-page-container {
    min-height: 600px;
    max-width: 1110px;
    margin: 0px auto;
    padding-top: 65px;
    padding-bottom: 65px;
}

.c-layout-page:before, .c-layout-page:after {
    content: " ";
    display: table;
}

.c-layout-page:after {
    clear: both;
}

.c-layout-page-loading * {
    visibility: hidden;
}

.c-layout-page-loading .c-content-loader {
    visibility: visible;
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
}

.c-layout-header:before, .c-layout-header:after {
    content: " ";
    display: table;
}

.c-layout-header:after {
    clear: both;
}

.c-layout-header .c-topbar:before, .c-layout-header .c-topbar:after {
    content: " ";
    display: table;
}

.c-layout-header .c-topbar:after {
    clear: both;
}

.c-layout-header .c-topbar .c-top-menu {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.c-layout-header .c-topbar .c-top-menu.c-pull-left {
    float: left;
}

.c-layout-header .c-topbar .c-top-menu.c-pull-right {
    float: right;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons,
.c-layout-header .c-topbar .c-top-menu > .c-links,
.c-layout-header .c-topbar .c-top-menu > .c-ext {
    float: left;
    display: inline-block;
    height: 44px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li,
.c-layout-header .c-topbar .c-top-menu > .c-links > li,
.c-layout-header .c-topbar .c-top-menu > .c-ext > li {
    display: inline-block;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li {
    padding: 11px 3px 11px 3px;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li > a {
    font-size: 14px;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li > a > i {
    font-size: 15px;
    padding: 6px 6px;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li > span {
    font-size: 15px;
}

.c-layout-header .c-topbar .c-top-menu > .c-icons > li > a:active, .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a:hover, .c-layout-header .c-topbar .c-top-menu > .c-icons > li > a:focus {
    cursor: pointer;
    text-decoration: none;
}

.c-layout-header .c-topbar .c-top-menu > .c-links > li {
    padding: 10px 3px 8px 3px;
}

.c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
.c-layout-header .c-topbar .c-top-menu > .c-links > li > span {
    font-size: 15px;
}

.c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
.c-layout-header .c-topbar .c-top-menu > .c-links > li > span > i {
    font-size: 16px;
}

.c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active, .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover, .c-layout-header .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus {
    cursor: pointer;
    text-decoration: none;
}

.c-layout-header .c-topbar .c-top-menu > .c-links > li.c-divider {
    position: relative;
    font-size: 13px;
    top: -1px;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li {
    margin: 0;
    padding: 0;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li > a > i {
    font-size: 15px;
    position: relative;
    top: 3px;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang {
    margin: 8px 10px 0 15px;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang.c-last {
    margin-right: 0;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
    display: inline-block;
    float: left;
    padding: 7px 7px 5px 7px;
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
    min-width: 155px;
    padding: 0;
    margin: 0;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li {
    padding: 0;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 12px;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search {
    margin-top: 8px;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search > form {
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
    font-weight: 400;
    border: 0;
    padding: 4px 14px 2px 6px;
    height: 28px;
    font-size: 12px;
    text-transform: uppercase;
}

.c-layout-header .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
    cursor: pointer;
    font-size: 13px;
    position: absolute;
    top: 8px;
    right: 8px;
}

.c-layout-header .c-navbar:before, .c-layout-header .c-navbar:after {
    content: " ";
    display: table;
}

.c-layout-header .c-navbar:after {
    clear: both;
}

.c-layout-header .c-brand {
    transition: all 0.2s;
    display: inline-block;
}

.c-layout-header .c-brand.c-pull-left {
    float: left;
}

.c-layout-header .c-brand.c-pull-right {
    float: right;
}

.c-layout-header .c-brand > .c-hor-nav-toggler {
    display: none;
}

.c-layout-header .c-brand > .c-search-toggler {
    display: none;
}

.c-layout-quick-search-shown .c-layout-header .c-brand {
    display: none;
}

.c-layout-header .c-brand .c-desktop-logo {
    display: block;
}

.c-layout-header .c-brand .c-desktop-logo-inverse {
    display: none;
}

.c-layout-header .c-quick-search {
    display: none;
    padding: 0;
    margin: 0;
    transition: all 0.2s;
    position: relative;
}

.c-layout-header .c-quick-search:before, .c-layout-header .c-quick-search:after {
    content: " ";
    display: table;
}

.c-layout-header .c-quick-search:after {
    clear: both;
}

.c-layout-quick-search-shown .c-layout-header .c-quick-search {
    display: block;
    transition: all 0.2s;
}

.c-layout-header .c-quick-search > .form-control {
    display: block;
    font-size: 22px;
    font-weight: 400;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.c-layout-header .c-quick-search > .form-control::-ms-clear {
    display: none;
}

.c-layout-header .c-quick-search > .form-control:focus, .c-layout-header .c-quick-search > .form-control:active {
    box-shadow: none;
}

.c-layout-header .c-quick-search > span {
    display: inline-block;
    position: absolute;
    font-size: 36px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.c-layout-header .c-quick-search > span:hover {
    cursor: pointer;
}

.c-logo {
    float: left;
}

.c-brand-logo {
    margin-left: -25px;
    margin-top: -30px;
    margin-bottom: 0px;
}

.c-brand-logo img {
    margin-top: 7px;
    height: 65px;
}

.top-option {
    margin-right: -15px !important;
}

@media (min-width: 992px) {

    /* 992px */
    .c-layout-header.c-no-border {
        border-bottom: 0 !important;
    }

    .c-layout-header .c-topbar > .container-fluid {
        padding: 0 50px;
    }

    .c-layout-header .c-navbar {
        line-height: 0px;
    }

    .c-layout-header .c-navbar > .container {
        position: relative;
    }

    .c-layout-header .c-navbar > .container-fluid {
        position: relative;
        padding: 0 50px;
    }

    .c-layout-header .c-brand {
        margin: 5px 0 5px 0;
    }

    .c-layout-header .c-brand .c-desktop-logo-inverse {
        display: none;
    }

    .c-layout-header .c-brand .c-desktop-logo {
        display: inline-block;
    }

    .c-layout-header .c-brand .c-mobile-logo {
        display: none;
    }

    .c-layout-header .c-quick-search > .form-control {
        padding: 10px 0;
        height: 100px;
    }

    .c-layout-header .c-quick-search > span {
        top: 50px;
        right: -2px;
    }

    /*aqui*/
    .c-layout-header-fullscreen.c-layout-header-static .c-layout-header,
    .c-layout-header-fixed .c-layout-header {
        top: 0px;
        position: fixed;
        z-index: 9995;
        width: 100%;
    }

    .c-layout-header-fixed .c-layout-page {
        margin-top: 60px;
        padding-bottom: 50px;
    }

    .c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
        margin-top: 144px;
    }

    .c-layout-header-fullscreen .c-layout-page,
    .c-layout-header-fullscreen.c-layout-header-fixed.c-layout-header-topbar .c-layout-page {
        margin-top: 0;
    }

    .c-page-on-scroll.c-layout-header-static .c-layout-header {
        display: none;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header {
        height: 70px;
        line-height: 0px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-topbar {
        transition: all 0.2s;
        display: none;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
        transition: margin 0.2s;
        margin: 5px 0 5px 0;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo {
        display: none;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse {
        display: block;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu {
        line-height: 0px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-link {
        transition: all 0.2s;
        padding: 23px 15px 21px 15px;
        min-height: 65px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-quick-sidebar-toggler {
        transition: all 0.2s;
        padding: 26px 0 24px 15px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn {
        transition: all 0.2s;
        margin: 15px 15px 16px 15px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-mega-menu .nav.navbar-nav > li > .c-btn-icon {
        transition: all 0.2s;
        margin: 6px 5px 7px 5px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-quick-search > .form-control {
        font-size: 22px;
        padding: 10px 0;
        height: 65px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-quick-search > span {
        font-size: 36px;
        top: 33px;
    }

}

@media (min-width: 992px) {
   
    /* 992px */

    .c-layout-header .c-navbar .c-mega-menu {
        line-height: 0px;
        display: inline-block;
        padding: 0;
        margin: 0;
        position: static;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-pull-left {
        float: left;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-pull-right {
        float: right;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li {
        padding: 0;
        margin: 0;
        float: left;
        position: static;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-menu-type-classic {
        position: relative;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
        letter-spacing: 1px;
        font-style: normal;
        transition: all 0.2s;
        padding: 41px 15px 39px 15px;
        min-height: 100px;
        font-size: 17px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
        background: none;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
        transition: all 0.2s;
        display: inline-block;
        background: none !important;
        padding: 44px 0 40px 15px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
        width: 15px;
        display: block;
        height: 2px;
        padding: 0px;
        margin: 3px 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
        margin-top: 0px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
        transition: margin 0.2s;
        margin: 34px 15px 33px 15px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn > i {
        position: relative;
        top: 1px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon {
        background: none;
        outline: none;
        transition: margin 0.2s;
        margin: 24px 5px 18px 5px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover {
        background: none;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon > i {
        position: relative;
        top: 0px;
        font-size: 14px;
        height: 14px;
    }

    .ie .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon > i {
        top: 2px;
    }

    .ie9 .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon > i {
        top: 0px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-quick-sidebar-toggler,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-btn-link,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-link, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-quick-sidebar-toggler,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-btn-link,
    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-link {
        background: none;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
        width: auto;
    }

    .container-fluid .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu {
        width: 1170px !important;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-pull-right {
        right: 0;
        left: auto;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-pull-left {
        left: 0;
        right: auto;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu {
        box-shadow: none;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        margin: 0;
        letter-spacing: 1px;
        padding: 10px 25px 10px 25px;
        font-size: 16px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li > a {
        padding: 8px 25px;
        white-space: normal;
        letter-spacing: 1px;
        font-size: 14px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li .dropdown-menu > li.dropdown-submenu > .dropdown-menu {
        margin-top: -10px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-fullwidth {
        width: 100%;
        left: 0;
        right: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic {
        left: auto;
        right: auto;
        min-width: 235px;
        width: 235px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic.c-pull-right {
        right: 0;
        left: auto;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
        min-width: 235px;
        width: 235px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega {
        padding: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu {
        float: none;
        box-shadow: none !important;
        background: none;
        position: static;
        display: block;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu:before, .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu:after {
        content: " ";
        display: table;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .dropdown-menu:after {
        clear: both;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row {
        margin: 0 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div {
        padding: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div:last-child {
        border-right: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .c-menu-type-inline {
        margin: 10px 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs {
        padding: 20px 40px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li {
        margin: 0 15px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li:first-child {
        margin-left: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
        margin: 0;
        padding: 7px 0;
        border: 0;
        background: none;
        font-size: 16px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .tab-content {
        padding: 0;
        margin: 0 15px;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li {
        display: table-cell;
        width: 1%;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
        margin: 0;
        padding: 15px 0;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li > .dropdown-menu {
        float: none;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .dropdown-menu {
        display: block;
    }

    .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav .c-visible-mobile {
        display: none !important;
    }

    .c-layout-quick-search-shown .c-layout-header .c-navbar .c-mega-menu {
        display: none;
    }

    .c-layout-header .c-navbar .container-fluid > .c-navbar-wrapper > .c-mega-menu > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega {
        max-width: 1170px;
        width: 1170px;
        right: 20px;
        left: auto;
    }

    .c-layout-header .c-navbar .c-mega-menu {
        line-height: 0px;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .c-link {
        font-size: 15px;
        text-transform: uppercase;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        font-size: 14px;
        text-transform: uppercase;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li .dropdown-menu > li > a {
        font-size: 12px;
        text-transform: uppercase;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-uppercase > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
        font-size: 14px;
        text-transform: uppercase;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .c-link {
        font-weight: 600;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        font-weight: 500;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li .dropdown-menu > li > a {
        font-weight: 500;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-fonts-bold > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
        font-weight: 600;
    }

}

@media (min-width: 992px) {

    /* 992px */

    .c-layout-header.c-layout-header-default {
        background: none;
        border-bottom: 0;
    }

        .c-layout-header.c-layout-header-default .c-topbar {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            background: none;
        }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > span,
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > span,
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > span {
                color: #f2f2f2;
                font-weight: 500;
            }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > span > i,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > span > i,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > span > i {
                    background: rgba(255, 255, 255, 0.1);
                    color: #f2f2f2;
                }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
                    color: #ffffff;
                }

                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                        background: rgba(255, 255, 255, 0.05);
                        color: #ffffff;
                    }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-icons > li.c-divider,
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-links > li.c-divider,
            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-divider {
                color: #f2f2f2;
            }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
                background: rgba(255, 255, 255, 0.1);
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
                    color: #ffffff;
                    background: rgba(255, 255, 255, 0.05);
                }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
                background: #f6f8fa;
            }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
                    background: #e9eef3;
                }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
                    color: #839fba;
                }

                    .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                        background: #e9eef3;
                    }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
                display: block;
            }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
                background: rgba(255, 255, 255, 0.1);
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
                    color: #ffffff;
                }

            .c-layout-header.c-layout-header-default .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
                color: #ffffff;
            }

        .c-layout-header.c-layout-header-default .c-navbar {
            background: none;
        }

            .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
            .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
                .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
                .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                    color: #ffffff;
                }

            .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
                background-color: white;
            }

            .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
                color: #ffffff;
            }

            .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
                background: #ffffff;
            }

            .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
                    background: #ffffff;
                }

        .c-layout-header.c-layout-header-default .c-quick-search > .form-control {
            color: #ffffff;
        }

            .c-layout-header.c-layout-header-default .c-quick-search > .form-control::-moz-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-default .c-quick-search > .form-control:-moz-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-default .c-quick-search > .form-control:-ms-input-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-default .c-quick-search > .form-control::-webkit-input-placeholder {
                color: white;
            }

        .c-layout-header.c-layout-header-default .c-quick-search > span {
            color: white;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-default {
        background: rgba(0, 0, 0, 0.7);
        border-bottom: 0;
        box-shadow: none;
    }

        .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
        .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
            color: #ffffff;
        }

            .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
            .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
            .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                color: #ffffff;
            }

        .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
            background-color: white;
        }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) {
        position: relative;
        color: #ffffff !important;
    }

        .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
            transition: 0.2s;
            position: absolute;
            top: 32px;
            content: '';
            width: 15px;
            height: 2px;
            display: block;
            background: #ffffff;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
        top: 14px;
        transition: 0.2s;
    }

    .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i {
        color: #ffffff !important;
    }

    .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a.c-btn-icon, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a.c-btn-icon, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a.c-btn-icon, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a.c-btn-icon {
        color: #ffffff;
    }

    .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-search-toggler > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-search-toggler > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-search-toggler > i, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-search-toggler > i {
        color: #ffffff !important;
    }

    .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-default .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-quick-sidebar-toggler > .c-line {
        background: #ffffff !important;
    }

    .c-layout-header.c-layout-header-default.c-bordered {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
}

@media (max-width: 550px) {

    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > span,
    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > span,
    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > span {
        color: #8797ae;
    }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > span > i,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > span > i,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > span > i {
            background: none;
            color: #8797ae;
        }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
            color: #3f4c5d;
        }

            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                background: none;
                color: #3f4c5d;
            }

    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
        background: #e6eff2;
        color: #5e718b;
    }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
            color: #5e718b;
            background: #e6eff2;
        }

    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
        background: #f7f7f7;
    }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
            background: #eaeaea;
        }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
            color: #7d8691;
        }

            .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                background: #eaeaea;
            }

    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff;
    }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
            color: #ffffff;
        }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
            color: #ffffff;
        }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
            color: #ffffff;
        }

        .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
            color: #ffffff;
        }

    .c-layout-header.c-layout-header-default-mobile .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
        color: #ffffff;
    }

    .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler {
        margin-top: -1px;
        display: inline-block;
        border: 1px solid gray;
        padding: 3px 7px 4px 7px;
    }

        .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler > .c-line {
            background: gray;
        }

        .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler:hover {
            border-color: var(--theme-color);
        }

            .c-layout-header.c-layout-header-default-mobile .c-brand > .c-hor-nav-toggler:hover > .c-line {
                background: var(--theme-color);
            }

    .c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler {
        display: inline-block;
    }

        .c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler > i {
            color: #e6e6e6;
        }

        .c-layout-header.c-layout-header-default-mobile .c-brand > .c-search-toggler:hover > i {
            color: white;
        }

    .c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control {
        color: #fff;
    }

        .c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control::-moz-placeholder {
            color: white;
        }

        .c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control:-moz-placeholder {
            color: white;
        }

        .c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control:-ms-input-placeholder {
            color: white;
        }

        .c-layout-header.c-layout-header-default-mobile .c-quick-search > .form-control::-webkit-input-placeholder {
            color: white;
        }

    .c-layout-header.c-layout-header-default-mobile .c-quick-search > span {
        color: white;
    }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-2 {
        background: rgba(30, 36, 42, 0.25);
        border-bottom: 0;
    }

        .c-layout-header.c-layout-header-2 .c-topbar {
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
            background: none;
        }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > span,
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > span,
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > span {
                color: #fff;
                font-weight: 500;
            }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > span > i,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > span > i,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > span > i {
                    background: rgba(9, 10, 12, 0.25);
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
                    color: #e6e6e6;
                }

                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                        background: rgba(28, 33, 39, 0.25);
                        color: #ffffff;
                    }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-icons > li.c-divider,
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-links > li.c-divider,
            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-divider {
                color: #fff;
            }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
                background: rgba(41, 49, 57, 0.25);
                color: #f2f2f2;
            }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
                    color: #ffffff;
                    background: rgba(51, 61, 72, 0.25);
                }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
                background: #f6f8fa;
            }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
                    background: #e9eef3;
                }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
                    color: #839fba;
                }

                    .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                        background: #e9eef3;
                    }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
                display: block;
            }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
                background: rgba(41, 49, 57, 0.25);
                color: #e6e6e6;
            }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
                    color: #d9d9d9;
                }

            .c-layout-header.c-layout-header-2 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
                color: #e6e6e6;
            }

        .c-layout-header.c-layout-header-2 .c-navbar {
            background: none;
        }

            .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
            .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
                .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
                .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                    color: #ffffff;
                }

            .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
                background-color: white;
            }

            .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
                color: #ffffff;
            }

            .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
                background: #ffffff;
            }

            .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
                    background: #ffffff;
                }

        .c-layout-header.c-layout-header-2 .c-quick-search > .form-control {
            color: #ffffff;
        }

            .c-layout-header.c-layout-header-2 .c-quick-search > .form-control::-moz-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-2 .c-quick-search > .form-control:-moz-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-2 .c-quick-search > .form-control:-ms-input-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-2 .c-quick-search > .form-control::-webkit-input-placeholder {
                color: white;
            }

        .c-layout-header.c-layout-header-2 .c-quick-search > span {
            color: white;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-2 {
        background: rgba(30, 36, 42, 0.82);
        border-bottom: 0;
        box-shadow: none;
    }

        .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
        .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
            color: #ffffff;
        }

            .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
            .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
            .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                color: #ffffff;
            }

        .c-page-on-scroll .c-layout-header.c-layout-header-2 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
            background-color: white;
        }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-3 {
        background: #2f353b;
        border-bottom: 0;
    }

        .c-layout-header.c-layout-header-3 .c-topbar {
            border-bottom: 0px solid #edf4f6;
            background: #ffffff;
        }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > span,
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > span,
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > span {
                color: #8797ae;
                font-weight: 500;
            }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > span > i,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > span > i,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > span > i {
                    background: none;
                    color: #96a5b8;
                }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
                    color: #3f4c5d;
                }

                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                        background: none;
                        color: #3f4c5d;
                    }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li.c-divider,
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li.c-divider,
            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-divider {
                color: #8797ae;
            }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
                background: #e6eff2;
                color: #5e718b;
            }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
                    color: #5e718b;
                    background: #e6eff2;
                }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
                background: #f7f7f7;
            }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
                    background: #eaeaea;
                }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
                    color: #7d8691;
                }

                    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                        background: #eaeaea;
                    }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
                display: block;
            }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
                background: #3a4249;
                color: #e6e6e6;
            }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
                    color: #d9d9d9;
                }

            .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
                color: #e6e6e6;
            }

        .c-layout-header.c-layout-header-3 .c-navbar {
            background: none;
        }

            .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
            .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
                .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
                .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                    color: #ffffff;
                }

            .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
                background-color: white;
            }

            .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
                color: #ffffff;
            }

            .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
                background: #ffffff;
            }

            .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
                    background: #ffffff;
                }

        .c-layout-header.c-layout-header-3 .c-quick-search > .form-control {
            color: #ffffff;
        }

            .c-layout-header.c-layout-header-3 .c-quick-search > .form-control::-moz-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-3 .c-quick-search > .form-control:-moz-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-3 .c-quick-search > .form-control:-ms-input-placeholder {
                color: white;
            }

            .c-layout-header.c-layout-header-3 .c-quick-search > .form-control::-webkit-input-placeholder {
                color: white;
            }

        .c-layout-header.c-layout-header-3 .c-quick-search > span {
            color: white;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-3 {
        background: #2f353b;
        border-bottom: 0;
        box-shadow: none;
    }

        .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
        .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
            color: #ffffff;
        }

            .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
            .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
            .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                color: #ffffff;
            }

        .c-page-on-scroll .c-layout-header.c-layout-header-3 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
            background-color: white;
        }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li {
        padding: 11px 5px 11px 5px;
    }

        .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-icons > li > a > i {
            font-size: 16px;
            padding: 1px 1px;
        }

    .c-layout-header.c-layout-header-3 .c-topbar .c-top-menu > .c-links > li > a {
        font-weight: 500;
    }

    .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler), .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) {
        position: relative;
        color: #ffffff !important;
    }

        .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
            transition: 0.2s;
            position: absolute;
            top: 32px;
            content: '';
            width: 15px;
            height: 2px;
            display: block;
            background: #ffffff;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before, .c-page-on-scroll .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler):before {
        top: 14px;
        transition: 0.2s;
    }

    .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn):not(.c-btn-icon):not(.c-quick-sidebar-toggler) > i {
        color: #ffffff !important;
    }

    .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a.c-btn-icon, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a.c-btn-icon, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a.c-btn-icon, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a.c-btn-icon {
        color: #ffffff !important;
    }

    .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-search-toggler > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-search-toggler > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-search-toggler > i, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-search-toggler > i {
        color: #ffffff !important;
    }

    .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > .c-quick-sidebar-toggler > .c-line, .c-layout-header.c-layout-header-3.c-layout-header-3-custom-menu .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > .c-quick-sidebar-toggler > .c-line {
        background: #ffffff !important;
    }
}

@media (min-width: 992px) {

    .center-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* 992px */
    .c-layout-header.c-layout-header-4 {
        background: none;
        border-bottom: 0;
    }

        .c-layout-header.c-layout-header-4 .c-topbar {
            border-bottom: 1px solid #edf4f6;
            background: none;
        }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > span,
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > span,
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > span {
                color: #8797ae;
                font-weight: 500;
            }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > span > i,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > span > i,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > span > i {
                    background: none;
                    color: #96a5b8;
                }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
                    color: #3f4c5d;
                }

                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                        background: none;
                        color: #3f4c5d;
                    }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li.c-divider,
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li.c-divider,
            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-divider {
                color: #8797ae;
            }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
                background: var(--theme-bar-color);
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
                    color: #ffffff;
                    background: #b5bfcd;
                }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
                background: #f7f7f7;
            }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
                    background: #eaeaea;
                }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
                    color: #7d8691;
                }

                    .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                        background: #eaeaea;
                    }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
                display: block;
            }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
                background: rgba(196, 204, 215, 0.5);
                color: #c4ccd7;
            }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
                    color: #c4ccd7;
                }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
                    color: #c4ccd7;
                }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
                    color: #c4ccd7;
                }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
                    color: #c4ccd7;
                }

                .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
                    color: #c4ccd7;
                }

                .c-layout-header.c-layout-header-4 .c-navbar {
                    background: none;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                    color: #69727c;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                    color: #69727c;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
                    background-color: #757f8a;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
                    color: #69727c;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
                    background: #69727c;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
                    color: #69727c;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
                    color: #69727c;
                }

                .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
                    background: #69727c;
                }

        .c-layout-header.c-layout-header-4 .c-quick-search > .form-control {
            color: #69727c;
        }

            .c-layout-header.c-layout-header-4 .c-quick-search > .form-control::-moz-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-4 .c-quick-search > .form-control:-moz-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-4 .c-quick-search > .form-control:-ms-input-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-4 .c-quick-search > .form-control::-webkit-input-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-4 .c-quick-search > span {
                color: #828b96;
            }

    .c-page-on-scroll .c-layout-header.c-layout-header-4 {
        color: var(--theme-body-forecolor) !important;
        background-color: var(--theme-body-backcolor) !important;        
        box-shadow: none;
    }

            .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
            .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                color: var(--theme-body-forecolor) !important;
            }

            .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
            .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
            .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                color: var(--theme-body-focus-forecolor) !important;
            }

        .c-page-on-scroll .c-layout-header.c-layout-header-4 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
            background-color: #757f8a;
        }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-4 .c-topbar {
        margin-top: -1px;
    }

        .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li {
            padding: 11px 3px 11px 3px;
        }

            .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-icons > li > a > i {
                font-size: 16px;
                padding: 1px 1px;
            }

        .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-links > li > a {
            font-weight: 500;
        }

        .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
            padding: 7px 7px 9px 7px;
            color: #697d99;
            background: #f7f7f7;
        }

        .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > a {
            background: #f7f7f7;
            color: #697d99 !important;
        }

        .c-layout-header.c-layout-header-4 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
            font-weight: 500;
        }

    .c-layout-header.c-layout-header-4.c-bordered {
        border-bottom: var(--theme-navbar-border-bottom) !important;
    }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-5 {
        background: #2f353b;
        border-bottom: 0;
    }

        .c-layout-header.c-layout-header-5 .c-topbar {
            border-bottom: 1px solid #edf4f6;
            background: #ffffff;
        }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > span,
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > span,
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > span {
                color: #8797ae;
                font-weight: 500;
            }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > span > i,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > span > i,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > span > i {
                    background: none;
                    color: #96a5b8;
                }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
                    color: #3f4c5d;
                }

                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                        background: none;
                        color: #3f4c5d;
                    }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li.c-divider,
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li.c-divider,
            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-divider {
                color: #8797ae;
            }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
                background: #e6eff2;
                color: #5e718b;
            }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
                    color: #5e718b;
                    background: #e6eff2;
                }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
                background: #f7f7f7;
            }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
                    background: #eaeaea;
                }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
                    color: #7d8691;
                }

                    .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                        background: #eaeaea;
                    }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
                display: block;
            }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
                background: #3a4249;
                color: #e6e6e6;
            }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
                    color: #d9d9d9;
                }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
                color: #e6e6e6;
            }

        .c-layout-header.c-layout-header-5 .c-navbar {
            background: none;
        }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
                .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
                .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                    color: #ffffff;
                }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
                background-color: white;
            }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
                color: #ffffff;
            }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
                background: #ffffff;
            }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
                    background: #ffffff;
                }

        .c-layout-header.c-layout-header-5 .c-quick-search > .form-control {
            color: #69727c;
        }

            .c-layout-header.c-layout-header-5 .c-quick-search > .form-control::-moz-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-5 .c-quick-search > .form-control:-moz-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-5 .c-quick-search > .form-control:-ms-input-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-5 .c-quick-search > .form-control::-webkit-input-placeholder {
                color: #828b96;
            }

        .c-layout-header.c-layout-header-5 .c-quick-search > span {
            color: #828b96;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-5 {
        background: #2f353b;
        border-bottom: 0;
        box-shadow: none;
    }

        .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
        .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
            color: #ffffff;
        }

            .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
            .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
            .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                color: #ffffff;
            }

        .c-page-on-scroll .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
            background-color: white;
        }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-5 {
        background: none !important;
        margin: 20px 0;
    }

        .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li {
            padding: 11px 5px 11px 5px;
        }

            .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-icons > li > a > i {
                font-size: 16px;
                padding: 1px 1px;
            }

        .c-layout-header.c-layout-header-5 .c-topbar .c-top-menu > .c-links > li > a {
            font-weight: 500;
        }

        .c-layout-header.c-layout-header-5 .c-navbar .container-fluid {
            padding: 0 20px;
        }

        .c-layout-header.c-layout-header-5 .c-navbar .c-brand {
            margin: 0;
        }

        .c-layout-header.c-layout-header-5 .c-navbar .c-navbar-wrapper {
            background: #2f353b;
        }

        .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li {
            border-right: 1px solid #363d44;
        }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                padding: 19px 25px 16px 25px;
                min-height: 55px;
            }

            .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
                padding: 22px 25px 14px 25px;
            }

    .ie9 .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
        margin-bottom: -6px;
    }

    .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
        width: 15px;
        display: block;
        height: 2px;
        padding: 0px;
        margin: 3px 0;
    }

        .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
            margin-top: 0px;
        }

    .ie .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line:first-child {
        margin-top: 2px;
    }

    .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
        margin: 12px 25px 7px 25px;
    }

    .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon {
        margin: 1px 10px 0px 10px;
    }

    .c-layout-header.c-layout-header-5 .c-navbar .c-mega-menu > .nav.navbar-nav > li:last-child {
        border-right: 0;
    }

    .c-layout-header.c-layout-header-5 .c-quick-search > .form-control {
        padding: 10px 20px;
        height: 55px;
    }

    .c-layout-header.c-layout-header-5 .c-quick-search > span {
        top: 28px;
        right: 22px;
    }
}

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-6 {
        background: #2f353b;
        border-bottom: 0;
    }

        .c-layout-header.c-layout-header-6 .c-topbar {
            border-bottom: 1px solid #edf4f6;
            background: #ffffff;
        }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn),
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > span,
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn),
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > span,
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn),
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > span {
                color: #aeb8c2;
                font-weight: 500;
            }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > span > i,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > span > i,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn) > i,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > span > i {
                    background: none;
                    color: #c1ced7;
                }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover,
                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus {
                    color: #aeb8c2;
                }

                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):active > i, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):hover > i, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn):focus > i,
                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):active > i,
                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):hover > i,
                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li > a:not(.btn):focus > i {
                        background: none;
                        color: #c1ced7;
                    }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-icons > li.c-divider,
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.c-divider,
            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-divider {
                color: #aeb8c2;
            }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a {
                background: #e6eff2;
                color: #5e718b;
            }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:active, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:hover, .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > a:focus {
                    color: #5e718b;
                    background: #e6eff2;
                }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu {
                background: #f7f7f7;
            }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li.active > a {
                    background: #eaeaea;
                }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a {
                    color: #7d8691;
                }

                    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang > .dropdown-menu > li > a:hover {
                        background: #eaeaea;
                    }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-lang:hover > .dropdown-menu {
                display: block;
            }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control {
                background: #3a4249;
                color: #e6e6e6;
            }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-moz-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control:-ms-input-placeholder {
                    color: #d9d9d9;
                }

                .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > .form-control::-webkit-input-placeholder {
                    color: #d9d9d9;
                }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-ext > li.c-search > form > i {
                color: #e6e6e6;
            }

        .c-layout-header.c-layout-header-6 .c-navbar {
            background: none;
        }

            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
                .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
                .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                    color: #ffffff;
                }

            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
                background-color: white;
            }

            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > a:not(.btn), .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > a:not(.btn), .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > a:not(.btn) {
                color: #ffffff;
            }

            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:focus > button > .c-line, .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:active > button > .c-line, .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:hover > button > .c-line {
                background: #ffffff;
            }

            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active {
                color: #ffffff;
            }

                .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > a:not(.btn) {
                    color: #ffffff;
                }

                .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-active > button > .c-line {
                    background: #ffffff;
                }

        .c-layout-header.c-layout-header-6 .c-quick-search > .form-control {
            color: #69727c;
        }

            .c-layout-header.c-layout-header-6 .c-quick-search > .form-control::-moz-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-6 .c-quick-search > .form-control:-moz-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-6 .c-quick-search > .form-control:-ms-input-placeholder {
                color: #828b96;
            }

            .c-layout-header.c-layout-header-6 .c-quick-search > .form-control::-webkit-input-placeholder {
                color: #828b96;
            }

        .c-layout-header.c-layout-header-6 .c-quick-search > span {
            color: #828b96;
        }

    .c-page-on-scroll .c-layout-header.c-layout-header-6 {
        background: #2f353b;
        border-bottom: 0;
        box-shadow: none;
    }

        .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon,
        .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
            color: #ffffff;
        }

            .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:hover, .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon:focus,
            .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:hover,
            .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link:focus {
                color: #ffffff;
            }

        .c-page-on-scroll .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
            background-color: white;
        }
}

.c-layout-header.c-layout-header-6 .c-topbar {
    padding: 24px 0;
}

    .c-layout-header.c-layout-header-6 .c-topbar .c-brand {
        float: left;
        margin: 0px;
        padding: 9px 0 0 0;
    }

.c-layout-quick-search-shown .c-layout-header.c-layout-header-6 .c-topbar .c-brand {
    display: block;
}

.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-logo {
    display: inline-block;
    position: relative;
}

    .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-logo:after {
        top: -2px;
        position: absolute;
        right: -22px;
        content: "";
        width: 1px;
        background: #dfe4e8;
        height: 32px;
        display: inline-block;
    }

.c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons {
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 40px;
    list-style: none;
}

    .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons > li {
        display: inline-block;
        padding: 3px 3px 5px 3px;
    }

        .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons > li > a {
            font-size: 16px;
        }

            .c-layout-header.c-layout-header-6 .c-topbar .c-brand > .c-icons > li > a > i {
                color: #c1ced7;
                font-size: 16px;
                padding: 4px;
            }

.c-layout-header.c-layout-header-6 .c-topbar .c-top-menu {
    float: right;
}

    .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li {
        padding-left: 7px;
        padding-right: 7px;
    }

        .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > a:not(.btn) {
            color: #aeb8c2;
            font-weight: 500;
        }

        .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li > .btn {
            margin-top: -4px;
        }

        .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.c-divider {
            width: 1px;
            display: inline-block;
        }

            .c-layout-header.c-layout-header-6 .c-topbar .c-top-menu > .c-links > li.c-divider:after {
                top: -3px;
                position: absolute;
                right: 7px;
                content: "";
                width: 1px;
                background: #dfe4e8;
                height: 32px;
                display: inline-block;
            }

@media (min-width: 992px) {
    /* 992px */
    .c-layout-header.c-layout-header-6 .c-navbar {
        line-height: 0px;
    }

        .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu {
            float: none;
            display: block;
            text-align: center;
            line-height: 0px;
        }

            .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav {
                line-height: 0px;
                float: none;
                display: inline-block;
            }

                .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li {
                    margin: 0 !important;
                    padding: 0 !important;
                }

                    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-link {
                        padding: 25px 25px 22px 25px;
                        min-height: 67px;
                    }

                    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li:first-child > .c-link {
                        padding-left: 5px;
                    }

                    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
                        padding: 28px 25px 15px 25px;
                    }

                    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn {
                        margin: 18px 25px 7px 25px;
                    }

                    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-btn-icon {
                        margin: 8px 10px 0px 10px;
                    }

                    .c-layout-header.c-layout-header-6 .c-navbar .c-mega-menu > .nav.navbar-nav > li .c-menu-type-mega {
                        margin-top: -6px;
                    }

    .c-layout-header.c-layout-header-6 .c-quick-search > .form-control {
        padding: 20px 20px 20px 5px;
        height: 67px;
    }

    .c-layout-header.c-layout-header-6 .c-quick-search > span {
        top: 35px;
        right: 8px;
    }

    .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar {
        width: 100%;
        float: none;
        display: block;
    }

        .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu {
            float: none;
            width: 100%;
            display: block;
        }

            .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav {
                width: 100%;
                display: inline-block;
            }

                .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
                    padding-right: 10px;
                }

                .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li > .c-search-toggler {
                    padding-right: 5px;
                }

                .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-search-toggler-wrapper, .c-layout-header.c-layout-header-6.c-navbar-fluid .c-navbar .c-mega-menu > .nav.navbar-nav > li.c-quick-sidebar-toggler-wrapper {
                    float: right;
                }

    .c-layout-header-fixed.c-layout-header-6-topbar .c-layout-page {
        margin-top: 160px;
    }

    .c-page-on-scroll.c-layout-header-fixed .c-layout-header.c-layout-header-6 {
        height: 67px;
    }
}

@media (min-width: 992px) {

    /* 992px */
    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu {
        background: #2c3137;
        box-shadow: none;
        border: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        color: #cbd2d9;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a {
        color: #7d8691;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a:hover, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li > a:focus {
        background: none;
        color: #7d8691;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li.c-active > a, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
        background: #292e33;
        color: #ff6b57;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
        background: #2c3137;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div {
        border-right: 1px solid #32373d;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs {
        border-bottom: 1px solid #434b53;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
        color: #cbd2d9;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li:hover > a {
        color: #ffffff;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active {
        border-bottom: 1px solid #ffffff;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active > a {
        color: #ffffff;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
        border-right: 1px solid #32373d;
    }
}

@media (min-width: 992px) {

    /* 992px */
    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu {
        background: #f7f8f9;
        box-shadow: 0px 3px 9px -5px rgba(0, 0, 0, 0.25);
        border: 0;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        color: #000000;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a {
        color: #383e45;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:hover, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li > a:focus {
        background: none;
        color: #383e45;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li.c-active > a, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
        background: #f2f2f2;
        color: #000000;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-classic .dropdown-menu {
        background: #f7f8f9;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > .row > div {
        border-right: 1px solid #f2f2f2;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs {
        border-bottom: 1px solid #f2f2f2;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li > a {
        color: #434b53;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li:hover > a {
        color: #000000;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active {
        border-bottom: 1px solid #000000;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega .nav.nav-tabs > li.active > a {
        color: #000000;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-light > .nav.navbar-nav > li > .dropdown-menu.c-menu-type-mega > li .dropdown-menu.c-menu-type-inline {
        border-right: 1px solid #f2f2f2;
    }
}


@media (max-width: 991px) {

    /* 991px */
    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile {
        background: white;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link {
        border-bottom: 1px solid gray;
        color: black;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link:focus, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-link:hover {
        background: none;
        color: black;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-quick-sidebar-toggler {
        background: none;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-quick-sidebar-toggler > .c-line {
        background-color: white;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li > .c-quick-sidebar-toggler:hover > .c-line {
        background-color: gray;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li.c-active > .c-link, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li:hover > .c-link {
        color: black;
        background: none;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > h3 {
        color: #cbd2d9;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a {
        border-bottom: 1px solid gray;
        color: #98a2ac;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a:focus, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li > a:hover {
        color: #98a2ac;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li.c-active > a, .c-layout-header .c-navbar .c-mega-menu.c-mega-menu-dark-mobile > .nav.navbar-nav > li .dropdown-menu > li:hover > a {
        background: none;
        color: #ff6b57;
    }
}

.c-layout-revo-slider:before, .c-layout-revo-slider:after {
    content: " ";
    display: table;
}

.c-layout-revo-slider:after {
    clear: both;
}

.c-layout-revo-slider-1 h3 {
    letter-spacing: 1px;
    line-height: 76px;
}

.c-layout-revo-slider-1 .c-action-btn.c-btn-border-2x {
    padding: 9px 24px 7px 24px;
    font-size: 16px;
}

.c-layout-revo-slider-2 h3 {
    letter-spacing: 1px;
    line-height: 56px;
}

.c-layout-revo-slider-2 .c-action-btn.c-btn-border-2x {
    padding: 9px 24px 7px 24px;
    font-size: 16px;
}

.c-layout-revo-slider-3 h3 {
    letter-spacing: 1px;
    line-height: 56px;
}

.c-layout-revo-slider-3 .c-action-btn.c-btn-border-2x {
    padding: 9px 24px 7px 24px;
    font-size: 16px;
}

.c-layout-revo-slider-3 .c-block-text {
    display: inline-block;
    padding: 40px;
}

.c-layout-revo-slider-3 .c-block-bordered {
    border: 1px solid rgba(0, 0, 0, 0.05);
    padding: 30px 50px;
    letter-spacing: 1px;
    line-height: 68px;
}

.c-layout-revo-slider-4 h3 {
    letter-spacing: 1px;
    line-height: 56px;
}

.c-layout-revo-slider-4 .c-action-btn.c-btn-border-2x {
    padding: 9px 24px 7px 24px;
    font-size: 16px;
}

.c-layout-revo-slider-4 .c-block-text {
    display: inline-block;
    padding: 40px;
}

.c-layout-revo-slider-4 .c-block-bordered {
    background: rgba(0, 0, 0, 0.05);
    padding: 380px 260px 380px 260px;
    letter-spacing: 1px;
    line-height: 68px;
    border-radius: 600px;
}

.c-layout-revo-slider-4 .c-block-bordered-square {
    background: rgba(0, 0, 0, 0.11);
    padding: 300px 300px;
    letter-spacing: 1px;
    line-height: 68px;
}

.c-layout-revo-slider-5 h3 {
    letter-spacing: 1px;
    line-height: 56px;
}

.c-layout-revo-slider-5 .c-action-btn.c-btn-border-2x,
.c-layout-revo-slider-5 .c-action-btn.btn {
    padding: 9px 24px 7px 24px;
    font-size: 16px;
}

.c-layout-revo-slider-5 .c-block-text {
    display: inline-block;
    padding: 30px;
}

.c-layout-revo-slider-5 .c-block-bordered {
    padding: 40px 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    letter-spacing: 1px;
    line-height: 66px;
}

.c-layout-revo-slider-5 .c-block-box {
    background: #eb5d68;
    padding: 50px 50px;
    letter-spacing: 1px;
    line-height: 38px;
    text-align: center;
}

.c-layout-revo-slider-7 .c-singup-form {
    display: none;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -100px;
}

    .c-layout-revo-slider-7 .c-singup-form .c-subtitle {
        display: inline-block;
        padding: 12px 0 8px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .c-layout-revo-slider-7 .c-singup-form .form-inline {
        margin-top: 20px;
    }

        .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group {
            margin-right: 5px;
        }

            .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control {
                border-color: #fff;
                color: #fff;
            }

                .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control::-moz-placeholder {
                    color: #f2f2f2;
                }

                .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control:-moz-placeholder {
                    color: #f2f2f2;
                }

                .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control:-ms-input-placeholder {
                    color: #f2f2f2;
                }

                .c-layout-revo-slider-7 .c-singup-form .form-inline .form-group .form-control::-webkit-input-placeholder {
                    color: #f2f2f2;
                }

.c-layout-breadcrumbs-1 {
    padding: 25px 0;
    background: var(--theme-bar-color);
}

    .c-layout-breadcrumbs-1:before, .c-layout-breadcrumbs-1:after {
        content: " ";
        display: table;
    }

    .c-layout-breadcrumbs-1:after {
        clear: both;
    }

    .c-layout-breadcrumbs-1 .c-page-title {
        display: inline-block;
    }

        .c-layout-breadcrumbs-1 .c-page-title.c-pull-left {
            float: left;
        }

        .c-layout-breadcrumbs-1 .c-page-title.c-pull-right {
            float: right;
        }

        .c-layout-breadcrumbs-1 .c-page-title h3 {
            color: #000000;
            margin: 10px 0 6px 0;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 1px;
        }

        .c-layout-breadcrumbs-1 .c-page-title h4 {
            color: #7f8c97;
            margin: 5px 0 5px 0;
            font-weight: 500;
            font-size: 15px;
            letter-spacing: 1px;
        }

    .c-layout-breadcrumbs-1 .c-page-breadcrumbs {
        display: inline-block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-left {
            float: left;
        }

        .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-right {
            float: right;
        }

        .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li {
            display: inline-block;
            margin: 0;
            padding: 8px 4px 8px 4px;
        }

            .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li,
            .c-layout-breadcrumbs-1 .c-page-breadcrumbs > li > a {
                color: #7f8c97;
                font-size: 16px;
                font-weight: 400;
            }

        .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-right > li:last-child {
            padding-right: 0;
        }

        .c-layout-breadcrumbs-1 .c-page-breadcrumbs.c-pull-left > li:first-child {
            padding-left: 0;
        }

    .c-layout-breadcrumbs-1.c-bordered {
        border-bottom: 1px solid #f4f8f9;
    }

    .c-layout-breadcrumbs-1.c-bordered-both {
        border-top: 1px solid #f4f8f9;
        border-bottom: 1px solid #f4f8f9;
    }

    .c-layout-breadcrumbs-1.c-subtitle {
        padding: 30px 0;
    }

        .c-layout-breadcrumbs-1.c-subtitle .c-page-breadcrumbs {
            margin-top: 10px;
        }

    .c-layout-breadcrumbs-1.c-bgimage {
        padding: 80px 0;
    }

        .c-layout-breadcrumbs-1.c-bgimage .c-page-breadcrumbs {
            margin-top: 10px;
        }

    .c-layout-breadcrumbs-1.c-bgimage-full {
        padding: 200px 0 100px;
    }

        .c-layout-breadcrumbs-1.c-bgimage-full .c-breadcrumbs-wrapper {
            background: rgba(0, 0, 0, 0.2);
            padding: 10px 0;
            margin-bottom: 30px;
        }

        .c-layout-breadcrumbs-1.c-bgimage-full .c-page-breadcrumbs {
            margin-top: 10px;
        }

        .c-layout-breadcrumbs-1.c-bgimage-full.c-centered {
            text-align: center;
        }

            .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-breadcrumbs-wrapper {
                background: rgba(0, 0, 0, 0.2);
                padding: 20px 0;
            }

            .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs {
                display: block;
                float: none;
            }

                .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs:before, .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs:after {
                    content: " ";
                    display: table;
                }

                .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs:after {
                    clear: both;
                }

                .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-breadcrumbs > li:first-child {
                    padding-left: 0;
                }

            .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title {
                display: block;
                float: none;
                margin-bottom: 10px;
            }

                .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title:before, .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title:after {
                    content: " ";
                    display: table;
                }

                .c-layout-breadcrumbs-1.c-bgimage-full.c-centered .c-page-title:after {
                    clear: both;
                }

.c-layout-footer.c-layout-footer-1 {
    padding: 0;
    margin: 0;
}

.c-layout-footer.c-layout-footer-1 .c-prefooter {
    padding: 60px 0;
    background: #394048;
}

        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-logo {
            padding-bottom: 20px;
        }

        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-about {
            color: #818e9a;
            font-size: 17px;
            font-weight: 500;
            padding: 20px 0 10px 0;
        }

        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links {
            padding: 0 0 10px 0;
        }

            .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links:before, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links:after {
                content: " ";
                display: table;
            }

            .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links:after {
                clear: both;
            }

            .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav {
                padding: 0;
                margin: 0 40px 0 0;
                display: inline-block;
                float: left;
                list-style: none;
            }

                .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li {
                    padding: 4px 0;
                }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li > a {
                        color: #c0c9d3;
                        font-size: 14px;
                        font-weight: 600;
                        text-transform: uppercase;
                    }

                        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-links .c-nav > li > a:hover {
                            color: #edf0f3;
                        }

        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-contact {
            color: #818e9a;
            font-size: 17px;
            font-weight: 500;
            padding: 20px 0;
        }

        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback {
            margin-left: 20px;
        }

            .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback h3 {
                color: #ffffff;
                font-size: 22px;
                font-weight: 600;
                text-transform: uppercase;
                padding-bottom: 10px;
            }

            .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form {
                padding-top: 10px;
            }

                .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control {
                    color: #7c8895;
                    font-size: 17px;
                    font-weight: 300;
                    box-shadow: none;
                    border-color: #474f59;
                    background: transparent;
                    padding: 8px 16px;
                }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control::-moz-placeholder {
                        color: #6f7b89;
                    }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control:-moz-placeholder {
                        color: #6f7b89;
                    }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control:-ms-input-placeholder {
                        color: #6f7b89;
                    }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control::-webkit-input-placeholder {
                        color: #6f7b89;
                    }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .form-control:focus {
                        box-shadow: none;
                        border-color: #474f59;
                    }

                .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap {
                    width: 100%;
                    height: 100%;
                    display: table;
                    vertical-align: middle;
                }

                .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group {
                    height: 100%;
                    display: table-cell;
                    vertical-align: middle;
                }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control {
                        height: 48px;
                    }

                        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control:first-child {
                            border-right-color: transparent;
                        }

                        .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group .form-control:last-child {
                            border-top-color: transparent;
                            border-right-color: transparent;
                        }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group:last-child .form-control:first-child {
                        border-right-color: #474f59;
                    }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .c-form-wrap-group:last-child .form-control:last-child {
                        border-right-color: #474f59;
                    }

                .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form textarea.form-control {
                    border-top-color: transparent;
                    height: 180px;
                }

                    .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form textarea.form-control:active, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form textarea.form-control:focus {
                        border-color: #474f59;
                        border-top-color: transparent;
                    }

                .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .btn:active, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .btn:hover, .c-layout-footer.c-layout-footer-1 .c-prefooter .c-feedback form .btn:focus {
                    background: #525c67;
                    border-color: #525c67;
                }

    .c-layout-footer.c-layout-footer-1 .c-postfooter {
        padding: 40px 0;
        background: #2f353b;
    }

        .c-layout-footer.c-layout-footer-1 .c-postfooter .c-copyright {
            color: #a4aeb8;
            padding: 0;
            margin-top: 10px;
        }

        .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials {
            float: right;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li {
                display: inline-block;
                padding: 0 6px;
            }

                .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a > i {
                    display: inline-block;
                    padding: 10px;
                    background: #2b3036;
                    color: #64707e;
                    font-size: 18px;
                    font-weight: bold;
                }

                .c-layout-footer.c-layout-footer-1 .c-postfooter .c-socials > li > a:hover > i {
                    background: #202328;
                    color: #6f7d8c;
                }

@media (min-width: 992px) {
    /* 992px */
    .c-layout-footer.c-layout-footer-1 .c-prefooter > .container-fluid {
        padding: 0 50px;
    }

    .c-layout-footer.c-layout-footer-1 .c-postfooter > .container-fluid {
        padding: 0 50px;
    }
}

.c-layout-footer.c-layout-footer-2.c-opt-2 {
    padding: 80px 0;
}

.c-layout-footer.c-layout-footer-2 .c-container {
    margin-bottom: 80px;
    overflow: auto;
}

    .c-layout-footer.c-layout-footer-2 .c-container.c-first {
        padding-right: 50px;
    }

    .c-layout-footer.c-layout-footer-2 .c-container.c-last {
        padding-left: 50px;
    }

    .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > h3 {
        font-size: 24px;
        color: #ffffff;
    }

    .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > .c-line-left {
        margin-bottom: 30px;
    }

    .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > p {
        margin-bottom: 30px;
        text-transform: none;
    }

        .c-layout-footer.c-layout-footer-2 .c-container > .c-content-title-1 > p.c-ask {
            color: #616a73;
        }

    .c-layout-footer.c-layout-footer-2 .c-container > .c-links {
        padding: 0 0 10px 0;
    }

        .c-layout-footer.c-layout-footer-2 .c-container > .c-links:before, .c-layout-footer.c-layout-footer-2 .c-container > .c-links:after {
            content: " ";
            display: table;
        }

        .c-layout-footer.c-layout-footer-2 .c-container > .c-links:after {
            clear: both;
        }

        .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav {
            padding: 0;
            margin: 0 40px 0 0;
            display: inline-block;
            float: left;
            list-style: none;
        }

            .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav > li {
                padding: 4px 0 10px 0;
            }

                .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav > li > a {
                    color: #b1bcc9;
                    font-size: 14px;
                    font-weight: 600;
                    text-transform: uppercase;
                }

                    .c-layout-footer.c-layout-footer-2 .c-container > .c-links .c-nav > li > a:hover {
                        color: #edf0f3;
                    }

    .c-layout-footer.c-layout-footer-2 .c-container > .c-socials {
        float: left;
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li {
            display: inline-block;
            padding: 0 6px;
        }

            .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li > a > i {
                display: inline-block;
                padding: 10px;
                background: #11111c;
                color: #555555;
                font-size: 18px;
                font-weight: bold;
            }

            .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li > a:hover > i {
                background: #202328;
                color: #6f7d8c;
            }

            .c-layout-footer.c-layout-footer-2 .c-container > .c-socials > li:first-child {
                padding-left: 0;
            }

    .c-layout-footer.c-layout-footer-2 .c-container form {
        margin-bottom: 20px;
    }

        .c-layout-footer.c-layout-footer-2 .c-container form .input-group {
            width: 350px;
        }

            .c-layout-footer.c-layout-footer-2 .c-container form .input-group .form-control {
                background: none;
                color: #eee;
            }

    .c-layout-footer.c-layout-footer-2 .c-container:last-child {
        margin-bottom: 0;
    }

.c-layout-footer.c-layout-footer-2 .c-copyright {
    color: #a4aeb8;
    padding: 0;
    margin: 140px 0 -60px 0;
}


.c-layout-footer.c-layout-footer-3 {
    margin: 5px 0px 0px 0px !important;
    padding: 10px 0px 10px 0px !important;
}

    .c-layout-footer.c-layout-footer-3 .c-prefooter {
        padding: 80px 0 20px 0;
        color: #818e9a;
    }

        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1 > h3 {
            font-size: 22px;
        }

        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1 > .c-line-left {
            margin-bottom: 30px;
        }

        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-content-title-1 > p {
            color: #818e9a;
        }

        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container {
            padding: 0 10px;
            margin-bottom: 40px;
        }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container.c-first {
                padding-left: 0;
            }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container.c-last {
                padding-right: 0;
            }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links {
                padding: 0;
            }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li {
                    list-style: none;
                    padding: 5px 0;
                    border-bottom: 1px solid #394047;
                }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li > a {
                        color: #818e9a;
                    }

                        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li > a:hover {
                            color: var(--theme-color);
                        }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-links > li:last-child {
                        border-bottom: none;
                    }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post {
                border-bottom: 1px solid #394047;
                padding: 10px 0;
            }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post:first-child {
                    padding-top: 0;
                }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post.c-last, .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post:last-child {
                    border-bottom: 0 !important;
                }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-img {
                    width: 40px;
                    height: 40px;
                    position: relative;
                    float: left;
                    margin-top: 10px;
                }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-img img {
                        width: 100%;
                        border-radius: 40px;
                    }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content {
                    padding-left: 50px;
                }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-post-title {
                        text-transform: uppercase;
                        font-weight: 600;
                    }

                        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-post-title a {
                            color: #818e9a;
                        }

                            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-post-title a:hover {
                                color: var(--theme-color);
                            }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-blog > .c-post > .c-post-content > .c-text {
                        font-size: 16px;
                        color: #818e9a;
                    }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works {
                padding: 0;
                overflow: auto;
                margin: 0;
            }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li {
                    list-style: none;
                    display: inline-block;
                    padding: 0;
                    margin: 0 0 5px 0;
                }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li.c-first {
                        margin-right: 5px;
                    }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li.c-last {
                        margin-left: 5px;
                    }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li img {
                        opacity: 0.8;
                        filter: alpha(opacity=80);
                        margin: 0;
                        width: 74px;
                    }

                        .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li img:hover {
                            opacity: 1;
                            filter: alpha(opacity=100);
                        }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials {
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li {
                    display: inline-block;
                    padding: 0 5px;
                }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li > a > i {
                        position: relative;
                        display: inline-block;
                        padding: 10px;
                        background: #1e2226;
                        color: #54606b;
                        font-size: 18px;
                        font-weight: bold;
                    }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li > a:hover > i {
                        background-color: #272d32;
                        color: white;
                    }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-socials > li:first-child {
                        padding-left: 0;
                    }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address {
                clear: both;
                padding: 0;
                margin-top: 20px;
            }

                .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address > li {
                    list-style: none;
                    padding: 5px 0;
                }

                    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-address > li > i {
                        margin-right: 10px;
                        position: relative;
                        top: 2px;
                    }

            .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-read-more {
                display: block;
                padding: 10px 0;
                font-size: 14px;
                margin-top: 20px;
            }

    .c-layout-footer .c-layout-footer-3 .c-postfooter {
        color: #b2bbc3;
        padding: 20px 0;
        margin: 0;
        border-top: 1px solid #394047;
    }

        .c-layout-footer.c-layout-footer-3 .c-postfooter p {
            padding: 0;
            margin: 0;
        }

@media (max-width: 1199px) {
    /* 1199px */
    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li {
        width: 30%;
    }
}

@media (max-width: 991px) {
    /* 991px */
    .c-layout-footer.c-layout-footer-3 .c-prefooter .c-container .c-works > li {
        width: auto;
    }
}

.c-layout-go2top {
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
}

    .c-layout-go2top > i {
        opacity: 0.5;
        filter: alpha(opacity=50);
        color: #89939e;
        font-size: 38px;
        font-weight: 300;
    }

    .c-layout-go2top:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.c-content-color-demo {
    border: 1px solid #eee;
    margin: 0 0 20px 0;
    cursor: pointer;
}

    .c-content-color-demo .c-color-view {
        padding: 35px 10px;
        text-align: center;
        font-size: 18px;
    }

    .c-content-color-demo .c-color-info {
        border-top: 1px solid #eee;
        padding: 10px 10px;
        text-align: center;
    }

.c-content-box.c-size-sm {
    padding: 30px 0;
}

.c-content-box.c-size-md {
    padding: 60px 0;
}

.c-content-box.c-size-lg {
    padding: 80px 0;
}

.c-content-box.c-size-xg {
    padding: 100px 0;
}

.c-content-box.c-no-bottom-padding {
    padding-bottom: 0;
}

.c-content-box.c-no-top-padding {
    padding-top: 0;
}

.c-content-box.c-no-padding {
    padding: 0;
}

.c-content-box.c-overflow-hide {
    overflow: hidden;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-box > .container-fluid {
        padding: 0 50px;
    }

    .c-content-box.c-size-sm {
        padding: 20px 0;
    }

    .c-content-box.c-size-md {
        padding: 30px 0;
    }

    .c-content-box.c-size-lg {
        padding: 40px 0;
    }

    .c-content-box.c-size-xg {
        padding: 60px 0;
    }
}

.c-content-line-icon {
    background-image: url('../images/line-icon.png');
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
}

    .c-content-line-icon.c-white {
        background-image: url('../images/line-icon-white.png');
    }

    .c-content-line-icon.c-icon-screen-chart {
        background-position: 0px -1300%;
    }

    .c-content-line-icon.c-icon-support {
        background-position: 0px -2500%;
    }

    .c-content-line-icon.c-icon-bulb {
        background-position: 0px 1200%;
    }

    .c-content-line-icon.c-icon-comment {
        background-position: 0px -300%;
    }

    .c-content-line-icon.c-icon-globe {
        background-position: 0px -2600%;
    }

    .c-content-line-icon.c-icon-sticker {
        background-position: 0px 2300%;
    }

    .c-content-line-icon.c-icon-md {
        width: 40px;
        height: 40px;
    }

    .c-content-line-icon.c-icon-sm {
        width: 30px;
        height: 30px;
    }

    .c-content-line-icon.c-icon-xs {
        width: 20px;
        height: 20px;
    }

    .c-content-line-icon.c-icon-1 {
        background-position: 0px 0%;
    }

    .c-content-line-icon.c-icon-2 {
        background-position: 0px 100%;
    }

    .c-content-line-icon.c-icon-3 {
        background-position: 0px 200%;
    }

    .c-content-line-icon.c-icon-4 {
        background-position: 0px 300%;
    }

    .c-content-line-icon.c-icon-5 {
        background-position: 0px 400%;
    }

    .c-content-line-icon.c-icon-6 {
        background-position: 0px 500%;
    }

    .c-content-line-icon.c-icon-7 {
        background-position: 0px 600%;
    }

    .c-content-line-icon.c-icon-8 {
        background-position: 0px 700%;
    }

    .c-content-line-icon.c-icon-9 {
        background-position: 0px 800%;
    }

    .c-content-line-icon.c-icon-10 {
        background-position: 0px 900%;
    }

    .c-content-line-icon.c-icon-11 {
        background-position: 0px 1000%;
    }

    .c-content-line-icon.c-icon-12 {
        background-position: 0px 1100%;
    }

    .c-content-line-icon.c-icon-13 {
        background-position: 0px 1200%;
    }

    .c-content-line-icon.c-icon-14 {
        background-position: 0px 1300%;
    }

    .c-content-line-icon.c-icon-15 {
        background-position: 0px 1400%;
    }

    .c-content-line-icon.c-icon-16 {
        background-position: 0px 1500%;
    }

    .c-content-line-icon.c-icon-17 {
        background-position: 0px 1600%;
    }

    .c-content-line-icon.c-icon-18 {
        background-position: 0px 1700%;
    }

    .c-content-line-icon.c-icon-19 {
        background-position: 0px 1800%;
    }

    .c-content-line-icon.c-icon-20 {
        background-position: 0px 1900%;
    }

    .c-content-line-icon.c-icon-21 {
        background-position: 0px 2000%;
    }

    .c-content-line-icon.c-icon-22 {
        background-position: 0px 2100%;
    }

    .c-content-line-icon.c-icon-23 {
        background-position: 0px 2200%;
    }

    .c-content-line-icon.c-icon-24 {
        background-position: 0px 2300%;
    }

    .c-content-line-icon.c-icon-25 {
        background-position: 0px 2400%;
    }

    .c-content-line-icon.c-icon-26 {
        background-position: 0px 2500%;
    }

    .c-content-line-icon.c-icon-27 {
        background-position: 0px 2600%;
    }

    .c-content-line-icon.c-icon-28 {
        background-position: 0px 2700%;
    }

    .c-content-line-icon.c-icon-29 {
        background-position: 0px 2800%;
    }

    .c-content-line-icon.c-icon-30 {
        background-position: 0px 2900%;
    }

    .c-content-line-icon.c-icon-31 {
        background-position: 0px 3000%;
    }

    .c-content-line-icon.c-icon-32 {
        background-position: 0px 3100%;
    }

    .c-content-line-icon.c-icon-33 {
        background-position: 0px 3200%;
    }

    .c-content-line-icon.c-icon-34 {
        background-position: 0px 3300%;
    }

    .c-content-line-icon.c-icon-35 {
        background-position: 0px 3400%;
    }

    .c-content-line-icon.c-icon-36 {
        background-position: 0px 3500%;
    }

    .c-content-line-icon.c-icon-37 {
        background-position: 0px 3600%;
    }

    .c-content-line-icon.c-icon-38 {
        background-position: 0px 3700%;
    }

    .c-content-line-icon.c-icon-39 {
        background-position: 0px 3800%;
    }

    .c-content-line-icon.c-icon-40 {
        background-position: 0px 3900%;
    }

    .c-content-line-icon.c-icon-41 {
        background-position: 0px 4000%;
    }

    .c-content-line-icon.c-icon-42 {
        background-position: 0px 4100%;
    }

    .c-content-line-icon.c-icon-43 {
        background-position: 0px 4200%;
    }

    .c-content-line-icon.c-icon-44 {
        background-position: 0px 4300%;
    }

    .c-content-line-icon.c-icon-45 {
        background-position: 0px 4400%;
    }

    .c-content-line-icon.c-icon-46 {
        background-position: 0px 4500%;
    }

    .c-content-line-icon.c-icon-47 {
        background-position: 0px 4600%;
    }

    .c-content-line-icon.c-icon-48 {
        background-position: 0px 4700%;
    }

    .c-content-line-icon.c-icon-49 {
        background-position: 0px 4800%;
    }

    .c-content-line-icon.c-icon-50 {
        background-position: 0px 4900%;
    }

.c-content-v-center .c-wrapper {
    width: 100%;
    height: 100%;
    display: table;
}

    .c-content-v-center .c-wrapper .c-body {
        display: table-cell;
        vertical-align: middle;
    }

.c-content-list-1 {
    padding: 0;
    margin: 20px 0;
}

    .c-content-list-1 > li {
        list-style: none;
        font-size: 16px;
        font-weight: 500;
        color: var(--theme-body-forecolor) !important;
        margin-bottom: 7px;
    }

        .c-content-list-1 > li:before {
            content: '';
            width: 21px;
            height: 2px;
            float: left;
            margin: 9px 15px 0 0;
            background: #ddd;
        }

    .c-content-list-1.c-separator-dot > li:before {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 20px;
        background: #ddd;
        margin-right: 10px;
        margin-top: 8px;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

.c-content-iconlist-1 {
    padding: 0;
}

    .c-content-iconlist-1 > li {
        list-style: none;
        display: inline-block;
        padding: 2px;
    }

        .c-content-iconlist-1 > li:last-child {
            padding-right: 0;
        }

        .c-content-iconlist-1 > li > a {
            border: 0;
        }

        .c-content-iconlist-1 > li i {
            position: relative;
            background: #f2f2f2;
            text-align: center;
            font-size: 20px;
            color: #cccccc;
            padding: 13px;
            width: 45px;
            height: 45px;
        }

        .c-content-iconlist-1 > li:hover > a {
            border: 0;
        }

        .c-content-iconlist-1 > li:hover i {
            border: 0;
        }

.c-content-list-adjusted {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .c-content-list-adjusted > li {
        display: table-cell;
        width: 1%;
        padding-right: 5px;
    }

        .c-content-list-adjusted > li:last-child {
            padding-right: 0;
        }

.c-content-pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .c-content-pagination > li {
        list-style: none;
        display: inline-block;
    }

        .c-content-pagination > li > span,
        .c-content-pagination > li > a {
            width: 40px;
            height: 40px;
            text-align: center;
            display: inline-block;
            font-size: 17px;
            color: var(--theme-body-forecolor) !important;
            font-weight: 400;
            padding: 7px 4px 6px 4px;
            border-radius: 40px;
            border: 1px solid #eeeeee;
        }

        .c-content-pagination > li.c-space > span {
            border: 0;
        }

.c-content-overlay {
    overflow: hidden;
    position: relative;
}

    .c-content-overlay .c-overlay-object {
        position: relative;
        z-index: 1;
    }

    .c-content-overlay .c-overlay-wrapper {
        opacity: 0;
        filter: alpha(opacity=0);
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
        transition: all 0.2s;
        background: rgba(0, 0, 0, 0.4);
    }

        .c-content-overlay .c-overlay-wrapper:before, .c-content-overlay .c-overlay-wrapper:after {
            content: " ";
            display: table;
        }

        .c-content-overlay .c-overlay-wrapper:after {
            clear: both;
        }

        .c-content-overlay .c-overlay-wrapper:before {
            display: inline-block;
            content: '';
            vertical-align: middle;
            height: 100%;
        }

        .c-content-overlay .c-overlay-wrapper .c-overlay-content {
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            padding: 0;
            height: auto;
            width: 95%;
        }

            .c-content-overlay .c-overlay-wrapper .c-overlay-content i {
                display: inline-block;
                width: 44px;
                height: 44px;
                border-radius: 40px;
                text-align: center;
                padding: 14px 6px 8px 6px;
                color: #fff;
                font-size: 16px;
                background: #000000;
                opacity: 0.7;
                filter: alpha(opacity=70);
                margin: 0 5px;
            }

                .c-content-overlay .c-overlay-wrapper .c-overlay-content i:hover {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

    .c-content-overlay:hover {
        cursor: pointer;
    }

        .c-content-overlay:hover .c-overlay-wrapper {
            top: 0;
            opacity: 1;
            filter: alpha(opacity=100);
        }

.c-content-loader {
    display: none;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -30px;
    background: #ccc;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: c-scaleout 1.0s infinite ease-in-out;
    animation: c-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes c-scaleout {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

@keyframes c-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

.c-content-panel {
    padding: 0;
    border: 1px solid #f1f1f1;
    margin-bottom: 30px;
}

.c-content-panel .c-label {
    display: inline-block;
    position: absolute;
    background: #eee;
    padding: 2px 6px;
    font-size: 14px;
    font-weight: 500;
    color: #565d66;
}

.c-content-panel .c-body {
    padding: 40px 20px 20px 20px;
}

.c-content-ver-nav .c-menu {
    margin: 0;
    padding: 0;
}

.c-content-ver-nav .c-menu > li {
    list-style: none;
    padding: 7px 0;
    border-bottom: 1px solid #f2f2f2;
}

.c-content-ver-nav .c-menu > li > a {
    font-weight: 400;
}

.c-content-ver-nav .c-menu > li > a > .badge {
    float: right;
}

.c-content-ver-nav .c-menu > li:before {
    color: var(--theme-body-forecolor) !important;
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 100;
    width: 12px;
    height: 12px;
    font-size: 14px;
    float: left;
    margin: 2px 5px 0 0;
}

.c-content-ver-nav .c-menu.c-arrow-dot > li:before {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin: 9px 12px 0 0;
    content: '';
    opacity: 0.6;
    filter: alpha(opacity=60);
    background: #5c6873;
}

.form-inline .c-checkbox.c-checkbox-inline {
    margin-right: 20px;
    top: 3px;
}

.c-checkbox {
    position: relative;
    /* handling click events */
    /* when checkbox is checked */
}

.c-checkbox.c-checkbox-inline {
    display: inline-block;
}

.c-checkbox input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}

.c-checkbox label {
    cursor: pointer;
    padding-left: 30px;
}

.c-checkbox label > span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.c-checkbox label > span.inc {
    background: #fff;
    left: -10px;
    top: -10px;
    height: 40px;
    width: 40px;
    opacity: 0;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
}

.c-checkbox label > .box {
    top: 1px;
    border: 2px solid #d0d7de;
    height: 20px;
    width: 20px;
    z-index: 5;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.ie .c-checkbox label > .box {
    top: 2px;
}

.c-checkbox label > .check {
    top: -2px;
    left: 6px;
    width: 10px;
    height: 20px;
    border: 2px solid #d0d7de;
    border-top: none;
    border-left: none;
    opacity: 0;
    z-index: 5;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.c-checkbox label > span.inc {
    -webkit-animation: growCircle 0.3s ease;
    -moz-animation: growCircle 0.3s ease;
    animation: growCircle 0.3s ease;
}

.c-checkbox input[type=checkbox]:checked ~ label > .box {
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
}

.c-checkbox input[type=checkbox]:checked ~ label > .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.c-checkbox input[type=checkbox]:disabled ~ label,
.c-checkbox input[type=checkbox][disabled] ~ label {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .c-checkbox input[type=checkbox]:disabled ~ label > .box,
    .c-checkbox input[type=checkbox][disabled] ~ label > .box {
        cursor: not-allowed;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

.c-checkbox input[type=checkbox]:disabled:checked ~ label > .check,
.c-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.c-checkbox.has-error label {
    color: #C53A3A;
}

.c-checkbox.has-error label > .box {
    border-color: #C53A3A;
}

.c-checkbox.has-error label > .check {
    border-color: #C53A3A;
}

.c-checkbox.has-info label {
    color: var(--theme-body-forecolor);
}

.c-checkbox.has-info label > .box {
    border-color: var(--theme-color);
}

.c-checkbox.has-info label > .check {
    border-color: var(--theme-color);
}

.c-checkbox.has-success label {
    color: #5dc09c;
}

.c-checkbox.has-success label > .box {
    border-color: #5dc09c;
}

.c-checkbox.has-success label > .check {
    border-color: #5dc09c;
}

.c-checkbox.has-warning label {
    color: #c8d046;
}

.c-checkbox.has-warning label > .box {
    border-color: #c8d046;
}

.c-checkbox.has-warning label > .check {
    border-color: #c8d046;
}

.c-form-checkboxes.has-error > label {
    color: #C53A3A;
}

.c-form-checkboxes.has-info > label {
    color: var(--theme-color);
}

.c-form-checkboxes.has-success > label {
    color: #5dc09c;
}

.c-form-checkboxes.has-warning > label {
    color: #c8d046;
}

.c-checkbox-list {
    margin: 10px 0;
}

.form-horizontal .c-checkbox-list {
    margin-top: 0px;
}

.c-checkbox-list .c-checkbox {
    display: block;
    margin-bottom: 10px;
}

.c-checkbox-inline {
    margin: 10px 0;
}

.form-horizontal .c-checkbox-inline {
    margin-top: 8px;
}

.c-checkbox-inline .c-checkbox {
    display: inline-block;
    margin-right: 20px;
}

    .c-checkbox-inline .c-checkbox:last-child {
        margin-right: 0;
    }

/* bubble animation */
@-webkit-keyframes growCircle {
    0%, 100% {
        -webkit-transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25);
    }
}

@-moz-keyframes growCircle {
    0%, 100% {
        -moz-transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        -moz-transform: scale(1.25);
    }
}

@keyframes growCircle {
    0%, 100% {
        transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        transform: scale(1.25);
    }
}

.c-radio {
    position: relative;
    /* handling click events */
    /* when radio is checked */
}

    .c-radio input[type=radio] {
        visibility: hidden;
        position: absolute;
    }

    .c-radio label {
        line-height: 1px;
        cursor: pointer;
        padding-left: 30px;
    }

        .c-radio label > span {
            display: block;
            position: absolute;
            left: 0;
            -webkit-transition-duration: 0.3s;
            -moz-transition-duration: 0.3s;
            transition-duration: 0.3s;
        }

            .c-radio label > span.inc {
                background: #fff;
                left: -10px;
                top: -10px;
                height: 40px;
                width: 40px;
                opacity: 0;
                border-radius: 50% !important;
                -moz-border-radius: 50% !important;
                -webkit-border-radius: 50% !important;
            }

        .c-radio label > .box {
            top: 1px;
            border: 2px solid #d0d7de;
            height: 20px;
            width: 20px;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            z-index: 5;
        }

.ie .c-radio label > .box {
    top: 2px;
}

.c-radio label > .check {
    top: 6px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #d0d7de;
    opacity: 0;
    z-index: 6;
    display: block;
    border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.c-radio label > span.inc {
    -webkit-animation: growCircleRadio 0.3s ease;
    -moz-animation: growCircleRadio 0.3s ease;
    animation: growCircleRadio 0.3s ease;
}

.c-radio input[type=radio]:checked ~ label > .check {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

.c-radio input[type=radio]:disabled ~ label,
.c-radio input[type=radio][disabled] ~ label {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    .c-radio input[type=radio]:disabled ~ label > .box,
    .c-radio input[type=radio][disabled] ~ label > .box {
        cursor: not-allowed;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

.c-radio input[type=radio]:disabled:checked ~ label > .check,
.c-radio input[type=radio][disabled]:checked ~ label > .check {
    cursor: not-allowed;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.c-radio.has-error label {
    color: #C53A3A;
}

    .c-radio.has-error label > .box {
        border-color: #C53A3A;
    }

    .c-radio.has-error label > .check {
        background: #C53A3A;
    }

.c-radio.has-info label {
    color: var(--theme-color);
}

    .c-radio.has-info label > .box {
        border-color: var(--theme-color);
    }

    .c-radio.has-info label > .check {
        background: var(--theme-color);
    }

.c-radio.has-success label {
    color: #5dc09c;
}

    .c-radio.has-success label > .box {
        border-color: #5dc09c;
    }

    .c-radio.has-success label > .check {
        background: #5dc09c;
    }

.c-radio.has-warning label {
    color: #c8d046;
}

    .c-radio.has-warning label > .box {
        border-color: #c8d046;
    }

    .c-radio.has-warning label > .check {
        background: #c8d046;
    }

.form-c-radios.has-error > label {
    color: #C53A3A;
}

.form-c-radios.has-info > label {
    color: var(--theme-color);
}

.form-c-radios.has-success > label {
    color: #5dc09c;
}

.form-c-radios.has-warning > label {
    color: #c8d046;
}

.c-radio-list {
    margin: 10px 0;
}

.form-horizontal .c-radio-list {
    margin-top: 0px;
}

.c-radio-list .c-radio {
    display: block;
    margin-bottom: 10px;
}

.c-radio-inline {
    margin: 10px 0;
}

.form-horizontal .c-radio-inline {
    margin-top: 8px;
}

.c-radio-inline .c-radio {
    display: inline-block;
    margin-right: 20px;
}

    .c-radio-inline .c-radio:last-child {
        margin-right: 0;
    }

/* bubble animation */
@-webkit-keyframes growCircleRadio {
    0%, 100% {
        -webkit-transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25);
    }
}

@-moz-keyframes growCircleRadio {
    0%, 100% {
        -moz-transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        -moz-transform: scale(1.25);
    }
}

@keyframes growCircleRadio {
    0%, 100% {
        transform: scale(0);
        opacity: 1;
    }

    70% {
        background: #eee;
        transform: scale(1.25);
    }
}

.c-content-title-1 > .c-line-center {
    width: 30px;
    height: 3px;
    background-color: var(--theme-color);
    margin: 0 auto 30px auto;
}

.c-content-title-1 > .c-line-right,
.c-content-title-1 > .c-line-left {
    width: 30px;
    height: 3px;
    background-color: var(--theme-color);
    margin: 0 0 30px 0;
}

.c-content-title-1 > .c-line-right {
    margin: 0 0 30px auto;
}

.c-content-title-1 > h3 {
    font-size: 28px;
    color: var(--theme-body-forecolor);
    font-weight: 500;
    margin: 0 0 30px 0;
}

    .c-content-title-1 > h3 > i {
        font-size: 22px;
        color: var(--theme-color);
    }

    .c-content-title-1 > h3.c-font-uppercase {
        font-size: 30px;
    }

.c-content-title-1 > p {
    font-size: 17px;
    font-weight: 400;
    color: var(--theme-body-forecolor) !important;
    margin: 30px 0;
}

    .c-content-title-1 > p.c-font-uppercase {
        font-size: 15px;
    }

.c-content-title-1 > hr {
    margin-bottom: 30px;
}

.c-content-title-1.c-title-md > .c-line-left,
.c-content-title-1.c-title-md > .c-line-center {
    margin-bottom: 20px;
}

.c-content-title-1.c-title-md > h3 {
    font-size: 22px;
    margin-bottom: 22px;
}

    .c-content-title-1.c-title-md > h3 > i {
        font-size: 18px;
        color: var(--theme-color);
    }

    .c-content-title-1.c-title-md > h3.c-font-uppercase {
        font-size: 20px;
    }

.c-content-title-1.c-title-md > p {
    font-size: 17px;
    margin: 20px 0;
}

    .c-content-title-1.c-title-md > p.c-font-uppercase {
        font-size: 14px;
    }

.c-content-title-1.c-title-sm > .c-line-left,
.c-content-title-1.c-title-sm > .c-line-center {
    margin-bottom: 15px;
}

.c-content-title-1.c-title-sm > h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

    .c-content-title-1.c-title-sm > h3 > i {
        font-size: 16px;
        color: var(--theme-color);
    }

    .c-content-title-1.c-title-sm > h3.c-font-uppercase {
        font-size: 14px;
    }

.c-content-title-1.c-title-sm > p {
    font-size: 16px;
    margin: 15px 0;
}

    .c-content-title-1.c-title-sm > p.c-font-uppercase {
        font-size: 14px;
    }

.c-content-title-2 {
    margin-bottom: 20px;
}

    .c-content-title-2 > .c-line {
        height: 2px;
        background-color: var(--theme-color);
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

        .c-content-title-2 > .c-line.c-line-short {
            width: 180px;
            margin: 0 auto;
        }

        .c-content-title-2 > .c-line.c-dot {
            height: 1px;
            position: relative;
        }

            .c-content-title-2 > .c-line.c-dot:after {
                background-color: var(--theme-color);
                left: 50%;
                display: inline-block;
                position: absolute;
                content: '';
                width: 10px;
                height: 10px;
                top: -4px;
                margin-left: -5px;
                border-radius: 10px !important;
            }

            .c-content-title-2 > .c-line.c-dot.c-dot-left:after {
                left: 0;
            }

            .c-content-title-2 > .c-line.c-dot.c-dot-right:after {
                left: auto;
                right: 0;
            }

    .c-content-title-2 > h3 {
        font-size: 30px;
        color: var(--theme-body-forecolor);
        font-weight: 500;
        margin: 0 0 30px 0;
    }

        .c-content-title-2 > h3 > i {
            font-size: 22px;
            color: var(--theme-color);
        }

    .c-content-title-2 > p {
        font-size: 17px;
        font-weight: 400;
        color: var(--theme-body-forecolor) !important;
        margin: 30px 0;
    }

        .c-content-title-2 > p.c-font-uppercase {
            font-size: 15px;
        }

    .c-content-title-2 > hr {
        margin-bottom: 30px;
    }

    .c-content-title-2.c-title-md > .c-line-left,
    .c-content-title-2.c-title-md > .c-line-center {
        margin-bottom: 20px;
    }

    .c-content-title-2.c-title-md > h3 {
        font-size: 22px;
        margin-bottom: 22px;
    }

        .c-content-title-2.c-title-md > h3 > i {
            font-size: 18px;
            color: var(--theme-color);
        }

        .c-content-title-2.c-title-md > h3.c-font-uppercase {
            font-size: 20px;
        }

    .c-content-title-2.c-title-md > p {
        font-size: 17px;
        margin: 20px 0;
    }

        .c-content-title-2.c-title-md > p.c-font-uppercase {
            font-size: 14px;
        }

    .c-content-title-2.c-title-sm > .c-line-left,
    .c-content-title-2.c-title-sm > .c-line-center {
        margin-bottom: 15px;
    }

    .c-content-title-2.c-title-sm > h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

        .c-content-title-2.c-title-sm > h3 > i {
            color: var(--theme-color);
        }

        .c-content-title-2.c-title-sm > h3.c-font-uppercase {
            font-size: 14px;
        }

    .c-content-title-2.c-title-sm > p {
        font-size: 16px;
        margin: 15px 0;
    }

        .c-content-title-2.c-title-sm > p.c-font-uppercase {
            font-size: 14px;
        }

.c-content-title-3 {
    margin-bottom: 20px;
    padding-left: 20px;
    border-left: 4px solid var(--theme-color);
}

    .c-content-title-3 > h3 {
        font-size: 28px;
        color: var(--theme-body-forecolor);
        font-weight: 500;
        margin: 0 0 15px 0;
    }

        .c-content-title-3 > h3 > i {
            font-size: 22px;
            color: var(--theme-color);
        }

        .c-content-title-3 > h3.c-font-uppercase {
            font-size: 30px;
        }

    .c-content-title-3 > p {
        font-size: 17px;
        font-weight: 400;
        color: var(--theme-body-forecolor) !important;
        margin: 15px 0 0 0;
    }

        .c-content-title-3 > p.c-font-uppercase {
            font-size: 15px;
        }

    .c-content-title-3.c-right {
        padding-left: 0px;
        padding-right: 20px;
        border-left: 0;
        border-right: 4px solid var(--theme-color);
    }

        .c-content-title-3.c-right > h3 {
            text-align: right;
        }

        .c-content-title-3.c-right > p {
            text-align: right;
        }

    .c-content-title-3.c-title-md > .c-line-left,
    .c-content-title-3.c-title-md > .c-line-center {
        margin-bottom: 15px;
    }

    .c-content-title-3.c-title-md > h3 {
        font-size: 22px;
        margin-bottom: 22px;
    }

        .c-content-title-3.c-title-md > h3 > i {
            font-size: 18px;
            color: var(--theme-color);
        }

        .c-content-title-3.c-title-md > h3.c-font-uppercase {
            font-size: 20px;
        }

    .c-content-title-3.c-title-md > p {
        font-size: 17px;
        margin: 15px 0;
    }

        .c-content-title-3.c-title-md > p.c-font-uppercase {
            font-size: 14px;
        }

    .c-content-title-3.c-title-sm > .c-line-left,
    .c-content-title-3.c-title-sm > .c-line-center {
        margin-bottom: 10px;
    }

    .c-content-title-3.c-title-sm > h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

        .c-content-title-3.c-title-sm > h3 > i {
            color: var(--theme-color);
        }

        .c-content-title-3.c-title-sm > h3.c-font-uppercase {
            font-size: 14px;
        }

    .c-content-title-3.c-title-sm > p {
        font-size: 16px;
        margin: 10px 0;
    }

        .c-content-title-3.c-title-sm > p.c-font-uppercase {
            font-size: 14px;
        }

@media (max-width: 991px) {
    /* 991px */
    .c-content-title-3 {
        margin-bottom: 10px;
        padding-left: 20px;
        border-left: 4px solid var(--theme-color);
    }

        .c-content-title-3 > h3 {
            font-size: 22px;
            margin-bottom: 10px;
        }

            .c-content-title-3 > h3 > i {
                font-size: 20px;
            }

            .c-content-title-3 > h3.c-font-uppercase {
                font-size: 20px;
            }

        .c-content-title-3 > p {
            font-size: 17px;
            font-weight: 400;
            color: var(--theme-body-forecolor) !important;
            margin: 15px 0 0 0;
        }

            .c-content-title-3 > p.c-font-uppercase {
                font-size: 15px;
            }

        .c-content-title-3.c-right {
            padding-left: 0px;
            padding-right: 20px;
            border-left: 0;
            border-right: 4px solid var(--theme-color);
        }

            .c-content-title-3.c-right > h3 {
                text-align: right;
            }

            .c-content-title-3.c-right > p {
                text-align: right;
            }

        .c-content-title-3.c-title-md > .c-line-left,
        .c-content-title-3.c-title-md > .c-line-center {
            margin-bottom: 15px;
        }

        .c-content-title-3.c-title-md > h3 {
            font-size: 22px;
            margin-bottom: 22px;
        }

            .c-content-title-3.c-title-md > h3 > i {
                font-size: 18px;
                color: var(--theme-color);
            }

            .c-content-title-3.c-title-md > h3.c-font-uppercase {
                font-size: 20px;
            }

        .c-content-title-3.c-title-md > p {
            font-size: 17px;
            margin: 15px 0;
        }

            .c-content-title-3.c-title-md > p.c-font-uppercase {
                font-size: 14px;
            }

        .c-content-title-3.c-title-sm > .c-line-left,
        .c-content-title-3.c-title-sm > .c-line-center {
            margin-bottom: 10px;
        }

        .c-content-title-3.c-title-sm > h3 {
            font-size: 18px;
            margin-bottom: 10px;
        }

            .c-content-title-3.c-title-sm > h3 > i {
                color: var(--theme-color);
            }

            .c-content-title-3.c-title-sm > h3.c-font-uppercase {
                font-size: 14px;
            }

        .c-content-title-3.c-title-sm > p {
            font-size: 16px;
            margin: 10px 0;
        }

            .c-content-title-3.c-title-sm > p.c-font-uppercase {
                font-size: 14px;
            }
}

.c-content-divider {
    display: block;
    height: 2px;
    background: #3f444a;
    margin: 20px 0;
    position: relative;
}

    .c-content-divider > i {
        color: var(--theme-body-forecolor);
        left: 50%;
        display: inline-block;
        position: absolute;
        width: 34px;
        height: 34px;
        text-align: center;
        top: -16px;
        font-size: 18px;
        vertical-align: middle;
    }

        .c-content-divider > i.c-rounded {
            border-radius: 100%;
        }

        .c-content-divider > i.c-square {
            border-radius: 34px;
        }

        .c-content-divider > i.icon-dot {
            padding: 0;
            width: 14px;
            height: 14px;
            top: -6px;
            background: #3f444a;
            border-radius: 14px;
        }

    .c-content-divider > span {
        display: block;
        background: #fff;
        padding: 5px 7px;
        width: auto;
        position: relative;
        top: -18px;
        margin: 0 auto;
    }

    .c-content-divider.c-left {
        margin-left: 25px;
    }

        .c-content-divider.c-left > i {
            left: -25px;
        }

    .c-content-divider.c-right {
        margin-right: 25px;
    }

        .c-content-divider.c-right > i {
            left: auto;
            right: -25px;
        }

    .c-content-divider.c-icon-bg > i {
        padding-top: 8px;
        width: 35px;
        height: 35px;
        top: -17px;
        border-radius: 35px;
        background: #3f444a;
    }

    .c-content-divider.c-icon-bg.c-left {
        margin-left: 45px;
    }

        .c-content-divider.c-icon-bg.c-left > i {
            left: -45px;
        }

    .c-content-divider.c-icon-bg.c-right {
        margin-right: 45px;
    }

        .c-content-divider.c-icon-bg.c-right > i {
            left: auto;
            right: -45px;
        }

    .c-content-divider.c-divider-sm {
        height: 1px;
    }

        .c-content-divider.c-divider-sm > .icon-dot {
            width: 10px;
            height: 10px;
            top: -4px;
            background: #3f444a;
            border-radius: 10px;
        }

.c-content-label {
    padding: 4px 10px 2px 10px;
    color: #ffffff;
    background-color: var(--theme-color);
    font-weight: 400;
    font-size: 16px;
    display: inline-block;
}

    .c-content-label.c-font-uppercase {
        font-size: 14px;
    }

    .c-content-label.c-label-sm {
        font-size: 13px;
        padding: 6px 12px 4px 12px;
    }

        .c-content-label.c-label-sm.c-font-uppercase {
            font-size: 14px;
        }

    .c-content-label.c-label-lg {
        font-size: 18px;
        padding: 6px 14px 4px 14px;
    }

        .c-content-label.c-label-lg.c-font-uppercase {
            font-size: 20px;
        }

.c-content-testimonials-1 .c-testimonial {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

    .c-content-testimonials-1 .c-testimonial > p {
        margin: 0 0 20px 0;
        color: #ffffff;
        font-size: 18px;
        font-weight: 300;
        text-align: center;
    }

    .c-content-testimonials-1 .c-testimonial > h3 {
        margin: 0 0 20px 0;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
        text-align: center;
        letter-spacing: 1px;
    }

        .c-content-testimonials-1 .c-testimonial > h3 > span {
            font-weight: 600;
        }

.c-content-testimonials-1.c-option-2 .c-testimonial > p {
    color: var(--theme-body-forecolor);
}

.c-content-testimonials-1.c-option-2 .c-testimonial > h3 {
    color: var(--theme-body-forecolor) !important;
}

.c-content-testimonials-1 .owl-carousel:not(.c-theme) .owl-controls .owl-pagination .owl-page span {
    background: #e1e1e1;
}

.c-content-testimonials-1 .owl-carousel:not(.c-theme) .owl-controls .owl-pagination .owl-page.active span {
    background: #fff;
}

.c-content-testimonial-2 {
    background: #fff;
    padding: 50px 30px 50px 30px;
}

    .c-content-testimonial-2 .c-testimonial {
        font-size: 30px;
        line-height: 35px;
        font-weight: 300;
        color: var(--theme-body-forecolor);
        margin: 30px 0 40px 0;
    }

    .c-content-testimonial-2 .c-author {
        bottom: 0;
        left: 0;
    }

        .c-content-testimonial-2 .c-author > .c-name {
            display: inline-block;
            font-size: 16px;
            color: var(--theme-body-forecolor) !important;
            font-weight: 400;
            margin: 6px 0 0 0;
        }

        .c-content-testimonial-2 .c-author > .c-portrait {
            background-size: cover;
            width: 55px;
            height: 55px;
            border-radius: 58px;
            float: left;
            margin-right: 20px;
        }

        .c-content-testimonial-2 .c-author > .c-position {
            font-size: 12px;
            font-weight: 500;
            margin: 0 0 0 0;
        }

.c-content-testimonial-2-slider .c-title {
    position: absolute;
    top: 30px;
    left: 45px;
    z-index: 10;
    font-size: 14px;
    padding: 4px 10px 2px 10px;
    font-weight: 400;
    color: #ffffff;
}

.c-content-testimonial-2-slider .owl-controls {
    margin: 0;
    text-align: right;
    position: absolute;
    top: 30px;
    right: 30px;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-testimonial-2 {
        margin-bottom: 20px;
    }
}

.c-content-bar-1 {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

    .c-content-bar-1 > h3 {
        font-size: 30px;
        color: var(--theme-body-forecolor);
        font-weight: 500;
        margin-bottom: 30px;
    }

    .c-content-bar-1 > p {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 30px;
        color: var(--theme-body-forecolor) !important;
    }

    .c-content-bar-1.c-bordered {
        border: 3px solid transparent;
        padding: 20px;
    }

.c-content-bar-2 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-bar-2 .c-content-title-1 > h3 {
        color: var(--theme-body-forecolor);
        margin-bottom: 20px;
    }

    .c-content-bar-2 .c-content-title-1 > p {
        color: var(--theme-body-forecolor) !important;
        font-size: 16px;
        margin: 0 0 20px 0;
        line-height: 25px;
    }

    .c-content-bar-2 .c-content-v-center .c-body {
        padding: 30px;
    }

        .c-content-bar-2 .c-content-v-center .c-body h3 {
            text-transform: uppercase;
            text-align: center;
            line-height: 33px;
            font-size: 21px;
            font-weight: 500;
            margin: 0;
        }

@media (max-width: 991px) {
    /* 991px */
    .c-content-bar-2 .c-content-v-center {
        margin-top: 20px;
    }

        .c-content-bar-2 .c-content-v-center .c-body {
            padding: 20px;
        }
}

.c-content-bar-3 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-bar-3 .c-content-title-1 > h3 {
        padding: 0;
        color: #ffffff;
        font-weight: 500;
        margin: 0 0 25px 0;
    }

    .c-content-bar-3 .c-content-title-1 > p {
        padding: 0;
        color: var(--theme-body-forecolor) !important;
        text-transform: uppercase;
        margin: 0;
        font-size: 16px;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-bar-3 > .c-content-title-1 {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    /* <= 767px */
    .c-content-bar-3 {
        text-align: center;
    }

        .c-content-bar-3 > .c-content-title-1 {
            text-align: center;
        }
}

.c-content-bar-4 {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

    .c-content-bar-4 > h3 {
        display: inline-block;
        color: #ffffff;
        font-weight: 500;
        font-size: 40px;
        line-height: 50px;
        margin: 100px auto 40px auto;
        padding: 40px;
        border: 2px solid rgba(255, 255, 255, 0.15);
    }

    .c-content-bar-4.c-opt-2 > h3 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .c-content-bar-4.c-opt-2 > .row > div > p {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 25px;
        padding: 40px;
    }

.c-content-bar-5 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-bar-5 > h3 {
        font-size: 30px;
        color: var(--theme-body-forecolor);
        font-weight: 500;
        margin-bottom: 30px;
    }

    .c-content-bar-5 > p {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 30px;
        color: var(--theme-body-forecolor) !important;
    }

    .c-content-bar-5.c-bordered {
        border: 3px solid transparent;
        padding: 40px;
    }

.c-content-media-1 {
    padding: 30px;
    background-color: #ffffff;
    margin: 0;
    position: relative;
}

    .c-content-media-1.c-bordered {
        border: 1px solid #f0f1f2;
    }

    .c-content-media-1 .c-content-label {
        padding: 4px 10px 2px 10px;
    }

    .c-content-media-1 .c-title {
        display: block;
        font-size: 30px;
        font-weight: 300;
        line-height: 35px;
        color: var(--theme-body-forecolor);
        margin: 30px 0 20px 0;
    }

    .c-content-media-1 p {
        font-size: 19px;
        color: var(--theme-body-forecolor) !important;
        font-weight: 300;
        line-height: 24px;
    }

    .c-content-media-1 .c-date {
        margin-bottom: 10px;
        margin-top: 30px;
        display: inline-block;
        color: var(--theme-body-forecolor) !important;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .c-content-media-1 .c-author {
        overflow: auto;
        margin-bottom: 10px;
        margin-top: 30px;
    }

        .c-content-media-1 .c-author > .c-portrait {
            position: relative;
            background-size: cover;
            width: 55px;
            height: 55px;
            border-radius: 58px;
            float: left;
            margin-right: 20px;
        }

        .c-content-media-1 .c-author > .c-name {
            float: left;
            font-size: 16px;
            font-weight: 400;
            color: var(--theme-body-forecolor) !important;
            margin: 15px 0 0 0;
        }

        .c-content-media-1 .c-author > p {
            font-size: 12px;
            color: var(--theme-color);
            margin: 0;
        }

    .c-content-media-1 .c-action {
        margin-top: 20px;
        text-align: right;
    }

.c-content-media-1-slider > .c-content-label {
    padding: 4px 10px 2px 10px;
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 10;
}

.c-content-media-1-slider .owl-controls {
    margin: 0;
    text-align: right;
    position: absolute;
    top: 30px;
    right: 30px;
}

.c-content-media-1-slider.c-pagination-bottom .owl-controls {
    top: auto;
    bottom: 20px;
    right: 30px;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-media-1 {
        margin-bottom: 20px;
    }

    .c-content-media-1-slider {
        margin-bottom: 20px;
    }
}

.c-content-media-2 {
    padding: 30px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

    .c-content-media-2 .c-panel {
        position: absolute;
        bottom: 10px;
        right: 30px;
    }

        .c-content-media-2 .c-panel > .c-fav {
            font-size: 20px;
            color: #ffffff;
        }

            .c-content-media-2 .c-panel > .c-fav > i {
                position: relative;
                top: 2px;
                margin-right: 10px;
                display: inline-block;
            }

                .c-content-media-2 .c-panel > .c-fav > i:hover {
                    color: var(--theme-color);
                    cursor: pointer;
                }

            .c-content-media-2 .c-panel > .c-fav > p {
                display: inline-block;
            }

.c-content-media-2-slider .c-content-label {
    position: absolute;
    top: 25px;
    left: 40px;
    z-index: 10;
}

.c-content-media-2-slider .owl-controls {
    margin: 0;
    text-align: right;
    position: absolute;
    top: 30px;
    right: 30px;
}

.c-content-media-2-slider.c-pagination-bottom .owl-controls {
    top: auto;
    bottom: 20px;
    right: 30px;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-media-2 {
        margin-bottom: 20px;
    }

    .c-content-media-2-slider {
        margin-bottom: 20px;
    }
}

.c-content-pricing-1 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-pricing-1 > .c-tile-container {
        width: 100%;
        position: relative;
        text-align: center;
    }

        .c-content-pricing-1 > .c-tile-container > .c-tile {
            background: #ffffff;
            width: 31.9%;
            height: 100%;
            float: left;
            padding: 90px 0;
            margin: 0 20px;
        }

            .c-content-pricing-1 > .c-tile-container > .c-tile.c-bordered {
                border: 3px solid transparent;
            }

            .c-content-pricing-1 > .c-tile-container > .c-tile.c-shadow {
                box-shadow: 0px 3px 18px -5px rgba(0, 0, 0, 0.5);
            }

            .c-content-pricing-1 > .c-tile-container > .c-tile > .c-label {
                color: #fff;
                padding: 4px 10px 2px 10px;
                font-weight: bold;
                font-size: 14px;
                text-transform: uppercase;
                display: inline-block;
                margin: 0 0 30px 0;
            }

            .c-content-pricing-1 > .c-tile-container > .c-tile > p {
                font-size: 15px;
                font-weight: 400;
            }

            .c-content-pricing-1 > .c-tile-container > .c-tile > .btn {
                margin-top: 40px;
            }

            .c-content-pricing-1 > .c-tile-container > .c-tile > .c-price {
                color: var(--theme-body-forecolor);
                font-size: 60px;
                font-weight: bold;
            }

                .c-content-pricing-1 > .c-tile-container > .c-tile > .c-price > sup {
                    font-size: 28px;
                    font-weight: normal;
                    vertical-align: super;
                }

        .c-content-pricing-1 > .c-tile-container > .c-tile-small {
            margin: 40px 0;
            padding: 50px 0;
        }

    .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile > .c-label {
        color: #ffffff;
    }

    .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight {
        background-color: var(--theme-color);
    }

        .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > .c-label {
            background-color: #ffffff;
            color: var(--theme-color);
        }

        .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > p {
            color: #ffffff;
        }

        .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > .c-price {
            color: var(--theme-body-forecolor);
        }

            .c-content-pricing-1.c-option-2 > .c-tile-container > .c-tile.c-highlight > .c-price > sup {
                color: var(--theme-body-forecolor);
            }

@media (max-width: 991px) {
    /* <= 991px */
    .c-content-pricing-1 > .c-title > h3 {
        margin: 20px 0 50px 0;
    }

    .c-content-pricing-1 > .c-tile-container > .c-tile {
        width: 100%;
        margin: 20px 0;
    }
}

.c-content-pricing-1 {
    padding: 0;
    margin: 0;
}

    .c-content-pricing-1 .c-content.c-padding-adjustment {
        margin-right: -30px;
    }

    .c-content-pricing-1 .c-content > .c-row {
        padding: 30px;
        text-align: center;
        border-top: 1px solid;
        font-weight: 500;
    }

        .c-content-pricing-1 .c-content > .c-row > .c-sub-title {
            display: none;
        }

        .c-content-pricing-1 .c-content > .c-row:first-child, .c-content-pricing-1 .c-content > .c-row:last-child {
            border-top: none;
        }

        .c-content-pricing-1 .c-content > .c-row.c-type {
            padding: 30px;
            font-weight: 500;
        }

        .c-content-pricing-1 .c-content > .c-row.c-title {
            text-align: left;
            padding-left: 0px;
            font-weight: normal;
        }

        .c-content-pricing-1 .c-content > .c-row.c-align-left {
            padding-left: 0px;
            text-align: left;
        }

        .c-content-pricing-1 .c-content > .c-row.c-purchase > .c-btn-purchase {
            padding: 12px 30px 10px 30px;
        }

    .c-content-pricing-1.c-opt-1 .c-content.c-column-even {
        background: #fafbfb;
    }

    .c-content-pricing-1.c-opt-1 .c-content > .c-row {
        color: #5f6f77;
        border-top-color: #f4f4f4;
    }

        .c-content-pricing-1.c-opt-1 .c-content > .c-row.c-type {
            color: #5f6f77;
        }

        .c-content-pricing-1.c-opt-1 .c-content > .c-row.c-title {
            color: #84969f;
        }

        .c-content-pricing-1.c-opt-1 .c-content > .c-row.c-dollar {
            color: #b9c4ca;
        }

        .c-content-pricing-1.c-opt-1 .c-content > .c-row > .fa.fa-check {
            color: #75c199;
        }

        .c-content-pricing-1.c-opt-1 .c-content > .c-row > .fa.fa-times {
            color: #ff6b57;
        }

    .c-content-pricing-1.c-opt-2 .c-content.c-column-even {
        background: rgba(255, 255, 255, 0.02);
    }

    .c-content-pricing-1.c-opt-2 .c-content > .c-row {
        color: #969ab9;
        border-top-color: rgba(255, 255, 255, 0.04);
    }

        .c-content-pricing-1.c-opt-2 .c-content > .c-row.c-type {
            color: #fbfefe;
        }

        .c-content-pricing-1.c-opt-2 .c-content > .c-row.c-title {
            color: #969ab9;
        }

        .c-content-pricing-1.c-opt-2 .c-content > .c-row.c-dollar {
            color: #5b5f84;
        }

        .c-content-pricing-1.c-opt-2 .c-content > .c-row > .fa.fa-check {
            color: #75c199;
        }

        .c-content-pricing-1.c-opt-2 .c-content > .c-row > .fa.fa-times {
            color: #ff6b57;
        }

.c-title-pricing-1 {
    margin-top: 40px;
}

    .c-title-pricing-1 > h4 {
        float: left;
        margin-top: 0px;
        margin-bottom: 70px;
    }

    .c-title-pricing-1 > .c-try {
        position: absolute;
        top: 30px;
        right: 15px;
        float: left;
    }

        .c-title-pricing-1 > .c-try > .c-btn-try {
            padding: 12px 30px 10px 30px;
        }

    .c-title-pricing-1.c-opt-title-1 > h4 {
        color: #455055;
    }

    .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try {
        background: #ff6b57;
        color: #ffffff;
    }

        .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:hover, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:focus, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try.active, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try .open > .dropdown-toggle.c-btn-try {
            background: #e16450;
        }

        .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-1 > .c-try > .c-btn-try.active {
            background: #c3604b;
            box-shadow: none;
        }

    .c-title-pricing-1.c-opt-title-2 > h4 {
        color: #fbfefe;
    }

        .c-title-pricing-1.c-opt-title-2 > h4 > span {
            color: #41c6ec;
        }

    .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try {
        background: #ff6b57;
        color: #ffffff;
    }

        .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:hover, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:focus, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try.active, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try .open > .dropdown-toggle.c-btn-try {
            background: #e16450;
        }

        .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try:active, .c-title-pricing-1.c-opt-title-2 > .c-try > .c-btn-try.active {
            background: #c3604b;
            box-shadow: none;
        }

@media (max-width: 991px) {
    /* 991px */
    .c-title-pricing-1 {
        margin-top: 40px;
    }

        .c-title-pricing-1 > h4 {
            float: left;
            margin-top: 0px;
            margin-bottom: 70px;
        }

        .c-title-pricing-1 > .c-try {
            position: absolute;
            top: -7px;
            right: 15px;
            float: left;
        }

    .c-content-pricing-1 > .c-sm-hidden {
        display: none;
    }

    .c-content-pricing-1 .c-content > .c-row {
        padding: 30px;
        text-align: center;
    }

        .c-content-pricing-1 .c-content > .c-row > .c-sub-title {
            display: inline;
        }

        .c-content-pricing-1 .c-content > .c-row.c-align-left {
            padding-left: 30px;
            text-align: center;
        }

        .c-content-pricing-1 .c-content > .c-row.c-title {
            text-align: center;
            padding-left: 30px;
        }

        .c-content-pricing-1 .c-content > .c-row.c-empty {
            display: none;
        }
}

@media (max-width: 767px) {
    /* 766px */
    .c-title-pricing-1 {
        text-align: center;
        padding: 0px;
    }

        .c-title-pricing-1 > h4 {
            width: 100%;
            clear: both;
            margin: 0px auto 30px;
        }

        .c-title-pricing-1 > .c-try {
            position: static;
            clear: both;
            width: 100%;
            margin-bottom: 50px;
        }

            .c-title-pricing-1 > .c-try > .c-btn-try {
                margin-left: auto;
                margin-right: auto;
            }

    .c-content-pricing-1 .c-content {
        margin-bottom: 80px;
    }

        .c-content-pricing-1 .c-content.c-padding-adjustment {
            margin-left: 0px;
            margin-right: 0px;
        }
}

.c-content-pricing-2 {
    text-align: center;
    padding: 50px 0;
    margin-bottom: 20px;
}

    .c-content-pricing-2 > .c-icon {
        margin-bottom: 43px;
    }

    .c-content-pricing-2 > .c-title {
        margin-bottom: 5px;
    }

    .c-content-pricing-2 > .c-price {
        margin-bottom: 33px;
    }

    .c-content-pricing-2 > .c-items > ul {
        list-style: none;
        padding: 0px;
        margin-bottom: 38px;
    }

        .c-content-pricing-2 > .c-items > ul > li {
            padding: 4px 0;
            font-size: 16px;
        }

    .c-content-pricing-2.c-padding-first {
        margin-right: -15px;
    }

    .c-content-pricing-2.c-featured-no-padding, .c-content-pricing-2.c-featured-extra-padding, .c-content-pricing-2.c-featured-overlap {
        margin-top: -30px;
        padding: 80px 0;
        border-radius: 3px;
        position: relative;
        z-index: 1;
    }

    .c-content-pricing-2.c-featured-no-padding {
        margin-left: -15px;
        margin-right: -15px;
    }

    .c-content-pricing-2.c-featured-extra-padding {
        margin-left: -13px;
        margin-right: -13px;
    }

    .c-content-pricing-2.c-featured-overlap {
        margin-left: -17px;
        margin-right: -17px;
    }

    .c-content-pricing-2.c-padding-last {
        margin-left: -15px;
    }

    .c-content-pricing-2.c-opt-1 {
        background: #f8f8f8;
    }

        .c-content-pricing-2.c-opt-1.c-bg-outline {
            border: 2px solid transparent;
        }

        .c-content-pricing-2.c-opt-1 > .c-icon > i {
            color: #c8d1e1;
        }

        .c-content-pricing-2.c-opt-1 > .c-title {
            color: #5f6f77;
        }

        .c-content-pricing-2.c-opt-1 > .c-price {
            color: #8d9db6;
        }

        .c-content-pricing-2.c-opt-1 > .c-items {
            color: #aab5c6;
        }

    .c-content-pricing-2.c-opt-1-featured {
        background: #ff6b57;
    }

        .c-content-pricing-2.c-opt-1-featured.c-bg-outline {
            border: 2px solid transparent;
        }

        .c-content-pricing-2.c-opt-1-featured > .c-icon > i {
            color: #ffb1a7;
        }

        .c-content-pricing-2.c-opt-1-featured > .c-title {
            color: #ffffff;
        }

        .c-content-pricing-2.c-opt-1-featured > .c-price {
            color: #ffd5cf;
        }

        .c-content-pricing-2.c-opt-1-featured > .c-items {
            color: #ffd5cf;
        }

    .c-content-pricing-2.c-opt-2 {
        background: #3e4265;
    }

        .c-content-pricing-2.c-opt-2.c-bg-outline {
            border: 2px solid transparent;
        }

        .c-content-pricing-2.c-opt-2 > .c-icon > i {
            color: #505477;
        }

        .c-content-pricing-2.c-opt-2 > .c-title {
            color: #ffffff;
        }

        .c-content-pricing-2.c-opt-2 > .c-price {
            color: #969ab9;
        }

        .c-content-pricing-2.c-opt-2 > .c-items {
            color: #969ab9;
        }

    .c-content-pricing-2.c-opt-2-featured {
        background: #414567;
    }

        .c-content-pricing-2.c-opt-2-featured.c-bg-outline {
            border: 2px solid transparent;
        }

        .c-content-pricing-2.c-opt-2-featured > .c-icon > i {
            color: #ff6b57;
        }

        .c-content-pricing-2.c-opt-2-featured > .c-title {
            color: #ffffff;
        }

        .c-content-pricing-2.c-opt-2-featured > .c-price {
            color: #22afd7;
        }

        .c-content-pricing-2.c-opt-2-featured > .c-items {
            color: #969ab9;
        }

    .c-content-pricing-2.c-opt-3 {
        background: #ffffff;
    }

        .c-content-pricing-2.c-opt-3.c-bg-outline {
            border: 2px solid #dce2e7;
        }

        .c-content-pricing-2.c-opt-3 > .c-icon > i {
            color: #c8d1e1;
        }

        .c-content-pricing-2.c-opt-3 > .c-title {
            color: #5f6f77;
        }

        .c-content-pricing-2.c-opt-3 > .c-price {
            color: #8d9db6;
        }

        .c-content-pricing-2.c-opt-3 > .c-items {
            color: #aab5c6;
        }

    .c-content-pricing-2.c-opt-3-featured {
        background: #ffffff;
    }

        .c-content-pricing-2.c-opt-3-featured.c-bg-outline {
            border: 2px solid #53b0bb;
        }

        .c-content-pricing-2.c-opt-3-featured > .c-icon > i {
            color: #53b0bb;
        }

        .c-content-pricing-2.c-opt-3-featured > .c-title {
            color: #5f6f77;
        }

        .c-content-pricing-2.c-opt-3-featured > .c-price {
            color: #8d9db6;
        }

        .c-content-pricing-2.c-opt-3-featured > .c-items {
            color: #aab5c6;
        }

    .c-content-pricing-2.c-opt-4 {
        background: rgba(255, 255, 255, 0.05);
    }

        .c-content-pricing-2.c-opt-4.c-bg-outline {
            border: 2px solid transparent;
        }

        .c-content-pricing-2.c-opt-4 > .c-icon > i {
            color: #808ca4;
        }

        .c-content-pricing-2.c-opt-4 > .c-title {
            color: #ffffff;
        }

        .c-content-pricing-2.c-opt-4 > .c-price {
            color: #b5bdcc;
        }

        .c-content-pricing-2.c-opt-4 > .c-items {
            color: #b5bdcc;
        }

    .c-content-pricing-2.c-opt-4-featured {
        background: rgba(255, 255, 255, 0.07);
    }

        .c-content-pricing-2.c-opt-4-featured.c-bg-outline {
            border: 2px solid transparent;
        }

        .c-content-pricing-2.c-opt-4-featured > .c-icon > i {
            color: #22afd7;
        }

        .c-content-pricing-2.c-opt-4-featured > .c-title {
            color: #ffffff;
        }

        .c-content-pricing-2.c-opt-4-featured > .c-price {
            color: #b5bdcc;
        }

        .c-content-pricing-2.c-opt-4-featured > .c-items {
            color: #b5bdcc;
        }

    .c-content-pricing-2.c-opt-5 {
        background: #fafafa;
    }

        .c-content-pricing-2.c-opt-5.c-bg-outline {
            border: 2px solid #fafafa;
        }

        .c-content-pricing-2.c-opt-5 > .c-icon > i {
            color: #8d98a3;
        }

        .c-content-pricing-2.c-opt-5 > .c-title {
            color: #3d4e5e;
        }

        .c-content-pricing-2.c-opt-5 > .c-price {
            color: #8d98a3;
        }

        .c-content-pricing-2.c-opt-5 > .c-items {
            color: #afb6bc;
        }

    .c-content-pricing-2.c-opt-5-featured {
        background: #22272c;
    }

        .c-content-pricing-2.c-opt-5-featured.c-bg-outline {
            border: 2px solid #2a333c;
        }

        .c-content-pricing-2.c-opt-5-featured > .c-icon > i {
            color: #30363b;
        }

        .c-content-pricing-2.c-opt-5-featured > .c-title {
            color: #fbfefe;
        }

        .c-content-pricing-2.c-opt-5-featured > .c-price {
            color: #525960;
        }

        .c-content-pricing-2.c-opt-5-featured > .c-items {
            color: #525960;
        }

.c-title-pricing-2 > h4 {
    margin: 15px 0;
}

.c-title-pricing-2 > p {
    margin-bottom: 100px;
}

.c-title-pricing-2.c-opt-title-1 > h4 {
    color: #455055;
}

    .c-title-pricing-2.c-opt-title-1 > h4 > span {
        color: #22afd7;
    }

.c-title-pricing-2.c-opt-title-1 > p {
    color: #a0b0b8;
}

.c-title-pricing-2.c-opt-title-2 > h4 {
    color: #fbfefe;
}

    .c-title-pricing-2.c-opt-title-2 > h4 > span {
        color: #22afd7;
    }

.c-title-pricing-2.c-opt-title-2 > p {
    color: #969ab9;
}

.c-title-pricing-2.c-opt-title-3 > h4 {
    color: #455055;
}

    .c-title-pricing-2.c-opt-title-3 > h4 > span {
        color: #53b0bb;
    }

.c-title-pricing-2.c-opt-title-3 > p {
    color: #a0b0b8;
}

.c-title-pricing-2.c-opt-title-4 > h4 {
    color: #ffffff;
}

    .c-title-pricing-2.c-opt-title-4 > h4 > span {
        color: #ffffff;
    }

.c-title-pricing-2.c-opt-title-4 > p {
    color: #b5bdcc;
}

.c-title-pricing-2.c-opt-title-5 > h4 {
    color: #3d4e5e;
}

    .c-title-pricing-2.c-opt-title-5 > h4 > span {
        color: #3d4e5e;
    }

.c-title-pricing-2.c-opt-title-5 > p {
    color: #a0b0b8;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-pricing-2.c-padding-first {
        margin-right: -15px;
        margin-top: 0px;
    }

    .c-content-pricing-2.c-featured-no-padding, .c-content-pricing-2.c-featured-extra-padding, .c-content-pricing-2.c-featured-overlap {
        margin: 0px 0px 0px -10px;
        padding: 50px 0;
    }

    .c-content-pricing-2.c-featured-overlap {
        padding: 52px 0;
    }

    .c-content-pricing-2.c-padding-last {
        margin-left: 0px;
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    /* 766px */
    .c-content-pricing-2.c-padding-first {
        margin: 0px;
    }

    .c-content-pricing-2.c-featured-no-padding, .c-content-pricing-2.c-featured-extra-padding, .c-content-pricing-2.c-featured-overlap {
        margin-top: 5px;
        margin-left: 0px;
        padding: 50px 0;
    }

    .c-content-pricing-2.c-padding-last {
        margin-left: 0px;
        margin-top: 5px;
    }
}

.c-content-product-1 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-product-1 .row {
        position: relative;
    }

        .c-content-product-1 .row .c-media > img {
            width: 100%;
        }

        .c-content-product-1 .row .c-body {
            padding: 80px 0 20px 20px;
        }

            .c-content-product-1 .row .c-body > .c-row {
                padding: 0 0 0 40px;
            }

                .c-content-product-1 .row .c-body > .c-row > li {
                    width: 50%;
                    display: inline-block;
                    list-style: none;
                    float: left;
                    padding: 0 50px 0 0;
                    margin-bottom: 35px;
                }

                    .c-content-product-1 .row .c-body > .c-row > li:last-child {
                        padding: 0 0 0 50px;
                    }

                    .c-content-product-1 .row .c-body > .c-row > li > h4 {
                        font-size: 20px;
                        color: var(--theme-body-forecolor);
                        font-weight: 600;
                        margin-bottom: 20px;
                        text-transform: uppercase;
                    }

                    .c-content-product-1 .row .c-body > .c-row > li > p {
                        color: var(--theme-body-forecolor) !important;
                        font-weight: 300;
                    }

            .c-content-product-1 .row .c-body > .btn {
                display: block;
                margin: 0 auto 60px auto;
                clear: both;
            }

@media (max-width: 991px) {
    /* 991px */
    .c-content-product-1 .row .c-media > img {
        width: 40%;
        margin: 0 auto;
        display: block;
    }

    .c-content-product-1 .row .c-body {
        padding: 30px 0 10px;
    }

        .c-content-product-1 .row .c-body > .c-row {
            padding: 0;
        }

            .c-content-product-1 .row .c-body > .c-row > li {
                width: 100%;
                margin: 40px 0;
                float: none;
            }

                .c-content-product-1 .row .c-body > .c-row > li:last-child {
                    padding: 0;
                }
}

.c-content-contact-1 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-contact-1:before {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .c-content-contact-1:after {
        background-color: rgba(255, 255, 255, 0.5);
    }

    .c-content-contact-1 > .row .c-body {
        position: relative;
        z-index: 100;
        background: #ffffff;
        margin: 40px 0;
        padding: 60px 40px;
    }

        .c-content-contact-1 > .row .c-body > .c-section {
            margin-bottom: 15px;
            text-align: right;
        }

            .c-content-contact-1 > .row .c-body > .c-section > h3 {
                font-size: 30px;
                color: var(--theme-body-forecolor);
                font-weight: bold;
                margin: 0 0 30px 0;
                text-transform: uppercase;
            }

            .c-content-contact-1 > .row .c-body > .c-section > p {
                font-size: 16px;
                line-height: 24px;
                color: #7f8c97;
                font-weight: 300;
            }

            .c-content-contact-1 > .row .c-body > .c-section > p,
            .c-content-contact-1 > .row .c-body > .c-section > .c-content-iconlist-1 {
                margin-top: 20px;
            }

.c-content-contact-1-gmap {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-contact-1-gmap {
        display: block;
        position: static;
        width: 100%;
        height: 300px !important;
    }

    .c-content-contact-1 > .row > div {
        width: 100%;
    }

        .c-content-contact-1 > .row > div .c-body {
            position: static;
            display: block;
            padding: 30px 20px 10px 20px;
            background: #fafafa;
            margin: 0;
            text-align: left;
        }

            .c-content-contact-1 > .row > div .c-body:before, .c-content-contact-1 > .row > div .c-body:after {
                content: " ";
                display: table;
            }

            .c-content-contact-1 > .row > div .c-body:after {
                clear: both;
            }
}

.c-content-feedback-1 {
    padding: 0;
    margin: 0;
    width: 100%;
}

    .c-content-feedback-1 > .row > div .c-content-title-1 > .c-line-left {
        margin-bottom: 30px;
    }

    .c-content-feedback-1 > .row > div .c-content-title-1 > p {
        margin-bottom: 30px;
        font-weight: 300;
    }

    .c-content-feedback-1 > .row > div > .c-container {
        background-size: auto;
        padding: 30px;
        margin: 0 30px 60px 0;
    }

        .c-content-feedback-1 > .row > div > .c-container > .c-inverse > h3 {
            color: #ffffff;
        }

        .c-content-feedback-1 > .row > div > .c-container > .c-inverse > .c-line-left {
            background-color: #ffffff;
        }

        .c-content-feedback-1 > .row > div > .c-container > .c-inverse > p {
            color: #ffffff;
        }

        .c-content-feedback-1 > .row > div > .c-container:last-child {
            margin-bottom: 0;
        }

            .c-content-feedback-1 > .row > div > .c-container:last-child p {
                margin-bottom: 0;
            }

    .c-content-feedback-1 > .row > div > .c-contact {
        margin-left: 30px;
    }

    .c-content-feedback-1 > .row > div form {
        margin-bottom: 20px;
    }

        .c-content-feedback-1 > .row > div form .input-group {
            width: 340px;
        }

    .c-content-feedback-1 .input-group {
        border: 0;
    }

        .c-content-feedback-1 .input-group .input-group-addon,
        .c-content-feedback-1 .input-group .btn {
            border: 0;
        }

    .c-content-feedback-1.c-option-2 {
        padding: 60px 0;
    }

        .c-content-feedback-1.c-option-2 > .c-content-title-1 > h3 {
            margin-left: -18px;
        }

        .c-content-feedback-1.c-option-2 > .c-content-title-1 > .c-left {
            margin-bottom: 0;
            left: -7.5px;
            background-color: #ffffff;
        }

        .c-content-feedback-1.c-option-2 > .c-content-title-1 > .c-right {
            display: block;
            text-align: center;
            position: relative;
            left: 7.5px;
            top: -3px;
        }

        .c-content-feedback-1.c-option-2 > .c-content-title-1 > .c-line-center {
            position: relative;
            display: block;
            text-align: center;
            width: 15px;
        }

        .c-content-feedback-1.c-option-2 > .c-content-title-1 > p {
            margin-left: 18px;
        }

            .c-content-feedback-1.c-option-2 > .c-content-title-1 > p > span {
                color: #7f8b96;
            }

@media (max-width: 991px) {
    /* 991px */
    .c-content-feedback-1 > .row > div > .c-container {
        margin-right: 0;
        margin-bottom: 40px;
    }

    .c-content-feedback-1 > .row > div > .c-contact {
        padding: 40px 30px 0 30px;
        margin: 0;
    }

    .c-content-feedback-1.c-option-2 > .row > div > .c-contact {
        padding: 30px;
        margin-top: 40px;
        background-color: #ffffff;
    }
}

.c-content-recent-posts-1 {
    padding: 0;
    margin: 0;
}

    .c-content-recent-posts-1 > li {
        padding: 15px;
        list-style: none;
        border: 1px solid #eeeeee;
        border-bottom: 0;
    }

        .c-content-recent-posts-1 > li:last-child {
            border-bottom: 1px solid #eeeeee;
        }

        .c-content-recent-posts-1 > li > .c-image {
            width: 60px;
            display: inline-block;
            margin-right: 10px;
            float: left;
        }

        .c-content-recent-posts-1 > li > .c-post {
            padding: 5px 0;
        }

            .c-content-recent-posts-1 > li > .c-post .c-title {
                font-weight: 400;
            }

            .c-content-recent-posts-1 > li > .c-post .c-date {
                font-size: 15px;
                color: var(--theme-body-forecolor) !important;
            }

        .c-content-recent-posts-1 > li:before, .c-content-recent-posts-1 > li:after {
            content: " ";
            display: table;
        }

        .c-content-recent-posts-1 > li:after {
            clear: both;
        }

.c-content-blog-post-1:before, .c-content-blog-post-1:after {
    content: " ";
    display: table;
}

.c-content-blog-post-1:after {
    clear: both;
}

.c-content-blog-post-1 .c-title {
    font-size: 30px;
    color: var(--theme-body-forecolor);
    font-weight: 300;
    margin: 30px 0 20px 0;
}

.c-content-blog-post-1 .c-desc {
    font-size: 17px;
    color: var(--theme-body-forecolor) !important;
    font-weight: 300;
    margin: 0px 0 30px 0;
}

.c-content-blog-post-1 .c-panel {
    padding: 5px 10px;
    border: 1px solid #eeeeee;
}

    .c-content-blog-post-1 .c-panel:before, .c-content-blog-post-1 .c-panel:after {
        content: " ";
        display: table;
    }

    .c-content-blog-post-1 .c-panel:after {
        clear: both;
    }

    .c-content-blog-post-1 .c-panel .c-author,
    .c-content-blog-post-1 .c-panel .c-date,
    .c-content-blog-post-1 .c-panel .c-comments {
        float: left;
        display: inline-block;
        font-size: 14px;
        color: var(--theme-body-forecolor) !important;
        font-weight: 400;
        margin: 6px 10px 3px 0;
    }

    .c-content-blog-post-1 .c-panel .c-comments {
        float: right;
    }

        .c-content-blog-post-1 .c-panel .c-comments i {
            position: relative;
            top: 2px;
            color: #8f9ba6;
        }

    .c-content-blog-post-1 .c-panel .c-tags {
        padding: 0;
        margin: 3px 0px 5px 0;
        float: right;
        display: inline-block;
    }

        .c-content-blog-post-1 .c-panel .c-tags > li {
            font-size: 13px;
            text-transform: uppercase;
            display: inline-block;
            list-style: none;
            padding: 2px 6px 1px 6px;
            margin: 0 2px;
        }

            .c-content-blog-post-1 .c-panel .c-tags > li:last-child {
                margin-right: 0;
            }

    .c-content-blog-post-1 .c-panel .c-author {
        display: inline-block;
    }

.c-content-blog-post-1 .c-comments {
    margin: 40px 0;
}

    .c-content-blog-post-1 .c-comments .c-comment-list {
        margin-bottom: 60px;
    }

        .c-content-blog-post-1 .c-comments .c-comment-list .media {
            margin-bottom: 30px;
        }

            .c-content-blog-post-1 .c-comments .c-comment-list .media .media-body > .media:last-child {
                margin-bottom: 0;
            }

        .c-content-blog-post-1 .c-comments .c-comment-list .media-object {
            height: 50px;
            width: 50px;
            border-radius: 50px !important;
        }

        .c-content-blog-post-1 .c-comments .c-comment-list .media-heading > a {
            text-transform: uppercase;
        }

        .c-content-blog-post-1 .c-comments .c-comment-list .media-heading > .c-date {
            text-transform: uppercase;
            font-size: 16px;
        }

.c-content-blog-post-1-list {
    padding-right: 30px;
}

    .c-content-blog-post-1-list:before, .c-content-blog-post-1-list:after {
        content: " ";
        display: table;
    }

    .c-content-blog-post-1-list:after {
        clear: both;
    }

    .c-content-blog-post-1-list .c-content-blog-post-1 {
        margin-bottom: 80px;
    }

    .c-content-blog-post-1-list .c-pagination {
        text-align: center;
    }

.c-content-blog-post-1-view {
    padding-right: 30px;
}

    .c-content-blog-post-1-view:before, .c-content-blog-post-1-view:after {
        content: " ";
        display: table;
    }

    .c-content-blog-post-1-view:after {
        clear: both;
    }

    .c-content-blog-post-1-view .c-navigation {
        text-align: center;
    }

.c-content-blog-post-card-1 .c-body {
    padding: 20px 0;
}

    .c-content-blog-post-card-1 .c-body .c-title {
        font-size: 19px;
        font-weight: 500;
        color: var(--theme-body-forecolor) !important;
        margin-bottom: 10px;
    }

    .c-content-blog-post-card-1 .c-body .c-author {
        font-size: 14px;
        font-weight: 400;
        color: var(--theme-body-forecolor) !important;
        margin-bottom: 10px;
    }

    .c-content-blog-post-card-1 .c-body .c-panel {
        padding: 5px 0;
        border-top: 1px solid #eeeeee;
    }

        .c-content-blog-post-card-1 .c-body .c-panel:before, .c-content-blog-post-card-1 .c-body .c-panel:after {
            content: " ";
            display: table;
        }

        .c-content-blog-post-card-1 .c-body .c-panel:after {
            clear: both;
        }

        .c-content-blog-post-card-1 .c-body .c-panel .c-comments {
            float: left;
            display: inline-block;
            font-size: 15px;
            color: var(--theme-body-forecolor) !important;
            font-weight: 400;
            margin: 6px 10px 3px 0;
        }

            .c-content-blog-post-card-1 .c-body .c-panel .c-comments i {
                position: relative;
                top: 2px;
                color: #8f9ba6;
            }

        .c-content-blog-post-card-1 .c-body .c-panel .c-tags {
            padding: 0;
            margin: 3px 0px 5px 0;
            float: right;
            display: inline-block;
        }

            .c-content-blog-post-card-1 .c-body .c-panel .c-tags > li {
                font-size: 13px;
                text-transform: uppercase;
                display: inline-block;
                list-style: none;
                padding: 2px 6px 1px 6px;
                margin: 0 2px;
            }

                .c-content-blog-post-card-1 .c-body .c-panel .c-tags > li:last-child {
                    margin-right: 0;
                }

        .c-content-blog-post-card-1 .c-body .c-panel .c-author {
            display: inline-block;
        }

    .c-content-blog-post-card-1 .c-body p {
        display: block;
        clear: both;
        padding: 10px 0 0 0;
        color: var(--theme-body-forecolor) !important;
    }

.c-content-blog-post-card-1.c-option-2 .c-body {
    padding: 30px;    
}

    .c-content-blog-post-card-1.c-option-2 .c-body p {
        padding-bottom: 0;
    }

.c-content-blog-post-card-1.c-bordered {
    border: 1px solid #eeeeee;
}

.c-content-blog-post-card-1-grid {
    padding-right: 40px;
}

    .c-content-blog-post-card-1-grid .c-content-blog-post-card-1 {
        margin-bottom: 30px;
    }

    .c-content-blog-post-card-1-grid .c-pagination {
        margin-top: 30px;
        text-align: center;
    }

.c-content-blog-post-card-1-slider .c-content-label {
    padding: 6px 10px 2px 10px;
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 10;
}

.c-content-blog-post-card-1-slider .owl-controls {
    margin-top: 60px;
}

.c-content-counter-1 > .row > div {
    text-align: center;
}

    .c-content-counter-1 > .row > div > .c-title {
        font-weight: 300;
        font-size: 20px;
        color: var(--theme-body-forecolor);
        margin: 20px 0 15px 0;
    }

    .c-content-counter-1 > .row > div > .c-counter {
        font-size: 45px;
        font-weight: 300;
        color: var(--theme-color);
        margin: 10px auto 30px auto;
        background-color: #fff;
        width: 200px;
        height: 200px;
        padding: 65px 0;
        display: block;
        border-radius: 200px;
        border: 1px solid transparent;
    }

        .c-content-counter-1 > .row > div > .c-counter.c-bordered {
            border: 4px solid transparent;
            background: none;
        }

    .c-content-counter-1 > .row > div > .c-content {
        color: var(--theme-body-forecolor) !important;
        padding: 0 30px;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-counter-1 > .row > div > .c-title {
        margin-top: 5px;
    }

    .c-content-counter-1 > .row > div > .c-first {
        margin-top: 0;
    }

    .c-content-counter-1 > .row > div > .c-content {
        margin-bottom: 60px;
    }
}

.c-content-feature-1 {
    padding-right: 40px;
}

    .c-content-feature-1 > h4 {
        font-size: 18px;
        color: var(--theme-body-forecolor);
        margin-top: 0;
        font-weight: 500;
        text-transform: uppercase;
    }

    .c-content-feature-1 p {
        font-size: 18px;
        color: var(--theme-body-forecolor) !important;
    }

    .c-content-feature-1 > h3 {
        font-size: 30px;
        color: var(--theme-body-forecolor);
        font-weight: 500;
        margin: 30px 0 25px 0;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-feature-1 {
        padding-right: 20px;
    }
}

.c-content-feature-2 {
    padding: 40px 40px 40px 40px;
    margin-bottom: 20px;
    color: var(--theme-body-forecolor) !important;
    background-color: var(--theme-tile-backcolor) !important;
}

    .c-content-feature-2 .c-icon-wrapper {
        width: 70px;
        height: 70px;
        padding: 10px 0 10px 0;
        float: left;
        margin-right: 25px;
    }

        .c-content-feature-2 .c-icon-wrapper > .c-content-line-icon {
            width: 60px;
            height: 60px;
            float: left;
        }

    .c-content-feature-2 .c-title {
        font-size: 20px;
        margin-top: 0;
        font-weight: 500;
        text-transform: uppercase;
        color: var(--theme-body-forecolor) !important;
    }

    .c-content-feature-2 p {
        font-size: 17px;
        color: var(--theme-body-forecolor) !important;
        font-weight: 300;
        padding-left: 95px;
        margin: 0;
    }

    .c-content-feature-2.c-option-2 {
        cursor: pointer;
        padding: 20px 0;
    }

        .c-content-feature-2.c-option-2 .c-icon-wrapper {
            background: none;
            padding: 15px;
            border: 1px solid #eeeeee;
        }

            .c-content-feature-2.c-option-2 .c-icon-wrapper > .c-content-line-icon {
                width: 40px;
                height: 40px;
                float: left;
            }

        .c-content-feature-2.c-option-2:hover .c-icon-wrapper {
            border: 0;
        }

            .c-content-feature-2.c-option-2:hover .c-icon-wrapper > .c-content-line-icon {
                background-image: url('../images/line-icon-white.png');
            }

.c-content-feature-2-grid .c-content-v-center {
    margin-bottom: 20px;
}

.c-content-feature-3 {
    padding: 0;
    margin-bottom: 70px;
    text-align: center;
}

    .c-content-feature-3 > p {
        color: #ffffff;
        font-size: 17px;
        line-height: 25px;
        font-weight: 500;
        padding: 40px;
        margin: 0;
    }

    .c-content-feature-3 > .btn {
        margin-top: 5px;
    }

.c-content-feature-3-grid {
    text-align: center;
}

    .c-content-feature-3-grid > .c-title {
        text-align: center;
        color: #ffffff;
        font-weight: 500;
        font-size: 40px;
        margin: 100px auto 20px auto;
        display: inline-block;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-feature-3 {
        margin-bottom: 40px;
    }

        .c-content-feature-3 > p {
            padding: 20px;
        }

        .c-content-feature-3 > .btn {
            margin-top: 5px;
        }

    .c-content-feature-3-grid > .c-title {
        margin: 70px auto 10px auto;
    }
}

.c-content-feature-4 .c-content-area {
    width: 40%;
}

.c-content-feature-4 .c-feature-bg {
    width: 60%;
}

.c-content-feature-4 .c-feature-bg,
.c-content-feature-4 .c-content-area {
    height: 750px;
    margin-bottom: -750px;
}

.c-content-feature-4 .c-content-left {
    float: left;
}

    .c-content-feature-4 .c-content-left.c-semi-circle {
        border-top-right-radius: 35% 50%;
        border-bottom-right-radius: 35% 50%;
    }

    .c-content-feature-4 .c-content-left.c-diagonal {
        border-right: 200px solid;
        border-top: 750px solid transparent;
    }

    .c-content-feature-4 .c-content-left.c-arrow {
        border-right: 200px solid;
        border-top: 375px solid transparent;
        border-bottom: 375px solid transparent;
    }

.c-content-feature-4 .c-content-right {
    float: right;
}

    .c-content-feature-4 .c-content-right.c-semi-circle {
        border-top-left-radius: 35% 50%;
        border-bottom-left-radius: 35% 50%;
    }

    .c-content-feature-4 .c-content-right.c-diagonal {
        border-left: 200px solid;
        border-top: 750px solid transparent;
    }

    .c-content-feature-4 .c-content-right.c-arrow {
        border-left: 200px solid;
        border-top: 375px solid transparent;
        border-bottom: 375px solid transparent;
    }

.c-content-feature-4 .c-feature-content {
    padding: 0;
    width: 30%;
}

    .c-content-feature-4 .c-feature-content.c-left {
        float: left;
    }

    .c-content-feature-4 .c-feature-content.c-right {
        float: right;
    }

    .c-content-feature-4 .c-feature-content .c-content-v-center {
        height: 750px;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-feature-4 {
        height: auto;
        margin-bottom: 0;
    }

        .c-content-feature-4 .c-content-area {
            width: 0px;
        }

        .c-content-feature-4 .c-feature-bg {
            width: 100%;
            height: 350px;
            margin-bottom: -350px;
        }

        .c-content-feature-4 .c-content-left {
            float: left;
        }

            .c-content-feature-4 .c-content-left.c-semi-circle {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            .c-content-feature-4 .c-content-left.c-diagonal {
                border-right: 0;
                border-top: 0;
            }

            .c-content-feature-4 .c-content-left.c-arrow {
                border-right: 0;
                border-top: 0;
                border-bottom: 0;
            }

        .c-content-feature-4 .c-content-right {
            float: right;
        }

            .c-content-feature-4 .c-content-right.c-semi-circle {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .c-content-feature-4 .c-content-right.c-diagonal {
                border-left: 0;
                border-top: 0;
            }

            .c-content-feature-4 .c-content-right.c-arrow {
                border-left: 0;
                border-top: 0;
                border-bottom: 0;
            }

        .c-content-feature-4 .c-feature-content {
            padding: 60px 0;
            height: auto;
            width: 100%;
        }

            .c-content-feature-4 .c-feature-content.c-left {
                float: left;
            }

            .c-content-feature-4 .c-feature-content.c-right {
                float: right;
            }
}

.c-content-feature-5 .c-content-title-1 {
    margin-top: 25px;
}

.c-content-feature-5 .c-text {
    position: relative;
    background-color: #ffffff;
    width: 40%;
    padding: 25px;
    z-index: 1;
}

.c-content-feature-5 .c-photo {
    position: absolute;
    top: 0;
    right: 65px;
}

@media (max-width: 1199px) {
    /* 991px */
    .c-content-feature-5 .c-content-title-1 {
        margin: 0;
    }

    .c-content-feature-5 .c-text {
        position: static;
        width: 100%;
        z-index: auto;
    }

    .c-content-feature-5 .c-photo {
        position: static;
        margin: 20px 0px;
    }
}

.c-content-person-1 .c-body {
    padding: 20px 0;
}

    .c-content-person-1 .c-body .c-head .c-name {
        display: inline-block;
        float: left;
        font-size: 20px;
        font-weight: 400;
        color: var(--theme-body-forecolor);
    }

    .c-content-person-1 .c-body .c-head .c-socials {
        display: inline-block;
        float: right;
        list-style: none;
        padding: 0;
        margin: 4px 0 0 0;
    }

        .c-content-person-1 .c-body .c-head .c-socials > li {
            padding: 0;
            margin: 0;
            display: inline-block;
        }

            .c-content-person-1 .c-body .c-head .c-socials > li > a:hover {
                text-decoration: none;
            }

            .c-content-person-1 .c-body .c-head .c-socials > li > a > i {
                color: #a3aeb9;
                padding: 4px;
                font-size: 16px;
                border-radius: 100%;
            }

                .c-content-person-1 .c-body .c-head .c-socials > li > a > i:hover {
                    color: #fff;
                }

    .c-content-person-1 .c-body .c-position {
        display: block;
        clear: both;
        margin-top: 0px;
        display: inline-block;
        float: left;
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: #7a838e;
    }

    .c-content-person-1 .c-body p {
        display: block;
        clear: both;
        padding: 10px 0 0 0;
        color: var(--theme-body-forecolor) !important;
    }

.c-content-person-1.c-option-2 .c-body {
    padding: 30px;
    background: #fff;
}

    .c-content-person-1.c-option-2 .c-body p {
        padding-bottom: 0;
    }

.c-content-person-1.c-bordered {
    border: 1px solid #eeeeee;
    padding: 20px;
}

.c-content-person-1.c-shadow {
    box-shadow: 0px 3px 18px -5px rgba(0, 0, 0, 0.3);
}

.c-content-person-1-slider .owl-controls {
    margin-top: 20px;
}

.c-content-client-logos-1 {
    padding-left: 20px;
}

    .c-content-client-logos-1 .c-logos {
        padding-left: 20px;
    }

        .c-content-client-logos-1 .c-logos .row > div {
            padding: 0;
        }

    .c-content-client-logos-1 .c-logo {
        display: block;
        overflow: hidden;
    }

    .c-content-client-logos-1 .c-logo-1 {
        border-right: 1px solid #edeff0;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-2 {
        border-right: 1px solid #edeff0;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-3 {
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-4 {
        border-right: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-5 {
        border-right: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-img-pos {
        position: relative;
        left: 50%;
        margin-left: -90px;
    }

@media (max-width: 1199px) {
    /* <= 1199px */
    .c-content-client-logos-1 .c-logo-2 {
        border-right: 1px solid #edeff0;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-3 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-4 {
        border-right: 1px solid #edeff0;
        border-bottom: none;
    }
}

@media (max-width: 991px) {
    /* <= 991px */
    .c-content-client-logos-1 .c-logos .c-logo-2 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logos .c-logo-3 {
        border-right: 1px solid #edeff0;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logos .c-logo-4 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }
}

@media (max-width: 768px) {
    /* >= 768px */
    .c-content-client-logos-1 .c-logo-2 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-3 {
        border-bottom: 1px solid #edeff0;
        border-right: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-4 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }
}

@media (max-width: 767px) {
    /* <= 767px */
   
    .textbox-size-medium,
    .textbox-size-large,
    .textbox-size-multiline,
    .textbox-size-fill {
        width: 97.5%;
    }

    .datagrid-theme {
        float: left;
        margin: 5px 5px 5px 5px;
        border: none;
        width: 97.5%;
    }

    .datagrid-column-theme th {
        min-width: 76px;
        padding-left: 12px !important;
        padding-right: 12px !important;
        border-right: 1px solid rgba(0, 197, 91, .32) !important;
    }

    .datagrid-header-icon {
        display: none;
    }

    .datagrid-header-text {
        font-size: 12px;
    }

    .c-content-client-logos-1 {
        padding: 0;
        margin-top: 40px;
    }

        .c-content-client-logos-1 .c-logos {
            padding: 0;
        }

        .c-content-client-logos-1 .c-logo-2 {
            border-right: 1px solid #edeff0;
            border-bottom: 1px solid #edeff0;
        }

        .c-content-client-logos-1 .c-logo-3 {
            border-bottom: 1px solid #edeff0;
            border-right: none;
        }

        .c-content-client-logos-1 .c-logo-4 {
            border-right: 1px solid #edeff0;
            border-bottom: none;
        }
}

@media (max-width: 480px) {

    .tile-theme {
        width: 97%;
        height: 110px;
        margin: 5px 5px 0px 5px !important;
        float: left;
        border: 1px solid lightgray;
    }

    .frame-theme {
        width: 97.5%;
        min-height: 100px;
        margin: 5px 5px 0px 5px;
        float: left;
        border: 1px solid var(--theme-color);
    }

    .textbox-size-medium,
    .textbox-size-large,
    .textbox-size-multiline,
    .textbox-size-fill {
        width: 97.5%;
    }

    .datagrid-theme {
        float: left;
        margin: 5px 5px 5px 5px;
        border: none;
        width: 97.5%;
    }

    .datagrid-column-theme th {
        height: 40px;
        min-width: 74px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        border-right: 1px solid rgba(0, 197, 91, .36) !important;
    }

    .datagrid-header-text {
        font-size: 11px;
        line-height: 14px;
    }

    .subtitle-link-position {
        float: none !important;
        margin-left: -3px !important;
        padding-top: 5px !important;
    }

    .subtitle-title-position {
        margin-top: 0 !important;
        width: 100% !important;
    }

    .subtitle-title {
        font-size: 16px !important;
    }

    .subtitle-link {
        font-size: 12px !important;
    }

    .subtitle-separator {
        font-size: 12px !important;
    }

    .c-content-client-logos-1 .c-logo-2 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-3 {
        border-right: 1px solid #edeff0;
        border-bottom: 1px solid #edeff0;
    }

    .c-content-client-logos-1 .c-logo-4 {
        border-right: none;
        border-bottom: 1px solid #edeff0;
    }
}

.c-content-client-logos-slider-1 .item img {
    max-width: 230px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: all 0.2s;
}

    .c-content-client-logos-slider-1 .item img:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        transition: all 0.2s;
    }

.c-content-subscribe-form-1 {
    padding: 5px 0 13px 0;
}

    .c-content-subscribe-form-1 .c-title {
        color: #ffffff;
        font-size: 22px;
        font-weight: 400;
        padding-bottom: 10px;
    }

    .c-content-subscribe-form-1 .c-body {
        color: #6a7887;
    }

    .c-content-subscribe-form-1 form {
        padding-top: 30px;
    }

    .c-content-subscribe-form-1 .input-group > .form-control {
        color: #6f7b89;
        font-size: 17px;
        font-weight: 300;
        box-shadow: none;
        border-color: #41464c;
        background: transparent;
        padding: 8px 16px;
    }

        .c-content-subscribe-form-1 .input-group > .form-control::-moz-placeholder {
            color: #58626d;
        }

        .c-content-subscribe-form-1 .input-group > .form-control:-moz-placeholder {
            color: #58626d;
        }

        .c-content-subscribe-form-1 .input-group > .form-control:-ms-input-placeholder {
            color: #58626d;
        }

        .c-content-subscribe-form-1 .input-group > .form-control::-webkit-input-placeholder {
            color: #58626d;
        }

        .c-content-subscribe-form-1 .input-group > .form-control:focus {
            box-shadow: none;
            border-color: #474f59;
        }

    .c-content-subscribe-form-1 .input-group .btn {
        padding-left: 30px;
        padding-right: 30px;
        border: 0;
    }

    .c-content-subscribe-form-1.c-subscribe-form-light .c-title {
        color: var(--theme-body-forecolor);
    }

    .c-content-subscribe-form-1.c-subscribe-form-light .c-body {
        color: var(--theme-body-forecolor) !important;
    }

    .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control {
        background: #ffffff;
        color: var(--theme-body-forecolor) !important;
        border-color: transparent;
    }

        .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control::-moz-placeholder {
            color: #73828f;
        }

        .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control:-moz-placeholder {
            color: #73828f;
        }

        .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control:-ms-input-placeholder {
            color: #73828f;
        }

        .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control::-webkit-input-placeholder {
            color: #73828f;
        }

        .c-content-subscribe-form-1.c-subscribe-form-light .input-group > .form-control:focus {
            border-color: transparent;
        }

@media (max-width: 991px) {
    /* 991px */
}

.c-content-tab-1 .nav,
.c-content-tab-1 .nav.nav-justified {
    border: 0;
    border-bottom: 3px solid transparent;
}

    .c-content-tab-1 .nav > li > a,
    .c-content-tab-1 .nav.nav-justified > li > a {
        color: var(--theme-body-forecolor);
        border: 0;
        border-bottom: 3px solid transparent;
    }

    .c-content-tab-1 .nav > li:hover, .c-content-tab-1 .nav > li:focus, .c-content-tab-1 .nav > li:active, .c-content-tab-1 .nav > li.active,
    .c-content-tab-1 .nav.nav-justified > li:hover,
    .c-content-tab-1 .nav.nav-justified > li:focus,
    .c-content-tab-1 .nav.nav-justified > li:active,
    .c-content-tab-1 .nav.nav-justified > li.active {
        background: none;
    }

        .c-content-tab-1 .nav > li:hover > a, .c-content-tab-1 .nav > li:focus > a, .c-content-tab-1 .nav > li:active > a, .c-content-tab-1 .nav > li.active > a,
        .c-content-tab-1 .nav.nav-justified > li:hover > a,
        .c-content-tab-1 .nav.nav-justified > li:focus > a,
        .c-content-tab-1 .nav.nav-justified > li:active > a,
        .c-content-tab-1 .nav.nav-justified > li.active > a {
            background: var(--theme-panel-heading-color);
            transition: none;
            border: 0;
            border-bottom: 3px solid var(--theme-color);
        }

    .c-content-tab-1 .nav.tabs-left,
    .c-content-tab-1 .nav.nav-justified.tabs-left {
        border: 0;
        border-right: 1px solid #eeeeee;
    }

        .c-content-tab-1 .nav.tabs-left > li > a,
        .c-content-tab-1 .nav.nav-justified.tabs-left > li > a {
            border: 0;
            border-right: 3px solid transparent;
        }

        .c-content-tab-1 .nav.tabs-left > li:hover, .c-content-tab-1 .nav.tabs-left > li:focus, .c-content-tab-1 .nav.tabs-left > li:active, .c-content-tab-1 .nav.tabs-left > li.active,
        .c-content-tab-1 .nav.nav-justified.tabs-left > li:hover,
        .c-content-tab-1 .nav.nav-justified.tabs-left > li:focus,
        .c-content-tab-1 .nav.nav-justified.tabs-left > li:active,
        .c-content-tab-1 .nav.nav-justified.tabs-left > li.active {
            background: var(--theme-hover-color);            
        }

            .c-content-tab-1 .nav.tabs-left > li:hover > a, .c-content-tab-1 .nav.tabs-left > li:focus > a, .c-content-tab-1 .nav.tabs-left > li:active > a, .c-content-tab-1 .nav.tabs-left > li.active > a,
            .c-content-tab-1 .nav.nav-justified.tabs-left > li:hover > a,
            .c-content-tab-1 .nav.nav-justified.tabs-left > li:focus > a,
            .c-content-tab-1 .nav.nav-justified.tabs-left > li:active > a,
            .c-content-tab-1 .nav.nav-justified.tabs-left > li.active > a {
                background: none;
                transition: none;
                border: 0;
                border-right: 3px solid var(--theme-color);
                color: var(--theme-color);
            }

        .c-content-tab-1 .nav.tabs-left > li:last-child > a,
        .c-content-tab-1 .nav.nav-justified.tabs-left > li:last-child > a {
            border-bottom: 0;
        }

    .c-content-tab-1 .nav.tabs-right,
    .c-content-tab-1 .nav.nav-justified.tabs-right {
        border: 0;
        border-left: 1px solid #eeeeee;
    }

        .c-content-tab-1 .nav.tabs-right > li > a,
        .c-content-tab-1 .nav.nav-justified.tabs-right > li > a {
            border: 0;
            border-left: 3px solid transparent;
        }

        .c-content-tab-1 .nav.tabs-right > li:hover, .c-content-tab-1 .nav.tabs-right > li:focus, .c-content-tab-1 .nav.tabs-right > li:active, .c-content-tab-1 .nav.tabs-right > li.active,
        .c-content-tab-1 .nav.nav-justified.tabs-right > li:hover,
        .c-content-tab-1 .nav.nav-justified.tabs-right > li:focus,
        .c-content-tab-1 .nav.nav-justified.tabs-right > li:active,
        .c-content-tab-1 .nav.nav-justified.tabs-right > li.active {
            background: #f7f7f7;
        }

            .c-content-tab-1 .nav.tabs-right > li:hover > a, .c-content-tab-1 .nav.tabs-right > li:focus > a, .c-content-tab-1 .nav.tabs-right > li:active > a, .c-content-tab-1 .nav.tabs-right > li.active > a,
            .c-content-tab-1 .nav.nav-justified.tabs-right > li:hover > a,
            .c-content-tab-1 .nav.nav-justified.tabs-right > li:focus > a,
            .c-content-tab-1 .nav.nav-justified.tabs-right > li:active > a,
            .c-content-tab-1 .nav.nav-justified.tabs-right > li.active > a {
                background: none;
                transition: none;
                border: 0;
                border-left: 3px solid var(--theme-color);
            }

        .c-content-tab-1 .nav.tabs-right > li:last-child > a,
        .c-content-tab-1 .nav.nav-justified.tabs-right > li:last-child > a {
            border-bottom: 0;
        }

    .c-content-tab-1 .nav.tabs-below,
    .c-content-tab-1 .nav.nav-justified.tabs-below {
        border: 0;
        border-top: 0;
    }

        .c-content-tab-1 .nav.tabs-below > li > a,
        .c-content-tab-1 .nav.nav-justified.tabs-below > li > a {
            border: 0;
            border-top: 3px solid transparent;
        }

        .c-content-tab-1 .nav.tabs-below > li:hover, .c-content-tab-1 .nav.tabs-below > li:focus, .c-content-tab-1 .nav.tabs-below > li:active, .c-content-tab-1 .nav.tabs-below > li.active,
        .c-content-tab-1 .nav.nav-justified.tabs-below > li:hover,
        .c-content-tab-1 .nav.nav-justified.tabs-below > li:focus,
        .c-content-tab-1 .nav.nav-justified.tabs-below > li:active,
        .c-content-tab-1 .nav.nav-justified.tabs-below > li.active {
            background: none;
        }

            .c-content-tab-1 .nav.tabs-below > li:hover > a, .c-content-tab-1 .nav.tabs-below > li:focus > a, .c-content-tab-1 .nav.tabs-below > li:active > a, .c-content-tab-1 .nav.tabs-below > li.active > a,
            .c-content-tab-1 .nav.nav-justified.tabs-below > li:hover > a,
            .c-content-tab-1 .nav.nav-justified.tabs-below > li:focus > a,
            .c-content-tab-1 .nav.nav-justified.tabs-below > li:active > a,
            .c-content-tab-1 .nav.nav-justified.tabs-below > li.active > a {
                background: none;
                transition: none;
                border: 0;
                border-top: 3px solid var(--theme-color);
            }

.c-content-tab-1 .tab-content {
    padding: 0;
}

    .c-content-tab-1 .tab-content.c-bordered {
        border: 1px solid #eeeeee;
    }

    .c-content-tab-1 .tab-content.c-left-bordered {
        border-left: 1px solid #eeeeee;
    }

    .c-content-tab-1 .tab-content.c-right-bordered {
        border-right: 1px solid #eeeeee;
    }

    .c-content-tab-1 .tab-content.c-padding-sm {
        padding: 5px;
    }

    .c-content-tab-1 .tab-content.c-padding {
        padding: 15px;
    }

    .c-content-tab-1 .tab-content.c-padding-lg {
        padding: 30px;
    }

.c-content-tab-2 > .nav {
    text-align: center;
}

    .c-content-tab-2 > .nav > li {
        float: none;
        display: inline-block;
    }

        .c-content-tab-2 > .nav > li > a > i {
            font-size: 38px;
        }

        .c-content-tab-2 > .nav > li > a > .c-title {
            display: block;
            margin: 20px 0;
            color: #525e64;
        }

        .c-content-tab-2 > .nav > li > a > .c-content-line-icon {
            width: 55px;
            height: 55px;
        }

        .c-content-tab-2 > .nav > li.active > .c-arrow {
            position: relative;
        }

            .c-content-tab-2 > .nav > li.active > .c-arrow:before {
                bottom: 100%;
                left: 50%;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border: 13px solid transparent;
                margin-left: -13px;
            }

        .c-content-tab-2 > .nav > li:not(.active) > a > .c-content-line-icon {
            opacity: 0.9;
            filter: alpha(opacity=90);
            background-image: url('../images/line-icon-dark.png');
        }

        .c-content-tab-2 > .nav > li + li {
            margin-left: 20px;
        }

.c-content-tab-2 > .c-tab-content .tab-content {
    padding: 80px 0;
    overflow: auto;
}

.c-content-tab-2 > .c-tab-content .c-tab-pane > h4 {
    margin-bottom: 16px;
}

.c-content-tab-2 > .c-tab-content .c-tab-pane > img {
    float: right;
    margin-left: 100px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.c-content-tab-2 > .c-tab-content .c-tab-pane > .c-title {
    line-height: 1.6em;
}

.c-content-tab-2 > .c-tab-content .c-tab-pane p {
    color: #838e9a;
}

.c-content-tab-2 > .c-tab-content .c-tab-pane > .btn {
    margin-top: 12px;
}

.c-content-tab-2.c-opt-1 > .nav li > a {
    color: #cfd9e6;
    background-color: transparent;
    transition: all 0.2s;
}

    .c-content-tab-2.c-opt-1 > .nav li > a:hover {
        color: var(--theme-color);
        transition: all 0.2s;
    }

.c-content-tab-2.c-opt-1 > .nav li:hover > a {
    color: var(--theme-color);
}

.c-content-tab-2.c-opt-1 > .nav li.active > a {
    color: var(--theme-color);
}

    .c-content-tab-2.c-opt-1 > .nav li.active > a:hover {
        color: var(--theme-color);
    }

.c-content-tab-2.c-opt-1 > .nav li.active > .c-arrow:before {
    border-bottom-color: #2f353b;
}

.c-content-tab-2.c-opt-1 > .nav.c-hover-lighten a:hover {
    opacity: 1;
}

.c-content-tab-2.c-opt-1 > .c-tab-content {
    background-color: #2f353b;
}

    .c-content-tab-2.c-opt-1 > .c-tab-content .c-tab-pane > h4 {
        color: #ffffff;
    }

    .c-content-tab-2.c-opt-1 > .c-tab-content .c-tab-pane > .c-title {
        color: #97a1ac;
    }

.c-title-tab-2 > h4 {
    margin: 15px 0 36px;
    font-weight: 400;
}

    .c-title-tab-2 > h4 > .c-title-border {
        width: 65px;
        height: 2px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

.c-title-tab-2.c-opt-title-1 > h4 {
    color: #455055;
}

    .c-title-tab-2.c-opt-title-1 > h4 > .c-title-border {
        background-color: #22afd7;
    }

.c-title-tab-2.c-opt-title-2 > h4 {
    color: #455055;
}

    .c-title-tab-2.c-opt-title-2 > h4 > .c-title-border {
        background-color: #71c9ce;
    }

.c-title-tab-2.c-opt-title-3 > h4 {
    color: #ffffff;
}

    .c-title-tab-2.c-opt-title-3 > h4 > .c-title-border {
        background-color: #ff6b57;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-tab-2 > .nav a > i {
        font-size: 40px;
    }

    .c-content-tab-2 > .nav a > .c-title {
        margin: 10px 0;
    }
}

@media (max-width: 767px) {
    /* 766px */
    .c-content-tab-2 > .nav li.active > .c-arrow {
        position: static;
    }

        .c-content-tab-2 > .nav li.active > .c-arrow:before {
            border: 0;
        }

    .c-content-tab-2 > .c-tab-content img {
        width: 100%;
        float: none;
        clear: both;
        padding: 0;
        margin-bottom: 20px;
    }

    .c-content-tab-2 > .c-tab-content h4 {
        margin: 20px 0;
    }
}

.c-content-tab-3 .nav {
    text-align: center;
    width: 1170px;
    margin: auto;
}

    .c-content-tab-3 .nav > li {
        float: left;
        display: inline-block;
    }

        .c-content-tab-3 .nav > li > a {
            padding: 20px 50px;
        }

        .c-content-tab-3 .nav > li + li {
            margin-left: 2px;
        }

            .c-content-tab-3 .nav > li + li > .c-separator {
                top: 20px;
                left: -2px;
                width: 2px;
                height: 21px;
                position: absolute;
            }

        .c-content-tab-3 .nav > li.active > .c-separator {
            visibility: hidden;
        }

        .c-content-tab-3 .nav > li.active + li > .c-separator {
            visibility: hidden;
        }

.c-content-tab-3 > .c-tab-content {
    padding: 85px 0 60px 0;
}

    .c-content-tab-3 > .c-tab-content ul.c-items {
        margin: 0;
        padding: 0;
    }

        .c-content-tab-3 > .c-tab-content ul.c-items > li {
            margin: 0 0 0 -13px;
            list-style: none;
        }

            .c-content-tab-3 > .c-tab-content ul.c-items > li + li {
                padding-top: 25px;
            }

            .c-content-tab-3 > .c-tab-content ul.c-items > li > h4 {
                margin: 0 0 15px;
            }

                .c-content-tab-3 > .c-tab-content ul.c-items > li > h4 > i {
                    margin-right: 10px;
                }

    .c-content-tab-3 > .c-tab-content .btn {
        margin: 32px 0 0 -13px;
    }

    .c-content-tab-3 > .c-tab-content ul.c-photos {
        margin-right: -30px;
    }

        .c-content-tab-3 > .c-tab-content ul.c-photos > li {
            list-style: none;
        }

            .c-content-tab-3 > .c-tab-content ul.c-photos > li + li {
                margin-bottom: 20px;
            }

.c-content-tab-3.c-opt-1 .nav > li > a {
    color: #7f96b2;
    background-color: #edf1f5;
}

    .c-content-tab-3.c-opt-1 .nav > li > a:hover {
        background-color: #ffffff;
    }

.c-content-tab-3.c-opt-1 .nav > li.active > a {
    color: var(--theme-color);
    background-color: #ffffff;
}

.c-content-tab-3.c-opt-1 > .c-tab-content {
    background-color: #ffffff;
}

    .c-content-tab-3.c-opt-1 > .c-tab-content ul.c-items > li > h4 {
        color: #5f6f77;
    }

        .c-content-tab-3.c-opt-1 > .c-tab-content ul.c-items > li > h4 > i {
            color: #78a2c9;
        }

    .c-content-tab-3.c-opt-1 > .c-tab-content ul.c-items > li > p {
        color: #7d929d;
    }

@media (max-width: 991px) {
    /* 991px */
    .c-content-tab-3 .nav > li > .c-separator {
        display: none;
    }

    .c-content-tab-3 .nav > li + li {
        margin: 0;
    }

    .c-content-tab-3 > .c-tab-content .c-photos {
        margin: 50px -28px 0;
        padding: 0;
    }

        .c-content-tab-3 > .c-tab-content .c-photos + .c-photos {
            margin: 0 -28px 0;
        }
}

@media (max-width: 767px) {
    /* 766px */
    .c-content-tab-3 .nav > li {
        width: 100%;
    }

    .c-content-tab-3 > .c-tab-content .c-photos > li + li {
        margin-top: 20px;
    }
}

.c-content-tab-4 > .nav > li {
    text-align: center;
}

    .c-content-tab-4 > .nav > li > a {
        font-weight: 600;
        padding: 20px 15px;
        border: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .c-content-tab-4 > .nav > li + li {
        padding-left: 1px;
    }

    .c-content-tab-4 > .nav > li:last-child {
        margin-left: 0.03px;
    }

.c-content-tab-4 > .tab-content .c-tab-items {
    list-style-type: none;
    margin: 0;
    padding: 30px 20px 30px 0;
}

    .c-content-tab-4 > .tab-content .c-tab-items > li .c-photo {
        padding-left: 27px;
    }

    .c-content-tab-4 > .tab-content .c-tab-items > li h4 {
        margin: 0;
        padding-bottom: 8px;
    }

    .c-content-tab-4 > .tab-content .c-tab-items > li p, .c-content-tab-4 > .tab-content .c-tab-items > li h4 {
        margin-left: -6px;
    }

    .c-content-tab-4 > .tab-content .c-tab-items > li:nth-child(even) {
        padding: 25px 0;
    }

    .c-content-tab-4 > .tab-content .c-tab-items > li:last-child {
        padding-bottom: 0;
    }

.c-content-tab-4.c-tab-bordered > .tab-content {
    border: 1px solid #eef1f3;
    border-top: 0;
}

.c-content-tab-4.c-opt-1 > .nav > li > a {
    color: #ffffff;
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-1 > .nav > li > a:hover, .c-content-tab-4.c-opt-1 > .nav > li > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-1 > .nav > li.active > a, .c-content-tab-4.c-opt-1 > .nav > li:active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-1 > .nav > li:nth-child(even) > a {
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even) > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-1 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-1 > .nav > li:nth-child(even):active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-1 > .tab-content {
    background-color: #ffffff;
}

    .c-content-tab-4.c-opt-1 > .tab-content .c-tab-items > li h4 {
        color: #5f6f77;
    }

    .c-content-tab-4.c-opt-1 > .tab-content .c-tab-items > li p {
        color: #9aaab3;
    }

.c-content-tab-4.c-opt-2 > .nav > li > a {
    color: #ffffff;
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-2 > .nav > li > a:hover, .c-content-tab-4.c-opt-2 > .nav > li > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-2 > .nav > li.active > a, .c-content-tab-4.c-opt-2 > .nav > li:active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-2 > .nav > li:nth-child(even) > a {
    background-color: #cfdae4;
}

    .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even) > a:focus {
        background-color: #6d8fad;
    }

.c-content-tab-4.c-opt-2 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-2 > .nav > li:nth-child(even):active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-2 > .tab-content {
    background-color: #ffffff;
}

    .c-content-tab-4.c-opt-2 > .tab-content .c-tab-items > li h4 {
        color: #5f6f77;
    }

    .c-content-tab-4.c-opt-2 > .tab-content .c-tab-items > li p {
        color: #9aaab3;
    }

.c-content-tab-4.c-opt-3 > .nav > li > a {
    color: #ffffff;
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-3 > .nav > li > a:hover, .c-content-tab-4.c-opt-3 > .nav > li > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-3 > .nav > li.active > a, .c-content-tab-4.c-opt-3 > .nav > li:active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a {
    background-color: #cfdae4;
}

    .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a:focus {
        background-color: #6d8fad;
    }

.c-content-tab-4.c-opt-3 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-3 > .nav > li:nth-child(even):active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-3 > .tab-content {
    background-color: #f6f9fb;
}

    .c-content-tab-4.c-opt-3 > .tab-content .c-tab-items > li h4 {
        color: #5f6f77;
    }

    .c-content-tab-4.c-opt-3 > .tab-content .c-tab-items > li p {
        color: #9aaab3;
    }

.c-content-tab-4.c-opt-4 > .nav > li > a {
    color: #ffffff;
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-4 > .nav > li > a:hover, .c-content-tab-4.c-opt-4 > .nav > li > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-4 > .nav > li.active > a, .c-content-tab-4.c-opt-4 > .nav > li:active > a {
    color: #ff6b57;
    background-color: #3e495e;
}

.c-content-tab-4.c-opt-4 > .nav > li:nth-child(even) > a {
    background-color: #cfdae4;
}

    .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even) > a:focus {
        background-color: #6d8fad;
    }

.c-content-tab-4.c-opt-4 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-4 > .nav > li:nth-child(even):active > a {
    color: #ff6b57;
    background-color: #3e495e;
}

.c-content-tab-4.c-opt-4 > .tab-content {
    background-color: #3e495e;
}

    .c-content-tab-4.c-opt-4 > .tab-content .c-tab-items > li h4 {
        color: #ffffff;
    }

    .c-content-tab-4.c-opt-4 > .tab-content .c-tab-items > li p {
        color: #616b7f;
    }

.c-content-tab-4.c-opt-5 > .nav > li > a {
    color: #ffffff;
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-5 > .nav > li > a:hover, .c-content-tab-4.c-opt-5 > .nav > li > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-5 > .nav > li.active > a, .c-content-tab-4.c-opt-5 > .nav > li:active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-5 > .nav > li:nth-child(even) > a {
    background-color: #d5e0ea;
}

    .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even) > a:hover, .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even) > a:focus {
        background-color: #6f95b7;
    }

.c-content-tab-4.c-opt-5 > .nav > li:nth-child(even).active > a, .c-content-tab-4.c-opt-5 > .nav > li:nth-child(even):active > a {
    color: #ffffff;
    background-color: #5bc2ce;
}

.c-content-tab-4.c-opt-5 > .tab-content {
    background-color: #ffffff;
}

    .c-content-tab-4.c-opt-5 > .tab-content .c-tab-items > li h4 {
        color: #5f6f77;
    }

    .c-content-tab-4.c-opt-5 > .tab-content .c-tab-items > li p {
        color: #9aaab3;
    }

@media (max-width: 1199px) {
    /* 1199px */
    .c-content-tab-4 > .nav > li:last-child {
        margin-left: 0.06px;
    }
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-tab-4 > .nav > li:last-child {
        margin-left: 0.01px;
    }
}

@media (max-width: 767px) {
    /* 766px */
    .c-content-tab-4 > .tab-content .c-tab-items > li .c-photo {
        padding-bottom: 15px;
    }

    .c-content-tab-4 > .tab-content .c-tab-items > li h4, .c-content-tab-4 > .tab-content .c-tab-items > li p {
        padding: 0 25px;
    }
}

.c-content-step-1 {
    text-align: center;
    padding-bottom: 20px;
}

    .c-content-step-1 > .c-icon {
        padding-bottom: 30px;
    }

        .c-content-step-1 > .c-icon > .c-hr {
            display: inline-block;
        }

            .c-content-step-1 > .c-icon > .c-hr:before, .c-content-step-1 > .c-icon > .c-hr:after {
                border-top: 1px solid black;
                display: block;
                height: 1px;
                content: " ";
                width: 38%;
                position: absolute;
                left: 0;
                top: 2.2em;
            }

            .c-content-step-1 > .c-icon > .c-hr:after {
                right: 0;
                left: auto;
            }

            .c-content-step-1 > .c-icon > .c-hr.c-hr-first:before {
                width: 34%;
                left: 4%;
            }

            .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
                width: 34%;
                right: 4%;
            }

            .c-content-step-1 > .c-icon > .c-hr > i {
                font-size: 4.2em;
            }

    .c-content-step-1 > .c-title {
        margin-top: 20px;
    }

    .c-content-step-1 > .c-description {
        padding: 0px 60px;
        margin: 20px 0 30px 0;
    }

    .c-content-step-1.c-opt-1 > .c-icon {
        color: #7d90b0;
    }

        .c-content-step-1.c-opt-1 > .c-icon > .c-hr:before, .c-content-step-1.c-opt-1 > .c-icon > .c-hr:after {
            border-color: #919191;
        }

    .c-content-step-1.c-opt-1 > .c-description {
        color: var(--theme-body-forecolor) !important;
    }

.c-title-step-1 > h4 {
    margin: 15px 0;
}

.c-title-step-1 > p {
    margin-bottom: 68px;
}

.c-title-step-1.c-opt-title-1 > h4 {
    color: #455055;
}

    .c-title-step-1.c-opt-title-1 > h4 > span {
        color: #455055;
    }

.c-title-step-1.c-opt-title-1 > p {
    color: #a0b0b8;
}

@media (max-width: 991px) {
    /* 991px */
    .c-content-step-1 {
        padding-bottom: 60px;
    }

        .c-content-step-1 > .c-icon > .c-hr:after {
            width: 34%;
            right: 4%;
        }

        .c-content-step-1 > .c-icon > .c-hr.c-hr-first:after {
            width: 38%;
            right: 0;
            left: auto;
        }

        .c-content-step-1 > .c-icon > .c-hr.c-hr-last:before {
            width: 41%;
            left: 2%;
        }

        .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
            width: 42%;
            right: 2%;
        }
}

@media (max-width: 767px) {
    
    /* 766px */
    .c-content-step-1 {
        padding-bottom: 60px;
    }

    .c-content-step-1 > .c-icon > .c-hr:before {
        width: 34%;
        left: 4%;
    }

    .c-content-step-1 > .c-icon > .c-hr.c-hr-first:after {
        width: 35%;
        right: 4%;
    }

    .c-content-step-1 > .c-icon > .c-hr.c-hr-last:before {
        width: 35%;
        left: 4%;
    }

    .c-content-step-1 > .c-icon > .c-hr.c-hr-last:after {
        width: 35%;
        right: 4%;
    }

    .c-content-step-1 > .c-explore {
        padding-bottom: 60px;
    }
}

.c-content-accordion-1 .panel-group {
    margin-bottom: 0;
}

.c-content-accordion-1 .panel {
    padding: 0;
    box-shadow: none;
    border: 0;
    margin-bottom: 10px;
}

.c-content-accordion-1 .panel:last-child {
    margin-bottom: 0;
}

.c-content-accordion-1 .panel:last-child {
    margin-bottom: 0;
}

.c-content-accordion-1 .panel > .panel-heading {
    padding: 0;
    color: #ffffff;
}

.c-content-accordion-1 .panel > .panel-heading > .panel-title {
    padding: 0;
    margin: 0;
}

.c-content-accordion-1 .panel > .panel-heading > .panel-title > a {
    transition: all 0.2s;
    color: #fff;
    display: block;
    padding: 30px 30px 25px 30px;
    box-shadow: none;
}

.c-content-accordion-1 .panel > .panel-heading > .panel-title > a > i {
    margin-right: 5px;
    font-size: 17px;
}

.c-content-accordion-1 .panel > .panel-heading > .panel-title > a.collapsed {
    color: var(--theme-body-forecolor) !important;
    background-color: var(--theme-body-backcolor) !important;
}

.c-content-accordion-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
    color: #fff;
    transition: all 0.2s;
}

.c-content-accordion-1 .panel > .panel-collapse > .panel-body {
    border-top: none;
    padding: 0px 30px 35px 30px;
    color: #ffffff;
}

.c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a {
    background-color: #FFFFFF;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a {
    border: 2px solid #e6e6e6 !important;
}

.c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

.c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-white .panel > .panel-heading > .panel-title > a.collapsed:focus {
    color: #fff;
    background-color: #FFFFFF;
}

.c-content-accordion-1.c-accordion-white .panel > .panel-collapse > .panel-body {
    background-color: var(--theme-panel-backcolor);
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-white .panel > .panel-collapse > .panel-body {
    border: 2px solid #e6e6e6 !important;
}

.c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a {
    background-color: #000000;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a {
    border: 2px solid black !important;
}

.c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-black .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #000000;
    }

.c-content-accordion-1.c-accordion-black .panel > .panel-collapse > .panel-body {
    background-color: #000000;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-black .panel > .panel-collapse > .panel-body {
    border: 2px solid black !important;
}

.c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a {
    background-color: #7f8c97;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a {
    border: 2px solid #66727d !important;
}

.c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-regular .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #7f8c97;
    }

.c-content-accordion-1.c-accordion-regular .panel > .panel-collapse > .panel-body {
    background-color: #7f8c97;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-regular .panel > .panel-collapse > .panel-body {
    border: 2px solid #66727d !important;
}

.c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a {
    background-color: var(--theme-color);
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a {
    border: 2px solid #26a1ab !important;
}

.c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: var(--theme-color);
    }

.c-content-accordion-1.c-accordion-green .panel > .panel-collapse > .panel-body {
    background-color: var(--theme-color);
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green .panel > .panel-collapse > .panel-body {
    border: 2px solid #26a1ab !important;
}

.c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a {
    background-color: #52c9ba;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #37b1a1 !important;
}

.c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #52c9ba;
    }

.c-content-accordion-1.c-accordion-green-1 .panel > .panel-collapse > .panel-body {
    background-color: #52c9ba;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #37b1a1 !important;
}

.c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a {
    background-color: #5dc09c;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #42a883 !important;
}

.c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #5dc09c;
    }

.c-content-accordion-1.c-accordion-green-2 .panel > .panel-collapse > .panel-body {
    background-color: #5dc09c;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #42a883 !important;
}

.c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a {
    background-color: #84c68f;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #61b66f !important;
}

.c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-green-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #84c68f;
    }

.c-content-accordion-1.c-accordion-green-3 .panel > .panel-collapse > .panel-body {
    background-color: #84c68f;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-green-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #61b66f !important;
}

.c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a {
    background-color: #eb5d68;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a {
    border: 2px solid #e5303e !important;
}

.c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #eb5d68;
    }

.c-content-accordion-1.c-accordion-red .panel > .panel-collapse > .panel-body {
    background-color: #eb5d68;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red .panel > .panel-collapse > .panel-body {
    border: 2px solid #e5303e !important;
}

.c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a {
    background-color: #cd6262;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #bf3d3d !important;
}

.c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #cd6262;
    }

.c-content-accordion-1.c-accordion-red-1 .panel > .panel-collapse > .panel-body {
    background-color: #cd6262;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #bf3d3d !important;
}

.c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a {
    background-color: #C53A3A;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #e12330 !important;
}

.c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #C53A3A;
    }

.c-content-accordion-1.c-accordion-red-2 .panel > .panel-collapse > .panel-body {
    background-color: #C53A3A;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #e12330 !important;
}

.c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a {
    background-color: #d05163;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #bb3346 !important;
}

.c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-red-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #d05163;
    }

.c-content-accordion-1.c-accordion-red-3 .panel > .panel-collapse > .panel-body {
    background-color: #d05163;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-red-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #bb3346 !important;
}

.c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a {
    background-color: #FF6B57;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a {
    border: 2px solid #ff3e24 !important;
}

.c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #FF6B57;
    }

.c-content-accordion-1.c-accordion-yellow .panel > .panel-collapse > .panel-body {
    background-color: #FF6B57;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow .panel > .panel-collapse > .panel-body {
    border: 2px solid #ff3e24 !important;
}

.c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a {
    background-color: #c8d046;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #adb52e !important;
}

.c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #c8d046;
    }

.c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-collapse > .panel-body {
    background-color: #c8d046;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #adb52e !important;
}

.c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a {
    background-color: #c5bf66;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #b4ad44 !important;
}

.c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #c5bf66;
    }

.c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-collapse > .panel-body {
    background-color: #c5bf66;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #b4ad44 !important;
}

.c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a {
    background-color: #c5b96b;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #b6a747 !important;
}

.c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #c5b96b;
    }

.c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-collapse > .panel-body {
    background-color: #c5b96b;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-yellow-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #b6a747 !important;
}

.c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a {
    background-color: #3498DB;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a {
    border: 2px solid #217dbb !important;
}

.c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #3498DB;
    }

.c-content-accordion-1.c-accordion-blue .panel > .panel-collapse > .panel-body {
    background-color: #3498DB;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue .panel > .panel-collapse > .panel-body {
    border: 2px solid #217dbb !important;
}

.c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a {
    background-color: #5e9cd1;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #3883c4 !important;
}

.c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #5e9cd1;
    }

.c-content-accordion-1.c-accordion-blue-1 .panel > .panel-collapse > .panel-body {
    background-color: #5e9cd1;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #3883c4 !important;
}

.c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a {
    background-color: #5893dd;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #2e78d4 !important;
}

.c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #5893dd;
    }

.c-content-accordion-1.c-accordion-blue-2 .panel > .panel-collapse > .panel-body {
    background-color: #5893dd;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #2e78d4 !important;
}

.c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a {
    background-color: #57bfe1;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #2cafd9 !important;
}

.c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #57bfe1;
    }

.c-content-accordion-1.c-accordion-blue-3 .panel > .panel-collapse > .panel-body {
    background-color: #57bfe1;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-blue-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #2cafd9 !important;
}

.c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a {
    background-color: #b771b0;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a {
    border: 2px solid #a3529b !important;
}

.c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #b771b0;
    }

.c-content-accordion-1.c-accordion-purple .panel > .panel-collapse > .panel-body {
    background-color: #b771b0;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple .panel > .panel-collapse > .panel-body {
    border: 2px solid #a3529b !important;
}

.c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a {
    background-color: #a962bb;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #9147a3 !important;
}

.c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #a962bb;
    }

.c-content-accordion-1.c-accordion-purple-1 .panel > .panel-collapse > .panel-body {
    background-color: #a962bb;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #9147a3 !important;
}

.c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a {
    background-color: #aa67a3;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #8e5088 !important;
}

.c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #aa67a3;
    }

.c-content-accordion-1.c-accordion-purple-2 .panel > .panel-collapse > .panel-body {
    background-color: #aa67a3;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #8e5088 !important;
}

.c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a {
    background-color: #ac3773;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #852b59 !important;
}

.c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #ac3773;
    }

.c-content-accordion-1.c-accordion-purple-3 .panel > .panel-collapse > .panel-body {
    background-color: #ac3773;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-purple-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #852b59 !important;
}

.c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a {
    background-color: #8a7f68;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a {
    border: 2px solid #6d6452 !important;
}

.c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #8a7f68;
    }

.c-content-accordion-1.c-accordion-brown .panel > .panel-collapse > .panel-body {
    background-color: #8a7f68;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown .panel > .panel-collapse > .panel-body {
    border: 2px solid #6d6452 !important;
}

.c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a {
    background-color: #685e47;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #4a4332 !important;
}

.c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #685e47;
    }

.c-content-accordion-1.c-accordion-brown-1 .panel > .panel-collapse > .panel-body {
    background-color: #685e47;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #4a4332 !important;
}

.c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a {
    background-color: #7a6a61;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #5e514a !important;
}

.c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #7a6a61;
    }

.c-content-accordion-1.c-accordion-brown-2 .panel > .panel-collapse > .panel-body {
    background-color: #7a6a61;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #5e514a !important;
}

.c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a {
    background-color: #9d8b81;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #847167 !important;
}

.c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #9d8b81;
    }

.c-content-accordion-1.c-accordion-brown-3 .panel > .panel-collapse > .panel-body {
    background-color: #9d8b81;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-brown-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #847167 !important;
}

.c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a {
    background-color: #2f353b;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a {
    border: 2px solid #181b1f !important;
}

.c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #2f353b;
    }

.c-content-accordion-1.c-accordion-dark .panel > .panel-collapse > .panel-body {
    background-color: #2f353b;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark .panel > .panel-collapse > .panel-body {
    border: 2px solid #181b1f !important;
}

.c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a {
    background-color: #525e64;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #3b4448 !important;
}

.c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #525e64;
    }

.c-content-accordion-1.c-accordion-dark-1 .panel > .panel-collapse > .panel-body {
    background-color: #525e64;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #3b4448 !important;
}

.c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a {
    background-color: #31383c;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #1a1e20 !important;
}

.c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #31383c;
    }

.c-content-accordion-1.c-accordion-dark-2 .panel > .panel-collapse > .panel-body {
    background-color: #31383c;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #1a1e20 !important;
}

.c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a {
    background-color: #41515b;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #2c373d !important;
}

.c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #41515b;
    }

.c-content-accordion-1.c-accordion-dark-3 .panel > .panel-collapse > .panel-body {
    background-color: #41515b;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-dark-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #2c373d !important;
}

.c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a {
    background-color: #eeeeee;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a {
    border: 2px solid #d4d4d4 !important;
}

.c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #eeeeee;
    }

.c-content-accordion-1.c-accordion-grey .panel > .panel-collapse > .panel-body {
    background-color: #eeeeee;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey .panel > .panel-collapse > .panel-body {
    border: 2px solid #d4d4d4 !important;
}

.c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a {
    background-color: #f7f7f7;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #dedede !important;
}

.c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #f7f7f7;
    }

.c-content-accordion-1.c-accordion-grey-1 .panel > .panel-collapse > .panel-body {
    background-color: #f7f7f7;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey-1 .panel > .panel-collapse > .panel-body {
    border: 2px solid #dedede !important;
}

.c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a {
    background-color: #677083;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #515866 !important;
}

.c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #677083;
    }

.c-content-accordion-1.c-accordion-grey-2 .panel > .panel-collapse > .panel-body {
    background-color: #677083;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey-2 .panel > .panel-collapse > .panel-body {
    border: 2px solid #515866 !important;
}

.c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a {
    background-color: #7f8c97;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a {
    border: 2px solid #66727d !important;
}

.c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a.collapsed {
    background-color: #fff;
}

    .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a.collapsed:hover, .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-heading > .panel-title > a.collapsed:focus {
        color: #fff;
        background-color: #7f8c97;
    }

.c-content-accordion-1.c-accordion-grey-3 .panel > .panel-collapse > .panel-body {
    background-color: #7f8c97;
}

.c-accordion-bordered .c-content-accordion-1.c-accordion-grey-3 .panel > .panel-collapse > .panel-body {
    border: 2px solid #66727d !important;
}

@media (max-width: 1199px) {
    /* 991px */
    .c-content-accordion-1 .c-accordion {
        margin: 0;
        padding: 0;
    }
}

.c-content-login-form .modal-dialog .modal-content .modal-body .c-btn-login {
    padding-left: 40px;
    padding-right: 40px;
}

.c-content-login-form .modal-dialog .modal-content .modal-body .c-btn-forgot {
    margin-top: 8px;
    float: right;
    display: inline-block;
}

.c-content-login-form .modal-dialog .modal-content .modal-body .c-content-list-adjusted {
    margin-top: 30px;
}

.c-content-login-form .modal-dialog .modal-content .modal-footer {
    background: #f7f7f7;
    padding: 20px 40px;
    text-align: left;
}

    .c-content-login-form .modal-dialog .modal-content .modal-footer .c-text-account {
        display: inline-block;
        margin-top: 5px;
    }

    .c-content-login-form .modal-dialog .modal-content .modal-footer .c-btn-signup {
        float: right;
        padding-left: 30px;
        padding-right: 30px;
    }


@media (max-width: 991px) {

    /* 991px */
    .c-content-login-form {
        top: 0px;
    }

    .c-content-login-form .modal-dialog .modal-content .modal-body .c-btn-login {
        padding-left: 15px;
        padding-right: 15px;
    }

    .c-content-login-form .modal-dialog .modal-content .modal-body .c-content-list-adjusted > li {
        width: 100%;
        display: block;
        padding: 0;
        margin: 5px 0 0 0;
    }

    .c-layout-header-default-mobile {
        color: var(--theme-body-forecolor) !important;
        background-color: var(--theme-body-backcolor) !important;
        border-bottom: 2px solid #edf4f6;
        position: fixed !important;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 65px !important;
        z-index: 9995;
    }

    .c-layout-header.c-layout-header-default-mobile .c-topbar {
        border-bottom: 1px solid #edf4f6;
        background: white;
    }

    #login-image {
        display: block;
        visibility: visible;
    }

    #login-video {
        display: none;
        visibility: hidden;
    }

    .c-logo {
        float: left;
        padding-top: 4px;
        padding-left: 22px;
    }

    .c-brand-logo {
        margin-left: 8px;
    }

    .c-brand-logo img {
        height: 50px;
    }

    .c-layout-header .c-navbar .cm-ega-menu.c-pull-left {
        float: left;
    }

    .c-layout-header .c-navbar .c-mega-menu.c-pull-right {
        float: right;
    }

    .navbar-nav > li {
        margin-top: 20px !important;
        float: left;
    }

    .panel-buttons-theme {
        float: left;
        text-align: left;
        margin-left: 5px;
        width: 97.5%;
    }

    .panel-popup-buttons-theme {
        text-align: left;
        width: 97.5%;
        min-height: 40px;
        float: none;
        clear: both;
    }

    .notifycount-theme-menu {
        position: absolute;
        font-size: 15px;
        font-weight: bold;
        left: 6px;
        top: -17px;
        color: #FF3131;
        float: left;
    }

    .panel-editing-theme {
        min-height: 380px;
        padding: 5px 5px 5px 5px;
        background-color: #EEEEEE !important;
    }

    .summary-theme {
        margin: 10px 10px 10px 10px;
        max-width: unset !important;
        width: 95% !important;
        min-width: unset !important;
    }

    .summary-group {
        display: block;
    }

    .panel-info-group {
        display: block;
        padding-right: 10px;
    }

    .link-report {
        border-color: var(--theme-color);
        border-style: solid;
        border-width: 1px;
        padding: 10px 10px 10px 10px;
        font-size: 18px;
        font-weight: bold;
        margin: 5px 5px 5px 5px;
        white-space: nowrap;
        float: left;
        width: 100%;
    }

    .popup-650 {
        width: 96% !important;
    }

    .popup-550 {
        width: 96% !important;
    }

    .popup-450 {
        width: 96% !important;
    }

    .popup-350 {
        width: 96% !important;
    }

    .popup-250 {
        width: 96% !important;
    }

    .link-context {
        font-size: 16px;
    }

    .title-app {
        font-size: 14px;
        margin: 10px 0px 0px 0px;
    }

    .title-app-context {
        margin: 0px 0px 0px 0px;
    }

    .title-placard {
        display: none;
        visibility: hidden;
    }

    .logo-app {
        display: none;
        visibility: hidden;
    }

    .logo-app-resp {
        display: block;
        visibility: visible;
        font-size: 12px;
        margin-bottom: -25px;
        margin-top: 13px;
    }

    .postlist-theme {
        border: 1px solid #f1f1f1;
        margin: 10px 10px 10px 10px;
        width: 95%;
        max-width: 350px;
        float: left;
    }

    .menu-round-button {
        padding-right: 5px;
    }

    .video-item {
        width: 97%;
    }

    .iframe-responsive {
        height: 260px;
    }

    .c-header-container {
        max-width: 1110px;
    }

    .footer-mobile {
        background-color: var(--theme-panel-heading-color) !important;
        display: block;
        height: 55px;
        width: 100%;
        bottom: 0;
        left: 0;
        position: fixed;
        z-index: 9999 !important;
    }

    .footer-version {
        display: none;
    }

    .footer-app {
        display: block;
        text-align: center;
        font-size: 28px;
    }

    .menu-round-pc {
        display: none;
    }

    .menu-round-mobile {
        display: block;
        padding-right: 5px !important;
    }

    .menu-round-all {
        padding-right: 5px !important;
    }

    .top-25-mobile {
        margin-top: 25px;
    }

    .panel-info-size-default {
        width: 98.5% !important;
    }

    .scroll-horizontal {
        overflow-y: hidden;
        overflow-x: scroll;
    }

    .imagefile-theme-small {
        width: 100%;
    }

    .chart-theme {
        width: 97.5%;
    }

    .hide-mobile {
        display: none !important;
    }

    .login-cpf {
        width: 97.5%;
    }

    .panel-info-size-medium {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .panel-info-size-small {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .l-banner {
        max-width: 100% !important;
    }

}

@media (max-width: 768px) {

    /* 768px */
    .c-content-login-form {
        top: 0px;
    }

        .c-content-login-form .modal-dialog {
            width: 96%;
        }

    .panel-info-size-default {
        width: 97.5% !important;
    }
}

html {
    scroll-behavior: smooth;
}

::selection {
    color: #fff !important;
    background: var(--theme-selected-color);
}

.wrapperInfografico {
    max-width: 1080px;
    margin: 10px auto;
    margin-bottom: 50px;
    padding: 0 20px;
    position: relative;
}

#tituloInfografico {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
}

.wrapperInfografico .center-line {
    position: absolute;
    height: 100%;
    width: 4px;
    background: var(--theme-color);
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
}

.wrapperInfografico .row {
    display: flex;
}

.wrapperInfografico .row-1 {
    justify-content: flex-start;
    margin-left: -13px;
}

.wrapperInfografico .row-2 {
    justify-content: flex-end;
    margin-left: -17px;
}

.wrapperInfografico .row section {
    border-radius: 5px;
    width: calc(50% - 40px);
    padding: 10px;
    position: relative;
    border: 1px solid var(--theme-color);
}

.wrapperInfografico .row section::before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    background: #fff;
    top: 28px;
    z-index: -1;
    transform: rotate(45deg);
    border: 1px solid var(--theme-color);
}

.row-1 section::before {
    right: -7px;
}

.row-2 section::before {
    left: -7px;
}

.row section .icon,
.center-line .scroll-icon {
    position: absolute;
    background: #f2f2f2;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: var(--theme-color);
    font-size: 17px;
    box-shadow: 0 0 0 4px var(--theme-color), inset 0 2px 0 rgba(0,0,0,0.08), 0 3px 0 4px rgba(0,0,0,0.05);
}

.center-line .scroll-icon {
    bottom: -25px;
    left: 50%;
    font-size: 25px;
    transform: translateX(-50%);
    text-align: center;
}

.row-1 section .icon {
    top: 15px;
    right: -60px;
}

.row-2 section .icon {
    top: 15px;
    left: -60px;
}

#detailsDate {
    text-align: right !important;
}

#detailsDate a:active {
    color: blue !important;
}

    #detailsDate a:hover {
        color: black !important;
    }

.row section .details,
.row section .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .row section .details .title {
        font-size: 18px;
        font-weight: 600;
    }

.row section p {
    margin: 10px 0 17px 0;
}

.row section .bottom a {
    text-decoration: none;
    background: var(--theme-color);
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    /* font-size: 17px; */
    font-weight: 400;
    transition: all 0.3s ease;
}

.row section .bottom a:hover {
    transform: scale(0.97);
}

@media(max-width: 790px) {

    .wrapperInfografico .center-line {
        left: 40px;
    }

    .wrapperInfografico .row {
        margin: 30px 0 3px 59px;
    }

    .wrapperInfografico .row section {
        width: 100%;
    }

    .row-1 section::before {
        left: -7px;
    }

    .row-1 section .icon {
        left: -60px;
    }

    .img-empty {
        width: 75%;
    }

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

    .c-right-menu {
        margin-top: 25px !important;
        padding-right: 25px !important;
    }

    .c-left-menu {
        margin-top: 15px !important;
        margin-left: -35px !important;
    }
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {

    .c-right-menu {
        margin-top: 25px !important;
        padding-right: 50px !important;
    }

    .c-left-menu {
        margin-top: 15px !important;
        margin-left: -60px !important;
    }

}

@media only screen and (min-device-width: 912px) and (max-device-width: 1368px) and (orientation: portrait) {

    .c-right-menu {
        margin-top: 25px !important;
        padding-right: 95px !important;
    }

    .c-left-menu {
        margin-top: 15px !important;
        margin-left: -105px !important;
    }

}

@media only screen and (min-device-width: 1024px) and (max-device-height: 600px) {

    .c-right-menu {
        margin-top: 30px !important;
        padding-right: 0px !important;
    }

    .c-left-menu {
        margin-top: 5px !important;
        margin-left: -35px !important;
    }

    .title-placard {
        display: none;
    }

}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1080px) {

    .c-right-menu {
        margin-top: 30px !important;
        padding-right: 0px !important;
    }

    .c-left-menu {
        margin-top: 5px !important;
        margin-left: -55px !important;
    }

    .title-placard {
        display: none;
    }

}

@media only screen and (max-device-width: 280px) and (orientation: portrait) {

    .menu-round-280-greater {
        display: none;
    }
    
}



/* ---------------------------------------------------------------------
   G3 SELECT / COMBOBOX MODERNO
   Mantém o <select> original como fonte de dados e compatibilidade.
   --------------------------------------------------------------------- */
.g3-combobox {
    position: relative;
}

.g3-combobox label {
    display: inline-block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .92) !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
}

.g3-combobox.g3-select-ready .g3-select-native {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.g3-select-button {
    width: 100%;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 14px;
    border: 1px solid rgba(0, 255, 123, .55);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(7, 34, 19, .94), rgba(2, 17, 9, .96));
    color: #f5fff8;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 0 rgba(0,255,123,0);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

@media only screen and (max-width: 767px) {
    .g3-select-button {
        min-height: 44px;
        height: 44px;
        font-size: 16px;
    }
}

.g3-select-button:hover,
.g3-select-button:focus,
.g3-select-button.is-open {
    outline: none;
    border-color: rgba(0, 255, 123, .95);
    box-shadow: 0 0 0 3px rgba(0, 255, 123, .15);
}

.g3-select-button.is-disabled {
    opacity: .48;
    cursor: not-allowed;
    border-color: rgba(255,255,255,.18);
}

.g3-select-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.g3-select-button-placeholder {
    color: rgba(255,255,255,.62);
}

.g3-select-button-arrow {
    width: 9px;
    height: 9px;
    flex: 0 0 auto;
    border-right: 2px solid rgba(255,255,255,.84);
    border-bottom: 2px solid rgba(255,255,255,.84);
    transform: rotate(45deg);
    margin-top: -4px;
    transition: transform .18s ease;
}

.g3-select-button.is-open .g3-select-button-arrow {
    transform: rotate(225deg);
    margin-top: 4px;
}

.g3-select-panel {
    position: fixed;
    z-index: 99999;
    min-width: 220px;
    max-height: 340px;
    overflow: hidden;
    border: 1px solid rgba(0, 255, 123, .35);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(6, 31, 17, .98), rgba(2, 14, 8, .98));
    box-shadow: 0 18px 45px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
    color: #f7fff9;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.g3-select-panel-header {
    padding: 10px 12px 6px 12px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: rgba(0, 255, 123, .92);
}

.g3-select-search-wrap {
    padding: 8px 10px 7px 10px;
}

.g3-select-search {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 9px;
    background: rgba(255,255,255,.06);
    color: #fff;
    outline: none;
    font-size: 14px;
}

.g3-select-search:focus {
    border-color: rgba(0, 255, 123, .8);
    box-shadow: 0 0 0 3px rgba(0,255,123,.12);
}

.g3-select-list {
    max-height: 250px;
    overflow-y: auto;
    padding: 4px 8px 8px 8px;
}

.g3-select-list::-webkit-scrollbar {
    width: 5px;
}

.g3-select-list::-webkit-scrollbar-thumb {
    background: rgba(0, 255, 123, .38);
    border-radius: 10px;
}

.g3-select-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    padding: 8px 10px;
    border-radius: 9px;
    cursor: pointer;
    color: rgba(255,255,255,.92);
    font-size: 15px;
}

.g3-select-option:hover,
.g3-select-option.is-active {
    background: linear-gradient(90deg, rgba(0,255,123,.18), rgba(0,255,123,.04));
    color: #fff;
}

.g3-select-option.is-selected {
    background: linear-gradient(90deg, rgba(0,255,123,.26), rgba(0,255,123,.07));
    color: #fff;
    font-weight: 700;
}

.g3-select-option.is-placeholder {
    color: rgba(255,255,255,.62);
}

.g3-select-option-check {
    color: rgba(0,255,123,.95);
    font-weight: 700;
}

.g3-select-empty {
    padding: 14px 12px;
    color: rgba(255,255,255,.68);
    font-size: 14px;
}

@media (max-width: 767px) {
    .g3-select-panel {
        left: 14px !important;
        right: 14px !important;
        bottom: 18px !important;
        top: auto !important;
        width: auto !important;
        max-height: min(70vh, 520px);
        border-radius: 18px;
    }

    .g3-select-panel:before {
        content: '';
        display: block;
        width: 44px;
        height: 4px;
        margin: 10px auto 2px auto;
        border-radius: 10px;
        background: rgba(255,255,255,.35);
    }

    .g3-select-list {
        max-height: calc(70vh - 118px);
    }

    .g3-select-option {
        min-height: 44px;
        font-size: 16px;
    }
}


/* BEGIN: G3 modern textbox/input */
.g3-textbox {
    position: relative;
    text-align: left;
}

.g3-textbox label {
    display: inline-block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .92) !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
}

.g3-textbox-field {
    position: relative;
    width: 100%;
    text-align: left;
}

.g3-textbox .g3-textbox-input,
.g3-textbox input.form-control,
.g3-textbox textarea.form-control {
    width: 100% !important;
    min-height: 42px;
    height: 42px;
    padding: 10px 14px !important;
    color: rgba(255, 255, 255, .94) !important;
    background: linear-gradient(180deg, rgba(4, 28, 16, .94), rgba(1, 14, 8, .92)) !important;
    border: 1px solid rgba(0, 255, 123, .46) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 24px rgba(0, 0, 0, .18) !important;
    outline: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
    -webkit-appearance: none;
    appearance: none;
}

.g3-textbox-field-has-icon .g3-textbox-input,
.g3-textbox-field-has-icon input.form-control {
    padding-right: 42px !important;
}

.g3-textbox textarea.form-control,
.g3-textbox.textbox-size-multiline .g3-textbox-input {
    height: auto;
    min-height: 92px;
    padding-right: 14px !important;
}

.g3-textbox .g3-textbox-input::placeholder,
.g3-textbox input.form-control::placeholder,
.g3-textbox textarea.form-control::placeholder {
    color: rgba(255, 255, 255, .46) !important;
    opacity: 1;
}

.g3-textbox .g3-textbox-input:focus,
.g3-textbox input.form-control:focus,
.g3-textbox textarea.form-control:focus {
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(4, 34, 19, .98), rgba(2, 18, 10, .96)) !important;
    border-color: rgba(0, 255, 123, .95) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 123, .14), inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .24) !important;
}

.g3-textbox .g3-textbox-input:hover:not(:disabled):not([readonly]),
.g3-textbox input.form-control:hover:not(:disabled):not([readonly]),
.g3-textbox textarea.form-control:hover:not(:disabled):not([readonly]) {
    border-color: rgba(0, 255, 123, .70) !important;
}

.g3-textbox .g3-textbox-input:disabled,
.g3-textbox input.form-control:disabled,
.g3-textbox textarea.form-control:disabled,
.g3-textbox .g3-textbox-input[readonly],
.g3-textbox input.form-control[readonly],
.g3-textbox textarea.form-control[readonly] {
    color: rgba(255, 255, 255, .52) !important;
    background: rgba(8, 18, 12, .60) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

.g3-textbox .textbox-eye {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0 !important;
    transform: translateY(-50%);
    color: rgba(0, 255, 123, .86) !important;
    border-radius: 8px;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.g3-textbox .textbox-eye:hover {
    color: #ffffff !important;
    background: rgba(0, 255, 123, .14);
}

.g3-textbox .textbox-eye .eye-password,
.g3-textbox .textbox-eye i {
    color: inherit !important;
    font-size: 14px;
    line-height: 1;
}

.g3-textbox.is-focused label {
    color: #00ff7b !important;
}

.g3-textbox.is-filled .g3-textbox-input,
.g3-textbox.is-filled input.form-control,
.g3-textbox.is-filled textarea.form-control {
    border-color: rgba(0, 255, 123, .64) !important;
}

.g3-textbox.has-error .g3-textbox-input,
.g3-textbox.has-error input.form-control,
.g3-textbox.has-error textarea.form-control,
.g3-textbox .g3-textbox-input.input-validation-error,
.g3-textbox input.form-control.input-validation-error,
.g3-textbox textarea.form-control.input-validation-error {
    border-color: rgba(255, 49, 49, .95) !important;
    box-shadow: 0 0 0 3px rgba(255, 49, 49, .13), 0 10px 24px rgba(0, 0, 0, .18) !important;
}

@media only screen and (max-width: 767px) {
    .g3-textbox .g3-textbox-input,
    .g3-textbox input.form-control,
    .g3-textbox textarea.form-control {
        min-height: 44px;
        height: 44px;
        font-size: 16px !important;
    }
}
/* END: G3 modern textbox/input */

/* BEGIN: G3 modern between textbox/input
   Mantém as larguras configuradas pelo BetweenTextBoxUsc e aplica o
   mesmo acabamento visual do TextBoxUsc aos dois extremos do intervalo. */
.g3-between-textbox label {
    display: inline-block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .92) !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .01em;
}

.g3-between-textbox input.form-control {
    min-height: 42px;
    height: 42px;
    padding: 10px 14px !important;
    color: rgba(255, 255, 255, .94) !important;
    background: linear-gradient(180deg, rgba(4, 28, 16, .94), rgba(1, 14, 8, .92)) !important;
    border: 1px solid rgba(0, 255, 123, .46) !important;
    border-radius: 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 24px rgba(0, 0, 0, .18) !important;
    outline: none !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    -webkit-appearance: none;
    appearance: none;
}

.g3-between-textbox input.form-control:hover:not(:disabled):not([readonly]) {
    border-color: rgba(0, 255, 123, .70) !important;
}

.g3-between-textbox input.form-control:focus {
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(4, 34, 19, .98), rgba(2, 18, 10, .96)) !important;
    border-color: rgba(0, 255, 123, .95) !important;
    box-shadow: 0 0 0 3px rgba(0, 255, 123, .14), inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .24) !important;
}

.g3-between-textbox input.form-control:disabled,
.g3-between-textbox input.form-control[readonly] {
    color: rgba(255, 255, 255, .52) !important;
    background: rgba(8, 18, 12, .60) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    box-shadow: none !important;
    cursor: not-allowed;
}

.g3-between-textbox .g3-between-separator {
    padding: 0 8px;
    color: rgba(255, 255, 255, .66);
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .g3-between-textbox input.form-control {
        min-height: 44px;
        height: 44px;
        font-size: 16px !important;
    }
}
/* END: G3 modern between textbox/input */

/*********************************
G3 MESSAGE - High Contrast V3
*********************************/

.g3-message-popup-host {
    position: fixed;
    z-index: 10020;
    inset: 0;
    pointer-events: none;
}

.g3-message-popup-host > div {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.g3-message-backdrop {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: rgba(0, 0, 0, .64);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: auto;
}

.alert.g3-message {
    position: relative !important;
    z-index: 1;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    width: min(560px, 100%) !important;
    min-height: 86px !important;
    margin: 0 !important;
    padding: 18px 56px 18px 18px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(2, 23, 12, .98), rgba(8, 35, 20, .95)) !important;
    border: 2px solid rgba(0, 255, 123, .60) !important;
    border-radius: 15px !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 18px rgba(0, 255, 123, .22), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
    text-align: left !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
    pointer-events: auto;
    animation: g3-message-enter .20s ease-out both;
}

.alert.g3-message:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 16% 50%, rgba(255, 255, 255, .13), transparent 34%), linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 62%);
    opacity: .72;
}

.alert.g3-message:after {
    content: none !important;
    display: none !important;
}

.g3-message-status {
    position: relative;
    z-index: 1;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    background: rgba(0, 210, 106, .90);
    border: 1px solid rgba(255, 255, 255, .30);
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .45);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 18px rgba(0, 255, 123, .35), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.g3-message-content {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-width: 0;
}

.g3-message-title {
    margin: 0 0 5px 0;
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: .01em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .45);
}

.g3-message-text {
    color: rgba(255, 255, 255, .96);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.42;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}

.g3-message-close.close {
    position: absolute !important;
    z-index: 2;
    top: 14px !important;
    right: 14px !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, .35) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .16) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .45) !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    transition: all .15s ease-out;
}

.g3-message-close.close:hover,
.g3-message-close.close:focus {
    transform: scale(1.06);
    background: rgba(255, 255, 255, .25) !important;
    color: #ffffff !important;
    outline: none !important;
}

.alert.g3-message-success {
    background: linear-gradient(135deg, rgba(0, 116, 42, .98), rgba(0, 35, 18, .96)) !important;
    border-color: rgba(0, 230, 92, .94) !important;
    border-left-color: #00ff57 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 20px rgba(0, 255, 87, .35), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
}

.alert.g3-message-success:before {
    background: radial-gradient(circle at 16% 50%, rgba(0, 255, 123, .40), transparent 34%), linear-gradient(135deg, rgba(0, 255, 87, .16), transparent 62%);
}

.alert.g3-message-success:after {
    content: none !important;
    display: none !important;
}

.alert.g3-message-success .g3-message-status {
    background: linear-gradient(135deg, #00d26a, #009b44);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 18px rgba(0, 255, 87, .55), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.alert.g3-message-warning {
    background: linear-gradient(135deg, rgba(178, 126, 0, .98), rgba(62, 43, 0, .96)) !important;
    border-color: rgba(255, 205, 0, .96) !important;
    border-left-color: #ffd000 !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 20px rgba(255, 208, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.alert.g3-message-warning:before {
    background: radial-gradient(circle at 16% 50%, rgba(255, 208, 0, .42), transparent 34%), linear-gradient(135deg, rgba(255, 208, 0, .18), transparent 62%);
}

.alert.g3-message-warning:after {
    content: none !important;
    display: none !important;
}

.alert.g3-message-warning .g3-message-status {
    background: linear-gradient(135deg, #ffd84d, #e09c00);
    color: #221600;
    text-shadow: none;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 18px rgba(255, 208, 0, .60), inset 0 1px 0 rgba(255, 255, 255, .34);
}

.alert.g3-message-danger {
    background: linear-gradient(135deg, rgba(155, 0, 0, .98), rgba(43, 0, 0, .96)) !important;
    border-color: rgba(255, 44, 44, .98) !important;
    border-left-color: #ff1f1f !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 22px rgba(255, 31, 31, .45), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.alert.g3-message-danger:before {
    background: radial-gradient(circle at 16% 50%, rgba(255, 44, 44, .44), transparent 34%), linear-gradient(135deg, rgba(255, 31, 31, .18), transparent 62%);
}

.alert.g3-message-danger:after {
    content: none !important;
    display: none !important;
}

.alert.g3-message-danger .g3-message-status {
    background: linear-gradient(135deg, #ff2b2b, #b80000);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 20px rgba(255, 31, 31, .65), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.alert.g3-message-info {
    background: linear-gradient(135deg, rgba(0, 91, 160, .98), rgba(0, 22, 48, .96)) !important;
    border-color: rgba(37, 168, 255, .96) !important;
    border-left-color: #25a8ff !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .45), 0 0 20px rgba(37, 168, 255, .42), inset 0 1px 0 rgba(255, 255, 255, .12) !important;
}

.alert.g3-message-info:before {
    background: radial-gradient(circle at 16% 50%, rgba(37, 168, 255, .42), transparent 34%), linear-gradient(135deg, rgba(37, 168, 255, .18), transparent 62%);
}

.alert.g3-message-info:after {
    content: none !important;
    display: none !important;
}

.alert.g3-message-info .g3-message-status {
    background: linear-gradient(135deg, #25a8ff, #005dcb);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .35), 0 0 18px rgba(37, 168, 255, .60), inset 0 1px 0 rgba(255, 255, 255, .24);
}

@keyframes g3-message-enter {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 420px) {
    .g3-message-popup-host > div {
        padding: 12px;
    }

    .alert.g3-message {
        min-height: 78px !important;
        padding: 15px 48px 15px 15px !important;
        border-radius: 14px !important;
        gap: 12px !important;
    }

    .g3-message-status {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 28px;
    }

    .g3-message-title {
        font-size: 14px;
    }

    .g3-message-text {
        font-size: 13px;
        line-height: 1.38;
    }

    .g3-message-close.close {
        top: 10px !important;
        right: 10px !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 28px !important;
    }
}