/*#region parameter*/
:root {
    --main-color: #94101E;
    --main-date-color: #FF9900;
    --main-color-hover: #f7941d;
    --second-color: #FF9900;
}
/*#endregion*/

/*#region cutomize*/
.btn-link {
    color: var(--main-color);
}

    .btn-link:hover {
        color: var(--main-color-hover);
    }

    .btn-link:active {
        color: #506893;
    }
img.img-social {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

ul.contact,
ul.contact p {
    color: #fff;
    font-size: 1.0em;
    line-height: 180%;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    width: 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    width: 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    width: 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    width: 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    width: 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    width: 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    width: 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    width: 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%
}
.counter label {
    font-size: 1.2em;
}
.counter strong {
    font-size: 2.4em;
}
/*#region iBox*/
.ibox {
    clear: both;
    border-radius: 8px;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
}

    .ibox .label {
        font-size: 1.2em;
    }

    .ibox:after, .ibox:before {
        display: table;
    }

    .ibox.ibox-draft {
    }
        .ibox.ibox-draft .ibox-title {
            background-color: var(--second-color);
            min-height:70px;
        }
        .ibox.ibox-draft .ibox-title h5 {
            color:#fff;
            line-height: normal;
        }
        .ibox.ibox-draft .ibox-content {
            background: #f7f7f7;
            min-height: 200px;
            padding: 0;
        }

            .ibox.ibox-draft .ibox-content div.row {border-bottom: solid 2px #fff;}
            .ibox.ibox-draft .ibox-content div.row:last-child {border-bottom: none;}
            .ibox.ibox-draft .ibox-content div {margin: 0;padding: 10px;}

            .ibox.ibox-draft .ibox-content > div {
                color: #333;
                font-size: 1.0em;
                margin: 0;
                padding: 0;
            }
            .ibox.ibox-draft .ibox-content .text-dark {
                font-size: 1.5em;
            }


.ibox-title h5 {
    color: var(--main-color);
}
.ibox.ibox-round {
    background: #fff;
    border-radius: 12px;
    padding: 5px;
    min-height: 320px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

    .ibox.ibox-round .ibox-title,
    .ibox.ibox-round .ibox-content {
        border: none;
    }

.ibox.ibox-reward .ibox-title {
    background: #EBF5FF;
    border: solid 0px #f00;
}

.ibox.ibox-used .ibox-title {
    background: #FFEBEB;
    border: solid 0px #f00;
}

.ibox.ibox-remain .ibox-title {
    background: #FFF5EB;
    border: solid 0px #FDC00F;
}

.ibox.ibox-motivate .ibox-title {
    background: #F5FFEB;
    border: solid 0px #18A68D;
}

.ibox.ibox-reward .ibox-content span,
.ibox.ibox-used .ibox-content span,
.ibox.ibox-remain .ibox-content span,
.ibox.ibox-motivate .ibox-content span {
    margin: 10px 0;
}

.ibox.ibox-reward .ibox-content {
    background: #EBF5FF;
    border: solid 0px #2aafea;
    border-top: none;
}

    .ibox.ibox-reward .ibox-content span,
    .ibox.ibox-reward .ibox-content span a {
        color: #2aafea;
    }

.ibox.ibox-used .ibox-content {
    background: #FFEBEB;
    border: solid 0px #f00;
    border-top: none;
}

    .ibox.ibox-used .ibox-content span a {
        color: #f00;
    }

.ibox.ibox-remain .ibox-content {
    background: #FFF5EB;
    border: solid 0px #FDC00F;
    border-top: none;
}

    .ibox.ibox-remain .ibox-content span {
        color: #FDC00F;
    }

.ibox.ibox-motivate .ibox-content {
    background: #F5FFEB;
    border: solid 0px #18A68D;
    border-top: none;
}

    .ibox.ibox-motivate .ibox-content span a {
        color: #18A68D;
    }

.ibox-heading {
    background-color: #f3f6fb;
    border-bottom: none;
}

    .ibox-heading h3 {
        font-weight: 200;
        font-size: 24px;
    }

.ibox-title {
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px;
    color: inherit;
    margin-bottom: 0;
    padding: 10px;
    min-height: 48px;
    position: relative;
    clear: both;
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    border-radius: 8px 8px 0 0;
}

    .ibox-title h1 {
        display: inline-block;
        font-size: 2.0em;
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        float: none;
    }

    .ibox-title h4 {
        display: inline-block;
        font-size: 1.6em;
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        float: none;
    }

    .ibox-title h5 {
        display: inline-block;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
        text-overflow: ellipsis;
        float: none;
    }

    .ibox-title.idp-assign {
        background: #FFC756;
        text-align: center;
    }

        .ibox-title.idp-assign h4 {
            color: #fff;
        }

    .ibox-title.idp-status {
        background: #92D050;
        text-align: center;
    }

        .ibox-title.idp-status h4 {
            color: #fff;
        }

    .ibox-title .label {
        margin-left: 4px;
    }

    .ibox-title .pull-right {
        position: absolute;
        right: 15px;
        top: 15px;
    }

.ibox-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    text-align: right;
}

    .ibox-tools a {
        cursor: pointer;
        margin-left: 5px;
        color: #c4c4c4 !important;
    }

    .ibox-tools h1 {
        font-size: 3.0em;
        font-weight: 500;
    }
    
    .ibox[class*="ibox-style-1-"] .ibox-title {border-bottom: none;}
    .ibox[class*="ibox-style-1-"] .ibox-title h5 {color: #fff;}
    .ibox[class*="ibox-style-1-"] .ibox-content {border-top: none;min-height: 100px;padding: 0;}

    .ibox.ibox-style-1-1 .ibox-title {background: rgba(0,174,239,1.0);color: #fff;}
    .ibox.ibox-style-1-1 .ibox-content {background: rgba(0,174,239,0.2);color:#00aeef;}
    .ibox.ibox-style-1-2 .ibox-title{background: rgba(247,148,29,1.0);color: #fff;}
    .ibox.ibox-style-1-2 .ibox-content {background: rgba(247,148,29,0.2);color:#f7941d;}
    .ibox.ibox-style-1-3 .ibox-title{background: rgba(57,181,74,1.0);color:#fff;}
    .ibox.ibox-style-1-3 .ibox-content {background: rgba(57,181,74,0.2);color:#39b54a;}
    .ibox.ibox-style-1-4 .ibox-title {background: rgba(99,4,96,1.0);color:#fff;}
    .ibox.ibox-style-1-4 .ibox-content {background: rgba(99,4,96,0.2);color:#630460;}

    
    .ibox[class*="ibox-style-2-"] .ibox-title {border-bottom: none;}
    .ibox[class*="ibox-style-2-"] .ibox-content {border-top: none;min-height: 120px;padding: 0;}
    .ibox.ibox-style-2-1 .ibox-title,
    .ibox.ibox-style-2-1 .ibox-content {background: rgba(0,174,239,0.2);color:#00aeef;}
    .ibox.ibox-style-2-2 .ibox-title,
    .ibox.ibox-style-2-2 .ibox-content {background: rgba(247,148,29,0.2);color:#f7941d;}
    .ibox.ibox-style-2-3 .ibox-title,
    .ibox.ibox-style-2-3 .ibox-content {background: rgba(57,181,74,0.2);color:#39b54a;}
    .ibox.ibox-style-2-4 .ibox-title,
    .ibox.ibox-style-2-4 .ibox-content {background: rgba(99,4,96,0.2);color:#630460;}
    
    .ibox[class*="ibox-style-3-"] .ibox-title {border-bottom: none;}
    .ibox[class*="ibox-style-3-"] .ibox-content {border-top: none;min-height: 120px;padding: 0;}
    .ibox.ibox-style-3-1 .ibox-title h5 {border-radius:4px;background: #39b54a;color: #fff;font-size: 1.0em;padding: 4px 8px;}
    .ibox.ibox-style-3-2 .ibox-title h5 {border-radius:4px;background: #94101E;color: #fff;font-size: 1.0em;padding: 4px 8px;}
    .ibox.ibox-style-3-3 .ibox-title h5 {border-radius:4px;background: #888;color: #fff;font-size: 1.0em;padding: 4px 8px;}
    .ibox.ibox-style-3-4 .ibox-title h5 {border-radius:4px;background: #630460;color: #fff;font-size: 1.0em;padding: 4px 8px;}

    .ibox.ibox-style-3-1 .ibox-title,
    .ibox.ibox-style-3-1 .ibox-content {background: rgba(57,181,74,0.1);color:#39b54a;}
    .ibox.ibox-style-3-2 .ibox-title,
    .ibox.ibox-style-3-2 .ibox-content {background: rgba(148,16,30,0.1);color:#94101E;}
    .ibox.ibox-style-3-3 .ibox-title,
    .ibox.ibox-style-3-3 .ibox-content {background: rgba(99,99,99,0.1);color:#555;}
    .ibox.ibox-style-3-4 .ibox-title,
    .ibox.ibox-style-3-4 .ibox-content {background: rgba(99,4,96,0.1);color:#630460;}

.ibox.ibox-style-3-1 .ibox-tools a,
.ibox.ibox-style-3-2 .ibox-tools a,
.ibox.ibox-style-3-3 .ibox-tools a,
.ibox.ibox-style-3-4 .ibox-tools a {
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
    color: #555 !important;
    font-size: 1.0em;
    padding: 4px 8px;
}

.ibox-icon {
    border-radius: 36px;
    display: inline-block;
    height: 32px;
    line-height: 28px;
    position: relative;
    margin-top: -8px;
    padding: 0;
    text-align: center;
    width: 32px;
}

    .ibox-icon.gold {
        background: #EE8700;
        border: solid 4px #FDC00F;
    }

    .ibox-icon.red {
        background: #ffcccc;
        border: solid 4px #f00;
    }

    .ibox-icon.green {
        background: #a0ff1f;
        border: solid 4px #18a68d;
    }

    .ibox-icon.blue {
        background: #ddebf7;
        border: solid 4px #2aafea;
    }

    .ibox-icon .fa {
        font-size: 1.2em;
    }

.ibox-content {
    background-color: #fff;
    clear: both;
    color: inherit;
    padding: 5px 20px 10px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px;
    border-radius: 0 0 8px 8px;
}

    .ibox-content article h2 {
        font-size: 1.0em;
    }

    .ibox-content article p {
        font-size: 0.45em;
        font-weight: normal;
        display: unset;
        line-height: 10px;
    }

    .ibox-content h1 {
        font-size: 2.4em;
    }

    .ibox-content span {
        font-size: 2.4em;
        font-weight: 600;
        display: block;
        margin-bottom: 10px;
    }

    .ibox-content .post .post-content .post-meta span {
        font-size: 0.4em;
        display: unset;
    }

    .ibox-content.probation span {
        font-size: 1.2em;
        font-weight: 200;
        display: block;
        margin-bottom: 10px;
    }

.ibox-footer {
    color: inherit;
    border-top: 1px solid #e7eaec;
    font-size: 90%;
    background: #ffffff;
    padding: 10px 15px;
}
/*#endregion*/

/*#region WIDGETS */
.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
    .widget.widget-default h1 {
        color: #555;
        font-family: "Prompt-Thin";
        font-weight: 400;
    }

    .widget h1 {
        color: #fff;
        font-family: "Prompt-Thin";
        font-weight: 400;
    }
    .widget h3 {
        color: #fff;
        font-family: "Prompt-Light";
        font-size: 1.2em;
    }

    .widget.widget-success {
        background: #47A447;
    }

    .widget.widget-warning {
        background: #ED9C28;
    }
    .widget.widget-danger {
        background: #D2322D;
    }

    .widget.style1 h2 {
        font-size: 30px;
    }

    .widget h2,
    .widget h3 {
        margin-top: 5px;
        margin-bottom: 0;
    }

.widget-text-box {
    padding: 20px;
    border: 1px solid #e7eaec;
    background: #ffffff;
}

.widget-head-color-box {
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
}

.widget .flot-chart {
    height: 100px;
}

.vertical-align div {
    display: inline-block;
    vertical-align: middle;
}

.vertical-align h2,
.vertical-align h3 {
    margin: 0;
}

.todo-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    font-size: 14px;
}

    .todo-list.small-list {
        font-size: 12px;
    }

        .todo-list.small-list > li {
            background: #f3f3f4;
            border-left: none;
            border-right: none;
            border-radius: 4px;
            color: inherit;
            margin-bottom: 2px;
            padding: 6px 6px 6px 12px;
        }

        .todo-list.small-list .btn-xs,
        .todo-list.small-list .btn-group-xs > .btn {
            border-radius: 5px;
            font-size: 10px;
            line-height: 1.5;
            padding: 1px 2px 1px 5px;
        }

    .todo-list > li {
        background: #f3f3f4;
        border-left: 6px solid #e7eaec;
        border-right: 6px solid #e7eaec;
        border-radius: 4px;
        color: inherit;
        margin-bottom: 2px;
        padding: 10px;
    }

    .todo-list .handle {
        cursor: move;
        display: inline-block;
        font-size: 16px;
        margin: 0 5px;
    }

    .todo-list > li .label {
        font-size: 9px;
        margin-left: 10px;
    }

.check-link {
    font-size: 16px;
}

.todo-completed {
    text-decoration: line-through;
}

.geo-statistic h1 {
    font-size: 36px;
    margin-bottom: 0;
}

.glyphicon.fa {
    font-family: "FontAwesome";
}
/*#endregion*/

/*#region CONTACTS */
.contact-box {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
    min-height:340px !important;
}

    .contact-box h4 {font-size: 1.4em;}
    .contact-box table {
        min-height: 120px !important;
    }
    .contact-box table p {
        font-size: 1.2em;
    }

    .contact-box label,
    .contact-box p {
        font-size: 0.96em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* number of lines to show */
        line-clamp: 2;
    }

        .contact-box p:hover {
            display: block; /* or inline-block */
            text-overflow: ellipsis;
            word-wrap: break-word;
            overflow: hidden;
        }

    .contact-box > a {
        color: inherit;
    }

    .contact-box.center-version {
        border: 1px solid #e7eaec;
        padding: 0;
    }

        .contact-box.center-version > a {
            display: block;
            background-color: #ffffff;
            padding: 20px;
            text-align: center;
        }

            .contact-box.center-version > a img {
                width: 80px;
                height: 80px;
                margin-top: 10px;
                margin-bottom: 10px;
            }

        .contact-box.center-version address {
            margin-bottom: 0;
        }

    .contact-box .contact-box-footer {
        text-align: center;
        background-color: #ffffff;
        border-top: 1px solid #e7eaec;
        padding: 15px 20px;
    }
/*#endregion*/

.label {
    font-size: 0.9em;
}
.label-status {
    border-radius:8px;
    color: #fff;
    font-weight: normal;
    font-size: 0.9em;
    max-width: 120px;
    padding:8px;
}
label.stats-label {
    font-size: 1.0em;
    font-weight:normal;
}
.portfolio-item .thumb-info-title {
    font-size: 1.6em;
}
.portfolio-item .thumb-info-title {
    box-shadow: 4px 4px 2px 2px #555;
    border: none;
    padding: 10px;
}

.table.table-no-borders,
.table.table-no-borders td {
    border: none;
}

.table.table-topic thead th {border: 2px solid #fff;}
.table.table-topic thead th:nth-child(1) {background-color: rgba(255,155,255,1);border-radius:8px 8px 0px 0px;color:#000;}
.table.table-topic thead th:nth-child(2) {background-color: rgba(155,195,230,1);border-radius:8px 8px 0px 0px;color:#000;}
.table.table-topic thead th:nth-child(3) {background-color: rgba(255,230,155,1);border-radius:8px 8px 0px 0px;color:#000;}
.table.table-topic thead th:nth-child(4) {background-color: rgba(215,215,215,1);border-radius:8px 8px 0px 0px;color:#000;}
.table.table-topic thead th:nth-child(5) {background-color: rgba(250,40,40,1);border-radius:8px 8px 0px 0px;color:#fff;}
.table.table-topic thead th:nth-child(6) {background-color: rgba(150,210,80,1);border-radius:8px 8px 0px 0px;color:#000;}
.table.table-topic tbody td:nth-child(1) {background-color: rgba(255,155,255,0.2);border-bottom:solid 1px #eee;color:#000;}
.table.table-topic tbody td:nth-child(2) {background-color: rgba(155,195,230,0.2);border-bottom:solid 1px #eee;color:#000;}
.table.table-topic tbody td:nth-child(3) {background-color: rgba(255,230,155,0.2);border-bottom:solid 1px #eee;color:#000;}
.table.table-topic tbody td:nth-child(4) {background-color: rgba(215,215,215,0.2);border-bottom:solid 1px #eee;color:#000;}
.table.table-topic tbody td:nth-child(5) {background-color: rgba(250,40,40,0.2);border-bottom:solid 1px #eee;color:#000;}
.table.table-topic tbody td:nth-child(6) {background-color: rgba(150,210,80,0.2);border-bottom:solid 1px #eee;color:#000;}
.table.table-topic tfoot td:nth-child(1) {background-color: rgba(255,155,255,0.2);border-radius:0px 0px 8px 8px;color:#000;}
.table.table-topic tfoot td:nth-child(2) {background-color: rgba(155,195,230,0.2);border-radius:0px 0px 8px 8px;color:#000;}
.table.table-topic tfoot td:nth-child(3) {background-color: rgba(255,230,155,0.2);border-radius:0px 0px 8px 8px;color:#000;}
.table.table-topic tfoot td:nth-child(4) {background-color: rgba(215,215,215,0.2);border-radius:0px 0px 8px 8px;color:#000;}
.table.table-topic tfoot td:nth-child(5) {background-color: rgba(250,40,40,0.2);border-radius:0px 0px 8px 8px;color:#000;}
.table.table-topic tfoot td:nth-child(6) {background-color: rgba(150,210,80,0.2);border-radius:0px 0px 8px 8px;color:#000;}

.table.table-topic tfoot tr.paging td {
    background-color: #fff;
    border:none;
}
/*#region paging*/
.paging td {
    padding: 10px 0;
    background-color: #fff;
}

    .paging a, .paging span, .paging span:hover, .paging span:focus {
        color: #932424;
        background: #fff;
        border: solid 1px #ddd;
        padding: 4px 10px;
    }

    .paging a:hover, .paging a:focus {
        background: #932424;
        color: #fff;
    }

    .paging span, .paging span:hover, .paging span:focus {
        background: #932424;
        color: #fff;
    }
/*#endregion*/

/*#endregion*/

/*#region checkbox*/
/* The container */
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    color: #333;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: var(--second-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/*#endregion*/
/*#region radiobox*/
/* The container */
.radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    color: #333;
    font-size: 1.2em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 10px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: solid 3px #ccc;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkmark {
    background-color: var(--second-color);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio .checkmark:after {
    top: 1.5px;
    left: 1.5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--second-color);
}
/*#endregion*/

/* Add here all your CSS customizations */
a {
    color: var(--main-color);
}

    a:hover {
        color: var(--main-color-hover);
        text-decoration:none;
    }

    a:focus {
        color: var(--main-color-hover);
    }

    a:active {
        color: #506893;
    }

html .main {
    padding-top: 120px;
}
html .heading-primary,
html .lnk-primary,
html .text-color-primary {
    color: var(--main-color) !important;
}

html .heading.heading-primary h1,
html .heading.heading-primary h2,
html .heading.heading-primary h3,
html .heading.heading-primary h4,
html .heading.heading-primary h5,
html .heading.heading-primary h6 {
    border-color: var(--main-color);
}

html .heading-secondary,
html .lnk-secondary,
html .text-color-secondary {
    color: var(--main-date-color) !important;
}

html .heading.heading-secondary h1,
html .heading.heading-secondary h2,
html .heading.heading-secondary h3,
html .heading.heading-secondary h4,
html .heading.heading-secondary h5,
html .heading.heading-secondary h6 {
    border-color: var(--main-date-color);
}

html .heading-tertiary,
html .lnk-tertiary,
html .text-color-tertiary {
    color: #84c0d8 !important;
}

html .heading.heading-tertiary h1,
html .heading.heading-tertiary h2,
html .heading.heading-tertiary h3,
html .heading.heading-tertiary h4,
html .heading.heading-tertiary h5,
html .heading.heading-tertiary h6 {
    border-color: #84c0d8;
}

html .heading-quaternary,
html .lnk-quaternary,
html .text-color-quaternary {
    color: #bbbbbb !important;
}

html .heading.heading-quaternary h1,
html .heading.heading-quaternary h2,
html .heading.heading-quaternary h3,
html .heading.heading-quaternary h4,
html .heading.heading-quaternary h5,
html .heading.heading-quaternary h6 {
    border-color: #bbbbbb;
}

html .heading-dark,
html .lnk-dark,
html .text-color-dark {
    color: #2e353e !important;
}

html .heading.heading-dark h1,
html .heading.heading-dark h2,
html .heading.heading-dark h3,
html .heading.heading-dark h4,
html .heading.heading-dark h5,
html .heading.heading-dark h6 {
    border-color: #2e353e;
}

html .heading-light,
html .lnk-light,
html .text-color-light {
    color: #ffffff !important;
}

html .heading.heading-light h1,
html .heading.heading-light h2,
html .heading.heading-light h3,
html .heading.heading-light h4,
html .heading.heading-light h5,
html .heading.heading-light h6 {
    border-color: #ffffff;
}

html .background-color-primary {
    background-color: var(--main-color) !important;
}

html .background-color-secondary {
    background-color: var(--main-date-color) !important;
}

html .background-color-tertiary {
    background-color: #84c0d8 !important;
}

html .background-color-quaternary {
    background-color: #bbbbbb !important;
}

html .background-color-dark {
    background-color: #2e353e !important;
}

html .background-color-light {
    background-color: #ffffff !important;
}

.alternative-font {
    color: var(--main-color);
}

html .blockquote-primary {
    border-color: var(--main-color) !important;
}

html .blockquote-secondary {
    border-color: var(--main-date-color) !important;
}

html .blockquote-tertiary {
    border-color: #84c0d8 !important;
}

html .blockquote-quaternary {
    border-color: #bbbbbb !important;
}

html .blockquote-dark {
    border-color: #2e353e !important;
}

html .blockquote-light {
    border-color: #ffffff !important;
}

p.drop-caps:first-child:first-letter {
    color: var(--main-color);
}

p.drop-caps.drop-caps-style-2:first-child:first-letter {
    background-color: var(--main-color);
}

ul.nav-pills > li.active > a {
    background-color: var(--main-color);
}

    ul.nav-pills > li.active > a:hover,
    ul.nav-pills > li.active > a:focus {
        background-color: var(--main-color);
    }

html ul.nav-pills-primary a {
    color: var(--main-color);
}

    html ul.nav-pills-primary a:hover {
        color: var(--main-color-hover);
    }

    html ul.nav-pills-primary a:focus {
        color: var(--main-color-hover);
    }

    html ul.nav-pills-primary a:active {
        color: #506893;
    }

html ul.nav-pills-primary > li.active > a {
    background-color: var(--main-color);
}

    html ul.nav-pills-primary > li.active > a:hover,
    html ul.nav-pills-primary > li.active > a:focus {
        background-color: var(--main-color);
    }

html ul.nav-pills-secondary a {
    color: var(--main-date-color);
}

    html ul.nav-pills-secondary a:hover {
        color: #68afb8;
    }

    html ul.nav-pills-secondary a:focus {
        color: #68afb8;
    }

    html ul.nav-pills-secondary a:active {
        color: #4c98a2;
    }

html ul.nav-pills-secondary > li.active > a {
    background-color: var(--main-date-color);
}

    html ul.nav-pills-secondary > li.active > a:hover,
    html ul.nav-pills-secondary > li.active > a:focus {
        background-color: var(--main-date-color);
    }

html ul.nav-pills-tertiary a {
    color: #84c0d8;
}

    html ul.nav-pills-tertiary a:hover {
        color: #97cade;
    }

    html ul.nav-pills-tertiary a:focus {
        color: #97cade;
    }

    html ul.nav-pills-tertiary a:active {
        color: #71b6d2;
    }

html ul.nav-pills-tertiary > li.active > a {
    background-color: #84c0d8;
}

    html ul.nav-pills-tertiary > li.active > a:hover,
    html ul.nav-pills-tertiary > li.active > a:focus {
        background-color: #84c0d8;
    }

html ul.nav-pills-quaternary a {
    color: #bbbbbb;
}

    html ul.nav-pills-quaternary a:hover {
        color: #c8c8c8;
    }

    html ul.nav-pills-quaternary a:focus {
        color: #c8c8c8;
    }

    html ul.nav-pills-quaternary a:active {
        color: #aeaeae;
    }

html ul.nav-pills-quaternary > li.active > a {
    background-color: #bbbbbb;
}

    html ul.nav-pills-quaternary > li.active > a:hover,
    html ul.nav-pills-quaternary > li.active > a:focus {
        background-color: #bbbbbb;
    }

html ul.nav-pills-dark a {
    color: #2e353e;
}

    html ul.nav-pills-dark a:hover {
        color: #39424d;
    }

    html ul.nav-pills-dark a:focus {
        color: #39424d;
    }

    html ul.nav-pills-dark a:active {
        color: #23282f;
    }

html ul.nav-pills-dark > li.active > a {
    background-color: #2e353e;
}

    html ul.nav-pills-dark > li.active > a:hover,
    html ul.nav-pills-dark > li.active > a:focus {
        background-color: #2e353e;
    }

html ul.nav-pills-light a {
    color: #ffffff;
}

    html ul.nav-pills-light a:hover {
        color: #ffffff;
    }

    html ul.nav-pills-light a:focus {
        color: #ffffff;
    }

    html ul.nav-pills-light a:active {
        color: #f2f2f2;
    }

html ul.nav-pills-light > li.active > a {
    background-color: #ffffff;
}

    html ul.nav-pills-light > li.active > a:hover,
    html ul.nav-pills-light > li.active > a:focus {
        background-color: #ffffff;
    }

.sort-source-wrapper .nav > li.active > a {
    color: var(--main-color);
}

    .sort-source-wrapper .nav > li.active > a:hover,
    .sort-source-wrapper .nav > li.active > a:focus {
        color: var(--main-color);
    }

.sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: var(--main-color);
}

html .label-primary {
    background-color: var(--main-color);
}

html .label-secondary {
    background-color: var(--main-date-color);
}

html .label-tertiary {
    background-color: #84c0d8;
}

html .label-quaternary {
    background-color: #bbbbbb;
}

html .label-dark {
    background-color: #2e353e;
}

html .label-light {
    background-color: #ffffff;
}

html .btn {
    border-radius: 4px;
}
html .btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--main-color);
    border-color: var(--main-color) var(--main-color) #475d82;
}

    html .btn-primary:hover {
        border-color: var(--main-color-hover) var(--main-color-hover) #506893;
        background-color: var(--main-color-hover);
    }

    html .btn-primary:active,
    html .btn-primary:focus,
    html .btn-primary:active:hover,
    html .btn-primary:active:focus {
        border-color: #506893 #506893 #506893;
        background-color: #506893;
    }

    html .btn-primary.dropdown-toggle {
        border-left-color: #506893;
    }

    html .btn-primary[disabled] {
        border-color: #9aabc8;
        background-color: #9aabc8;
    }

    html .btn-primary:hover,
    html .btn-primary:focus,
    html .btn-primary:active:hover,
    html .btn-primary:active:focus {
        color: #ffffff;
    }

html .btn-primary-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #475d82;
    border-color: #475d82 #475d82 #354561;
}

    html .btn-primary-scale-2:hover {
        border-color: #506893 #506893 #3e5172;
        background-color: #506893;
    }

    html .btn-primary-scale-2:active,
    html .btn-primary-scale-2:focus,
    html .btn-primary-scale-2:active:hover,
    html .btn-primary-scale-2:active:focus {
        border-color: #3e5172 #3e5172 #3e5172;
        background-color: #3e5172;
    }

    html .btn-primary-scale-2.dropdown-toggle {
        border-left-color: #3e5172;
    }

    html .btn-primary-scale-2[disabled] {
        border-color: #798fb6;
        background-color: #798fb6;
    }

html .btn-secondary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--main-date-color);
    border-color: var(--main-date-color) var(--main-date-color) #448890;
}

    html .btn-secondary:hover {
        border-color: #68afb8 #68afb8 #4c98a2;
        background-color: #68afb8;
    }

    html .btn-secondary:active,
    html .btn-secondary:focus,
    html .btn-secondary:active:hover,
    html .btn-secondary:active:focus {
        border-color: #4c98a2 #4c98a2 #4c98a2;
        background-color: #4c98a2;
    }

    html .btn-secondary.dropdown-toggle {
        border-left-color: #4c98a2;
    }

    html .btn-secondary[disabled] {
        border-color: #9ccbd1;
        background-color: #9ccbd1;
    }

    html .btn-secondary:hover,
    html .btn-secondary:focus,
    html .btn-secondary:active:hover,
    html .btn-secondary:active:focus {
        color: #ffffff;
    }

html .btn-secondary-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #448890;
    border-color: #448890 #448890 #33676e;
}

    html .btn-secondary-scale-2:hover {
        border-color: #4c98a2 #4c98a2 #3c777f;
        background-color: #4c98a2;
    }

    html .btn-secondary-scale-2:active,
    html .btn-secondary-scale-2:focus,
    html .btn-secondary-scale-2:active:hover,
    html .btn-secondary-scale-2:active:focus {
        border-color: #3c777f #3c777f #3c777f;
        background-color: #3c777f;
    }

    html .btn-secondary-scale-2.dropdown-toggle {
        border-left-color: #3c777f;
    }

    html .btn-secondary-scale-2[disabled] {
        border-color: #7ab8c0;
        background-color: #7ab8c0;
    }

html .btn-tertiary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #84c0d8;
    border-color: #84c0d8 #84c0d8 #5daccc;
}

    html .btn-tertiary:hover {
        border-color: #97cade #97cade #71b6d2;
        background-color: #97cade;
    }

    html .btn-tertiary:active,
    html .btn-tertiary:focus,
    html .btn-tertiary:active:hover,
    html .btn-tertiary:active:focus {
        border-color: #71b6d2 #71b6d2 #71b6d2;
        background-color: #71b6d2;
    }

    html .btn-tertiary.dropdown-toggle {
        border-left-color: #71b6d2;
    }

    html .btn-tertiary[disabled] {
        border-color: #d1e8f1;
        background-color: #d1e8f1;
    }

    html .btn-tertiary:hover,
    html .btn-tertiary:focus,
    html .btn-tertiary:active:hover,
    html .btn-tertiary:active:focus {
        color: #777777;
    }

html .btn-tertiary-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5daccc;
    border-color: #5daccc #5daccc #3b96bb;
}

    html .btn-tertiary-scale-2:hover {
        border-color: #71b6d2 #71b6d2 #4aa2c6;
        background-color: #71b6d2;
    }

    html .btn-tertiary-scale-2:active,
    html .btn-tertiary-scale-2:focus,
    html .btn-tertiary-scale-2:active:hover,
    html .btn-tertiary-scale-2:active:focus {
        border-color: #4aa2c6 #4aa2c6 #4aa2c6;
        background-color: #4aa2c6;
    }

    html .btn-tertiary-scale-2.dropdown-toggle {
        border-left-color: #4aa2c6;
    }

    html .btn-tertiary-scale-2[disabled] {
        border-color: #abd4e4;
        background-color: #abd4e4;
    }

html .btn-quaternary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #bbbbbb;
    border-color: #bbbbbb #bbbbbb #a2a2a2;
}

    html .btn-quaternary:hover {
        border-color: #c8c8c8 #c8c8c8 #aeaeae;
        background-color: #c8c8c8;
    }

    html .btn-quaternary:active,
    html .btn-quaternary:focus,
    html .btn-quaternary:active:hover,
    html .btn-quaternary:active:focus {
        border-color: #aeaeae #aeaeae #aeaeae;
        background-color: #aeaeae;
    }

    html .btn-quaternary.dropdown-toggle {
        border-left-color: #aeaeae;
    }

    html .btn-quaternary[disabled] {
        border-color: #eeeeee;
        background-color: #eeeeee;
    }

    html .btn-quaternary:hover,
    html .btn-quaternary:focus,
    html .btn-quaternary:active:hover,
    html .btn-quaternary:active:focus {
        color: #777777;
    }

html .btn-quaternary-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #a2a2a2;
    border-color: #a2a2a2 #a2a2a2 #888888;
}

    html .btn-quaternary-scale-2:hover {
        border-color: #aeaeae #aeaeae #959595;
        background-color: #aeaeae;
    }

    html .btn-quaternary-scale-2:active,
    html .btn-quaternary-scale-2:focus,
    html .btn-quaternary-scale-2:active:hover,
    html .btn-quaternary-scale-2:active:focus {
        border-color: #959595 #959595 #959595;
        background-color: #959595;
    }

    html .btn-quaternary-scale-2.dropdown-toggle {
        border-left-color: #959595;
    }

    html .btn-quaternary-scale-2[disabled] {
        border-color: #d4d4d4;
        background-color: #d4d4d4;
    }

html .btn-dark {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2e353e;
    border-color: #2e353e #2e353e #181c21;
}

    html .btn-dark:hover {
        border-color: #39424d #39424d #23282f;
        background-color: #39424d;
    }

    html .btn-dark:active,
    html .btn-dark:focus,
    html .btn-dark:active:hover,
    html .btn-dark:active:focus {
        border-color: #23282f #23282f #23282f;
        background-color: #23282f;
    }

    html .btn-dark.dropdown-toggle {
        border-left-color: #23282f;
    }

    html .btn-dark[disabled] {
        border-color: #596779;
        background-color: #596779;
    }

    html .btn-dark:hover,
    html .btn-dark:focus,
    html .btn-dark:active:hover,
    html .btn-dark:active:focus {
        color: #ffffff;
    }

html .btn-dark-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #181c21;
    border-color: #181c21 #181c21 #030303;
}

    html .btn-dark-scale-2:hover {
        border-color: #23282f #23282f #0d0f12;
        background-color: #23282f;
    }

    html .btn-dark-scale-2:active,
    html .btn-dark-scale-2:focus,
    html .btn-dark-scale-2:active:hover,
    html .btn-dark-scale-2:active:focus {
        border-color: #0d0f12 #0d0f12 #0d0f12;
        background-color: #0d0f12;
    }

    html .btn-dark-scale-2.dropdown-toggle {
        border-left-color: #0d0f12;
    }

    html .btn-dark-scale-2[disabled] {
        border-color: #444e5b;
        background-color: #444e5b;
    }

html .btn-light {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    border-color: #ffffff #ffffff #e6e6e6;
}

    html .btn-light:hover {
        border-color: #ffffff #ffffff #f2f2f2;
        background-color: #ffffff;
    }

    html .btn-light:active,
    html .btn-light:focus,
    html .btn-light:active:hover,
    html .btn-light:active:focus {
        border-color: #f2f2f2 #f2f2f2 #f2f2f2;
        background-color: #f2f2f2;
    }

    html .btn-light.dropdown-toggle {
        border-left-color: #f2f2f2;
    }

    html .btn-light[disabled] {
        border-color: #ffffff;
        background-color: #ffffff;
    }

    html .btn-light:hover,
    html .btn-light:focus,
    html .btn-light:active:hover,
    html .btn-light:active:focus {
        color: #777777;
    }

html .btn-light-scale-2 {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e6e6e6;
    border-color: #e6e6e6 #e6e6e6 #cccccc;
}

    html .btn-light-scale-2:hover {
        border-color: #f2f2f2 #f2f2f2 #d9d9d9;
        background-color: #f2f2f2;
    }

    html .btn-light-scale-2:active,
    html .btn-light-scale-2:focus,
    html .btn-light-scale-2:active:hover,
    html .btn-light-scale-2:active:focus {
        border-color: #d9d9d9 #d9d9d9 #d9d9d9;
        background-color: #d9d9d9;
    }

    html .btn-light-scale-2.dropdown-toggle {
        border-left-color: #d9d9d9;
    }

    html .btn-light-scale-2[disabled] {
        border-color: #ffffff;
        background-color: #ffffff;
    }

html .btn-borders.btn-primary {
    background: transparent;
    border-color: var(--main-color);
    color: var(--main-color);
    text-shadow: none;
}

    html .btn-borders.btn-primary:hover,
    html .btn-borders.btn-primary:focus {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: var(--main-color);
        border-color: var(--main-color) var(--main-color) #475d82;
        border-color: var(--main-color) !important;
        color: #ffffff;
    }

        html .btn-borders.btn-primary:hover:hover,
        html .btn-borders.btn-primary:focus:hover {
            border-color: var(--main-color-hover) var(--main-color-hover) #506893;
            background-color: var(--main-color-hover);
        }

        html .btn-borders.btn-primary:hover:active,
        html .btn-borders.btn-primary:focus:active,
        html .btn-borders.btn-primary:hover:focus,
        html .btn-borders.btn-primary:focus:focus,
        html .btn-borders.btn-primary:hover:active:hover,
        html .btn-borders.btn-primary:focus:active:hover,
        html .btn-borders.btn-primary:hover:active:focus,
        html .btn-borders.btn-primary:focus:active:focus {
            border-color: #506893 #506893 #506893;
            background-color: #506893;
        }

        html .btn-borders.btn-primary:hover.dropdown-toggle,
        html .btn-borders.btn-primary:focus.dropdown-toggle {
            border-left-color: #506893;
        }

        html .btn-borders.btn-primary:hover[disabled],
        html .btn-borders.btn-primary:focus[disabled] {
            border-color: #9aabc8;
            background-color: #9aabc8;
        }

html .btn-borders.btn-secondary {
    background: transparent;
    border-color: var(--main-date-color);
    color: var(--main-date-color);
    text-shadow: none;
}

    html .btn-borders.btn-secondary:hover,
    html .btn-borders.btn-secondary:focus {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: var(--main-date-color);
        border-color: var(--main-date-color) var(--main-date-color) #448890;
        border-color: var(--main-date-color) !important;
        color: #ffffff;
    }

        html .btn-borders.btn-secondary:hover:hover,
        html .btn-borders.btn-secondary:focus:hover {
            border-color: #68afb8 #68afb8 #4c98a2;
            background-color: #68afb8;
        }

        html .btn-borders.btn-secondary:hover:active,
        html .btn-borders.btn-secondary:focus:active,
        html .btn-borders.btn-secondary:hover:focus,
        html .btn-borders.btn-secondary:focus:focus,
        html .btn-borders.btn-secondary:hover:active:hover,
        html .btn-borders.btn-secondary:focus:active:hover,
        html .btn-borders.btn-secondary:hover:active:focus,
        html .btn-borders.btn-secondary:focus:active:focus {
            border-color: #4c98a2 #4c98a2 #4c98a2;
            background-color: #4c98a2;
        }

        html .btn-borders.btn-secondary:hover.dropdown-toggle,
        html .btn-borders.btn-secondary:focus.dropdown-toggle {
            border-left-color: #4c98a2;
        }

        html .btn-borders.btn-secondary:hover[disabled],
        html .btn-borders.btn-secondary:focus[disabled] {
            border-color: #9ccbd1;
            background-color: #9ccbd1;
        }

html .btn-borders.btn-tertiary {
    background: transparent;
    border-color: #84c0d8;
    color: #84c0d8;
    text-shadow: none;
}

    html .btn-borders.btn-tertiary:hover,
    html .btn-borders.btn-tertiary:focus {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #84c0d8;
        border-color: #84c0d8 #84c0d8 #5daccc;
        border-color: #84c0d8 !important;
        color: #777777;
    }

        html .btn-borders.btn-tertiary:hover:hover,
        html .btn-borders.btn-tertiary:focus:hover {
            border-color: #97cade #97cade #71b6d2;
            background-color: #97cade;
        }

        html .btn-borders.btn-tertiary:hover:active,
        html .btn-borders.btn-tertiary:focus:active,
        html .btn-borders.btn-tertiary:hover:focus,
        html .btn-borders.btn-tertiary:focus:focus,
        html .btn-borders.btn-tertiary:hover:active:hover,
        html .btn-borders.btn-tertiary:focus:active:hover,
        html .btn-borders.btn-tertiary:hover:active:focus,
        html .btn-borders.btn-tertiary:focus:active:focus {
            border-color: #71b6d2 #71b6d2 #71b6d2;
            background-color: #71b6d2;
        }

        html .btn-borders.btn-tertiary:hover.dropdown-toggle,
        html .btn-borders.btn-tertiary:focus.dropdown-toggle {
            border-left-color: #71b6d2;
        }

        html .btn-borders.btn-tertiary:hover[disabled],
        html .btn-borders.btn-tertiary:focus[disabled] {
            border-color: #d1e8f1;
            background-color: #d1e8f1;
        }

html .btn-borders.btn-quaternary {
    background: transparent;
    border-color: #bbbbbb;
    color: #bbbbbb;
    text-shadow: none;
}

    html .btn-borders.btn-quaternary:hover,
    html .btn-borders.btn-quaternary:focus {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #bbbbbb;
        border-color: #bbbbbb #bbbbbb #a2a2a2;
        border-color: #bbbbbb !important;
        color: #777777;
    }

        html .btn-borders.btn-quaternary:hover:hover,
        html .btn-borders.btn-quaternary:focus:hover {
            border-color: #c8c8c8 #c8c8c8 #aeaeae;
            background-color: #c8c8c8;
        }

        html .btn-borders.btn-quaternary:hover:active,
        html .btn-borders.btn-quaternary:focus:active,
        html .btn-borders.btn-quaternary:hover:focus,
        html .btn-borders.btn-quaternary:focus:focus,
        html .btn-borders.btn-quaternary:hover:active:hover,
        html .btn-borders.btn-quaternary:focus:active:hover,
        html .btn-borders.btn-quaternary:hover:active:focus,
        html .btn-borders.btn-quaternary:focus:active:focus {
            border-color: #aeaeae #aeaeae #aeaeae;
            background-color: #aeaeae;
        }

        html .btn-borders.btn-quaternary:hover.dropdown-toggle,
        html .btn-borders.btn-quaternary:focus.dropdown-toggle {
            border-left-color: #aeaeae;
        }

        html .btn-borders.btn-quaternary:hover[disabled],
        html .btn-borders.btn-quaternary:focus[disabled] {
            border-color: #eeeeee;
            background-color: #eeeeee;
        }

html .btn-borders.btn-dark {
    background: transparent;
    border-color: #2e353e;
    color: #2e353e;
    text-shadow: none;
}

    html .btn-borders.btn-dark:hover,
    html .btn-borders.btn-dark:focus {
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #2e353e;
        border-color: #2e353e #2e353e #181c21;
        border-color: #2e353e !important;
        color: #ffffff;
    }

        html .btn-borders.btn-dark:hover:hover,
        html .btn-borders.btn-dark:focus:hover {
            border-color: #39424d #39424d #23282f;
            background-color: #39424d;
        }

        html .btn-borders.btn-dark:hover:active,
        html .btn-borders.btn-dark:focus:active,
        html .btn-borders.btn-dark:hover:focus,
        html .btn-borders.btn-dark:focus:focus,
        html .btn-borders.btn-dark:hover:active:hover,
        html .btn-borders.btn-dark:focus:active:hover,
        html .btn-borders.btn-dark:hover:active:focus,
        html .btn-borders.btn-dark:focus:active:focus {
            border-color: #23282f #23282f #23282f;
            background-color: #23282f;
        }

        html .btn-borders.btn-dark:hover.dropdown-toggle,
        html .btn-borders.btn-dark:focus.dropdown-toggle {
            border-left-color: #23282f;
        }

        html .btn-borders.btn-dark:hover[disabled],
        html .btn-borders.btn-dark:focus[disabled] {
            border-color: #596779;
            background-color: #596779;
        }

html .btn-borders.btn-light {
    background: transparent;
    border-color: #ffffff;
    color: #ffffff;
    text-shadow: none;
}

    html .btn-borders.btn-light:hover,
    html .btn-borders.btn-light:focus {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #ffffff;
        border-color: #ffffff #ffffff #e6e6e6;
        border-color: #ffffff !important;
        color: #777777;
    }

        html .btn-borders.btn-light:hover:hover,
        html .btn-borders.btn-light:focus:hover {
            border-color: #ffffff #ffffff #f2f2f2;
            background-color: #ffffff;
        }

        html .btn-borders.btn-light:hover:active,
        html .btn-borders.btn-light:focus:active,
        html .btn-borders.btn-light:hover:focus,
        html .btn-borders.btn-light:focus:focus,
        html .btn-borders.btn-light:hover:active:hover,
        html .btn-borders.btn-light:focus:active:hover,
        html .btn-borders.btn-light:hover:active:focus,
        html .btn-borders.btn-light:focus:active:focus {
            border-color: #f2f2f2 #f2f2f2 #f2f2f2;
            background-color: #f2f2f2;
        }

        html .btn-borders.btn-light:hover.dropdown-toggle,
        html .btn-borders.btn-light:focus.dropdown-toggle {
            border-left-color: #f2f2f2;
        }

        html .btn-borders.btn-light:hover[disabled],
        html .btn-borders.btn-light:focus[disabled] {
            border-color: #ffffff;
            background-color: #ffffff;
        }

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--main-color);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--main-color) !important;
    border-color: var(--main-color);
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
    color: var(--main-color);
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
    background-color: var(--main-color);
    border-color: var(--main-color);
}

.pagination > .active > a,
body.dark .pagination > .active > a {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--main-color);
    border-color: var(--main-color) var(--main-color) #475d82;
}

    .pagination > .active > a:hover,
    body.dark .pagination > .active > a:hover {
        border-color: var(--main-color-hover) var(--main-color-hover) #506893;
        background-color: var(--main-color-hover);
    }

    .pagination > .active > a:active,
    body.dark .pagination > .active > a:active,
    .pagination > .active > a:focus,
    body.dark .pagination > .active > a:focus,
    .pagination > .active > a:active:hover,
    body.dark .pagination > .active > a:active:hover,
    .pagination > .active > a:active:focus,
    body.dark .pagination > .active > a:active:focus {
        border-color: #506893 #506893 #506893;
        background-color: #506893;
    }

    .pagination > .active > a.dropdown-toggle,
    body.dark .pagination > .active > a.dropdown-toggle {
        border-left-color: #506893;
    }

    .pagination > .active > a[disabled],
    body.dark .pagination > .active > a[disabled] {
        border-color: #9aabc8;
        background-color: #9aabc8;
    }

html .alert-primary {
    background-color: var(--main-color);
    border-color: #546d99;
    color: #ffffff;
}

    html .alert-primary .alert-link {
        color: #ffffff;
    }

html .alert-secondary {
    background-color: var(--main-date-color);
    border-color: #4f9ea8;
    color: #ffffff;
}

    html .alert-secondary .alert-link {
        color: #ffffff;
    }

html .alert-tertiary {
    background-color: #84c0d8;
    border-color: #78bad4;
    color: #777777;
}

    html .alert-tertiary .alert-link {
        color: #777777;
    }

html .alert-quaternary {
    background-color: #bbbbbb;
    border-color: #b3b3b3;
    color: #777777;
}

    html .alert-quaternary .alert-link {
        color: #777777;
    }

html .alert-dark {
    background-color: #2e353e;
    border-color: #272d35;
    color: #ffffff;
}

    html .alert-dark .alert-link {
        color: #ffffff;
    }

html .alert-light {
    background-color: #ffffff;
    border-color: #f7f7f7;
    color: #777777;
}

    html .alert-light .alert-link {
        color: #777777;
    }

html .progress-bar-primary {
    background-color: var(--main-color);
}

html .progress-bar-secondary {
    background-color: var(--main-date-color);
}

html .progress-bar-tertiary {
    background-color: #84c0d8;
}

html .progress-bar-quaternary {
    background-color: #bbbbbb;
}

html .progress-bar-dark {
    background-color: #2e353e;
}

html .progress-bar-light {
    background-color: #ffffff;
}

html section.section-primary {
    background-color: var(--main-color) !important;
    border-color: #506893 !important;
}

    html section.section-primary h1,
    html section.section-primary h2,
    html section.section-primary h3,
    html section.section-primary h4,
    html section.section-primary h5,
    html section.section-primary h6 {
        color: #ffffff;
    }

    html section.section-primary p {
        color: #e6e6e6;
    }

html section.section-primary-scale-2 {
    background-color: #475d82 !important;
    border-color: #3e5172 !important;
}

    html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #475d82;
    }

html section.section-secondary {
    background-color: var(--main-date-color) !important;
    border-color: #4c98a2 !important;
}

    html section.section-secondary h1,
    html section.section-secondary h2,
    html section.section-secondary h3,
    html section.section-secondary h4,
    html section.section-secondary h5,
    html section.section-secondary h6 {
        color: #ffffff;
    }

    html section.section-secondary p {
        color: #e6e6e6;
    }

html section.section-secondary-scale-2 {
    background-color: #448890 !important;
    border-color: #3c777f !important;
}

    html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #448890;
    }

html section.section-tertiary {
    background-color: #84c0d8 !important;
    border-color: #71b6d2 !important;
}

    html section.section-tertiary h1,
    html section.section-tertiary h2,
    html section.section-tertiary h3,
    html section.section-tertiary h4,
    html section.section-tertiary h5,
    html section.section-tertiary h6 {
        color: #777777;
    }

    html section.section-tertiary p {
        color: #5e5e5e;
    }

html section.section-tertiary-scale-2 {
    background-color: #5daccc !important;
    border-color: #4aa2c6 !important;
}

    html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #5daccc;
    }

html section.section-quaternary {
    background-color: #bbbbbb !important;
    border-color: #aeaeae !important;
}

    html section.section-quaternary h1,
    html section.section-quaternary h2,
    html section.section-quaternary h3,
    html section.section-quaternary h4,
    html section.section-quaternary h5,
    html section.section-quaternary h6 {
        color: #777777;
    }

    html section.section-quaternary p {
        color: #5e5e5e;
    }

html section.section-quaternary-scale-2 {
    background-color: #a2a2a2 !important;
    border-color: #959595 !important;
}

    html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #a2a2a2;
    }

html section.section-dark {
    background-color: #2e353e !important;
    border-color: #23282f !important;
}

    html section.section-dark h1,
    html section.section-dark h2,
    html section.section-dark h3,
    html section.section-dark h4,
    html section.section-dark h5,
    html section.section-dark h6 {
        color: #ffffff;
    }

    html section.section-dark p {
        color: #e6e6e6;
    }

html section.section-dark-scale-2 {
    background-color: #181c21 !important;
    border-color: #0d0f12 !important;
}

    html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #181c21;
    }

html section.section-light {
    background-color: #ffffff !important;
    border-color: #f2f2f2 !important;
}

    html section.section-light h1,
    html section.section-light h2,
    html section.section-light h3,
    html section.section-light h4,
    html section.section-light h5,
    html section.section-light h6 {
        color: #777777;
    }

    html section.section-light p {
        color: #5e5e5e;
    }

html section.section-light-scale-2 {
    background-color: #e6e6e6 !important;
    border-color: #d9d9d9 !important;
}

    html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
        border-top-color: #e6e6e6;
    }

html section.section-default-scale-1 {
    background-color: #dbdbdb !important;
    border-top-color: #d3d3d3 !important;
}

html section.section-default-scale-2 {
    background-color: #c1c1c1 !important;
    border-top-color: #b9b9b9 !important;
}

html section.section-default-scale-3 {
    background-color: #a8a8a8 !important;
    border-top-color: #a0a0a0 !important;
}

html section.section-default-scale-4 {
    background-color: #8e8e8e !important;
    border-top-color: #868686 !important;
}

html section.section-default-scale-5 {
    background-color: #757575 !important;
    border-top-color: #6d6d6d !important;
}

html section.section-default-scale-6 {
    background-color: #5b5b5b !important;
    border-top-color: #535353 !important;
}

html section.section-default-scale-7 {
    background-color: #424242 !important;
    border-top-color: #3a3a3a !important;
}

html section.section-default-scale-8 {
    background-color: #282828 !important;
    border-top-color: #202020 !important;
}

html section.section-default-scale-9 {
    background-color: #0f0f0f !important;
    border-top-color: #070707 !important;
}

html.dark section.section-default-scale-1 {
    background-color: #333a44 !important;
    border-top-color: #2c323b !important;
}

html.dark section.section-default-scale-2 {
    background-color: #495362 !important;
    border-top-color: #424b59 !important;
}

html.dark section.section-default-scale-3 {
    background-color: #5e6b7f !important;
    border-top-color: #586476 !important;
}

html.dark section.section-default-scale-4 {
    background-color: #77849a !important;
    border-top-color: #6e7d93 !important;
}

html.dark section.section-default-scale-5 {
    background-color: #949faf !important;
    border-top-color: #8b97a9 !important;
}

html.dark section.section-default-scale-6 {
    background-color: #b1b9c5 !important;
    border-top-color: #a8b1be !important;
}

html.dark section.section-default-scale-7 {
    background-color: #ced3db !important;
    border-top-color: #c5cbd4 !important;
}

html.dark section.section-default-scale-8 {
    background-color: #ebeef1 !important;
    border-top-color: #e3e6ea !important;
}

html.dark section.section-default-scale-9 {
    background-color: #ffffff !important;
    border-top-color: #f7f7f7 !important;
}

section.page-header {
    background: var(--main-color);
}
    section.page-header h1 {
        border-bottom-color: var(--second-color);
    }

section.page-header.custom-product {
    background-color: #506893;
    border-top-color: #556f9c;
}

html .page-header .breadcrumb a {
    color: #ffffff;
}
html .page-header .breadcrumb > .active {
    color: #ffffff;
}
html .page-header-color.page-header-primary {
    background-color: var(--main-color);
    border-bottom-color: var(--main-color);
    color: #ffffff;
}

    html .page-header-color.page-header-primary h1 {
        color: #ffffff;
    }

        html .page-header-color.page-header-primary h1 span {
            color: #ffffff;
        }

    html .page-header-color.page-header-primary a {
        color: #ffffff;
    }

    html .page-header-color.page-header-primary .breadcrumb > .active {
        color: #ffffff;
    }

html .page-header-color.page-header-secondary {
    background-color: var(--main-date-color);
    border-bottom-color: var(--main-date-color);
    color: #ffffff;
}

    html .page-header-color.page-header-secondary h1 {
        color: #ffffff;
    }

        html .page-header-color.page-header-secondary h1 span {
            color: #ffffff;
        }

    html .page-header-color.page-header-secondary a {
        color: #ffffff;
    }

    html .page-header-color.page-header-secondary .breadcrumb > .active {
        color: #ffffff;
    }

html .page-header-color.page-header-tertiary {
    background-color: #84c0d8;
    border-bottom-color: #84c0d8;
    color: #777777;
}

    html .page-header-color.page-header-tertiary h1 {
        color: #777777;
    }

        html .page-header-color.page-header-tertiary h1 span {
            color: #777777;
        }

    html .page-header-color.page-header-tertiary a {
        color: #777777;
    }

    html .page-header-color.page-header-tertiary .breadcrumb > .active {
        color: #777777;
    }

html .page-header-color.page-header-quaternary {
    background-color: #bbbbbb;
    border-bottom-color: #bbbbbb;
    color: #777777;
}

    html .page-header-color.page-header-quaternary h1 {
        color: #777777;
    }

        html .page-header-color.page-header-quaternary h1 span {
            color: #777777;
        }

    html .page-header-color.page-header-quaternary a {
        color: #777777;
    }

    html .page-header-color.page-header-quaternary .breadcrumb > .active {
        color: #777777;
    }

html .page-header-color.page-header-dark {
    background-color: #2e353e;
    border-bottom-color: #2e353e;
    color: #ffffff;
}

    html .page-header-color.page-header-dark h1 {
        color: #ffffff;
    }

        html .page-header-color.page-header-dark h1 span {
            color: #ffffff;
        }

    html .page-header-color.page-header-dark a {
        color: #ffffff;
    }

    html .page-header-color.page-header-dark .breadcrumb > .active {
        color: #ffffff;
    }

html .page-header-color.page-header-light {
    background-color: #ffffff;
    border-bottom-color: #ffffff;
    color: #777777;
}

    html .page-header-color.page-header-light h1 {
        color: #777777;
    }

        html .page-header-color.page-header-light h1 span {
            color: #777777;
        }

    html .page-header-color.page-header-light a {
        color: #777777;
    }

    html .page-header-color.page-header-light .breadcrumb > .active {
        color: #777777;
    }

html .toggle-primary .toggle label {
    color: var(--main-color);
    border-left-color: var(--main-color);
    border-right-color: var(--main-color);
}

html .toggle-primary .toggle.active > label {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #ffffff;
}

html .toggle-primary.toggle-simple .toggle > label:after {
    background-color: var(--main-color);
}

html .toggle-secondary .toggle label {
    color: var(--main-date-color);
    border-left-color: var(--main-date-color);
    border-right-color: var(--main-date-color);
}

html .toggle-secondary .toggle.active > label {
    background-color: var(--main-date-color);
    border-color: var(--main-date-color);
    color: #ffffff;
}

html .toggle-secondary.toggle-simple .toggle > label:after {
    background-color: var(--main-date-color);
}

html .toggle-tertiary .toggle label {
    color: #84c0d8;
    border-left-color: #84c0d8;
    border-right-color: #84c0d8;
}

html .toggle-tertiary .toggle.active > label {
    background-color: #84c0d8;
    border-color: #84c0d8;
    color: #777777;
}

html .toggle-tertiary.toggle-simple .toggle > label:after {
    background-color: #84c0d8;
}

html .toggle-quaternary .toggle label {
    color: #bbbbbb;
    border-left-color: #bbbbbb;
    border-right-color: #bbbbbb;
}

html .toggle-quaternary .toggle.active > label {
    background-color: #bbbbbb;
    border-color: #bbbbbb;
    color: #777777;
}

html .toggle-quaternary.toggle-simple .toggle > label:after {
    background-color: #bbbbbb;
}

html .toggle-dark .toggle label {
    color: #2e353e;
    border-left-color: #2e353e;
    border-right-color: #2e353e;
}

html .toggle-dark .toggle.active > label {
    background-color: #2e353e;
    border-color: #2e353e;
    color: #ffffff;
}

html .toggle-dark.toggle-simple .toggle > label:after {
    background-color: #2e353e;
}

html .toggle-light .toggle label {
    color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
}

html .toggle-light .toggle.active > label {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #777777;
}

html .toggle-light.toggle-simple .toggle > label:after {
    background-color: #ffffff;
}

.thumb-info .thumb-info-type {
    background-color: var(--main-color);
}

.thumb-info .thumb-info-action-icon {
    background-color: var(--main-color);
}

.thumb-info-social-icons a {
    background-color: var(--main-color);
}

.thumbnail .zoom {
    background-color: var(--main-color);
}

.img-thumbnail .zoom {
    background-color: var(--main-color);
}

html .thumb-info .thumb-info-action-icon-primary {
    background-color: var(--main-color);
}

    html .thumb-info .thumb-info-action-icon-primary i {
        color: #ffffff;
    }

html .thumb-info .thumb-info-action-icon-secondary {
    background-color: var(--main-date-color);
}

    html .thumb-info .thumb-info-action-icon-secondary i {
        color: #ffffff;
    }

html .thumb-info .thumb-info-action-icon-tertiary {
    background-color: #84c0d8;
}

    html .thumb-info .thumb-info-action-icon-tertiary i {
        color: #777777;
    }

html .thumb-info .thumb-info-action-icon-quaternary {
    background-color: #bbbbbb;
}

    html .thumb-info .thumb-info-action-icon-quaternary i {
        color: #777777;
    }

html .thumb-info .thumb-info-action-icon-dark {
    background-color: #2e353e;
}

    html .thumb-info .thumb-info-action-icon-dark i {
        color: #ffffff;
    }

html .thumb-info .thumb-info-action-icon-light {
    background-color: #ffffff;
}

    html .thumb-info .thumb-info-action-icon-light i {
        color: #777777;
    }

.thumb-info-ribbon {
    background: var(--main-color);
}

    .thumb-info-ribbon:before {
        border-right-color: #3e5172;
        border-left-color: #3e5172;
    }

.inverted {
    background-color: var(--main-color);
}

html .inverted-primary {
    background-color: var(--main-color);
}

html .inverted-secondary {
    background-color: var(--main-date-color);
}

html .inverted-tertiary {
    background-color: #84c0d8;
}

html .inverted-quaternary {
    background-color: #bbbbbb;
}

html .inverted-dark {
    background-color: #2e353e;
}

html .inverted-light {
    background-color: #ffffff;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: #4e668f;
}

.owl-carousel.show-nav-title .owl-nav [class*="owl-"] {
    color: var(--main-color);
}

.owl-carousel .owl-nav [class*="owl-"] {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--main-color);
    border-color: var(--main-color) var(--main-color) #475d82;
}

    .owl-carousel .owl-nav [class*="owl-"]:hover {
        border-color: var(--main-color-hover) var(--main-color-hover) #506893;
        background-color: var(--main-color-hover);
    }

    .owl-carousel .owl-nav [class*="owl-"]:active,
    .owl-carousel .owl-nav [class*="owl-"]:focus,
    .owl-carousel .owl-nav [class*="owl-"]:active:hover,
    .owl-carousel .owl-nav [class*="owl-"]:active:focus {
        border-color: #506893 #506893 #506893;
        background-color: #506893;
    }

    .owl-carousel .owl-nav [class*="owl-"].dropdown-toggle {
        border-left-color: #506893;
    }

    .owl-carousel .owl-nav [class*="owl-"][disabled] {
        border-color: #9aabc8;
        background-color: #9aabc8;
    }

html body .tabs .nav-tabs a,
html.dark body .tabs .nav-tabs a,
html body .tabs .nav-tabs a:hover,
html.dark body .tabs .nav-tabs a:hover {
    color: var(--main-color);
}

    html body .tabs .nav-tabs a:hover,
    html.dark body .tabs .nav-tabs a:hover,
    html body .tabs .nav-tabs a:focus,
    html.dark body .tabs .nav-tabs a:focus {
        border-top-color: var(--main-color);
    }

html body .tabs .nav-tabs li.active a,
html.dark body .tabs .nav-tabs li.active a {
    border-top-color: var(--main-color);
    color: var(--main-color);
}

html body .tabs .nav-tabs.nav-justified a:hover,
html.dark body .tabs .nav-tabs.nav-justified a:hover,
html body .tabs .nav-tabs.nav-justified a:focus,
html.dark body .tabs .nav-tabs.nav-justified a:focus {
    border-top-color: var(--main-color);
}

html body .tabs.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li a:hover,
html body .tabs.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a,
html body .tabs.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active a:focus {
    border-bottom-color: var(--main-color);
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
    border-left-color: var(--main-color);
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus {
    border-right-color: var(--main-color);
}

html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a,
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
    color: var(--main-color);
}

    html body .tabs-primary .nav-tabs li a:hover,
    html.dark body .tabs-primary .nav-tabs li a:hover,
    html body .tabs-primary .nav-tabs.nav-justified li a:hover,
    html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
        border-top-color: var(--main-color);
    }

html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
    border-top-color: var(--main-color);
    color: var(--main-color);
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: var(--main-color);
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: var(--main-color);
}

html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
    border-left-color: var(--main-color);
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: var(--main-color);
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
    border-right-color: var(--main-color);
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: var(--main-color);
}

html body .tabs-secondary .nav-tabs li a,
html.dark body .tabs-secondary .nav-tabs li a,
html body .tabs-secondary .nav-tabs.nav-justified li a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a,
html body .tabs-secondary .nav-tabs li a:hover,
html.dark body .tabs-secondary .nav-tabs li a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
    color: var(--main-date-color);
}

    html body .tabs-secondary .nav-tabs li a:hover,
    html.dark body .tabs-secondary .nav-tabs li a:hover,
    html body .tabs-secondary .nav-tabs.nav-justified li a:hover,
    html.dark body .tabs-secondary .nav-tabs.nav-justified li a:hover {
        border-top-color: var(--main-date-color);
    }

html body .tabs-secondary .nav-tabs li.active a,
html.dark body .tabs-secondary .nav-tabs li.active a,
html body .tabs-secondary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a,
html body .tabs-secondary .nav-tabs li.active a:hover,
html.dark body .tabs-secondary .nav-tabs li.active a:hover,
html body .tabs-secondary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary .nav-tabs li.active a:focus,
html.dark body .tabs-secondary .nav-tabs li.active a:focus,
html body .tabs-secondary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active a:focus {
    border-top-color: var(--main-date-color);
    color: var(--main-date-color);
}

html body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: var(--main-date-color);
}

html body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: var(--main-date-color);
}

html body .tabs-secondary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li a:hover {
    border-left-color: var(--main-date-color);
}

html body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: var(--main-date-color);
}

html body .tabs-secondary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li a:hover {
    border-right-color: var(--main-date-color);
}

html body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: var(--main-date-color);
}

html body .tabs-tertiary .nav-tabs li a,
html.dark body .tabs-tertiary .nav-tabs li a,
html body .tabs-tertiary .nav-tabs.nav-justified li a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a,
html body .tabs-tertiary .nav-tabs li a:hover,
html.dark body .tabs-tertiary .nav-tabs li a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
    color: #84c0d8;
}

    html body .tabs-tertiary .nav-tabs li a:hover,
    html.dark body .tabs-tertiary .nav-tabs li a:hover,
    html body .tabs-tertiary .nav-tabs.nav-justified li a:hover,
    html.dark body .tabs-tertiary .nav-tabs.nav-justified li a:hover {
        border-top-color: #84c0d8;
    }

html body .tabs-tertiary .nav-tabs li.active a,
html.dark body .tabs-tertiary .nav-tabs li.active a,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs li.active a:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs li.active a:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #84c0d8;
    color: #84c0d8;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #84c0d8;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #84c0d8;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li a:hover {
    border-left-color: #84c0d8;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #84c0d8;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li a:hover {
    border-right-color: #84c0d8;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #84c0d8;
}

html body .tabs-quaternary .nav-tabs li a,
html.dark body .tabs-quaternary .nav-tabs li a,
html body .tabs-quaternary .nav-tabs.nav-justified li a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a,
html body .tabs-quaternary .nav-tabs li a:hover,
html.dark body .tabs-quaternary .nav-tabs li a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
    color: #bbbbbb;
}

    html body .tabs-quaternary .nav-tabs li a:hover,
    html.dark body .tabs-quaternary .nav-tabs li a:hover,
    html body .tabs-quaternary .nav-tabs.nav-justified li a:hover,
    html.dark body .tabs-quaternary .nav-tabs.nav-justified li a:hover {
        border-top-color: #bbbbbb;
    }

html body .tabs-quaternary .nav-tabs li.active a,
html.dark body .tabs-quaternary .nav-tabs li.active a,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs li.active a:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs li.active a:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #bbbbbb;
    color: #bbbbbb;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #bbbbbb;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #bbbbbb;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li a:hover {
    border-left-color: #bbbbbb;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #bbbbbb;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li a:hover {
    border-right-color: #bbbbbb;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #bbbbbb;
}

html body .tabs-dark .nav-tabs li a,
html.dark body .tabs-dark .nav-tabs li a,
html body .tabs-dark .nav-tabs.nav-justified li a,
html.dark body .tabs-dark .nav-tabs.nav-justified li a,
html body .tabs-dark .nav-tabs li a:hover,
html.dark body .tabs-dark .nav-tabs li a:hover,
html body .tabs-dark .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
    color: #2e353e;
}

    html body .tabs-dark .nav-tabs li a:hover,
    html.dark body .tabs-dark .nav-tabs li a:hover,
    html body .tabs-dark .nav-tabs.nav-justified li a:hover,
    html.dark body .tabs-dark .nav-tabs.nav-justified li a:hover {
        border-top-color: #2e353e;
    }

html body .tabs-dark .nav-tabs li.active a,
html.dark body .tabs-dark .nav-tabs li.active a,
html body .tabs-dark .nav-tabs.nav-justified li.active a,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active a,
html body .tabs-dark .nav-tabs li.active a:hover,
html.dark body .tabs-dark .nav-tabs li.active a:hover,
html body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:hover,
html body .tabs-dark .nav-tabs li.active a:focus,
html.dark body .tabs-dark .nav-tabs li.active a:focus,
html body .tabs-dark .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #2e353e;
    color: #2e353e;
}

html body .tabs-dark.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li a:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #2e353e;
}

html body .tabs-dark.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li a:hover {
    border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a,
html body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li a:hover {
    border-right-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a,
html body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #2e353e;
}

html body .tabs-light .nav-tabs li a,
html.dark body .tabs-light .nav-tabs li a,
html body .tabs-light .nav-tabs.nav-justified li a,
html.dark body .tabs-light .nav-tabs.nav-justified li a,
html body .tabs-light .nav-tabs li a:hover,
html.dark body .tabs-light .nav-tabs li a:hover,
html body .tabs-light .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li a:hover {
    color: #ffffff;
}

    html body .tabs-light .nav-tabs li a:hover,
    html.dark body .tabs-light .nav-tabs li a:hover,
    html body .tabs-light .nav-tabs.nav-justified li a:hover,
    html.dark body .tabs-light .nav-tabs.nav-justified li a:hover {
        border-top-color: #ffffff;
    }

html body .tabs-light .nav-tabs li.active a,
html.dark body .tabs-light .nav-tabs li.active a,
html body .tabs-light .nav-tabs.nav-justified li.active a,
html.dark body .tabs-light .nav-tabs.nav-justified li.active a,
html body .tabs-light .nav-tabs li.active a:hover,
html.dark body .tabs-light .nav-tabs li.active a:hover,
html body .tabs-light .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li.active a:hover,
html body .tabs-light .nav-tabs li.active a:focus,
html.dark body .tabs-light .nav-tabs li.active a:focus,
html body .tabs-light .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-light .nav-tabs.nav-justified li.active a:focus {
    border-top-color: #ffffff;
    color: #ffffff;
}

html body .tabs-light.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li a:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li a:hover {
    border-bottom-color: #ffffff;
}

html body .tabs-light.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-light.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
    border-bottom-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li a:hover {
    border-left-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a,
html body .tabs-light.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active a:focus {
    border-left-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li a:hover {
    border-right-color: #ffffff;
}

html body .tabs-light.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a,
html body .tabs-light.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active a:focus {
    border-right-color: #ffffff;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active a:focus {
    border-right-color: var(--main-color);
    border-left-color: transparent;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active a:focus {
    border-right-color: transparent;
    border-left-color: var(--main-color);
}

.list.list-icons li .fa,
.list.list-icons li .icons {
    color: var(--main-color);
    border-color: var(--main-color);
}

.list.list-icons.list-icons-style-3 li .fa,
.list.list-icons.list-icons-style-3 li .icons {
    background-color: var(--main-color);
}

.list.list-ordened li:before {
    color: var(--main-color);
    border-color: var(--main-color);
}

.list.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
}

html .list-primary.list-icons li .fa,
html .list-primary.list-icons li .icons {
    color: var(--main-color);
    border-color: var(--main-color);
}

html .list-primary.list-icons.list-icons-style-3 li .fa,
html .list-primary.list-icons.list-icons-style-3 li .icons {
    background-color: var(--main-color);
    color: #ffffff;
}

html .list-primary.list-ordened li:before {
    color: var(--main-color);
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
    color: #ffffff;
}

html .list-secondary.list-icons li .fa,
html .list-secondary.list-icons li .icons {
    color: var(--main-date-color);
    border-color: var(--main-date-color);
}

html .list-secondary.list-icons.list-icons-style-3 li .fa,
html .list-secondary.list-icons.list-icons-style-3 li .icons {
    background-color: var(--main-date-color);
    color: #ffffff;
}

html .list-secondary.list-ordened li:before {
    color: var(--main-date-color);
}

html .list-secondary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
    color: #ffffff;
}

html .list-tertiary.list-icons li .fa,
html .list-tertiary.list-icons li .icons {
    color: #84c0d8;
    border-color: #84c0d8;
}

html .list-tertiary.list-icons.list-icons-style-3 li .fa,
html .list-tertiary.list-icons.list-icons-style-3 li .icons {
    background-color: #84c0d8;
    color: #777777;
}

html .list-tertiary.list-ordened li:before {
    color: #84c0d8;
}

html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
    color: #777777;
}

html .list-quaternary.list-icons li .fa,
html .list-quaternary.list-icons li .icons {
    color: #bbbbbb;
    border-color: #bbbbbb;
}

html .list-quaternary.list-icons.list-icons-style-3 li .fa,
html .list-quaternary.list-icons.list-icons-style-3 li .icons {
    background-color: #bbbbbb;
    color: #777777;
}

html .list-quaternary.list-ordened li:before {
    color: #bbbbbb;
}

html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
    color: #777777;
}

html .list-dark.list-icons li .fa,
html .list-dark.list-icons li .icons {
    color: #2e353e;
    border-color: #2e353e;
}

html .list-dark.list-icons.list-icons-style-3 li .fa,
html .list-dark.list-icons.list-icons-style-3 li .icons {
    background-color: #2e353e;
    color: #ffffff;
}

html .list-dark.list-ordened li:before {
    color: #2e353e;
}

html .list-dark.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
    color: #ffffff;
}

html .list-light.list-icons li .fa,
html .list-light.list-icons li .icons {
    color: #ffffff;
    border-color: #ffffff;
}

html .list-light.list-icons.list-icons-style-3 li .fa,
html .list-light.list-icons.list-icons-style-3 li .icons {
    background-color: #ffffff;
    color: #777777;
}

html .list-light.list-ordened li:before {
    color: #ffffff;
}

html .list-light.list-ordened.list-ordened-style-3 li:before {
    background-color: var(--main-color);
    color: #777777;
}

.parallax blockquote i.fa-quote-left {
    color: var(--main-color);
}

section.video blockquote i.fa-quote-left {
    color: var(--main-color);
}

.panel-group .panel-heading a {
    color: var(--main-color);
}

html .panel-group.panel-group-primary .panel-heading {
    background-color: var(--main-color) !important;
}

    html .panel-group.panel-group-primary .panel-heading a {
        color: #ffffff;
    }

html .panel-group.panel-group-secondary .panel-heading {
    background-color: var(--main-date-color) !important;
}

    html .panel-group.panel-group-secondary .panel-heading a {
        color: #ffffff;
    }

html .panel-group.panel-group-tertiary .panel-heading {
    background-color: #84c0d8 !important;
}

    html .panel-group.panel-group-tertiary .panel-heading a {
        color: #777777;
    }

html .panel-group.panel-group-quaternary .panel-heading {
    background-color: #bbbbbb !important;
}

    html .panel-group.panel-group-quaternary .panel-heading a {
        color: #777777;
    }

html .panel-group.panel-group-dark .panel-heading {
    background-color: #2e353e !important;
}

    html .panel-group.panel-group-dark .panel-heading a {
        color: #ffffff;
    }

html .panel-group.panel-group-light .panel-heading {
    background-color: #ffffff !important;
}

    html .panel-group.panel-group-light .panel-heading a {
        color: #777777;
    }

html .divider.divider-primary .fa,
html .divider.divider-primary .icons {
    color: var(--main-color);
}

html .divider.divider-primary.divider-small hr {
    background: var(--main-color);
}

html .divider.divider-secondary .fa,
html .divider.divider-secondary .icons {
    color: var(--main-date-color);
}

html .divider.divider-secondary.divider-small hr {
    background: var(--main-date-color);
}

html .divider.divider-tertiary .fa,
html .divider.divider-tertiary .icons {
    color: #84c0d8;
}

html .divider.divider-tertiary.divider-small hr {
    background: #84c0d8;
}

html .divider.divider-quaternary .fa,
html .divider.divider-quaternary .icons {
    color: #bbbbbb;
}

html .divider.divider-quaternary.divider-small hr {
    background: #bbbbbb;
}

html .divider.divider-dark .fa,
html .divider.divider-dark .icons {
    color: #2e353e;
}

html .divider.divider-dark.divider-small hr {
    background: #2e353e;
}

html .divider.divider-light .fa,
html .divider.divider-light .icons {
    color: #ffffff;
}

html .divider.divider-light.divider-small hr {
    background: #ffffff;
}

html .divider.divider-style-2.divider-primary .fa,
html .divider.divider-style-2.divider-primary .icons {
    background: var(--main-color);
    color: #ffffff;
}

html .divider.divider-style-2.divider-secondary .fa,
html .divider.divider-style-2.divider-secondary .icons {
    background: var(--main-date-color);
    color: #ffffff;
}

html .divider.divider-style-2.divider-tertiary .fa,
html .divider.divider-style-2.divider-tertiary .icons {
    background: #84c0d8;
    color: #777777;
}

html .divider.divider-style-2.divider-quaternary .fa,
html .divider.divider-style-2.divider-quaternary .icons {
    background: #bbbbbb;
    color: #777777;
}

html .divider.divider-style-2.divider-dark .fa,
html .divider.divider-style-2.divider-dark .icons {
    background: #2e353e;
    color: #ffffff;
}

html .divider.divider-style-2.divider-light .fa,
html .divider.divider-style-2.divider-light .icons {
    background: #ffffff;
    color: #777777;
}

html .divider.divider-style-3.divider-primary .fa,
html .divider.divider-style-3.divider-primary .icons {
    border-color: var(--main-color);
}

html .divider.divider-style-3.divider-secondary .fa,
html .divider.divider-style-3.divider-secondary .icons {
    border-color: var(--main-date-color);
}

html .divider.divider-style-3.divider-tertiary .fa,
html .divider.divider-style-3.divider-tertiary .icons {
    border-color: #84c0d8;
}

html .divider.divider-style-3.divider-quaternary .fa,
html .divider.divider-style-3.divider-quaternary .icons {
    border-color: #bbbbbb;
}

html .divider.divider-style-3.divider-dark .fa,
html .divider.divider-style-3.divider-dark .icons {
    border-color: #2e353e;
}

html .divider.divider-style-3.divider-light .fa,
html .divider.divider-style-3.divider-light .icons {
    border-color: #ffffff;
}
#header .tip {
    background: var(--main-color);
    color: #ffffff;
}

    #header .tip:before {
        border-right-color: var(--main-color);
    }

html #header .tip-primary {
    background: var(--main-color) !important;
    color: #ffffff !important;
}

    html #header .tip-primary:before {
        border-right-color: var(--main-color) !important;
    }

html #header .tip-secondary {
    background: var(--main-date-color) !important;
    color: #ffffff !important;
}

    html #header .tip-secondary:before {
        border-right-color: var(--main-date-color) !important;
    }

html #header .tip-tertiary {
    background: #84c0d8 !important;
    color: #777777 !important;
}

    html #header .tip-tertiary:before {
        border-right-color: #84c0d8 !important;
    }

html #header .tip-quaternary {
    background: #bbbbbb !important;
    color: #777777 !important;
}

    html #header .tip-quaternary:before {
        border-right-color: #bbbbbb !important;
    }

html #header .tip-dark {
    background: #2e353e !important;
    color: #ffffff !important;
}

    html #header .tip-dark:before {
        border-right-color: #2e353e !important;
    }

html #header .tip-light {
    background: #ffffff !important;
    color: #777777 !important;
}

    html #header .tip-light:before {
        border-right-color: #ffffff !important;
    }

html[dir="rtl"] #header .tip.skin:before {
    border-left-color: var(--main-color);
}

#header .header-btn-collapse-nav {
    background: var(--main-color);
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li:hover > a {
        background: var(--main-color);
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: var(--main-color);
    }

        #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent var(--main-color);
        }

    #header .header-nav.header-nav-stripe nav > ul > li:not(:hover).active > a {
        color: var(--main-color);
    }

    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
        background-color: var(--main-color);
    }

    #header .header-nav.header-nav-top-line nav > ul li.active > a,
    #header .header-nav.header-nav-top-line nav > ul li:hover > a {
        color: var(--main-color);
    }

        #header .header-nav.header-nav-top-line nav > ul li.active > a:before,
        #header .header-nav.header-nav-top-line nav > ul li:hover > a:before {
            background: var(--main-color);
        }

    #header .header-nav.header-nav-dark-dropdown nav > ul li.active > a,
    #header .header-nav.header-nav-dark-dropdown nav > ul li:hover > a {
        color: var(--main-color);
    }
}

@media (min-width: 992px) {
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
        color: var(--main-color);
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
        background: var(--main-color);
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
        border-top-color: var(--main-color);
        background-color: var(--main-color);
    }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
            color: #ffffff;
            border-bottom-color: var(--main-color-hover);
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
            background: var(--main-color-hover);
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #ffffff;
        }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
        color: var(--main-date-color);
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
        background: var(--main-date-color);
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu {
        border-top-color: var(--main-date-color);
        background-color: var(--main-date-color);
    }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
            color: #ffffff;
            border-bottom-color: #68afb8;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a {
            background: #68afb8;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #ffffff;
        }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
        color: #84c0d8;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
        background: #84c0d8;
        color: #777777;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
        border-top-color: #84c0d8;
        background-color: #84c0d8;
    }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
            color: #777777;
            border-bottom-color: #97cade;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a {
            background: #97cade;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #777777;
        }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
        color: #777777;
        opacity: 0.70;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
        color: #bbbbbb;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
        background: #bbbbbb;
        color: #777777;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
        border-top-color: #bbbbbb;
        background-color: #bbbbbb;
    }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
            color: #777777;
            border-bottom-color: #c8c8c8;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a {
            background: #c8c8c8;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #777777;
        }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
        color: #777777;
        opacity: 0.70;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a {
        color: #2e353e;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
        background: #2e353e;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu {
        border-top-color: #2e353e;
        background-color: #2e353e;
    }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
            color: #ffffff;
            border-bottom-color: #39424d;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a {
            background: #39424d;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #ffffff;
        }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
        color: #ffffff;
        opacity: 0.70;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a,
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
        background: #ffffff;
        color: #777777;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu {
        border-top-color: #ffffff;
        background-color: #ffffff;
    }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
            color: #777777;
            border-bottom-color: #ffffff;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a {
            background: #ffffff;
        }

        html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #777777;
        }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
        color: #777777;
        opacity: 0.70;
    }
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul > li > a,
    #header .header-nav-main nav > ul > li > a:focus,
    #header .header-nav-main nav > ul > li > a:hover {
        color: var(--main-color);
    }

    #header .header-nav-main nav > ul > li.active > a,
    #header .header-nav-main nav > ul > li.active > a:focus,
    #header .header-nav-main nav > ul > li.active > a:hover {
        background-color: var(--main-color);
    }
}

@media (max-width: 991px) {
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
        color: var(--main-color);
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.active > a {
        background: var(--main-color);
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
        color: var(--main-date-color);
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.active > a {
        background: var(--main-date-color);
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
        color: #84c0d8;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.active > a {
        background: #84c0d8;
        color: #777777;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
        color: #bbbbbb;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.active > a {
        background: #bbbbbb;
        color: #777777;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark > a {
        color: #2e353e;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.active > a {
        background: #2e353e;
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
        color: #ffffff;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.active > a {
        background: #ffffff;
        color: #777777;
    }
}

html #header .header-top.header-top-primary {
    background: var(--main-color);
    border-top-color: #506893;
}

    html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
        background: var(--main-color-hover);
    }

        html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
        html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
        html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
        html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
            background: var(--main-color-hover);
        }

    html #header .header-top.header-top-primary .dropdown-menu {
        background: var(--main-color-hover);
        border-color: var(--main-color-hover);
    }

        html #header .header-top.header-top-primary .dropdown-menu a:hover,
        html #header .header-top.header-top-primary .dropdown-menu a:focus {
            background: #798fb6 !important;
        }

html #header .header-top.header-top-secondary {
    background: var(--main-date-color);
    border-top-color: #4c98a2;
}

    html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a {
        background: #68afb8;
    }

        html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover,
        html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover,
        html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus,
        html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus {
            background: #68afb8;
        }

    html #header .header-top.header-top-secondary .dropdown-menu {
        background: #68afb8;
        border-color: #68afb8;
    }

        html #header .header-top.header-top-secondary .dropdown-menu a:hover,
        html #header .header-top.header-top-secondary .dropdown-menu a:focus {
            background: #7ab8c0 !important;
        }

html #header .header-top.header-top-tertiary {
    background: #84c0d8;
    border-top-color: #71b6d2;
}

    html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a {
        background: #97cade;
    }

        html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover,
        html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover,
        html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus,
        html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus {
            background: #97cade;
        }

    html #header .header-top.header-top-tertiary .dropdown-menu {
        background: #97cade;
        border-color: #97cade;
    }

        html #header .header-top.header-top-tertiary .dropdown-menu a:hover,
        html #header .header-top.header-top-tertiary .dropdown-menu a:focus {
            background: #abd4e4 !important;
        }

html #header .header-top.header-top-quaternary {
    background: #bbbbbb;
    border-top-color: #aeaeae;
}

    html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a {
        background: #c8c8c8;
    }

        html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover,
        html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover,
        html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus,
        html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus {
            background: #c8c8c8;
        }

    html #header .header-top.header-top-quaternary .dropdown-menu {
        background: #c8c8c8;
        border-color: #c8c8c8;
    }

        html #header .header-top.header-top-quaternary .dropdown-menu a:hover,
        html #header .header-top.header-top-quaternary .dropdown-menu a:focus {
            background: #d4d4d4 !important;
        }

html #header .header-top.header-top-dark {
    background: #2e353e;
    border-top-color: #23282f;
}

    html #header .header-top.header-top-dark .header-nav-top ul > li.open > a {
        background: #39424d;
    }

        html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover,
        html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover,
        html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus,
        html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus {
            background: #39424d;
        }

    html #header .header-top.header-top-dark .dropdown-menu {
        background: #39424d;
        border-color: #39424d;
    }

        html #header .header-top.header-top-dark .dropdown-menu a:hover,
        html #header .header-top.header-top-dark .dropdown-menu a:focus {
            background: #444e5b !important;
        }

html #header .header-top.header-top-light {
    background: #ffffff;
    border-top-color: #f2f2f2;
}

    html #header .header-top.header-top-light .header-nav-top ul > li.open > a {
        background: #ffffff;
    }

        html #header .header-top.header-top-light .header-nav-top ul > li > a:hover,
        html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover,
        html #header .header-top.header-top-light .header-nav-top ul > li > a:focus,
        html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus {
            background: #ffffff;
        }

    html #header .header-top.header-top-light .dropdown-menu {
        background: #ffffff;
        border-color: #ffffff;
    }

        html #header .header-top.header-top-light .dropdown-menu a:hover,
        html #header .header-top.header-top-light .dropdown-menu a:focus {
            background: #ffffff !important;
        }

@media (min-width: 992px) {
    html #header .header-nav-bar-primary {
        background: var(--main-color) !important;
        color: #ffffff !important;
    }

    html #header .header-nav-bar-secondary {
        background: var(--main-date-color) !important;
        color: #ffffff !important;
    }

    html #header .header-nav-bar-tertiary {
        background: #84c0d8 !important;
        color: #777777 !important;
    }

    html #header .header-nav-bar-quaternary {
        background: #bbbbbb !important;
        color: #777777 !important;
    }

    html #header .header-nav-bar-dark {
        background: #2e353e !important;
        color: #ffffff !important;
    }

    html #header .header-nav-bar-light {
        background: #ffffff !important;
        color: #777777 !important;
    }
}

@media (min-width: 992px) {
    #header .header-nav-main-light nav > ul > li.dropdown:hover > a {
        color: var(--main-color);
    }

    #header .header-nav-main-light nav > ul > li.active > a {
        color: var(--main-color);
    }
}

.testimonial blockquote {
    background: var(--main-color-hover);
}

.testimonial .testimonial-arrow-down {
    border-top-color: var(--main-color-hover);
}

html .testimonial-primary blockquote {
    background: var(--main-color-hover);
}

html .testimonial-primary .testimonial-arrow-down {
    border-top-color: var(--main-color-hover);
}

html .testimonial-secondary blockquote {
    background: #68afb8;
}

html .testimonial-secondary .testimonial-arrow-down {
    border-top-color: #68afb8;
}

html .testimonial-tertiary blockquote {
    background: #97cade;
}

html .testimonial-tertiary .testimonial-arrow-down {
    border-top-color: #97cade;
}

html .testimonial-quaternary blockquote {
    background: #c8c8c8;
}

html .testimonial-quaternary .testimonial-arrow-down {
    border-top-color: #c8c8c8;
}

html .testimonial-dark blockquote {
    background: #39424d;
}

html .testimonial-dark .testimonial-arrow-down {
    border-top-color: #39424d;
}

html .testimonial-light blockquote {
    background: #ffffff;
}

html .testimonial-light .testimonial-arrow-down {
    border-top-color: #ffffff;
}

.circular-bar.only-icon .fa,
.circular-bar.only-icon .icons {
    color: var(--main-color);
}

html .counters .counter-primary .fa,
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
    color: var(--main-color);
}

html .counters .counter-secondary .fa,
html .counters .counter-secondary .icons,
html .counters .counter-secondary strong {
    color: var(--main-date-color);
}

html .counters .counter-tertiary .fa,
html .counters .counter-tertiary .icons,
html .counters .counter-tertiary strong {
    color: #84c0d8;
}

html .counters .counter-quaternary .fa,
html .counters .counter-quaternary .icons,
html .counters .counter-quaternary strong {
    color: #bbbbbb;
}

html .counters .counter-dark .fa,
html .counters .counter-dark .icons,
html .counters .counter-dark strong {
    color: #2e353e;
}

html .counters .counter-light .fa,
html .counters .counter-light .icons,
html .counters .counter-light strong {
    color: #ffffff;
}

.icon-featured {
    background-color: var(--main-color);
}

.featured-box-primary .icon-featured {
    background-color: var(--main-color);
}

    .featured-box-primary .icon-featured:after {
        border-color: var(--main-color);
    }

.featured-box-primary h4 {
    color: var(--main-color);
}

.featured-box-primary .box-content {
    border-top-color: var(--main-color);
}

html .featured-box-primary .icon-featured {
    background-color: var(--main-color);
}

html .featured-box-primary h4 {
    color: var(--main-color);
}

html .featured-box-primary .box-content {
    border-top-color: var(--main-color);
}

html .featured-box-secondary .icon-featured {
    background-color: var(--main-date-color);
}

html .featured-box-secondary h4 {
    color: var(--main-date-color);
}

html .featured-box-secondary .box-content {
    border-top-color: var(--main-date-color);
}

html .featured-box-tertiary .icon-featured {
    background-color: #84c0d8;
}

html .featured-box-tertiary h4 {
    color: #84c0d8;
}

html .featured-box-tertiary .box-content {
    border-top-color: #84c0d8;
}

html .featured-box-quaternary .icon-featured {
    background-color: #bbbbbb;
}

html .featured-box-quaternary h4 {
    color: #bbbbbb;
}

html .featured-box-quaternary .box-content {
    border-top-color: #bbbbbb;
}

html .featured-box-dark .icon-featured {
    background-color: #2e353e;
}

html .featured-box-dark h4 {
    color: #2e353e;
}

html .featured-box-dark .box-content {
    border-top-color: #2e353e;
}

html .featured-box-light .icon-featured {
    background-color: #ffffff;
}

html .featured-box-light h4 {
    color: #ffffff;
}

html .featured-box-light .box-content {
    border-top-color: #ffffff;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
    border-color: var(--main-color);
    color: var(--main-color);
}

html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
    border-color: var(--main-date-color);
    color: var(--main-date-color);
}

html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
    border-color: #84c0d8;
    color: #84c0d8;
}

html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
    border-color: #bbbbbb;
    color: #bbbbbb;
}

html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured {
    border-color: #2e353e;
    color: #2e353e;
}

html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured {
    border-color: #ffffff;
    color: #ffffff;
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
    border-color: var(--main-color);
    color: var(--main-color);
}

html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured {
    border-color: var(--main-date-color);
    color: var(--main-date-color);
}

html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured {
    border-color: #84c0d8;
    color: #84c0d8;
}

html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured {
    border-color: #bbbbbb;
    color: #bbbbbb;
}

html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured {
    border-color: #2e353e;
    color: #2e353e;
}

html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured {
    border-color: #ffffff;
    color: #ffffff;
}

html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
    color: var(--main-color);
}

html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured {
    color: var(--main-date-color);
}

html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured {
    color: #84c0d8;
}

html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured {
    color: #bbbbbb;
}

html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured {
    color: #2e353e;
}

html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured {
    color: #ffffff;
}

html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
    color: var(--main-color);
}

html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured {
    color: var(--main-date-color);
}

html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured {
    color: #84c0d8;
}

html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured {
    color: #bbbbbb;
}

html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured {
    color: #2e353e;
}

html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured {
    color: #ffffff;
}

html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
    color: var(--main-color);
}

html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured {
    color: var(--main-date-color);
}

html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured {
    color: #84c0d8;
}

html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured {
    color: #bbbbbb;
}

html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured {
    color: #2e353e;
}

html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured {
    color: #ffffff;
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 3px var(--main-color);
}

html .featured-box-effect-2.featured-box-secondary .icon-featured:after {
    box-shadow: 0 0 0 3px var(--main-date-color);
}

html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
    box-shadow: 0 0 0 3px #84c0d8;
}

html .featured-box-effect-2.featured-box-quaternary .icon-featured:after {
    box-shadow: 0 0 0 3px #bbbbbb;
}

html .featured-box-effect-2.featured-box-dark .icon-featured:after {
    box-shadow: 0 0 0 3px #2e353e;
}

html .featured-box-effect-2.featured-box-light .icon-featured:after {
    box-shadow: 0 0 0 3px #ffffff;
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--main-color);
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
    background: var(--main-color) !important;
}

html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
    box-shadow: 0 0 0 10px var(--main-date-color);
}

html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
    background: var(--main-date-color) !important;
}

html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
    box-shadow: 0 0 0 10px #84c0d8;
}

html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
    background: #84c0d8 !important;
}

html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
    box-shadow: 0 0 0 10px #bbbbbb;
}

html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
    background: #bbbbbb !important;
}

html .featured-box-effect-3.featured-box-dark .icon-featured:after {
    box-shadow: 0 0 0 10px #2e353e;
}

html .featured-box-effect-3.featured-box-dark:hover .icon-featured {
    background: #2e353e !important;
}

html .featured-box-effect-3.featured-box-light .icon-featured:after {
    box-shadow: 0 0 0 10px #ffffff;
}

html .featured-box-effect-3.featured-box-light:hover .icon-featured {
    background: #ffffff !important;
}

.feature-box .feature-box-icon {
    background-color: var(--main-color);
}

html .feature-box-primary .feature-box-icon {
    background-color: var(--main-color);
}

html .feature-box-secondary .feature-box-icon {
    background-color: var(--main-date-color);
}

html .feature-box-tertiary .feature-box-icon {
    background-color: #84c0d8;
}

html .feature-box-quaternary .feature-box-icon {
    background-color: #bbbbbb;
}

html .feature-box-dark .feature-box-icon {
    background-color: #2e353e;
}

html .feature-box-light .feature-box-icon {
    background-color: #ffffff;
}

.feature-box.feature-box-style-2 .feature-box-icon i.fa,
.feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: var(--main-color);
}

html .feature-box-primary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
    color: var(--main-color);
}

html .feature-box-secondary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons {
    color: var(--main-date-color);
}

html .feature-box-tertiary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons {
    color: #84c0d8;
}

html .feature-box-quaternary.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons {
    color: #bbbbbb;
}

html .feature-box-dark.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons {
    color: #2e353e;
}

html .feature-box-light.feature-box-style-2 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-2 .feature-box-icon .icons {
    color: #ffffff;
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border-color: var(--main-color);
}

    .feature-box.feature-box-style-3 .feature-box-icon i.fa,
    .feature-box.feature-box-style-3 .feature-box-icon .icons {
        color: var(--main-color);
    }

html .feature-box-primary.feature-box-style-3 .feature-box-icon {
    border-color: var(--main-color);
}

    html .feature-box-primary.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
        color: var(--main-color);
    }

html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
    border-color: var(--main-date-color);
}

    html .feature-box-secondary.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons {
        color: var(--main-date-color);
    }

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
    border-color: #84c0d8;
}

    html .feature-box-tertiary.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons {
        color: #84c0d8;
    }

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
    border-color: #bbbbbb;
}

    html .feature-box-quaternary.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons {
        color: #bbbbbb;
    }

html .feature-box-dark.feature-box-style-3 .feature-box-icon {
    border-color: #2e353e;
}

    html .feature-box-dark.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons {
        color: #2e353e;
    }

html .feature-box-light.feature-box-style-3 .feature-box-icon {
    border-color: #ffffff;
}

    html .feature-box-light.feature-box-style-3 .feature-box-icon i.fa,
    html .feature-box-light.feature-box-style-3 .feature-box-icon .icons {
        color: #ffffff;
    }

.feature-box.feature-box-style-4 .feature-box-icon i.fa,
.feature-box.feature-box-style-4 .feature-box-icon .icons {
    color: var(--main-color);
}

html .feature-box-primary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
    color: var(--main-color);
}

html .feature-box-secondary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons {
    color: var(--main-date-color);
}

html .feature-box-tertiary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons {
    color: #84c0d8;
}

html .feature-box-quaternary.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons {
    color: #bbbbbb;
}

html .feature-box-dark.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons {
    color: #2e353e;
}

html .feature-box-light.feature-box-style-4 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-4 .feature-box-icon .icons {
    color: #ffffff;
}

.feature-box.feature-box-style-5 .feature-box-icon i.fa,
.feature-box.feature-box-style-5 .feature-box-icon i.icons {
    color: var(--main-color);
}

html .feature-box-primary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-5 .feature-box-icon i.icons {
    color: var(--main-color);
}

html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-5 .feature-box-icon i.icons {
    color: var(--main-date-color);
}

html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-5 .feature-box-icon i.icons {
    color: #84c0d8;
}

html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-5 .feature-box-icon i.icons {
    color: #bbbbbb;
}

html .feature-box-dark.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-5 .feature-box-icon i.icons {
    color: #2e353e;
}

html .feature-box-light.feature-box-style-5 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-5 .feature-box-icon i.icons {
    color: #ffffff;
}

html .feature-box-primary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-primary.feature-box-style-6 .feature-box-icon i.icons {
    color: var(--main-color);
}

html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-secondary.feature-box-style-6 .feature-box-icon i.icons {
    color: var(--main-date-color);
}

html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-tertiary.feature-box-style-6 .feature-box-icon i.icons {
    color: #84c0d8;
}

html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-quaternary.feature-box-style-6 .feature-box-icon i.icons {
    color: #bbbbbb;
}

html .feature-box-dark.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-dark.feature-box-style-6 .feature-box-icon i.icons {
    color: #2e353e;
}

html .feature-box-light.feature-box-style-6 .feature-box-icon i.fa,
html .feature-box-light.feature-box-style-6 .feature-box-icon i.icons {
    color: #ffffff;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(1) .featured-box-full-primary {
    background-color: #475d82;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(2) .featured-box-full-primary {
    background-color: #506893;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(3) .featured-box-full-primary {
    background-color: var(--main-color);
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(4) .featured-box-full-primary {
    background-color: var(--main-color-hover);
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(5) .featured-box-full-primary {
    background-color: #798fb6;
}

html .featured-boxes-full-scale > [class*="col-"]:nth-child(6) .featured-box-full-primary {
    background-color: #8a9dbf;
}

html .featured-boxes-full .featured-box-full-primary {
    background-color: var(--main-color);
    color: #ffffff;
}

html .featured-boxes-full .featured-box-full-secondary {
    background-color: var(--main-date-color);
    color: #ffffff;
}

html .featured-boxes-full .featured-box-full-tertiary {
    background-color: #84c0d8;
    color: #777777;
}

html .featured-boxes-full .featured-box-full-quaternary {
    background-color: #bbbbbb;
    color: #777777;
}

html .featured-boxes-full .featured-box-full-dark {
    background-color: #2e353e;
    color: #ffffff;
}

html .featured-boxes-full .featured-box-full-light {
    background-color: #ffffff;
    color: #777777;
}

.pricing-table .most-popular {
    border-color: var(--main-color);
}

    .pricing-table .most-popular h3 {
        background-color: var(--main-color) !important;
    }

.pricing-table.princig-table-flat .plan h3 {
    background-color: var(--main-color);
}

    .pricing-table.princig-table-flat .plan h3 span {
        background: var(--main-color);
    }

html .call-to-action.featured.featured-primary {
    border-top-color: var(--main-color);
}

html .call-to-action.call-to-action-primary {
    background: var(--main-color);
}

html .call-to-action.with-full-borders {
    border-color: var(--main-color);
}

html .call-to-action.call-to-action-primary {
    background: var(--main-color);
}

    html .call-to-action.call-to-action-primary h3,
    html .call-to-action.call-to-action-primary p {
        color: #ffffff;
    }

html .call-to-action.featured.featured-secondary {
    border-top-color: var(--main-date-color);
}

html .call-to-action.call-to-action-secondary {
    background: var(--main-date-color);
}

html .call-to-action.with-full-borders {
    border-color: var(--main-date-color);
}

html .call-to-action.call-to-action-secondary {
    background: var(--main-date-color);
}

    html .call-to-action.call-to-action-secondary h3,
    html .call-to-action.call-to-action-secondary p {
        color: #ffffff;
    }

html .call-to-action.featured.featured-tertiary {
    border-top-color: #84c0d8;
}

html .call-to-action.call-to-action-tertiary {
    background: #84c0d8;
}

html .call-to-action.with-full-borders {
    border-color: #84c0d8;
}

html .call-to-action.call-to-action-tertiary {
    background: #84c0d8;
}

    html .call-to-action.call-to-action-tertiary h3,
    html .call-to-action.call-to-action-tertiary p {
        color: #777777;
    }

html .call-to-action.featured.featured-quaternary {
    border-top-color: #bbbbbb;
}

html .call-to-action.call-to-action-quaternary {
    background: #bbbbbb;
}

html .call-to-action.with-full-borders {
    border-color: #bbbbbb;
}

html .call-to-action.call-to-action-quaternary {
    background: #bbbbbb;
}

    html .call-to-action.call-to-action-quaternary h3,
    html .call-to-action.call-to-action-quaternary p {
        color: #777777;
    }

html .call-to-action.featured.featured-dark {
    border-top-color: #2e353e;
}

html .call-to-action.call-to-action-dark {
    background: #2e353e;
}

html .call-to-action.with-full-borders {
    border-color: #2e353e;
}

html .call-to-action.call-to-action-dark {
    background: #2e353e;
}

    html .call-to-action.call-to-action-dark h3,
    html .call-to-action.call-to-action-dark p {
        color: #ffffff;
    }

html .call-to-action.featured.featured-light {
    border-top-color: #ffffff;
}

html .call-to-action.call-to-action-light {
    background: #ffffff;
}

html .call-to-action.with-full-borders {
    border-color: #ffffff;
}

html .call-to-action.call-to-action-light {
    background: #ffffff;
}

    html .call-to-action.call-to-action-light h3,
    html .call-to-action.call-to-action-light p {
        color: #777777;
    }

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
    background: var(--main-color);
    box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px var(--main-color);
}

ul.history li .featured-box .box-content {
    border-top-color: var(--main-color);
}

article.post {min-height: 200px;}
article .btn {
    position: absolute;
    bottom: 0;
    right: 15px;
}
article span .btn {
    position: relative;
    margin-left:20px;
}

    .recent-posts .date .month,
    article.post .post-date .month {
        background-color: var(--main-color);
    }

.recent-posts .date .day,
article.post .post-date .day {
    color: var(--main-color);
}
.recent-posts h4 a:link,
.recent-posts p {
    letter-spacing: 0.01em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.recent-posts h4 a:link {
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
}
.recent-posts p {
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
}

.recent-posts h4 a:hover,
.recent-posts p:hover {
        color: var(--main-color-hover);
        display: block; /* or inline-block */
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden;
    }

article.post h4 {
    font-size: 1.2em;
    line-height: 1.4em;
    min-height: 65px;
}
article.post p {
    font-size: 1.0em;
}

.slider .tp-bannertimer {
    background-color: var(--main-color);
}

.home-concept strong {
    color: var(--main-color);
}

html .home-intro-primary {
    background: var(--main-color);
}

html .home-intro-secondary {
    background: var(--main-date-color);
}

html .home-intro-tertiary {
    background: #84c0d8;
}

html .home-intro-quaternary {
    background: #bbbbbb;
}

html .home-intro-dark {
    background: #2e353e;
}

html .home-intro-light {
    background: #ffffff;
}

.home-intro p em {
    color: #798fb6;
}

html .slider-container .tp-caption-overlay-primary {
    background: var(--main-color);
}

html .slider-container .tp-caption-overlay-opacity-primary {
    background: rgba(89, 116, 163, 0.4);
}

html .slider-container .tp-caption-overlay-secondary {
    background: var(--main-date-color);
}

html .slider-container .tp-caption-overlay-opacity-secondary {
    background: rgba(87, 166, 176, 0.4);
}

html .slider-container .tp-caption-overlay-tertiary {
    background: #84c0d8;
}

html .slider-container .tp-caption-overlay-opacity-tertiary {
    background: rgba(132, 192, 216, 0.4);
}

html .slider-container .tp-caption-overlay-quaternary {
    background: #bbbbbb;
}

html .slider-container .tp-caption-overlay-opacity-quaternary {
    background: rgba(187, 187, 187, 0.4);
}

html .slider-container .tp-caption-overlay-dark {
    background: #2e353e;
}

html .slider-container .tp-caption-overlay-opacity-dark {
    background: rgba(46, 53, 62, 0.4);
}

html .slider-container .tp-caption-overlay-light {
    background: #ffffff;
}

html .slider-container .tp-caption-overlay-opacity-light {
    background: rgba(255, 255, 255, 0.4);
}

.shop ul.products li.product .onsale {
    background-color: var(--main-color);
    border-bottom-color: #4b6189;
}

.shop .star-rating span,
.shop .cart-totals tr.total .amount {
    color: var(--main-color);
}

#footer .footer-ribbon {
    background: var(--main-color);
}

    #footer .footer-ribbon:before {
        border-right-color: #3e5172;
        border-left-color: #3e5172;
    }

#footer.light h1,
#footer.light h2,
#footer.light h3,
#footer.light h4,
#footer.light a {
    color: var(--main-color);
}

#footer.background-primary {
    /*background: url("../shared/images/bg-footer.jpg") no-repeat #820000;*/
    background: #fff;
    border-top: 0px solid #d7d7d7;
    font-size: 0.9em;
    padding-top: 20px;
    position: relative;
    clear: both;
}

    #footer.background-primary h4,
    #footer.background-primary p,
    #footer.background-primary a {
        color: #555;
    }

    #footer.background-primary h4 {
        color: #000;
    }

    #footer.background-primary .footer-copyright {
        border-top: 2px solid #d7d7d7;
        margin-top: 0;
        background: #fff;
    }

#footer.color {
    background: var(--main-color);
    border-top-color: var(--main-color);
}

    #footer.color .footer-ribbon {
        background: #475d82;
    }

        #footer.color .footer-ribbon:before {
            border-right-color: #2c3951;
        }

    #footer.color .footer-copyright {
        background: #506893;
        border-top-color: #506893;
    }

html #footer.color-primary {
    background: var(--main-color);
    border-top-color: var(--main-color);
}

    html #footer.color-primary .footer-ribbon {
        background: #475d82;
    }

        html #footer.color-primary .footer-ribbon:before {
            border-right-color: #2c3951;
        }

    html #footer.color-primary .footer-copyright {
        background: #506893;
        border-top-color: #506893;
    }

html #footer.color-secondary {
    background: var(--main-date-color);
    border-top-color: var(--main-date-color);
}

    html #footer.color-secondary .footer-ribbon {
        background: #448890;
    }

        html #footer.color-secondary .footer-ribbon:before {
            border-right-color: #2b575c;
        }

    html #footer.color-secondary .footer-copyright {
        background: #4c98a2;
        border-top-color: #4c98a2;
    }

html #footer.color-tertiary {
    background: #84c0d8;
    border-top-color: #84c0d8;
}

    html #footer.color-tertiary .footer-ribbon {
        background: #5daccc;
    }

        html #footer.color-tertiary .footer-ribbon:before {
            border-right-color: #3587a7;
        }

    html #footer.color-tertiary .footer-copyright {
        background: #71b6d2;
        border-top-color: #71b6d2;
    }

html #footer.color-quaternary {
    background: #bbbbbb;
    border-top-color: #bbbbbb;
}

    html #footer.color-quaternary .footer-ribbon {
        background: #a2a2a2;
    }

        html #footer.color-quaternary .footer-ribbon:before {
            border-right-color: #7b7b7b;
        }

    html #footer.color-quaternary .footer-copyright {
        background: #aeaeae;
        border-top-color: #aeaeae;
    }

html #footer.color-dark {
    background: #2e353e;
    border-top-color: #2e353e;
}

    html #footer.color-dark .footer-ribbon {
        background: #181c21;
    }

        html #footer.color-dark .footer-ribbon:before {
            border-right-color: #000000;
        }

    html #footer.color-dark .footer-copyright {
        background: #23282f;
        border-top-color: #23282f;
    }

html #footer.color-light {
    background: #ffffff;
    border-top-color: #ffffff;
}

    html #footer.color-light .footer-ribbon {
        background: #e6e6e6;
    }

        html #footer.color-light .footer-ribbon:before {
            border-right-color: #bfbfbf;
        }

    html #footer.color-light .footer-copyright {
        background: #f2f2f2;
        border-top-color: #f2f2f2;
    }

.sample-icon-list .sample-icon a:hover {
    background-color: var(--main-color);
}

html.boxed .body {
    border-top-color: var(--main-color);
}

.img-rounded,
.img-thumbnail,
.img-thumbnail img,
code,
pre,
.form-control,
.input-sm,
.form-group-sm .form-control,
.input-lg,
.form-group-lg .form-control,
.btn,
.btn-group-lg > .btn,
.btn-sm,
.btn-group-sm > .btn,
.btn-xs,
.btn-group-xs > .btn,
.dropdown-menu,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-group-addon,
.input-group-addon.input-sm,
.input-group-addon.input-lg,
.nav-tabs > li > a,
.nav-tabs.nav-justified > li > a,
.nav-pills > li > a,
.nav-tabs-justified > li > a,
.navbar,
.navbar-toggle,
.navbar-toggle .icon-bar,
.breadcrumb,
.pagination,
.pager li > a,
.pager li > span,
.label,
.badge,
.container .jumbotron,
.container-fluid .jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.panel-group .panel,
.well,
.well-lg,
.well-sm,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-radius: 4px;
}

#header .header-search .form-control,
#header .header-nav-main nav > ul > li > a,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a,
#header.header-transparent .header-nav-main,
#header.header-semi-transparent .header-nav-main,
#header.header-semi-transparent-light .header-nav-main,
#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu,
.slider-container .tparrows,
.nivo-slider .theme-default .nivoSlider,
.nivo-slider .theme-default .nivoSlider img,
.home-intro-compact,
html.dark #header,
html.boxed .body,
blockquote.with-borders,
p.drop-caps.drop-caps-style-2:first-child:first-letter,
.btn-3d,
select,
.captcha-refresh,
.featured-icon,
.panel-group .panel-heading,
.tabs,
.nav-tabs li a,
.tab-content,
.tabs.tabs-bottom .tab-content,
.tabs.tabs-bottom .nav-tabs li a,
.tabs-left .tab-content,
.tabs-left .nav-tabs > li:first-child a,
.tabs-left .nav-tabs > li:last-child a,
.tabs-right .tab-content,
.tabs-right .nav-tabs > li:first-child a,
.tabs-right .nav-tabs > li:last-child a,
.nav-tabs.nav-justified li:first-child a,
.nav-tabs.nav-justified li:first-child a:hover,
.nav-tabs.nav-justified li:last-child a,
.nav-tabs.nav-justified li:last-child a:hover,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a,
.tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a,
.tabs-navigation,
.tabs-navigation .nav-tabs > li:first-child a,
.tabs-navigation .nav-tabs > li:last-child a,
.toggle > label,
.toggle.toggle-simple .toggle > label,
.toggle.toggle-simple .toggle > label:after,
.owl-carousel .owl-nav [class*="owl-"],
.owl-carousel.rounded-nav .owl-nav [class*="owl-"],
.owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover,
.owl-carousel.full-width .owl-nav .owl-prev,
.owl-carousel.big-nav .owl-nav .owl-prev,
.owl-carousel.full-width .owl-nav .owl-next,
.owl-carousel.big-nav .owl-nav .owl-next,
.embed-responsive.embed-responsive-borders,
.pricing-table h3,
.pricing-table .plan,
.featured-box,
.featured-box .box-content,
.thumb-info,
.thumb-info .thumb-info-wrapper,
.thumb-info .thumb-info-wrapper:after,
.thumb-info .thumb-info-type,
.thumb-info img,
section.timeline .timeline-date,
section.timeline .timeline-box,
.testimonial blockquote,
.testimonial.testimonial-style-2 blockquote,
.testimonial.testimonial-style-3 blockquote,
.testimonial.testimonial-style-4,
.testimonial.testimonial-style-4 blockquote,
.testimonial.testimonial-style-5 blockquote,
.testimonial.testimonial-style-6 blockquote,
.container .call-to-action,
.progress,
.progress.progress-border-radius,
.progress.progress-border-radius .progress-bar,
.progress-bar,
.progress-bar-tooltip,
.counters.with-borders .counter,
html .scroll-to-top,
.google-map.small,
.google-map-borders,
article.post .post-date .month,
article.post .post-date .day,
article .post-video,
article .post-audio,
ul.comments .comment-block,
.recent-posts .date .month,
#header nav.mega-menu .mega-menu-shop .dropdown-menu,
.shop ul.products .product .add-to-cart-product,
.product-info,
.product-info img,
.product-info + .product-info,
.img-thumbnail.img-thumbnail-hover-icon:before,
.product-thumb-info {
    border-radius: 0;
}
#header .header-search .btn-default {
    background: transparent;
    border: 0 none;
    color: #CCC;
    position: absolute;
    left: -35px;
    right: auto;
    top: 0;
    z-index: 3;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a,
    .nav-tabs-justified > li > a,
    .navbar {
        border-radius: 0;
    }
}

@media (max-width: 479px) {
    .tabs .nav.nav-tabs.nav-justified li:first-child a,
    .tabs .nav.nav-tabs.nav-justified li:first-child a:hover,
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a,
    .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover {
        border-radius: 0;
    }
}

@media (min-width: 992px) {
    #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a,
    #header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu,
    #header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu,
    #header.flat-menu nav ul.nav-main li a,
    html.boxed #header.flat-menu .header-top {
        border-radius: 0;
    }
}