/* Theme Main StyleSheet */
/*------------- #MAIN STYLES --------------*/
/*------------- #TABLE OF CONTENTS --------------*/
/*------------------------------------------------------------------

1. Blocks / Styles for Blocks
	1.1 Accordion
	1.2 Articles List
	1.3 Buttons
	1.4 Category List
	1.5 Checkboxes
	1.6 Clients
	1.7 Comments
	1.8 Contacts
	1.9 Domain Filter Panel
	1.10 Domain List
	1.11 Dropzone
	1.12 Faqs Block
	1.13 Features
	1.14 Heading
	1.15 Highest Rated
	1.16 Info Boxes
	1.17 Knowledge Base
	1.18 Lists
	1.19 Maps
	1.20 Navigation
	1.21 Navigation Search Popup
	1.22 Our Video
	1.23 Pricing Tables
	1.24 Quotes
	1.25 Radio Buttons
	1.26 Skills
	1.27 Sliders
	1.28 Socials
	1.29 Subscribe Popup
	1.30 Switcher
	1.31 Tables
	1.32 Tabs
	1.33 Teammembers
	1.34 Testimonials
	1.35 Theme Item
	1.36 User Menu Popup
	1.37 Statistics

2. Layouts / Styles for layouts
	2.1 Footer
	2.2 Free SSL Section
	2.3 Header
	2.4 Status Pages

3. Plugins / Styles for plugins
	3.1 Navigation
	3.2 Leaflet
	3.3 Magnific Popup
	3.4 Select2
	3.5 Swiper
	3.6 TimeCircles

4. Theme Styles / Main Theme Styles
	4.1 Blogs
	4.2 Breadcrumbs
	4.3 Custom Variables
	4.4 Forms
	4.5 Global
	4.6 Helper
	4.7 Mixins
	4.8 Preloader
	4.9 Root
	4.10 Stunning Header
	4.11 Typography

5. Vendors / Bootstrap

6. Widgets / Styles for all Widgets
	6.1 Widget About
	6.2 Widget Info
	6.3 Widget Latest Posts
	6.4 Widget Newsletter
	6.5 Widget Popular Tags
	6.6 Widget Search
	6.7 Widget Socials
	6.8 Widget Tags
	6.9 Widget Links


-------------------------------------------------------------------*/

/*------------- #THEME STYLES --------------*/
/*------------- #VARIABLES --------------*/
/*------------- #ROOT --------------*/
:root {
    --font-family-body: "Quicksand", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol";
    --body-font-size: 16px;
    --body-font-weight: 400;
    --base-line-height: 1.39;
    --body-letter-spacing: -0.001em;
    --primary-accent-color: #00C6FF;
    --body-font-color: #43484e;
    --white-color: #fff;
    --border-grey-color: #cfd8df;
    --heading-color: #272a2c;
    --icon-color: #9095a0;
    --grey-themes: #ebf2f8;
    --red-themes: #ff0173;
    --dark-themes: #272a2c;
    --blue-themes: #00c6ff;
    --yellow-themes: #ffd200;
    --orange-themes: #ff8a0b;
    --green-themes: #00a651;
    --lime-themes: #8ad524;
    --grey-light-themes: #d9e3eb;
    --light-grey: #8d9cab;
    --primary-accent-color--darken: #8ad524;
    --white-color--darken: #e6e6e6;
    --grey-themes--darken: #c5d9eb;
    --red-themes--darken: #cd005c;
    --dark-themes--darken: #0f1011;
    --blue-themes--darken: #009ecc;
    --yellow-themes--darken: #cca800;
    --orange-themes--darken: #d77000;
    --green-themes--darken: #007338;
    --lime-themes--darken: #6ea91d;
    --grey-light-themes--darken: #b8cad9;
    --link-color: #272a2c;
    --footer-link-color: #bac1c9;
    --footer-text-color: #80868d;
    --h1-font-size: 48px;
    --h2-font-size: 42px;
    --h3-font-size: 36px;
    --h4-font-size: 30px;
    --h5-font-size: 24px;
    --h6-font-size: 18px;
    --h-margin-bottom: 20px;
    --h-font-weight: 700;
    --placeholder-color: #838890;
    --input-dark-bg: #2c2f31;
    --input-grey-bg: #ebf2f8;
}

/*------------- #GLOBAL STYLES --------------*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body {
    position: relative;
    height: 100%;
    font-size: var(--body-font-size);
}

body {
    color: var(--body-font-color);
    font-family: var(--font-family-body);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--base-line-height);
    letter-spacing: var(--body-letter-spacing);
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

blockquote {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left;
}

a {
    color: var(--link-color);
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    text-decoration: none;
}
a:hover,
a:focus,
a:active {
    color: var(--primary-accent-color);
    text-decoration: none;
}

@media (max-width: 600px) {
    p {
        font-size: 14px;
    }
}

figure {
    margin: 0;
    max-width: 100%;
}

select {
    width: 100%;
    border: 1px solid #43484e;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

textarea {
    height: auto;
    min-height: 50px;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #43484e;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
    color: #43484e;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    color: #43484e;
}

input,
textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
}
input:invalid,
textarea:invalid {
    border: 1px solid #ff00004d;
}
input:-moz-submit-invalid,
textarea:-moz-submit-invalid {
    box-shadow: none;
}
input.wpcf7-form-control,
textarea.wpcf7-form-control {
    width: 100%;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*------------- #TYPOGRAPHY --------------*/
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-body);
}
h1,
.h1 {
    margin-bottom: var(--h-margin-bottom);
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    line-height: 1.15em;
    font-size: 3rem;
}
@media (max-width: 1200px) {
    h1,
    .h1 {
        font-size: calc(1.425rem + 2.1vw);
    }
}
h1 a,
.h1 a {
    color: inherit;
}

h2,
.h2 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 2.625rem;
}
@media (max-width: 1200px) {
    h2,
    .h2 {
        font-size: calc(1.3875rem + 1.65vw);
    }
}
h2 a,
.h2 a {
    color: inherit;
}

h3,
.h3 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 2.25rem;
}
@media (max-width: 1200px) {
    h3,
    .h3 {
        font-size: calc(1.35rem + 1.2vw);
    }
}
h3 a,
.h3 a {
    color: inherit;
}

h4,
.h4 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 1.875rem;
}
@media (max-width: 1200px) {
    h4,
    .h4 {
        font-size: calc(1.3125rem + 0.75vw);
    }
}
h4 a,
.h4 a {
    color: inherit;
}

h5,
.h5 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 1.5rem;
}
@media (max-width: 1200px) {
    h5,
    .h5 {
        font-size: calc(1.275rem + 0.3vw);
    }
}
h5 a,
.h5 a {
    color: inherit;
}

h6,
.h6 {
    margin-bottom: var(--h-margin-bottom);
    line-height: 1.3em;
    font-weight: var(--h-font-weight);
    color: var(--heading-color);
    font-size: 1.125rem;
}
h6 a,
.h6 a {
    color: inherit;
}

/*------------- #Styles for Text Selection --------------*/
/*Selection dark*/
.selection--grey-light::-moz-selection {
    background: var(--grey-light-themes);
}

.selection--grey-light::selection {
    background: var(--grey-light-themes);
}

/*Selection primary*/
.selection--primary::-moz-selection {
    background: var(--primary-accent-color);
    color: var(--white-color);
}

.selection--primary::selection {
    background: var(--primary-accent-color);
    color: var(--white-color);
}

dl {
    margin-bottom: 24px;
}

dl dt {
    margin-bottom: 5px;
    color: #777;
    font-weight: bold;
}

dl dd {
    margin-bottom: 5px;
    margin-left: 20px;
}

abbr {
    cursor: help;
    border-color: #43484e;
}

hr {
    position: relative;
    display: block;
    width: 100%;
    min-height: 10px;
    margin: 0 auto;
}

/*------------- #Styles for preloader --------------*/
#hellopreloader {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    background: var(--primary-accent-color);
    opacity: 1;
    background-size: 41px;
}

.preloader {
    width: 50%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*================= Responsive Mode ============*/
/*------------- #FORMS --------------*/
input,
textarea,
select {
    padding: 0.80rem 2.75rem;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 16px;
    border-radius: 0px;
    border: none;
    background-color: var(--border-grey-color);
    width: 100%;
    outline: none;
    caret-color: var(--body-font-color);
    color: var(--heading-color);
    font-weight: 500;
    max-height: 65px;
    /* Firefox 19+ */
    /* Firefox 18- */
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input:focus,
textarea:focus,
select:focus {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
input.input--white,
textarea.input--white,
select.input--white {
    background-color: var(--white-color);
}
input.input--white:focus,
textarea.input--white:focus,
select.input--white:focus {
    /* Firefox 19+ */
    /* Firefox 18- */
}
input.input--white:focus::-webkit-input-placeholder,
textarea.input--white:focus::-webkit-input-placeholder,
select.input--white:focus::-webkit-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--white:focus::-moz-placeholder,
textarea.input--white:focus::-moz-placeholder,
select.input--white:focus::-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--white:focus:-moz-placeholder,
textarea.input--white:focus:-moz-placeholder,
select.input--white:focus:-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--white:focus:-ms-input-placeholder,
textarea.input--white:focus:-ms-input-placeholder,
select.input--white:focus:-ms-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--dark,
textarea.input--dark,
select.input--dark {
    background-color: var(--input-dark-bg);
    color: var(--placeholder-color);
    /* Firefox 19+ */
    /* Firefox 18- */
}
input.input--dark::-webkit-input-placeholder,
textarea.input--dark::-webkit-input-placeholder,
select.input--dark::-webkit-input-placeholder {
    color: var(--grey-themes);
    opacity: 1;
}
input.input--dark::-moz-placeholder,
textarea.input--dark::-moz-placeholder,
select.input--dark::-moz-placeholder {
    color: var(--grey-themes);
    opacity: 1;
}
input.input--dark:-moz-placeholder,
textarea.input--dark:-moz-placeholder,
select.input--dark:-moz-placeholder {
    color: var(--grey-themes);
    opacity: 1;
}
input.input--dark:-ms-input-placeholder,
textarea.input--dark:-ms-input-placeholder,
select.input--dark:-ms-input-placeholder {
    color: var(--grey-themes);
    opacity: 1;
}
input.input--dark:focus,
textarea.input--dark:focus,
select.input--dark:focus {
    background-color: var(--white-color);
    /* Firefox 19+ */
    /* Firefox 18- */
}
input.input--dark:focus::-webkit-input-placeholder,
textarea.input--dark:focus::-webkit-input-placeholder,
select.input--dark:focus::-webkit-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--dark:focus::-moz-placeholder,
textarea.input--dark:focus::-moz-placeholder,
select.input--dark:focus::-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--dark:focus:-moz-placeholder,
textarea.input--dark:focus:-moz-placeholder,
select.input--dark:focus:-moz-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--dark:focus:-ms-input-placeholder,
textarea.input--dark:focus:-ms-input-placeholder,
select.input--dark:focus:-ms-input-placeholder {
    color: var(--border-grey-color);
    opacity: 1;
}
input.input--grey,
textarea.input--grey,
select.input--grey {
    background-color: var(--input-grey-bg);
    border: 2px solid transparent;
    padding: 0.899rem 1.875rem;
    /* Firefox 19+ */
    /* Firefox 18- */
}
input.input--grey::-webkit-input-placeholder,
textarea.input--grey::-webkit-input-placeholder,
select.input--grey::-webkit-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input.input--grey::-moz-placeholder,
textarea.input--grey::-moz-placeholder,
select.input--grey::-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input.input--grey:-moz-placeholder,
textarea.input--grey:-moz-placeholder,
select.input--grey:-moz-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input.input--grey:-ms-input-placeholder,
textarea.input--grey:-ms-input-placeholder,
select.input--grey:-ms-input-placeholder {
    color: var(--placeholder-color);
    opacity: 1;
}
input.input--grey:focus,
textarea.input--grey:focus,
select.input--grey:focus {
    background-color: var(--white-color);
    border-color: var(--border-grey-color);
}
input.input--grey:invalid,
textarea.input--grey:invalid,
select.input--grey:invalid {
    border-width: 2px;
}
input.input--squared,
textarea.input--squared,
select.input--squared {
    border-radius: 5px;
}
input:invalid,
textarea:invalid,
select:invalid {
    border: 1px solid #ed1c24;
}

.input-btn--inline {
    position: relative;
}
.input-btn--inline .crumina-button {
    position: absolute;
    right: -1px;
    top: 0;
    bottom: 0;
    max-height: 100%;
}

/*Fix for height button in inline-form*/
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
    .input-btn--inline .crumina-button {
        max-height: unset;
        bottom: -1px;
    }
}

.input--with-icon {
    position: relative;
}
.input--with-icon input,
.input--with-icon textarea,
.input--with-icon select {
    margin-bottom: 0;
}
.input--with-icon input:focus + .crumina-icon,
.input--with-icon textarea:focus + .crumina-icon,
.input--with-icon select:focus + .crumina-icon {
    fill: var(--primary-accent-color);
    color: var(--primary-accent-color);
}
.input--with-icon .crumina-icon {
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 25px;
    width: 25px;
    font-size: 25px;
    fill: var(--border-grey-color);
    color: var(--border-grey-color);
}

.input--icon-right input,
.input--icon-right textarea,
.input--icon-right select {
    padding-right: 70px;
}

.input--icon-right .crumina-icon {
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.form--bordered {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

.form-title-with-border {
    text-align: center;
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-grey-color);
}

.form--with-bg {
    padding: 30px;
    border-radius: 5px;
}

label {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--dark-themes);
}
label .required {
    color: #fe117c;
}

.form-item {
    margin-bottom: 10px;
}

.form-popup-subscribe .form-item {
    margin-bottom: 30px;
}

.remember-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.remember-wrapper a {
    color: #bac1c9;
}
.remember-wrapper a:hover {
    color: var(--primary-accent-color);
}

textarea {
    max-height: unset;
}

.send-message-form .form-item,
.submit-request-form .form-item {
    margin-bottom: 30px;
}

/*------------- #SELECT2 Customization --------------*/
.select2 {
    padding: 1rem 1.875rem;
    max-height: 60px;
    border-radius: 5px;
    background-color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
    color: var(--placeholder-color);
    font-weight: 500;
    font-size: 16px;
    border: none;
}
.select2.select2-container--open {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.select2:disabled {
    color: var(--border-grey-color);
}
.select2:disabled
    + .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-bottom-color: var(--body-font-color);
    border-right-color: var(--body-font-color);
}
.select2:disabled
    + .select2-container--default.select2-container--disabled
    .select2-selection--single {
    background-color: transparent;
}
.select2:disabled
    + .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--border-grey-color);
}

.select2-container--default .select2-selection--single {
    border-color: transparent;
    background-color: transparent;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    color: var(--placeholder-color);
}

.select2-container.select2-container--open
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--dark-themes);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.select2-container--default .select2-selection--single {
    outline: none;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 40px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    display: block;
    border-bottom: 2px solid var(--body-font-color);
    border-right: 2px solid var(--body-font-color);
    height: 8px;
    width: 8px;
    pointer-events: none;
    position: absolute;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-bottom-color: var(--primary-accent-color);
    border-right-color: var(--primary-accent-color);
}

.select2-dropdown {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    top: 0;
    padding: 15px 10px;
}

.select2-results__option {
    border-radius: 3px;
    padding: 10px 22px;
    color: var(--placeholder-color);
    font-weight: 500;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: var(--grey-themes);
    color: var(--dark-themes);
}

/*------------- Select Bordered --------------*/
.select--bordered + .select2 {
    border-radius: 50px;
    border: 2px solid #dfe6ec;
    padding: 0.73rem 1.875rem;
}
.select--bordered
    + .select2.select2-container
    .select2-selection--single
    .select2-selection__rendered {
    color: var(--dark-themes);
}
.select--bordered
    + .select2.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-bottom: 2px solid var(--dark-themes);
    border-right: 2px solid var(--dark-themes);
}

/*------------- Select Filter --------------*/
.select--filter + .select2 {
    background-image: url("../svg-icons/icon-filter.svg");
    background-repeat: no-repeat;
    background-size: 18px 12px;
    background-position: 20px;
    padding-left: 50px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    input,
    textarea,
    select,
    .select2 {
        padding: 0.7rem 1.1rem;
        font-size: 14px;
    }
    .remember-wrapper {
        font-size: 12px;
    }
}

/*------------- #BREADCRUMBS --------------*/
.breadcrumbs {
    padding-left: 0;
    margin-bottom: 0;
}
.breadcrumbs .breadcrumbs-item {
    font-size: 14px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    padding: 19px 0;
}
.breadcrumbs .breadcrumbs-item .crumina-icon {
    font-size: 12px;
    color: var(--white-color);
    margin: 0 12px;
    opacity: 0.6;
}
.breadcrumbs .breadcrumbs-item a {
    color: var(--white-color);
    opacity: 0.6;
}
.breadcrumbs .breadcrumbs-item a:hover {
    opacity: 1;
}
.breadcrumbs .breadcrumbs-item.active {
    opacity: 1;
    font-weight: 700;
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
}
.breadcrumbs .breadcrumbs-item.active:after {
    content: "";
    display: block;
    height: 100%;
    width: 1500px;
    max-width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
}
.breadcrumbs .breadcrumbs-item.active span {
    color: var(--white-color);
    z-index: 5;
}

.crumina-breadcrumbs {
    overflow: hidden;
}

.breadcrumbs--blue {
    background-color: #00C6FF;
}
.breadcrumbs--blue .breadcrumbs .breadcrumbs-item.active::after {
    background-color: #5513dc;
}

.breadcrumbs--red {
    background-color: #81525c;
}
.breadcrumbs--red .breadcrumbs .breadcrumbs-item.active::after {
    background-color: #8a5963;
}

.breadcrumbs--red-themes {
    background-color: var(--red-themes--darken);
}
.breadcrumbs--red-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--red-themes);
}

.breadcrumbs--orange-themes {
    background-color: var(--orange-themes--darken);
}
.breadcrumbs--orange-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--orange-themes);
}

.breadcrumbs--yellow-themes {
    background-color: var(--yellow-themes--darken);
}
.breadcrumbs--yellow-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--yellow-themes);
}

.breadcrumbs--blue-themes {
    background-color: #00b4ff;
}
.breadcrumbs--blue-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--blue-themes);
}

.breadcrumbs--lime-themes {
    background-color: #7ac710;
}
.breadcrumbs--lime-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--lime-themes);
}

.breadcrumbs--dark-themes {
    background-color: #1b1c1d;
}
.breadcrumbs--dark-themes .breadcrumbs .breadcrumbs-item.active::after {
    background-color: var(--dark-themes);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .breadcrumbs .breadcrumbs-item.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        margin-left: 0;
    }
    .breadcrumbs .breadcrumbs-item.active::after {
        left: -15px;
    }
    .crumina-breadcrumbs > .container {
        max-width: unset;
    }
    .breadcrumbs .breadcrumbs-item {
        padding: 12px 0;
    }
}

/*------------- #STUNNING-HEADER --------------*/
.crumina-stunning-header {
    position: relative;
    background-size: cover;
    background-position: center;
    padding-top: 120px;
}

.page-title {
    margin: 25px 0;
}

.page-category {
    color: var(--white-color);
}

.page-category-item {
    font-size: 18px;
    font-weight: 500;
}

.page-text {
    font-weight: 500;
    font-size: 18px;
}

/*================= Responsive Mode ============*/
@media (max-width: 991px) {
    .crumina-stunning-header {
        padding-top: 80px;
    }
}

/*------------- #BLOGS --------------*/
.post {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    border: 1px solid #dfe6ec;
    background-color: var(--white-color);
    height: 100%;
}
.post:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.post-content {
    position: relative;
    z-index: 1;
    padding: 30px;
}

.post-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.post-thumb img {
    display: block;
    margin: 0 auto;
}
.post-thumb iframe {
    width: 100%;
}

.post-title {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.post-category {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary-accent-color);
    display: inline-block;
    opacity: 0.75;
}
.post-category:hover {
    opacity: 1;
}

.post-category-wrap {
    margin-bottom: 20px;
}

.post-text {
    font-size: 14px;
    margin-bottom: 20px;
}

.author-posted {
    font-size: 14px;
    font-weight: 500;
    color: var(--light-grey);
}
.author-posted .author {
    color: var(--dark-themes);
}
.author-posted .author:hover {
    color: var(--primary-accent-color);
}

.post-date,
.post-comments {
    font-weight: 500;
    color: var(--light-grey);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.post-date .crumina-icon,
.post-comments .crumina-icon {
    margin-right: 10px;
    width: 14px;
    height: 14px;
    fill: var(--border-grey-color);
}

.post-date + .post-comments {
    margin-left: 35px;
}

.author-block {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    text-align: left;
}
.author-block .avatar {
    margin-right: 30px;
}
.author-block .description {
    font-size: 14px;
}
.author-block .author-name {
    font-size: 18px;
}

/*------------- #ADVERTISING POST --------------*/
.post.advertising {
    text-align: center;
    background-color: #f1f6fb;
    padding: 30px;
}
.post.advertising .post-thumb {
    border-radius: 0;
    margin-bottom: 30px;
}
.post.advertising .post-title {
    font-size: 24px;
    text-transform: none;
    margin-bottom: 20px;
}
.post.advertising .post-content {
    padding: 0;
}
.post.advertising .post-category-wrap {
    margin-bottom: 40px;
}
.post.advertising .post-category {
    font-size: 12px;
    color: var(--light-grey);
    text-transform: uppercase;
}

/*------------- #QUOTE POST --------------*/
.post.quote {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 8px solid var(--primary-accent-color);
}
.post.quote .post-content {
    padding: 0;
}

/*------------- #VIDEO POST --------------*/
.post.video .video-control {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*------------- #Slider POST --------------*/
.post.slider .pagination-bottom-center {
    padding-bottom: 0;
}
.post.slider .pagination-bottom-center .swiper-pagination {
    bottom: 15px;
}

/*------------- #Link POST --------------*/
.post.link {
    text-align: center;
    background-color: #f1f6fb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.post.link .post-content {
    margin: auto;
}
.post.link .link-image {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto 30px;
}
.post.link .site-link {
    display: inline-block;
    color: var(--primary-accent-color);
    font-size: 16px;
    font-weight: 700;
}

/*------------- #POST Standard Details --------------*/
.post-standard-details {
    border-radius: 0;
    border: none;
    height: auto;
}
.post-standard-details:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.post-standard-details .post-additional-info {
    margin-bottom: 30px;
}
.post-standard-details .pagination-bottom-center {
    padding-bottom: 40px;
}
.post-standard-details .crumina-module-slider {
    text-align: center;
}
.post-standard-details .crumina-module-slider .wp-caption {
    display: inline-block;
    margin: 0;
}
.post-standard-details .navigation-center-both-sides .swiper-btn-next {
    right: 0;
}
.post-standard-details .navigation-center-both-sides .swiper-btn-prev {
    left: 0;
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
    .post-date,
    .post-comments {
        font-size: 12px;
    }
}

@media (max-width: 460px) {
    .post-date,
    .post-comments {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .post-date + .post-comments {
        margin-left: 0;
        margin-top: 10px;
    }
}

/*------------- #BLOCKS --------------*/
/*------------- #HEADING --------------*/
.crumina-heading {
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
}
.crumina-heading > *:last-child {
    margin-bottom: 0;
}
.crumina-heading > *:first-child {
    margin-top: 0;
}
.crumina-heading.heading--uppercase .heading-title {
    text-transform: uppercase;
}
.crumina-heading.heading--h1 .heading-text {
    font-size: 1.125em;
}
.crumina-heading.heading--h2 .heading-text {
    font-size: 1.125em;
}
.crumina-heading.heading--h3 .heading-text {
    font-size: 1.125em;
}
.crumina-heading.heading--h4 .heading-text {
    font-size: 1em;
}
.crumina-heading.heading--h5 .heading-text {
    font-size: 1em;
}
.crumina-heading.heading--h6 .heading-text {
    font-size: 1em;
    font-weight: 400;
}

.heading-title {
    display: inline-block;
    position: relative;
}

.heading-text {
    line-height: 1.3;
    font-weight: 500;
}

.heading--uppercase {
    text-transform: uppercase;
}

/*================= Responsive Mode ============*/
@media (max-width: 980px) {
    .crumina-heading[class*="heading--h"] .heading-text {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .crumina-heading {
        margin-bottom: 20px;
    }
}

@media (max-width: 570px) {
    .crumina-heading[class*="heading--h"] .heading-text {
        font-size: 14px;
    }
}

/*------------- #LISTS --------------*/
ul a {
    display: block;
}

ul:not([class]) {
    padding-left: 40px;
}

ul:not([class]) li,
ol:not([class]) li {
    margin-bottom: 10px;
}
ul:not([class]) li a,
ol:not([class]) li a {
    display: block;
}

ul:not([class]) ul,
ol:not([class]) ul {
    padding: 0;
    padding-left: 40px;
    margin: 20px 0 15px;
    list-style: inherit;
}
ul:not([class]) ul li,
ol:not([class]) ul li {
    font-size: 16px;
    margin-bottom: 0;
}

ol {
    counter-reset: list1;
    margin: 15px 0;
    padding-left: 20px;
}
ol li {
    list-style: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    padding-left: 20px;
    margin-bottom: 0.35em;
    font-size: 16px;
}
ol li a {
    display: inline-block;
}
ol ul li {
    list-style: initial;
    padding-left: 0;
}
ol ul li:before {
    display: none;
}

/* Init counter */
ol li:before {
    position: absolute;
    counter-increment: list1;
    /* Add "1" */
    content: counter(list1) ".";
    /* Show count */
    font-weight: 500;
    display: inline-block;
    left: 0;
}

ol ol {
    counter-reset: list2;
    margin: 10px 0;
    padding-left: 0;
}

ol ol li {
    padding-left: 40px;
}

ol ol li:before {
    counter-increment: list2;
    content: counter(list1) "." counter(list2) ". ";
}

ol ul ol {
    counter-reset: list1;
}
ol ul ol li:before {
    counter-increment: list1;
    /* Add "1" */
    content: counter(list1) ".";
    /* Show count */
}

ul ul,
ol ul,
ul ol {
    margin: 10px 0;
    padding-left: 0;
}

ul ol li::before {
    position: absolute;
    counter-increment: list1;
    content: counter(list1) ".";
    display: inline-block;
    font-size: 16px;
    left: 0;
}

ol ul ol li:before {
    counter-increment: list1;
    /* Add "1" */
    content: counter(list1) ".";
    /* Show count */
    display: inline-block;
    position: absolute;
    list-style: none;
    font-size: 16px;
    left: 0;
}

ol ol ol {
    counter-reset: list3;
}

ol ol ol li {
    padding-left: 55px;
}

ol ol ol li::before {
    counter-increment: list3;
    content: counter(list1) "." counter(list1) "." counter(list3) ".";
}

ul ol li {
    padding-left: 40px;
}

/*------------- Ordered List with border --------------*/
.ordered-list--with-border li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--border-grey-color);
}
.ordered-list--with-border li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.ordered-list--with-border li li {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

/*------------- List Standard --------------*/
.list--standard {
    list-style: none;
    padding-left: 20px;
}
.list--standard li {
    list-style: none;
    font-weight: 500;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.list--standard li:last-child {
    margin-bottom: 0;
}
.list--standard li .actual-info {
    color: var(--light-grey);
}
.list--standard li .crumina-icon {
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    margin-right: 10px;
}

.list--icon-primary .crumina-icon {
    fill: var(--primary-accent-color);
}

.list--icon-red .crumina-icon {
    fill: var(--red-themes);
}

.list--icon-yellow .crumina-icon {
    fill: var(--yellow-themes);
}

.list--icon-orange .crumina-icon {
    fill: var(--orange-themes);
}

.list--icon-blue .crumina-icon {
    fill: var(--blue-themes);
}

.list--with-border {
    padding-left: 0;
}
.list--with-border li {
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--border-grey-color);
}
.list--with-border .price {
    margin-left: auto;
    font-weight: 500;
}

.websites-list {
    margin: 10px 0;
    padding-left: 0;
}
.websites-list li {
    border-bottom: 1px dashed var(--border-grey-color);
    padding: 15px 60px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.websites-list li:last-child {
    border-bottom: none;
}
.websites-list .state {
    color: var(--lime-themes);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 640px) {
    ul li {
        font-size: 13px;
    }
    ol li {
        font-size: 13px;
        padding-left: 20px;
    }
    ol ol li {
        padding-left: 30px;
    }
    ol ol ol li {
        padding-left: 40px;
    }
}

/*------------- #BUTTONS --------------*/
.crumina-button {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    padding: 5px 10px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: var(--white-color);
    outline: none;
    border: 3px solid;
}
.crumina-button:after {
    content: "";
    display: block;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    -webkit-box-shadow: inset 0 3px 0 0 rgba(33, 35, 43, 0.3);
    box-shadow: inset 0 3px 0 0 rgba(33, 35, 43, 0.3);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.crumina-button + .btn {
    margin-left: 30px;
}
.crumina-button:hover {
    outline: none;
    text-decoration: none;
}
.crumina-button:focus {
    outline: none;
}
.crumina-button:active {
    outline: none;
}
.crumina-button:active:after {
    opacity: 1;
}
.crumina-button:disabled {
    background-color: var(--grey-themes) !important;
    color: var(--grey-themes) !important;
    border-color: var(--grey-themes) !important;
    cursor: not-allowed;
}

.button--xs {
    font-size: 12px;
    padding: 0.375rem 0.881rem;
}

.button--s {
    font-size: 14px;
    padding: 0.625rem 1.431rem;
}

.button--m {
    font-size: 14px;
    padding: 0.938rem 2.187rem;
}

.button--l {
    font-size: 14px;
    padding: 1.094rem 2.607rem;
}

.button--xl {
    font-size: 14px;
    padding: 1.25rem 2.908rem;
}

.button--xxl {
    font-size: 16px;
    padding: 1.5rem 4.3rem;
}

.button--uppercase {
    text-transform: uppercase;
}

.button--with-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.button--with-icon .crumina-icon,
.button--with-icon i {
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}

.button--icon-left .crumina-icon,
.button--icon-left i {
    margin-right: 10px;
}

.button--icon-right .crumina-icon,
.button--icon-right i {
    margin-left: 10px;
}

.button--icon-round {
    padding: 17px 35px;
    font-size: 15px;
}
.button--icon-round .crumina-icon,
.button--icon-round i {
    width: 21px;
    height: 21px;
    font-size: 21px;
}
.button--icon-round.button--icon-right {
    padding-right: 70px;
}
.button--icon-round.button--icon-right .button-icon-wrapper {
    position: absolute;
    right: -3px;
    top: -3px;
}
.button--icon-round.button--icon-left {
    padding-left: 70px;
}
.button--icon-round.button--icon-left .button-icon-wrapper {
    position: absolute;
    left: -3px;
    top: -3px;
}

.button-icon-wrapper {
    width: 55px;
    height: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 100%;
}
.button-icon-wrapper .crumina-icon,
.button-icon-wrapper i {
    margin: auto;
}

.button--icon--subscribe {
    padding: 15px 23px;
}
.button--icon--subscribe .crumina-icon,
.button--icon--subscribe i {
    width: 19px;
    height: 19px;
}

/*------------- #Color-scheme for buttons --------------*/
.button--dark {
    background-color: var(--dark-themes);
    border-color: var(--dark-themes);
    color: var(--white-color);
}
.button--dark:hover {
    background-color: var(--dark-themes--darken);
    border-color: var(--dark-themes--darken);
    color: var(--white-color);
}
.button--dark .crumina-icon,
.button--dark i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--dark.button--bordered {
    color: var(--dark-themes);
}
.button--dark.button--bordered .crumina-icon,
.button--dark.button--bordered i {
    color: var(--dark-themes);
    fill: var(--dark-themes);
}
.button--dark.button--bordered:hover {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    background-color: transparent;
}
.button--dark.button--bordered:hover .crumina-icon,
.button--dark.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--dark.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--dark.button--bordered:active .crumina-icon,
.button--dark.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--white {
    background-color: var(--white-color);
    border-color: var(--white-color);
    color: var(--dark-themes);
}
.button--white .crumina-icon,
.button--white i {
    color: var(--dark-themes);
    fill: var(--dark-themes);
}
.button--white:hover {
    background-color: var(--white-color--darken);
    border-color: var(--white-color--darken);
    color: var(--dark-themes);
}
.button--white.button--bordered {
    color: var(--white-color);
}
.button--white.button--bordered:hover {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    background-color: transparent;
}
.button--white.button--bordered:hover .crumina-icon,
.button--white.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--white.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--white.button--bordered:active .crumina-icon,
.button--white.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--yellow {
    background-color: var(--yellow-themes);
    border-color: var(--yellow-themes);
    color: var(--dark-themes);
}
.button--yellow:hover {
    background-color: var(--yellow-themes--darken);
    border-color: var(--yellow-themes--darken);
    color: var(--dark-themes);
}
.button--yellow .crumina-icon,
.button--yellow i {
    color: var(--dark-themes);
    fill: var(--dark-themes);
}
.button--yellow.button--bordered {
    color: var(--yellow-themes);
}
.button--yellow.button--bordered .crumina-icon,
.button--yellow.button--bordered i {
    color: var(--yellow-themes);
    fill: var(--yellow-themes);
}
.button--yellow.button--bordered:hover {
    border-color: var(--primary-accent-color);
    background-color: transparent;
    color: var(--primary-accent-color);
}
.button--yellow.button--bordered:hover .crumina-icon,
.button--yellow.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--yellow.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--yellow.button--bordered:active .crumina-icon,
.button--yellow.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--green {
    background-color: var(--green-themes);
    border-color: var(--green-themes);
    color: var(--white-color);
}
.button--green:hover {
    background-color: var(--green-themes--darken);
    border-color: var(--green-themes--darken);
    color: var(--white-color);
}
.button--green .crumina-icon,
.button--green i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--green.button--bordered {
    color: var(--green-themes);
}
.button--green.button--bordered .crumina-icon,
.button--green.button--bordered i {
    color: var(--green-themes);
    fill: var(--green-themes);
}
.button--green.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color);
}
.button--green.button--bordered:hover .crumina-icon,
.button--green.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--green.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--green.button--bordered:active .crumina-icon,
.button--green.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--grey {
    background-color: var(--grey-themes);
    border-color: var(--grey-themes);
    color: var(--dark-themes);
}
.button--grey .crumina-icon,
.button--grey i {
    color: var(--dark-themes);
    fill: var(--dark-themes);
}
.button--grey:hover {
    background-color: var(--grey-themes--darken);
    border-color: var(--grey-themes--darken);
    color: var(--dark-themes);
}
.button--grey.button--bordered {
    color: var(--grey-themes);
}
.button--grey.button--bordered .crumina-icon,
.button--grey.button--bordered i {
    color: var(--grey-themes);
    fill: var(--grey-themes);
}
.button--grey.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color);
}
.button--grey.button--bordered:hover .crumina-icon,
.button--grey.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--grey.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--grey.button--bordered:active .crumina-icon,
.button--grey.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--red {
    background-color: var(--red-themes);
    border-color: var(--red-themes);
    color: var(--white-color);
}
.button--red .crumina-icon,
.button--red i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--red:hover {
    background-color: var(--red-themes--darken);
    border-color: var(--red-themes--darken);
    color: var(--white-color);
}
.button--red.button--bordered {
    color: var(--red-themes);
}
.button--red.button--bordered .crumina-icon,
.button--red.button--bordered i {
    color: var(--red-themes);
    fill: var(--red-themes);
}
.button--red.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color);
}
.button--red.button--bordered:hover .crumina-icon,
.button--red.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--red.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--red.button--bordered:active .crumina-icon,
.button--red.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--primary {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    color: var(--white-color);
}
.button--primary .crumina-icon,
.button--primary i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--primary:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
    color: var(--white-color);
}
.button--primary.button--bordered {
    color: var(--primary-accent-color);
}
.button--primary.button--bordered .crumina-icon,
.button--primary.button--bordered i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--primary.button--bordered:hover {
    color: var(--white-color);
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
}
.button--primary.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--primary.button--bordered:active .crumina-icon,
.button--primary.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--lime {
    background-color: var(--lime-themes);
    border-color: var(--lime-themes);
    color: var(--white-color);
}
.button--lime:hover {
    background-color: var(--lime-themes--darken);
    border-color: var(--lime-themes--darken);
    color: var(--white-color);
}
.button--lime .crumina-icon,
.button--lime i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--lime.button--bordered {
    color: var(--lime-themes);
}
.button--lime.button--bordered .crumina-icon,
.button--lime.button--bordered i {
    color: var(--lime-themes);
    fill: var(--lime-themes);
}
.button--lime.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color);
}
.button--lime.button--bordered:hover .crumina-icon,
.button--lime.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--lime.button--bordered:active {
    color: var(--white-color);
    border-color: var(--primary-accent-color--darken);
    background-color: var(--primary-accent-color--darken);
}
.button--lime.button--bordered:active .crumina-icon,
.button--lime.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--blue {
    background-color: var(--blue-themes);
    border-color: var(--blue-themes);
    color: var(--white-color);
}
.button--blue .crumina-icon,
.button--blue i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--blue:hover {
    background-color: var(--blue-themes--darken);
    border-color: var(--blue-themes--darken);
    color: var(--white-color);
}
.button--blue.button--bordered {
    color: var(--blue-themes);
}
.button--blue.button--bordered .crumina-icon,
.button--blue.button--bordered i {
    color: var(--blue-themes);
    fill: var(--blue-themes);
}
.button--blue.button--bordered:hover {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-color: var(--primary-accent-color);
}
.button--blue.button--bordered:hover .crumina-icon,
.button--blue.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--blue.button--bordered:active {
    color: var(--white-color);
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}
.button--blue.button--bordered:active .crumina-icon,
.button--blue.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--orange {
    background-color: var(--orange-themes);
    border-color: var(--orange-themes);
    color: var(--white-color);
}
.button--orange .crumina-icon,
.button--orange i {
    color: var(--white-color);
    fill: var(--white-color);
}
.button--orange:hover {
    background-color: var(--orange-themes--darken);
    border-color: var(--orange-themes--darken);
    color: var(--white-color);
}
.button--orange.button--bordered {
    color: var(--orange-themes);
}
.button--orange.button--bordered .crumina-icon,
.button--orange.button--bordered i {
    color: var(--orange-themes);
    fill: var(--orange-themes);
}
.button--orange.button--bordered:hover {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    background-color: transparent;
}
.button--orange.button--bordered:hover .crumina-icon,
.button--orange.button--bordered:hover i {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.button--orange.button--bordered:active {
    color: var(--white-color);
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}
.button--orange.button--bordered:active .crumina-icon,
.button--orange.button--bordered:active i {
    color: var(--white-color);
    fill: var(--white-color);
}

.button--bordered {
    background-color: transparent;
    color: var(--dark-themes);
}
.button--bordered:active {
    color: var(--white-color);
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
}

.button--border-dashed {
    background-color: transparent;
    color: var(--body-font-color);
    border-style: dashed;
}

/*------------- #Button back-to-top --------------*/
.back-to-top {
    position: absolute;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    text-align: center;
}
.back-to-top.hidden {
    opacity: 0;
}
.back-to-top .crumina-icon {
    fill: var(--input-dark-bg);
    color: var(--input-dark-bg);
    width: 42px;
    height: 42px;
}
.back-to-top:hover .crumina-icon {
    fill: var(--primary-accent-color);
}

.universal-btn-wrapper {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -20px;
}
.universal-btn-wrapper > * {
    margin-right: 20px;
    margin-bottom: 20px;
}
.universal-btn-wrapper > *:last-child {
    margin-right: 0;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1400px) {
    .back-to-top {
        top: 20px;
        right: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@media (max-width: 768px) {
    .back-to-top {
        position: fixed;
        top: auto;
        bottom: 20px;
        opacity: 0.7;
    }
    .button--xs {
        font-size: 12px;
        padding: 0.12rem 0.7rem;
    }
    .button--s {
        font-size: 12px;
        padding: 0.2rem 1rem;
    }
    .button--m {
        font-size: 12px;
        padding: 0.5rem 1.4rem;
    }
    .button--l {
        font-size: 12px;
        padding: 0.6rem 1.5rem;
    }
    .button--xl {
        font-size: 14px;
        padding: 0.7rem 1.6rem;
    }
    .button--xxl {
        font-size: 14px;
        padding: 0.8rem 1.8rem;
    }
    .button--icon-left .crumina-icon,
    .button--icon-left i {
        margin-right: 7px;
    }
    .button--icon-right .crumina-icon,
    .button--icon-right i {
        margin-left: 7px;
    }
    .button--market {
        padding: 0.7rem 1.2rem;
    }
    .button--market .crumina-icon,
    .button--market i {
        width: 18px;
        height: 18px;
        margin-right: 7px;
    }
}

/*------------- #NAVIGATION-SEARCH-POPUP --------------*/
.navigation-search-popup {
    text-align: center;
}

.popup-search.modal {
    z-index: 999999;
}

.popup-search .modal-dialog {
    max-width: unset;
    width: 100%;
    margin: 0;
}

.popup-search .modal-content {
    background-color: #161718;
    border-radius: 0;
    border: none;
}
.popup-search .modal-content:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
}

.popup-search .modal-close-btn-wrapper {
    float: right;
    position: relative;
    cursor: pointer;
}
.popup-search .modal-close-btn-wrapper:hover .crumina-icon {
    fill: var(--primary-accent-color);
}
.popup-search .modal-close-btn-wrapper .close {
    margin: 0;
    position: relative;
    z-index: 99;
}
.popup-search .modal-close-btn-wrapper .crumina-icon {
    width: 18px;
    height: 18px;
    fill: #424648;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.popup-search .modal-header {
    border-bottom: 0;
    padding-top: 50px;
}

.popup-search .modal-body {
    padding-top: 50px;
    padding-bottom: 120px;
}

.search-popup-form {
    margin-top: 60px;
}

.popup-search .modal-content::after {
    background-image: url("../../img/theme/backgrounds/header-footer-gradient-bg.png");
}

/*------------- #STYLES for checkboxes --------------*/
.checkboxes-wrap .checkbox {
    display: inline-block;
    margin-right: 40px;
}
.checkboxes-wrap .checkbox:last-child {
    margin-right: 0;
}

.checkbox label {
    cursor: pointer;
    padding-left: 0;
    margin: 0;
    text-transform: none;
    letter-spacing: -0.001em;
    font-weight: 700;
    font-size: 14px;
    color: inherit;
}
.checkbox label span {
    margin-left: 0;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 1px;
    padding-right: 8px;
    display: inline-block;
}

.checkbox .checkbox-material:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: rgba(0, 0, 0, 0.84);
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    top: 0;
    -webkit-transform: scale3d(2.3, 2.3, 1);
    -ms-transform: scale3d(2.3, 2.3, 1);
    transform: scale3d(2.3, 2.3, 1);
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid var(--primary-accent-color);
    overflow: hidden;
    z-index: 1;
    border-radius: 3px;
    background-color: transparent;
}

.checkbox .checkbox-material .check:before {
    position: absolute;
    content: "";
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    -webkit-box-shadow: 0 0 0 0 inset;
    box-shadow: 0 0 0 0 inset;
    -webkit-animation: checkbox-off 0.3s forwards;
    animation: checkbox-off 0.3s forwards;
}

.checkbox input[type="checkbox"]:focus + .checkbox-material .check:after {
    opacity: 0.2;
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check {
    background: var(--white-color);
    border-color: var(--primary-accent-color);
}

.checkbox input[type="checkbox"]:checked + .checkbox-material .check:before {
    color: var(--primary-accent-color);
    -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
        0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px,
        -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on 0.3s forwards;
    animation: checkbox-on 0.3s forwards;
}

.checkbox input[type="checkbox"]:checked:disabled + .checkbox-material .check {
    border-color: var(--input-dark-bg);
    background-color: var(--input-dark-bg);
}

.checkbox
    input[type="checkbox"]:checked:disabled
    + .checkbox-material
    .check::before {
    color: #1f2223;
}

.checkbox.clicked input[type="checkbox"]:checked + .checkbox-material:before {
    -webkit-animation: rippleOn 500ms;
    animation: rippleOn 500ms;
}

.checkbox.clicked
    input[type="checkbox"]:checked
    + .checkbox-material
    .check:after {
    -webkit-animation: rippleOn 500ms forwards;
    animation: rippleOn 500ms forwards;
}

.checkbox.clicked
    input[type="checkbox"]:not(:checked)
    + .checkbox-material:before {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}

.checkbox.clicked
    input[type="checkbox"]:not(:checked)
    + .checkbox-material
    .check:after {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}

.checkbox input[type="checkbox"][disabled] ~ .checkbox-material .check {
    border-color: var(--input-dark-bg);
    background-color: #1f2223;
}

.checkbox input[type="checkbox"][disabled] + .checkbox-material .check:after {
    background-color: rgba(0, 0, 0, 0.87);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@keyframes checkbox-on {
    0% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px,
            0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

/*------------- CHECKBOX buttons Style2 --------------*/
.checkbox--style2.checkbox .checkbox-material .check {
    border: 1px solid var(--primary-accent-color);
    background: var(--grey-themes);
}

.checkbox--style2.checkbox
    input[type="checkbox"]:checked
    + .checkbox-material
    .check {
    background: var(--white-color);
}

.checkbox--style2.checkbox
    input[type="checkbox"]:checked
    + .checkbox-material
    .check::before {
    color: var(--primary-accent-color);
}

.checkbox--style2.checkbox
    input[type="checkbox"]:checked:disabled
    + .checkbox-material
    .check {
    border-color: #bec8d5;
    background: #bec8d5;
}

.checkbox--style2.checkbox
    input[type="checkbox"]:checked:disabled
    + .checkbox-material
    .check::before {
    color: var(--grey-themes);
    border-color: #bec8d5;
}

.checkbox--style2.checkbox
    input[type="checkbox"][disabled]
    ~ .checkbox-material
    .check {
    border-color: #bec8d5;
    background: transparent;
}

/*------------- CHECKBOX buttons Style3 --------------*/
.checkbox--style3 .dot {
    margin-right: -4px;
    height: 5px;
    width: 5px;
    min-height: 5px;
    min-width: 5px;
    background-color: var(--light-grey);
    display: inline-block;
    border-radius: 100%;
}

.checkbox--style3.checkbox .checkbox-material .check {
    border: 1px solid #d2dbe3;
}

.checkbox--style3.checkbox
    input[type="checkbox"]:checked
    + .checkbox-material
    .check {
    background: var(--white-color);
    border-color: var(--lime-themes);
}

.checkbox--style3.checkbox
    input[type="checkbox"]:checked
    + .checkbox-material
    .check::before {
    color: var(--lime-themes);
}

.checkbox--style3.checkbox
    input[type="checkbox"]:checked:disabled
    + .checkbox-material
    .check {
    border-color: #bec8d5;
    background: #bec8d5;
}

.checkbox--style3.checkbox
    input[type="checkbox"]:checked:disabled
    + .checkbox-material
    .check::before {
    color: var(--grey-themes);
    border-color: #bec8d5;
}

.checkbox--style3.checkbox
    input[type="checkbox"][disabled]
    ~ .checkbox-material
    .check {
    border-color: #d2dbe3;
    background: var(--grey-themes);
}

.checkbox--style3.checkbox label {
    font-weight: 900;
    font-size: 18px;
}

/*------------- #STYLES for RADIO buttons --------------*/
.radio label {
    cursor: pointer;
    padding-left: 40px;
    margin: 0;
    position: relative;
    color: inherit;
}

.radio label span {
    display: block;
    position: absolute;
    left: 10px;
    top: 0;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    margin-left: 0;
}

.radio label .circle {
    border: 2px solid var(--primary-accent-color);
    background-color: transparent;
    height: 18px;
    width: 18px;
    border-radius: 100%;
}

.radio label .check {
    height: 18px;
    width: 18px;
    border-radius: 100%;
    -webkit-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.radio label .check:after {
    display: block;
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.87);
    left: -18px;
    top: -18px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1);
    -ms-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
}

.radio input[type="radio"] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    display: none;
}

.radio input[type="radio"]:checked ~ .check,
.radio input[type="radio"]:checked ~ .circle {
    opacity: 1;
    border-color: var(--border-grey-color);
}

.radio input[type="radio"]:checked ~ .check {
    background-color: var(--white-color);
}

.radio input[type="radio"]:checked ~ .circle {
    border-color: var(--primary-accent-color);
    background-color: var(--primary-accent-color);
}

.radio input[type="radio"]:checked:disabled ~ .check {
    background-color: var(--input-dark-bg);
    border-color: var(--input-dark-bg);
}

.radio input[type="radio"]:checked:disabled ~ .circle {
    background-color: var(--dark-themes);
}

.radio input[type="radio"]:checked ~ .check {
    -webkit-transform: scale3d(0.4, 0.4, 1);
    -ms-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
}

.radio input[type="radio"][disabled] ~ .check {
    background-color: transparent;
}

.radio input[type="radio"][disabled] ~ .circle {
    background-color: #1f2223;
    border-color: var(--input-dark-bg);
}

@keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 0;
    }
}

/*------------- RADIO buttons Style2 --------------*/
.radio--style2.radio label .circle {
    border: 1px solid var(--primary-accent-color);
    background-color: transparent;
}

.radio--style2.radio input[type="radio"]:checked ~ .circle {
    border-color: var(--primary-accent-color);
    background-color: var(--primary-accent-color);
}

.radio--style2.radio input[type="radio"]:checked:disabled ~ .check {
    background-color: var(--border-grey-color);
}

.radio--style2.radio input[type="radio"]:checked:disabled ~ .circle {
    border-color: #bec8d5;
    background-color: transparent;
}

.radio--style2.radio input[type="radio"][disabled] ~ .circle {
    border-color: #bec8d5;
    background-color: transparent;
}

/*------------- RADIO buttons Style3 --------------*/
.radio--style3.radio label .circle {
    border: 1px solid #bfc9d6;
    background-color: transparent;
}

.radio--style3.radio input[type="radio"]:checked ~ .circle {
    border-color: var(--lime-themes);
    background-color: var(--lime-themes);
}

.radio--style3.radio input[type="radio"]:checked:disabled ~ .check {
    background-color: var(--border-grey-color);
}

.radio--style3.radio input[type="radio"]:checked:disabled ~ .circle {
    border-color: #bec8d5;
    background-color: var(--grey-themes);
}

.radio--style3.radio input[type="radio"][disabled] ~ .circle {
    border-color: #bec8d5;
    background-color: var(--grey-themes);
}

/*------------- #SLIDERS --------------*/
.crumina-module-slider {
    position: relative;
}

.slides-item {
    position: relative;
}

.swiper-btn-wrap {
    z-index: 19;
}
.swiper-btn-wrap .swiper-btn-prev + .swiper-btn-next,
.swiper-btn-wrap .btn-prev + .btn-next {
    margin-left: 30px;
}

.swiper-btn-next,
.swiper-btn-prev,
.btn-next,
.btn-prev {
    z-index: 99;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.swiper-btn-next .crumina-icon,
.swiper-btn-prev .crumina-icon,
.btn-next .crumina-icon,
.btn-prev .crumina-icon {
    width: 31px;
    height: 20px;
    fill: var(--dark-themes);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
}
.swiper-btn-next:hover .crumina-icon,
.swiper-btn-prev:hover .crumina-icon,
.btn-next:hover .crumina-icon,
.btn-prev:hover .crumina-icon {
    fill: var(--primary-accent-color);
}

.swiper-btn-blue:hover .crumina-icon {
    fill: var(--blue-themes);
}

.swiper-btn-white:hover .crumina-icon {
    fill: var(--white-color);
}

.swiper-btn-orange:hover .crumina-icon {
    fill: var(--orange-themes);
}

.navigation-center-both-sides .swiper-btn-next,
.navigation-center-both-sides .swiper-btn-prev {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
}

.navigation-center-both-sides .swiper-btn-prev {
    left: -5%;
}

.navigation-center-both-sides .swiper-btn-next {
    right: -5%;
}

.navigation-bottom-right {
    padding-bottom: 50px;
}
.navigation-bottom-right .swiper-btn-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
}

.navigation-bottom-left {
    padding-bottom: 50px;
}
.navigation-bottom-left .swiper-btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
}

.navigation-bottom-both-sides .swiper-btn-next,
.navigation-bottom-both-sides .swiper-btn-prev {
    bottom: 30px;
    position: absolute;
}

.navigation-bottom-both-sides .swiper-btn-prev {
    left: 20%;
}

.navigation-bottom-both-sides .swiper-btn-next {
    right: 20%;
}

.navigation-bottom-center {
    padding-bottom: 70px;
}
.navigation-bottom-center .swiper-btn-next,
.navigation-bottom-center .swiper-btn-prev {
    bottom: 0;
    position: absolute;
}
.navigation-bottom-center .swiper-btn-prev {
    left: 42%;
}
.navigation-bottom-center .swiper-btn-next {
    right: 42%;
}

/*------------- #Swiper Pagination --------------*/
.pagination-bottom {
    padding-bottom: 100px;
}
.pagination-bottom .swiper-pagination {
    bottom: 0;
}

.pagination-bottom-center {
    padding-bottom: 80px;
}
.pagination-bottom-center .swiper-pagination {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.pagination-top-center {
    padding-top: 100px;
}
.pagination-top-center .swiper-pagination {
    top: 10px;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.pagination-right-center .swiper-container {
    padding-right: 50px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: 0.2;
    background-color: var(--dark-themes);
    border-radius: 100%;
    margin: 0 5px;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: transparent;
    position: relative;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    border: 2px solid var(--primary-accent-color);
    opacity: 1;
}

.swiper-pagination-white.swiper-pagination-bullets
    .swiper-pagination-bullet-active {
    border-color: var(--white-color);
}

/*------------- Slider Testimonial --------------*/
.crumina-slider--testimonial .testimonial--author-right {
    margin: 20px 0 30px 20px;
}

.crumina-slider--testimonial .testimonial--author-bottom {
    margin: 20px 20px 30px 20px;
}

.crumina-slider--testimonial .swiper-slide {
    overflow: hidden;
}

.crumina-slider--testimonial .swiper-btn-wrap {
    left: 20px;
}

.swiper-container-autoheight .swiper-wrapper {
    display: block;
}

.swiper-container-autoheight .swiper-slide {
    height: auto !important;
}

/*------------- MAIN SLIDER --------------*/
.crumina-main-slider {
    text-align: center;
    min-height: 100vh;
}
.crumina-main-slider .swiper-btn-next,
.crumina-main-slider .swiper-btn-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.crumina-main-slider .swiper-btn-next .crumina-icon,
.crumina-main-slider .swiper-btn-prev .crumina-icon {
    width: 22px;
    height: 35px;
}
.crumina-main-slider .swiper-btn-next:hover .crumina-icon,
.crumina-main-slider .swiper-btn-prev:hover .crumina-icon {
    fill: var(--white-color);
}
.crumina-main-slider .swiper-btn-prev {
    left: 5%;
}
.crumina-main-slider .swiper-btn-next {
    right: 5%;
}
.crumina-main-slider .swiper-container,
.crumina-main-slider .swiper-wrapper,
.crumina-main-slider .swiper-slide {
    min-height: 100vh;
    height: auto;
}
.crumina-main-slider .slider-content + .slider-thumb {
    margin-top: 40px;
}
.crumina-main-slider .swiper-slide {
    padding: 100px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
}
.crumina-main-slider .slider-content-title {
    color: var(--white-color);
}
.crumina-main-slider .slider-content-text {
    font-weight: 500;
    font-size: 18px;
    color: var(--white-color);
    margin-bottom: 30px;
}

.slider-slides {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.slider-slides-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
}

.slides-item {
    padding: 20px;
    text-align: center;
    width: 100%;
    border-bottom: 10px solid;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
.slides-item .slides-item-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    opacity: 0.4;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.slides-item.slides-item-primary {
    border-bottom-color: var(--primary-accent-color);
}
.slides-item.slides-item-red {
    border-bottom-color: var(--red-themes);
}
.slides-item.slides-item-orange {
    border-bottom-color: var(--orange-themes);
}
.slides-item.slides-item-yellow {
    border-bottom-color: var(--yellow-themes);
}
.slides-item.slides-item-blue {
    border-bottom-color: var(--blue-themes);
}
.slides-item.slides-item-lime {
    border-bottom-color: var(--lime-themes);
}
.slides-item.swiper-slide-active,
.slides-item:hover {
    border-bottom-width: 20px;
}
.slides-item.swiper-slide-active .slides-item-text,
.slides-item:hover .slides-item-text {
    opacity: 1;
    color: var(--white-color);
}

.related-posts-slider .swiper-slide {
    min-height: 100%;
    height: auto;
}

.crumina-slider--vertical .swiper-container {
    height: 300px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1300px) {
    .navigation-center-both-sides .swiper-btn-prev {
        left: 0;
    }
    .navigation-center-both-sides .swiper-btn-next {
        right: 0;
    }
}

@media (max-width: 1024px) {
    .navigation-bottom-right .swiper-btn-wrap {
        right: auto;
        left: 10px;
        bottom: 20px;
    }
    .pagination-bottom,
    .pagination-bottom-center {
        padding-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .navigation-bottom-center .swiper-btn-next {
        right: 10%;
    }
    .navigation-bottom-center .swiper-btn-prev {
        left: 10%;
    }
    .navigation-bottom-both-sides .swiper-btn-next {
        right: 10%;
    }
    .navigation-bottom-both-sides .swiper-btn-prev {
        left: 10%;
    }
    .slider-slides {
        display: none;
    }
    .crumina-main-slider,
    .crumina-main-slider .swiper-container,
    .crumina-main-slider .swiper-wrapper,
    .crumina-main-slider .swiper-slide {
        min-height: unset;
    }
    .crumina-main-slider .swiper-slide {
        padding: 100px 0 30px 0;
    }
    .crumina-main-slider .align-left {
        text-align: center;
    }
    .pagination-right-center .swiper-container {
        padding-right: 20px;
    }
}

@media (max-width: 470px) {
    .crumina-slider--vertical .swiper-container {
        height: 400px;
    }
}

/*------------- #TESTIMONIALS --------------*/
.testimonial-content {
    position: relative;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 40px;
    border-radius: 40px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: var(--white-color);
}

.author-company {
    font-size: 14px;
    font-weight: 700;
    color: var(--light-grey);
}

.author-name {
    display: block;
    margin: 0;
}

/*------------- testimonial author right --------------*/
.testimonial--author-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.testimonial--author-right .testimonial-content {
    margin-right: 30px;
}
.testimonial--author-right .testimonial-content:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 50%;
    left: calc(100% - 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.testimonial--author-right .author-name {
    color: var(--blue-themes);
}
.testimonial--author-right .testimonial-text {
    margin-bottom: 15px;
}
.testimonial--author-right .author-company {
    color: var(--light-grey);
}

/*------------- testimonial author bottom --------------*/
.testimonial--author-bottom .testimonial-content {
    margin-bottom: 30px;
}
.testimonial--author-bottom .testimonial-content:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: calc(100% - 1px);
    left: 60px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.testimonial--author-bottom .author-content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 130px;
}

.testimonial--author-bottom .author-company {
    color: var(--white-color);
}

.testimonial--author-bottom .avatar {
    margin-right: 20px;
}

.testimonial--author-bottom .testimonial-text {
    font-weight: 500;
    margin-bottom: 0;
}

/*------------- testimonial author top --------------*/
.testimonial--author-top {
    text-align: center;
    margin-top: 40px;
}
.testimonial--author-top .testimonial-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 30px;
    padding-top: 55px;
}
.testimonial--author-top .testimonial-content:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.testimonial--author-top .avatar {
    max-height: 64px;
    position: absolute;
    top: -32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.testimonial--author-top .testimonial-text {
    margin-bottom: 0;
}

/*------------- testimonial with border --------------*/
.testimonial--with-border {
    padding: 40px;
    border-radius: 20px;
    border: 2px solid #dfe6ec;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    margin: 20px;
}
.testimonial--with-border:hover {
    border-color: var(--dark-themes);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.testimonial--with-border:hover .avatar {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.testimonial--with-border .avatar {
    margin-bottom: 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.5;
}
.testimonial--with-border .testimonial-text {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 30px;
}
.testimonial--with-border .author-name {
    margin: 0 0 10px 0;
}

/*------------- testimonial author left --------------*/
.testimonial--author-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.testimonial--author-left .testimonial-content {
    margin-left: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.testimonial--author-left .testimonial-content:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 50%;
    right: calc(100% - 1px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.testimonial--author-left .testimonial-text {
    margin-bottom: 15px;
}

/*------------- #AVATARS --------------*/
.avatar60 {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
}

.avatar70 {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
}

.avatar80 {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1024px) {
    .testimonial-content {
        padding: 20px;
        border-radius: 20px;
    }
    .testimonial--author-bottom .testimonial-text {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .testimonial--author-bottom .testimonial-content {
        margin-bottom: 40px;
    }
    .testimonial--author-bottom .author-content-wrap {
        margin-left: 0;
    }
    .testimonial--with-border {
        padding: 20px;
    }
    .testimonial--author-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .testimonial--author-right .testimonial-content {
        margin-right: 0;
        margin-top: 20px;
    }
    .testimonial--author-right .testimonial-content::after {
        display: none;
    }
    .testimonial--author-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .testimonial--author-left .testimonial-content {
        margin-left: 0;
        margin-top: 20px;
    }
    .testimonial--author-right .testimonial-text {
        font-size: 14px;
    }
}

/*------------- #SOCIALS --------------*/
.socials {
    margin: 10px 0;
    padding-left: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
.socials .title {
    margin-bottom: 0;
}
.socials li {
    margin: 5px 20px 5px 0;
}
.socials li:last-child {
    margin-right: 0;
}
.socials li:hover .crumina-icon {
    opacity: 0.7;
}
.socials .crumina-icon {
    width: 21px;
    font-size: 21px;
    display: block;
    position: relative;
    z-index: 2;
}

.socials--grey li:hover .crumina-icon {
    opacity: 1;
    fill: var(--primary-accent-color);
}

.socials--grey .crumina-icon {
    fill: var(--light-grey);
}

.socials--rounded li {
    margin: 5px 10px 5px 0;
}
.socials--rounded li:last-child {
    margin-right: 0;
}

.socials--rounded .crumina-icon {
    width: 30px;
    font-size: 30px;
}

/*------------- #NAVIGATION-USER-MENU --------------*/
.user-menu {
    text-align: center;
}

.user-menu-popup.modal {
    z-index: 999999;
    padding-right: 0 !important;
}

.user-menu-popup .modal-dialog {
    max-width: unset;
    width: 100%;
    margin: 0;
}

.user-menu-popup .modal-content {
    background-color: #161718;
    border-radius: 0;
    border: none;
}
.user-menu-popup .modal-content:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
}

.user-menu-popup .modal-close-btn-wrapper {
    float: right;
    position: relative;
    cursor: pointer;
}
.user-menu-popup .modal-close-btn-wrapper:hover .crumina-icon {
    fill: var(--primary-accent-color);
}
.user-menu-popup .modal-close-btn-wrapper .close {
    margin: 0;
    position: relative;
    z-index: 99;
}
.user-menu-popup .modal-close-btn-wrapper .crumina-icon {
    width: 18px;
    height: 18px;
    fill: #424648;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.user-menu-popup .modal-header {
    border-bottom: 0;
    padding-top: 50px;
}

.user-menu-popup .modal-body {
    padding-top: 50px;
    padding-bottom: 120px;
}

.user-menu-popup .site-logo {
    margin-bottom: 30px;
    display: block;
}

.user-menu-popup .sign-in-form {
    margin-top: 50px;
    margin-bottom: 30px;
}

.user-menu-popup .socials {
    margin-bottom: 30px;
}

.user-menu-popup .modal-content:after {
    background-image: url("../../img/theme/backgrounds/header-footer-gradient-bg.png");
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .user-menu-popup .modal-header {
        padding-top: 20px;
    }
    .user-menu-popup .modal-body {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .user-menu-popup .site-logo {
        margin-bottom: 15px;
    }
    .user-menu-popup .sign-in-form {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .user-menu-popup .socials {
        margin-bottom: 20px;
    }
}

/*------------- #TABLES --------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #dfe6ec;
    font-size: 14px;
}

table thead {
    background-color: #f1f6fb;
    border-bottom: 1px solid #dfe6ec;
}

table * {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

table > tbody > tr {
    border-bottom: 1px solid #dfe6ec;
}
table > tbody > tr:last-child {
    border-bottom: none;
}

/*------------- #TABLES Style1--------------*/
.table--style1 {
    border: none;
    width: 100%;
    table-layout: fixed;
}
.table--style1 .crumina-icon.icon-check {
    width: 24px;
    height: 19px;
    fill: var(--lime-themes);
}
.table--style1 .crumina-icon.icon-minus {
    width: 24px;
    height: 3px;
    fill: var(--dark-themes);
}
.table--style1 > thead > tr > th,
.table--style1 > tbody > tr > th,
.table--style1 > tfoot > tr > th,
.table--style1 > thead > tr > td,
.table--style1 > tbody > tr > td,
.table--style1 > tfoot > tr > td {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 38px 30px;
    text-transform: initial;
}
.table--style1 > thead > tr > th:first-child,
.table--style1 > tbody > tr > th:first-child,
.table--style1 > tfoot > tr > th:first-child,
.table--style1 > thead > tr > td:first-child,
.table--style1 > tbody > tr > td:first-child,
.table--style1 > tfoot > tr > td:first-child {
    text-align: left;
    text-transform: uppercase;
    color: var(--dark-themes);
    font-weight: 700;
}
.table--style1 > tbody > tr > td {
    border-right: 1px solid #dfe6ec;
}
.table--style1 > tbody > tr > td:first-child {
    border-right: 1px solid #dfe6ec;
}
.table--style1 > tbody > tr > td:last-child {
    border-right: none;
}
.table--style1 > tbody > tr > td:first-child::before {
    display: none;
}
.table--style1 .info-icon {
    top: -3px;
    position: relative;
}
.table--style1 thead {
    background-color: transparent;
    border-bottom: 2px solid #dfe6ec;
}
.table--style1 > thead > tr > th {
    font-weight: 700;
    font-size: 24px;
}
.table--style1 > tbody > tr:last-child {
    border-bottom: 1px solid #dfe6ec;
}
.table--style1 > tbody > tr:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*------------- #TABLES Style2--------------*/
.table--style2 {
    border: none;
}
.table--style2 thead {
    background-color: transparent;
    border-bottom: none;
}
.table--style2 tbody {
    border: 1px solid #dfe6ec;
}
.table--style2 > tbody > tr > td {
    font-size: 16px;
    font-weight: 600;
}
.table--style2 .sale {
    font-size: 14px;
    display: block;
    color: var(--light-grey);
    text-decoration: line-through;
    font-weight: 500;
}
.table--style2 > tbody > tr > td:first-child {
    font-size: 18px;
    font-weight: 700;
}
.table--style2 .point {
    color: var(--light-grey);
}
.table--style2 > tbody > tr > td:first-child::before {
    display: none;
}
.table--style2 > thead > tr > th,
.table--style2 > tbody > tr > th,
.table--style2 > tfoot > tr > th,
.table--style2 > thead > tr > td,
.table--style2 > tbody > tr > td,
.table--style2 > tfoot > tr > td {
    padding: 10px 20px;
}

/*------------- #TABLES Style3--------------*/
.table--style3 {
    border: none;
    background-color: var(--white-color);
}
.table--style3 thead {
    background-color: transparent;
    border-bottom: none;
}
.table--style3 tbody {
    border: 1px solid #dfe6ec;
}
.table--style3 > tbody > tr > td {
    font-size: 16px;
    font-weight: 600;
}
.table--style3 .sale {
    font-size: 14px;
    display: block;
    color: var(--light-grey);
    text-decoration: line-through;
    font-weight: 500;
}
.table--style3 > tbody > tr > td:first-child {
    font-size: 18px;
    font-weight: 400;
}
.table--style3 > tbody > tr > td:first-child span {
    font-weight: 700;
}
.table--style3 > tbody > tr.already-taken > td:first-child {
    opacity: 0.5;
}
.table--style3 > tbody > tr.already-taken > td:last-child {
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--red-themes);
    text-align: center;
}
.table--style3 .point {
    color: var(--light-grey);
}
.table--style3 > tbody > tr > td:first-child::before {
    background-color: var(--lime-themes);
}
.table--style3 > tbody > tr > th,
.table--style3 > tfoot > tr > th,
.table--style3 > thead > tr > td,
.table--style3 > tbody > tr > td,
.table--style3 > tfoot > tr > td {
    padding: 10px 20px;
}
.table--style3 > thead > tr > th {
    padding: 0;
}

/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
    .table--style1 > thead > tr > th,
    .table--style1 > tbody > tr > th,
    .table--style1 > tfoot > tr > th,
    .table--style1 > thead > tr > td,
    .table--style1 > tbody > tr > td,
    .table--style1 > tfoot > tr > td {
        padding: 10px 15px;
    }
}

@media (max-width: 768px) {
    table > thead > tr > th,
    table > tbody > tr > th,
    table > tfoot > tr > th,
    table > thead > tr > td,
    table > tbody > tr > td,
    table > tfoot > tr > td {
        padding: 15px;
    }
    table {
        border-radius: 10px;
    }
    .table--style1 > thead > tr > th {
        font-size: 16px;
    }
    .table--style1 > thead > tr > th,
    .table--style1 > tbody > tr > th,
    .table--style1 > tfoot > tr > th,
    .table--style1 > thead > tr > td,
    .table--style1 > tbody > tr > td,
    .table--style1 > tfoot > tr > td {
        font-size: 14px;
    }
    .table--style2 > thead > tr > th,
    .table--style2 > tbody > tr > th,
    .table--style2 > tfoot > tr > th,
    .table--style2 > thead > tr > td,
    .table--style2 > tbody > tr > td,
    .table--style2 > tfoot > tr > td {
        padding: 5px 10px;
    }
    .table--style3 > tbody > tr > th,
    .table--style3 > tfoot > tr > th,
    .table--style3 > thead > tr > td,
    .table--style3 > tbody > tr > td,
    .table--style3 > tfoot > tr > td {
        padding: 5px 10px;
    }
    .table--style3 > tbody > tr > td:first-child {
        font-size: 12px;
    }
    .table--style3 > tbody > tr > td {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    table > thead > tr > th,
    table > tbody > tr > th,
    table > tfoot > tr > th,
    table > thead > tr > td,
    table > tbody > tr > td,
    table > tfoot > tr > td {
        padding: 5px;
    }
    table {
        font-size: 10px;
    }
    .table--style1 > thead > tr > th,
    .table--style1 > tbody > tr > th,
    .table--style1 > tfoot > tr > th,
    .table--style1 > thead > tr > td,
    .table--style1 > tbody > tr > td,
    .table--style1 > tfoot > tr > td {
        font-size: 9px;
    }
}
*/

/*------------- #SWITCHER --------------*/
.tgl {
    position: relative;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 5px 0;
}
.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl + .tgl-btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tgl::-moz-selection,
.tgl:after::-moz-selection,
.tgl:before::-moz-selection,
.tgl *::-moz-selection,
.tgl *:after::-moz-selection,
.tgl *:before::-moz-selection,
.tgl + .tgl-btn::-moz-selection {
    background: none;
}
.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl + .tgl-btn::selection {
    background: none;
}
.tgl span {
    position: relative;
    display: block;
    font-weight: normal;
    text-align: center;
    border-radius: 2em;
    padding: 1.15em 1em;
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2),
        0 2px 0 rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.2),
        0 2px 0 rgba(255, 255, 255, 0.7);
    -webkit-transition: color 0.3s ease, padding 0.3s ease-in-out,
        background 0.3s ease-in-out;
    -o-transition: color 0.3s ease, padding 0.3s ease-in-out,
        background 0.3s ease-in-out;
    transition: color 0.3s ease, padding 0.3s ease-in-out,
        background 0.3s ease-in-out;
}
.tgl span:before {
    position: relative;
    display: block;
    line-height: 1.3em;
    padding: 0 0.2em;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tgl span:after {
    position: absolute;
    display: block;
    content: "";
    border-radius: 2em;
    width: 2.8em;
    height: 2.8em;
    top: 0.35em;
    margin-left: -1.45em;
    background: var(--primary-accent-color);
    -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97),
        background 0.3s ease-in-out;
    -o-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97),
        background 0.3s ease-in-out;
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97),
        background 0.3s ease-in-out;
}
.tgl input[type="checkbox"] {
    display: none !important;
}
.tgl input[type="checkbox"]:not(:checked) + span {
    background: var(--primary-accent-color);
    color: var(--white-color);
    padding-left: 3.7em;
    padding-right: 1.5em;
    -webkit-box-shadow: 0 0 5px rgba(0, 131, 255, 0.3);
    box-shadow: 0 0 5px rgba(0, 131, 255, 0.3);
}
.tgl input[type="checkbox"]:not(:checked) + span:before {
    content: attr(data-off);
    color: var(--white-color);
}
.tgl input[type="checkbox"]:not(:checked) + span:after {
    background: var(--white-color);
    left: 1.7em;
}
.tgl input[type="checkbox"]:checked + span {
    background: var(--lime-themes);
    color: var(--white-color);
    padding-left: 1.5em;
    padding-right: 3.7em;
    -webkit-box-shadow: 0 0 5px rgba(138, 213, 36, 0.3);
    box-shadow: 0 0 5px rgba(138, 213, 36, 0.3);
}
.tgl input[type="checkbox"]:checked + span:before {
    content: attr(data-on);
}
.tgl input[type="checkbox"]:checked + span:after {
    background: var(--white-color);
    left: 100%;
    margin-left: -3.1em;
}

.tgl-inline {
    display: inline-block !important;
    vertical-align: top;
}
.tgl-inline.tgl {
    font-size: 16px;
}
.tgl-inline.tgl span {
    min-width: 50px;
}
.tgl-inline.tgl span:before {
    line-height: 1.4em;
    padding-left: 0.4em;
    padding-right: 0.4em;
}

.tgl-inline-label {
    display: inline-block !important;
    vertical-align: top;
    line-height: 26px;
}

.tgl--text-both input[type="checkbox"]:checked + span::before {
    left: 140%;
    color: var(--lime-themes);
}

.tgl--text-both input[type="checkbox"]:not(:checked) + span::before {
    left: -140%;
    color: var(--primary-accent-color);
}

.tgl--text-both input[type="checkbox"]:not(:checked) + span,
.tgl--text-both input[type="checkbox"]:checked + span {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

/*------------- #PRICING-TABLES --------------*/
.crumina-pricing-tables-item {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.pricing-tables-position {
    padding-left: 0;
    list-style: none;
}
.pricing-tables-position li {
    margin-bottom: 15px;
}
.pricing-tables-position li:last-child {
    margin-bottom: 0;
}

.bg-layer {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-pricing-content {
    position: relative;
}

/*------------- #pricing tables standard --------------*/
.pricing-tables-item-standard {
    text-align: center;
    background-color: var(--white-color);
    border-radius: 5px;
    padding: 60px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricing-tables-item-standard:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.pricing-tables-item-standard.pricing--best-value {
    border-top: 6px solid var(--yellow-themes);
}
.pricing-tables-item-standard .best-value {
    position: absolute;
    top: -18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--white-color);
    background-color: var(--yellow-themes);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 0.562rem 2.2rem;
    line-height: 1;
}
.pricing-tables-item-standard .rate {
    margin-bottom: 15px;
    margin-top: 0;
    color: var(--lime-themes);
    font-size: 31px;
}
.pricing-tables-item-standard .pricing-title {
    margin-bottom: 15px;
}
.pricing-tables-item-standard .pricing-onsale {
    font-weight: 500;
    margin-bottom: 15px;
}
.pricing-tables-item-standard .pricing-description {
    margin-bottom: 15px;
    font-weight: 500;
}
.pricing-tables-item-standard .pricing-renew {
    font-size: 14px;
    margin-bottom: 30px;
}
.pricing-tables-item-standard .crumina-button {
    margin-bottom: 30px;
}

/*------------- #pricing tables solid --------------*/
.pricing-tables-item-solid {
    text-align: center;
    background-color: var(--white-color);
    border-radius: 5px;
    padding: 60px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricing-tables-item-solid:hover {
    z-index: 10;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.pricing-tables-item-solid .pricing-title {
    margin-bottom: 15px;
}
.pricing-tables-item-solid .pricing-description {
    margin-bottom: 15px;
    font-weight: 500;
}
.pricing-tables-item-solid .pricing-onsale {
    font-size: 14px;
    color: var(--blue-themes);
    padding: 5px 10px;
    border-radius: 50px;
    border: 2px solid var(--blue-themes);
    margin-bottom: 30px;
}
.pricing-tables-item-solid .pricing-tables-position {
    margin-bottom: 30px;
}
.pricing-tables-item-solid .pricing-tables-position li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--border-grey-color);
}
.pricing-tables-item-solid .rate {
    margin-bottom: 15px;
    margin-top: 0;
    color: var(--dark-themes);
    font-size: 31px;
}
.pricing-tables-item-solid .pricing-recommended {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 15px 15px 0 0;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--lime-themes);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
}

/*------------- #PRICING Style Tables --------------*/
.pricing-tables-wrap-table {
    overflow: visible;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-collapse: unset;
    border-spacing: 0 10px;
}
.pricing-tables-wrap-table > tbody > tr:after {
    content: "";
    display: block;
    width: 100%;
    height: 7px;
    background-color: #ebf2f8;
}
.pricing-tables-wrap-table > tbody > tr:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pricing-tables-wrap-table > thead {
    background-color: transparent;
}
.pricing-tables-wrap-table > tfoot > tr > td {
    border-radius: 0 0 20px 20px;
    overflow: hidden;
    text-align: center;
}
.pricing-tables-wrap-table > thead > tr > th {
    font-size: 12px;
    font-weight: 700;
    padding: 25px 20px;
}
.pricing-tables-wrap-table > tbody > tr > td {
    padding: 25px 20px;
    border-right: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--white-color);
}
.pricing-tables-wrap-table > tbody > tr > td:first-child::before {
    content: attr(data-value);
    display: none;
    width: initial;
    height: initial;
    background-color: transparent;
    position: relative;
    left: initial;
    top: initial;
    opacity: 1;
}
.pricing-tables-wrap-table .cpu-core {
    display: block;
    font-weight: 500;
    font-size: 14px;
    color: var(--light-grey);
}
.pricing-tables-wrap-table .geekbench-score {
    font-weight: 400;
    margin-right: 30px;
}
.pricing-tables-wrap-table .skills-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
    width: 100%;
    min-width: 40px;
}
.pricing-tables-wrap-table .rate {
    font-size: 24px;
    color: var(--lime-themes);
}
.pricing-tables-wrap-table .pricing-onsale {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
}

.pricing-table--style-table {
    text-align: left;
}
.pricing-table--style-table > td:before {
    content: attr(data-value);
    display: none;
}
.pricing-table--style-table > td:first-child {
    border-left: 2px solid transparent;
    border-radius: 5px 0 0 5px;
}
.pricing-table--style-table > td:last-child {
    border-right: 2px solid transparent;
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table > td {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
.pricing-table--style-table:hover.border-accent-primary > td:first-child {
    margin-bottom: 30px;
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--primary-accent-color);
}
.pricing-table--style-table:hover.border-accent-primary > td:last-child {
    border-right: 2px solid var(--primary-accent-color);
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table:hover.border-accent-primary > td {
    border-top: 2px solid var(--primary-accent-color);
    border-bottom: 2px solid var(--primary-accent-color);
}
.pricing-table--style-table:hover.border-red-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--red-themes);
}
.pricing-table--style-table:hover.border-red-themes > td:last-child {
    border-right: 2px solid var(--red-themes);
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table:hover.border-red-themes > td {
    border-top: 2px solid var(--red-themes);
    border-bottom: 2px solid var(--red-themes);
}
.pricing-table--style-table:hover.border-orange-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--orange-themes);
}
.pricing-table--style-table:hover.border-orange-themes > td:last-child {
    border-right: 2px solid var(--orange-themes);
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table:hover.border-orange-themes > td {
    border-top: 2px solid var(--orange-themes);
    border-bottom: 2px solid var(--orange-themes);
}
.pricing-table--style-table:hover.border-yellow-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--yellow-themes);
}
.pricing-table--style-table:hover.border-yellow-themes > td:last-child {
    border-right: 2px solid var(--yellow-themes);
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table:hover.border-yellow-themes > td {
    border-top: 2px solid var(--yellow-themes);
    border-bottom: 2px solid var(--yellow-themes);
}
.pricing-table--style-table:hover.border-blue-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--blue-themes);
}
.pricing-table--style-table:hover.border-blue-themes > td:last-child {
    border-right: 2px solid var(--blue-themes);
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table:hover.border-blue-themes > td {
    border-top: 2px solid var(--blue-themes);
    border-bottom: 2px solid var(--blue-themes);
}
.pricing-table--style-table:hover.border-lime-themes > td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 2px solid var(--lime-themes);
}
.pricing-table--style-table:hover.border-lime-themes > td:last-child {
    border-right: 2px solid var(--lime-themes);
    border-radius: 0 5px 5px 0;
}
.pricing-table--style-table:hover.border-lime-themes > td {
    border-top: 2px solid var(--lime-themes);
    border-bottom: 2px solid var(--lime-themes);
}

/*------------- #PRICING Tables Triple --------------*/
.pricing-tables-wrap {
    border-radius: 5px;
    padding: 0 15px;
}
.pricing-tables-wrap > * {
    border-right: 1px solid var(--border-grey-color);
}
.pricing-tables-wrap > *:last-child {
    border-right: none;
}

.pricing-table--style2 {
    padding: 40px;
    background-color: var(--white-color);
    height: 100%;
}
.pricing-table--style2 .bg-layer {
    background-color: var(--white-color);
    border-radius: 5px;
    z-index: -1;
    opacity: 0;
    border: 3px solid var(--orange-themes);
}
.pricing-table--style2:hover {
    z-index: 990;
}
.pricing-table--style2:hover .bg-layer {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1.02);
    transform: translate3d(0, 0, 0) scaleY(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}
.pricing-table--style2 .pricing-title {
    text-transform: uppercase;
}
.pricing-table--style2 .pricing-description {
    font-weight: 500;
}
.pricing-table--style2 .rate {
    font-size: 31px;
}
.pricing-table--style2 .pricing-onsale {
    font-weight: 500;
    margin-bottom: 10px;
}
.pricing-table--style2 .pricing-onsale--with-bg {
    border-radius: 5px;
    font-weight: 700;
    background-color: var(--yellow-themes);
    padding: 2px 4px;
}
.pricing-table--style2 .pricing-renew {
    font-size: 14px;
}
.pricing-table--style2 .info-icon {
    top: -3px;
    position: relative;
}
.pricing-table--style2 .crumina-button {
    margin-bottom: 30px;
    margin-top: 30px;
}
.pricing-table--style2 .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--orange-themes);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
}
.pricing-table--style2 .pricing-recommended:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--orange-themes) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*------------- #PRICING Tables Modern --------------*/
.crumina-pricing-modern table > tbody > tr > td:first-child::before {
    display: none;
}

.crumina-pricing-modern table > tbody > tr {
    border-bottom: 1px dashed var(--border-grey-color);
}
.crumina-pricing-modern table > tbody > tr:last-child {
    border-bottom: 0;
}

.crumina-pricing-modern .crumina-icon.icon-check {
    width: 16px;
    height: 13px;
    fill: var(--lime-themes);
}

.crumina-pricing-modern .crumina-icon.icon-minus {
    width: 10px;
    height: 2px;
    fill: var(--dark-themes);
}

.crumina-pricing-modern table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border: none;
}

.crumina-pricing-modern table thead {
    background-color: transparent;
    border-bottom: 1px dashed var(--border-grey-color);
}

.crumina-pricing-modern table thead > tr > th {
    background-color: var(--grey-themes);
    text-transform: none;
}
.crumina-pricing-modern table thead > tr > th:first-child {
    background-color: transparent;
    text-align: left;
}

.crumina-pricing-modern td,
.crumina-pricing-modern th {
    empty-cells: show;
    padding: 13px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.crumina-pricing-modern tbody tr:nth-child(odd) {
    display: none;
}

.crumina-pricing-modern th {
    font-weight: normal;
    padding: 0;
    border-bottom: 1px dashed var(--border-grey-color);
}

.crumina-pricing-modern tr td:first-child {
    text-align: left;
}

.crumina-pricing-modern .price-info {
    padding: 40px;
    position: relative;
}

.crumina-pricing-modern .pricing-title {
    text-transform: uppercase;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 24px;
}

.crumina-pricing-modern .rate {
    font-size: 31px;
    margin: 10px 0 15px;
    font-weight: 700;
}

.crumina-pricing-modern .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--primary-accent-color);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
}
.crumina-pricing-modern .pricing-recommended:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--primary-accent-color) transparent transparent
        transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 767px) {
    .crumina-pricing-modern td:first-child,
    .crumina-pricing-modern th:first-child {
        display: none;
    }
    .crumina-pricing-modern tbody tr:nth-child(odd) {
        display: table-row;
        background: #f7f7f7;
    }
    .crumina-pricing-modern .row {
        background: #fff;
    }
    .crumina-pricing-modern td,
    .crumina-pricing-modern th {
        border: 1px solid var(--border-grey-color);
    }
}

@media (max-width: 639px) {
    .crumina-pricing-modern td,
    .crumina-pricing-modern th {
        padding: 10px 5px;
    }
    .crumina-pricing-modern .hide-mobile {
        display: none;
    }
    .crumina-pricing-modern .price-small {
        font-size: 16px !important;
        top: 0;
        left: 0;
    }
}

/*------------- #PRICING Tables Style 3 --------------*/
.pricing-table--style3 {
    padding: 40px;
    background-color: var(--white-color);
    height: 100%;
}
.pricing-table--style3 .bg-layer {
    background-color: var(--white-color);
    border-radius: 5px;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    border: 1px solid var(--border-grey-color);
}
.pricing-table--style3:hover {
    z-index: 990;
}
.pricing-table--style3:hover .bg-layer {
    -webkit-transform: translate3d(0, 0, 0) scaleY(1.05) scaleX(1.02);
    transform: translate3d(0, 0, 0) scaleY(1.05) scaleX(1.02);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}
.pricing-table--style3 .pricing-title {
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
}
.pricing-table--style3 .pricing-description {
    font-weight: 500;
}
.pricing-table--style3 .rate {
    font-size: 31px;
    font-weight: 900;
    margin-bottom: 5px;
}
.pricing-table--style3 .pricing-renew {
    font-size: 14px;
}
.pricing-table--style3 .info-icon {
    top: -3px;
    position: relative;
}
.pricing-table--style3 .crumina-button {
    margin-bottom: 30px;
    margin-top: 30px;
}
.pricing-table--style3 .pricing-recommended {
    position: absolute;
    top: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 30px;
    font-size: 12px;
    padding: 7px 40px;
    font-weight: 700;
    background-color: var(--orange-themes);
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
}
.pricing-table--style3 .pricing-recommended:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 6px 0 6px;
    border-color: var(--orange-themes) transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*------------- #PRICING Tables Border bottom --------------*/
.pricing-tables-border-bottom-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--grey-themes);
}
.pricing-tables-border-bottom-wrap > *:nth-child(odd) {
    background-color: #fafcfd;
}

.pricing-tables-item-border-bottom {
    text-align: center;
    padding: 60px;
}
.pricing-tables-item-border-bottom:hover .bg-layer {
    height: 100%;
}
.pricing-tables-item-border-bottom:hover .pricing-description {
    color: var(--white-color);
}
.pricing-tables-item-border-bottom:hover .pricing-link .crumina-icon {
    fill: var(--white-color);
}
.pricing-tables-item-border-bottom .pricing-description {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pricing-tables-item-border-bottom .main-pricing-content {
    z-index: 10;
}
.pricing-tables-item-border-bottom .bg-layer {
    position: absolute;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 0;
}
.pricing-tables-item-border-bottom .pricing-thumb {
    margin-bottom: 30px;
}
.pricing-tables-item-border-bottom .rate {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 30px;
}
.pricing-tables-item-border-bottom .price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px;
}
.pricing-tables-item-border-bottom .pricing-link {
    display: inline-block;
}
.pricing-tables-item-border-bottom .pricing-link .crumina-icon {
    width: 31px;
    height: 20px;
}
.pricing-tables-item-border-bottom.pricing-primary .bg-layer {
    background-color: var(--primary-accent-color);
}
.pricing-tables-item-border-bottom.pricing-primary .pricing-link {
    fill: var(--primary-accent-color);
}
.pricing-tables-item-border-bottom.pricing-red .bg-layer {
    background-color: var(--red-themes);
}
.pricing-tables-item-border-bottom.pricing-red .pricing-link {
    fill: var(--red-themes);
}
.pricing-tables-item-border-bottom.pricing-orange .bg-layer {
    background-color: var(--orange-themes);
}
.pricing-tables-item-border-bottom.pricing-orange .pricing-link {
    fill: var(--orange-themes);
}
.pricing-tables-item-border-bottom.pricing-yellow .bg-layer {
    background-color: var(--yellow-themes);
}
.pricing-tables-item-border-bottom.pricing-yellow .pricing-link {
    fill: var(--yellow-themes);
}
.pricing-tables-item-border-bottom.pricing-blue .bg-layer {
    background-color: var(--blue-themes);
}
.pricing-tables-item-border-bottom.pricing-blue .pricing-link {
    fill: var(--blue-themes);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1200px) {
    .pricing-tables-item-border-bottom {
        padding: 20px;
    }
}

@media (max-width: 1024px) {
    .pricing-tables-item-standard {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .pricing-tables-border-bottom-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pricing-tables-item-border-bottom {
        width: 50%;
    }
    .crumina-pricing-modern .pricing-title {
        font-size: 14px;
    }
    .crumina-pricing-modern .rate {
        font-size: 14px;
    }
    .crumina-pricing-modern .price-info {
        padding: 10px;
    }
    .pricing-tables-wrap > * {
        border: 1px solid var(--border-grey-color);
    }
    .pricing-tables-wrap > :last-child {
        border-right: 1px solid var(--border-grey-color);
    }
    .pricing-tables-wrap-table > thead {
        display: none;
    }
    .pricing-table--style-table > td:before {
        display: block;
        width: 40%;
    }
    .pricing-tables-wrap-table > tbody > tr > td:first-child::before {
        display: block;
        width: 40%;
    }
    .pricing-tables-wrap-table .skills-wrap .crumina-skills-item {
        min-width: 80px;
    }
    .pricing-tables-wrap-table .rate {
        font-size: 18px;
    }
    .pricing-table--style-table {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 2px solid var(--primary-accent-color);
        margin-bottom: 30px;
        border-radius: 5px;
    }
    .pricing-tables-wrap-table > tbody > tr:last-child {
        border-bottom: 2px solid;
        margin-bottom: 0;
    }
    .pricing-tables-wrap-table > tbody > tr > td {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .pricing-table--style-table > td:last-child:before {
        display: none;
    }
    .pricing-tables-wrap-table > tbody > tr::after {
        display: none;
    }
    .pricing-table--style-table > td:first-child {
        border-left: none;
        border-radius: 0;
    }
    .pricing-table--style-table > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table > td:last-child {
        border-right: none;
        border-radius: 0;
    }
    .pricing-table--style-table:hover.border-accent-primary > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    .pricing-table--style-table:hover.border-accent-primary > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table:hover.border-accent-primary > td:last-child {
        border-right: none;
        border-radius: 0;
    }
    .pricing-table--style-table:hover.border-red-themes > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    .pricing-table--style-table:hover.border-red-themes > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table:hover.border-red-themes > td:last-child {
        border-right: none;
        border-radius: 0;
    }
    .pricing-table--style-table:hover.border-orange-themes > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    .pricing-table--style-table:hover.border-orange-themes > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table:hover.border-orange-themes > td:last-child {
        border-right: none;
        border-radius: 0;
    }
    .pricing-table--style-table:hover.border-yellow-themes > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    .pricing-table--style-table:hover.border-yellow-themes > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table:hover.border-yellow-themes > td:last-child {
        border-right: none;
        border-radius: 0;
    }
    .pricing-table--style-table:hover.border-blue-themes > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    .pricing-table--style-table:hover.border-blue-themes > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table:hover.border-blue-themes > td:last-child {
        border-right: none;
        border-radius: 0;
    }
    .pricing-table--style-table:hover.border-lime-themes > td:first-child {
        margin-bottom: 0;
        border-radius: 0;
        border-left: none;
    }
    .pricing-table--style-table:hover.border-lime-themes > td {
        border-top: none;
        border-bottom: none;
    }
    .pricing-table--style-table:hover.border-lime-themes > td:last-child {
        border-right: none;
        border-radius: 0;
    }
}

@media (max-width: 767px) {
    .crumina-pricing-modern td,
    .crumina-pricing-modern th {
        width: 33.333333333%;
    }
    .crumina-pricing-modern table thead > tr > th {
        background-color: transparent;
    }
    .pricing-tables-wrap-table > tbody > tr > td {
        padding: 10px 15px;
        font-size: 16px;
    }
    .pricing-table--style3 {
        padding: 20px;
    }
    .pricing-table--style3 .pricing-title {
        font-size: 32px;
    }
    .pricing-table--style3 .rate {
        font-size: 24px;
    }
}

@media (max-width: 460px) {
    .pricing-tables-item-border-bottom {
        width: 100%;
    }
    .crumina-pricing-modern .pricing-title {
        font-size: 12px;
    }
    .crumina-pricing-modern .rate {
        font-size: 12px;
    }
}

/*------------- #SKILLS --------------*/
.skills-item-meter-active {
    position: absolute;
    display: inline-block;
    border-radius: 5px 0 0 5px;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: var(--dark-themes);
    height: 100%;
}
.skills-item-meter-active.skills-animate {
    -webkit-animation: skills-animated 1.2s ease-out;
    animation: skills-animated 1.2s ease-out;
}
.skills-item-meter-active.skills-animate-opacity {
    -webkit-animation: skills-animated-opacity 0.2s ease-out;
    animation: skills-animated-opacity 0.2s ease-out;
}

.skills-item--style-circle .skills-item-meter {
    height: 6px;
}

.skills-item--style-circle .skills-item-meter-active:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 4px solid transparent;
    border-radius: 100%;
    position: absolute;
    right: -1px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: var(--grey-themes);
}

.skills-item--style-circle .skills-item-meter-active.bg-accent-primary:after {
    border-color: var(--primary-accent-color);
}

.skills-item--style-circle .skills-item-meter-active.bg-red-themes:after {
    border-color: var(--red-themes);
}

.skills-item--style-circle .skills-item-meter-active.bg-orange-themes:after {
    border-color: var(--orange-themes);
}

.skills-item--style-circle .skills-item-meter-active.bg-yellow-themes:after {
    border-color: var(--yellow-themes);
}

.skills-item--style-circle .skills-item-meter-active.bg-blue-themes:after {
    border-color: var(--blue-themes);
}

.skills-item--style-circle .skills-item-meter-active.bg-lime-themes:after {
    border-color: var(--lime-themes);
}

.skills-item-meter {
    padding: 0 5px;
    width: 100%;
    border-radius: 10px;
    background-color: var(--grey-themes);
    position: relative;
    height: 10px;
}

.skills-item-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--dark-themes);
}

.skills-item-count {
    font-weight: 700;
    font-size: 14px;
    color: var(--dark-themes);
}

.skills-item-info {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@-webkit-keyframes skills-animated {
    0% {
        width: 0;
    }
}

@keyframes skills-animated {
    0% {
        width: 0;
    }
}

@-webkit-keyframes skills-animated-opacity {
    100% {
        opacity: 1;
    }
}

@keyframes skills-animated-opacity {
    100% {
        opacity: 1;
    }
}

/*================= Responsive Mode ============*/
/*------------- #TABS --------------*/
.tabs {
    position: relative;
}
.tabs .nav-tabs {
    border: none;
}

/*------------- #TABS TIME LINE--------------*/
.tabs--time-line .nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tabs--time-line .nav-tabs .nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    color: var(--light-grey);
    font-weight: 700;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 6px 0;
    border: none;
}

.tabs--time-line .nav-item--point {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
    margin-left: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.tabs--time-line .nav-item--point:before,
.tabs--time-line .nav-item--point:after {
    content: "";
    display: block;
    height: 40px;
    width: 2px;
    background-color: var(--primary-accent-color);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.tabs--time-line .nav-item--point:before {
    top: -7px;
}
.tabs--time-line .nav-item--point:after {
    bottom: -7px;
}

.tabs--time-line .nav-item--arrow-wrap {
    margin: auto;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    background-color: var(--primary-accent-color);
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 10;
}
.tabs--time-line .nav-item--arrow-wrap .crumina-icon {
    margin: auto;
    visibility: hidden;
    opacity: 0;
    max-width: 0;
    max-height: 0;
    fill: var(--primary-accent-color);
}

.tabs--time-line .nav-tabs .nav-link.active ~ .nav-link .nav-item--arrow-wrap {
    background-color: #cad7e3;
}

.tabs--time-line .nav-tabs .nav-link.active ~ .nav-link .nav-item--point:before,
.tabs--time-line .nav-tabs .nav-link.active ~ .nav-link .nav-item--point:after {
    background-color: #cad7e3;
}

.tabs--time-line .nav-tabs .nav-link.active {
    color: var(--primary-accent-color);
    background-color: transparent;
    border: none;
    font-size: 28px;
    font-weight: 900;
}
.tabs--time-line .nav-tabs .nav-link.active .nav-item--point:before {
    background-color: var(--primary-accent-color);
}
.tabs--time-line .nav-tabs .nav-link.active .nav-item--point:after {
    background-color: var(--primary-accent-color);
}
.tabs--time-line .nav-tabs .nav-link.active .nav-item--arrow-wrap {
    width: 100%;
    height: 100%;
    background-color: #ebf2f8;
    border: 4px solid var(--primary-accent-color);
}
.tabs--time-line
    .nav-tabs
    .nav-link.active
    .nav-item--arrow-wrap
    .crumina-icon {
    visibility: visible;
    opacity: 1;
    max-width: initial;
    max-height: initial;
    width: 32px;
    height: 20px;
}

.tabs--time-line .nav-tabs .nav-link:not(.active):hover {
    border-color: transparent;
    color: var(--primary-accent-color);
}
.tabs--time-line .nav-tabs .nav-link:not(.active):hover .nav-item--arrow-wrap {
    border: 3px solid var(--primary-accent-color);
    max-width: 18px;
    min-height: 18px;
    width: 18px;
    height: 18px;
    background-color: #ebf2f8;
}

.tabs--time-line .tabs--time-line-subtitle {
    font-weight: 500;
    font-size: 16px;
    color: var(--light-grey);
    margin-bottom: 20px;
}

/*------------- #TABS STYLE 2--------------*/
.tabs--style2 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.tabs--style2 .nav-tabs .nav-link {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: var(--white-color);
    border: none;
    border-bottom: 2px solid var(--dark-themes);
    padding: 15px;
}

.tabs--style2 .nav-tabs .nav-link.active {
    color: var(--yellow-themes);
    background-color: transparent;
    border-color: transparent transparent var(--yellow-themes) transparent;
}

.tabs--style2 .nav-tabs .nav-link:hover,
.tabs--style2 .nav-tabs .nav-link:focus {
    color: var(--yellow-themes);
}

/*------------- #TABS STYLE 3--------------*/
.tabs--style3 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.tabs--style3 .nav-tabs .nav-link {
    width: 100%;
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    padding: 20px;
    border-radius: 5px;
    background-color: var(--white-color);
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.tabs--style3 .nav-tabs .nav-link:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 8px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tabs--style3 .nav-tabs .nav-link .crumina-icon {
    margin-right: 20px;
    fill: var(--border-grey-color);
    min-width: 22px;
}

.tabs--style3 .nav-tabs .nav-link.active,
.tabs--style3 .nav-tabs .nav-item.show .nav-link {
    border-color: #dee2e6 #dee2e6 #fff;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.tabs--style3 .nav-tabs .nav-link.active .crumina-icon,
.tabs--style3 .nav-tabs .nav-item.show .nav-link .crumina-icon {
    fill: var(--red-themes);
}
.tabs--style3 .nav-tabs .nav-link.active:after,
.tabs--style3 .nav-tabs .nav-item.show .nav-link:after {
    opacity: 1;
}

/*------------- #TABS STYLE 4 --------------*/
.tabs--style4 {
    background-color: var(--dark-themes);
}
.tabs--style4 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.tabs--style4 .tab-content {
    padding: 60px 0 120px;
    background-color: var(--yellow-themes);
}
.tabs--style4 .nav-tabs .nav-link {
    border: none;
    color: var(--white-color);
    font-weight: 700;
    padding: 25px 60px;
    position: relative;
}
.tabs--style4 .nav-tabs .nav-link:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 11px 10px;
    border-color: transparent transparent #ffd000 transparent;
    position: absolute;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tabs--style4 .nav-tabs .nav-link.active,
.tabs--style4 .nav-tabs .nav-item.show .nav-link {
    color: var(--yellow-themes);
    background-color: transparent;
    border-color: transparent;
}
.tabs--style4 .nav-tabs .nav-link.active:after,
.tabs--style4 .nav-tabs .nav-item.show .nav-link:after {
    opacity: 1;
}

/*------------- #TABS STYLE 5 --------------*/
.tabs--style5 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}

.tabs--style5 .nav-tabs .nav-link {
    width: 100%;
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    border-bottom: 2px solid var(--border-grey-color);
    padding: 20px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.tabs--style5 .nav-tabs .nav-link img {
    margin-bottom: 5px;
}

.tabs--style5 .nav-tabs .nav-link.active,
.tabs--style5 .nav-tabs .nav-item.show .nav-link {
    color: var(--primary-accent-color);
    background-color: transparent;
    border-bottom-color: var(--primary-accent-color);
}

/*------------- #TABS STYLE 6 --------------*/
.tabs--style6 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tabs--style6 .nav-tabs .nav-link {
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    padding: 10px 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-transform: uppercase;
    max-width: 220px;
    text-align: center;
    font-size: 16px;
}
.tabs--style6 .nav-tabs .nav-link img {
    margin-bottom: 20px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tabs--style6 .nav-tabs .nav-link.active,
.tabs--style6 .nav-tabs .nav-item.show .nav-link {
    color: var(--white-color);
    background-color: transparent;
}
.tabs--style6 .nav-tabs .nav-link.active img,
.tabs--style6 .nav-tabs .nav-item.show .nav-link img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

/*------------- #TABS STYLE 7 --------------*/
.block-border-linear-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.block-border-linear-gradient .block-border-linear-gradient-top {
    width: 100%;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#1eb0d8),
        color-stop(#00bcca),
        color-stop(#00c4a8),
        color-stop(#40c877),
        to(#8dc63f)
    );
    background-image: -o-linear-gradient(
        left,
        #1eb0d8,
        #00bcca,
        #00c4a8,
        #40c877,
        #8dc63f
    );
    background-image: linear-gradient(
        to right,
        #1eb0d8,
        #00bcca,
        #00c4a8,
        #40c877,
        #8dc63f
    );
}
.block-border-linear-gradient .block-border-linear-gradient-right {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#8dc63f),
        color-stop(#24ca7d),
        color-stop(#00c7b6),
        color-stop(#00bedf),
        to(#00b0ed)
    );
    background-image: -o-linear-gradient(
        top,
        #8dc63f,
        #24ca7d,
        #00c7b6,
        #00bedf,
        #00b0ed
    );
    background-image: linear-gradient(
        to bottom,
        #8dc63f,
        #24ca7d,
        #00c7b6,
        #00bedf,
        #00b0ed
    );
}
.block-border-linear-gradient .block-border-linear-gradient-bottom {
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#00b0ed),
        color-stop(#5a9cfb),
        color-stop(#a97ded),
        color-stop(#e44fbe),
        to(#ff0074)
    );
    background-image: -o-linear-gradient(
        right,
        #00b0ed,
        #5a9cfb,
        #a97ded,
        #e44fbe,
        #ff0074
    );
    background-image: linear-gradient(
        to left,
        #00b0ed,
        #5a9cfb,
        #a97ded,
        #e44fbe,
        #ff0074
    );
}
.block-border-linear-gradient .block-border-linear-gradient-left {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#ff0074),
        color-stop(#d956c6),
        color-stop(#8b86f1),
        color-stop(#24a2ef),
        to(#24b1d2)
    );
    background-image: -o-linear-gradient(
        bottom,
        #ff0074,
        #d956c6,
        #8b86f1,
        #24a2ef,
        #24b1d2
    );
    background-image: linear-gradient(
        to top,
        #ff0074,
        #d956c6,
        #8b86f1,
        #24a2ef,
        #24b1d2
    );
}

.tabs--style7 {
    padding: 100px;
    position: relative;
    margin: 0;
}
.tabs--style7 .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.tabs--style7 .nav-tabs .nav-link {
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    border-bottom: 1px dashed var(--dark-themes);
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0;
}
.tabs--style7 .nav-tabs .nav-link.active,
.tabs--style7 .nav-tabs .nav-item.show .nav-link {
    color: var(--lime-themes);
    background-color: transparent;
    border-bottom-color: var(--lime-themes);
}

/*------------- #TABS SUBSCRIBE --------------*/
.tabs--subscribe {
    width: 100%;
}
.tabs--subscribe .nav-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.tabs--subscribe .nav-tabs .nav-link {
    font-weight: 700;
    color: var(--dark-themes);
    border: none;
    font-size: 12px;
    padding: 22px 16px 16px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0;
    border-bottom: 1px solid var(--border-grey-color);
    border-right: 1px solid var(--border-grey-color);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.tabs--subscribe .nav-tabs .nav-link:last-child {
    border-right: none;
}
.tabs--subscribe .nav-tabs .nav-link.active,
.tabs--subscribe .nav-tabs .nav-item.show .nav-link {
    color: var(--white-color);
    background-color: var(--dark-themes);
    border-bottom-color: var(--dark-themes);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1200px) {
    .tabs--time-line .nav-item--point {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        margin-left: 20px;
    }
}

@media (max-width: 1024px) {
    .tabs--style7 {
        padding: 30px;
    }
}

@media (max-width: 991px) {
    .tabs--time-line .nav-tabs {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
    }
    .tabs--time-line .nav-tabs .nav-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 14px;
        height: 80px;
    }
    .tabs--time-line .nav-tabs .nav-link.active {
        font-size: 20px;
    }
    .tabs--time-line .nav-item--point {
        width: 40px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        min-height: 40px;
        max-height: 40px;
        margin-left: 0;
    }
    .tabs--time-line
        .nav-tabs
        .nav-link:not(.active):hover
        .nav-item--arrow-wrap {
        border-width: 2px;
    }
    .tabs--time-line
        .nav-tabs
        .nav-link.active
        .nav-item--arrow-wrap
        .crumina-icon {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }
    .tabs--time-line .nav-tabs .nav-link.active .nav-item--arrow-wrap {
        border-width: 2px;
    }
    .tabs--time-line .nav-item--point::before,
    .tabs--time-line .nav-item--point::after {
        height: 2px;
        width: 60px;
        left: auto;
        top: 50%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .tabs--time-line .nav-item--point::after {
        bottom: auto;
        left: 60%;
    }
    .tabs--time-line .nav-item--point::before {
        right: 60%;
    }
    .tabs--style5 .nav-tabs .nav-link {
        padding: 10px 20px;
    }
}

@media (max-width: 768px) {
    .tabs--style3 .nav-tabs .nav-link::after {
        display: none;
    }
    .tabs--style4 .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tabs--style4 .nav-tabs .nav-link::after {
        display: none;
    }
    .tabs--style4 .nav-tabs .nav-link.active,
    .tabs--style4 .nav-tabs .nav-link {
        padding: 15px 20px;
        width: 100%;
        border-bottom: 1px solid var(--yellow-themes);
        text-align: center;
    }
    .tabs--style6 .nav-tabs .nav-link {
        padding: 10px 20px;
        font-size: 14px;
        max-width: unset;
    }
    .tabs--style6 .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .tabs--style5 .nav-tabs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

/*------------- #STYLES for INFO BOXES --------------*/
.crumina-info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.info-box-thumb {
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.info-box-thumb .puzzle-icon {
    display: block;
}

.info-box-content {
    position: relative;
}

.info-box-title {
    display: block;
    word-break: break-all;
}

.read-more--with-arrow {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
}
.read-more--with-arrow:hover {
    color: var(--primary-accent-color);
}
.read-more--with-arrow:hover .crumina-icon {
    fill: var(--primary-accent-color);
}
.read-more--with-arrow .crumina-icon {
    margin-left: 10px;
    width: 14px;
    height: 9px;
    min-width: 14px;
    min-height: 9px;
    fill: var(--dark-themes);
}

.read-more--with-arrow-left .crumina-icon {
    margin-left: 0;
    margin-right: 10px;
    fill: inherit;
}

.read-more--with-arrow-down {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 700;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.read-more--with-arrow-down:hover {
    color: var(--primary-accent-color);
}
.read-more--with-arrow-down:hover .crumina-icon {
    fill: var(--primary-accent-color);
}
.read-more--with-arrow-down .crumina-icon {
    margin-top: 10px;
    width: 16px;
    height: 9px;
    fill: var(--orange-themes);
}

.contact-info {
    font-weight: 700;
    font-size: 18px;
    color: var(--primary-accent-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.contact-info .crumina-icon {
    fill: var(--border-grey-color);
    margin-right: 10px;
    width: 20px;
    height: 20px;
}

/*------------- #INFO BOX STANDARD --------------*/
.info-box--standard .info-box-thumb {
    margin-bottom: 30px;
}

.info-box--standard .info-box-text {
    margin-bottom: 0;
}

/*------------- #INFO BOX ICON LEFT --------------*/
.info-box--icon-left {
    text-align: left;
}
.info-box--icon-left .info-box-thumb-title-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
}
.info-box--icon-left .info-box-thumb {
    margin-right: 30px;
}
.info-box--icon-left .info-box-title {
    margin-bottom: 0;
}

/*------------- #INFO BOX THUMB LEFT --------------*/
.info-box--thumb-left {
    text-align: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.info-box--thumb-left .info-box-text:last-child {
    margin-bottom: 0;
}
.info-box--thumb-left .info-box-thumb {
    min-width: 100px;
    margin-right: 30px;
}

/*------------- #INFO BOX align LEFT --------------*/
.info-box--align-left {
    text-align: center;
}
.info-box--align-left .info-box-thumb {
    margin-bottom: 30px;
}

/*------------- #INFO BOX inline --------------*/
.info-box--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
}
.info-box--inline .info-box-text {
    font-size: 18px;
    font-weight: 500;
}
.info-box--inline .info-box-text:last-child {
    margin-bottom: 0;
}
.info-box--inline .info-box-thumb {
    margin-right: 30px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

/*------------- #INFO BOX with number --------------*/
.info-box--with-number {
    text-align: left;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 40px;
    border: 2px solid #dfe6ec;
    border-radius: 5px;
}
.info-box--with-number:hover {
    border-color: var(--lime-themes);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.info-box--with-number .info-box-title {
    font-size: 60px;
    font-weight: 700;
    color: var(--lime-themes);
    margin-right: 40px;
    min-width: 10%;
    line-height: 1;
}
.info-box--with-number .info-box-text {
    font-weight: 500;
}
.info-box--with-number .info-box-text:last-child {
    margin-bottom: 0;
}

/*------------- #INFO-BOX--ICON-SCALED --------------*/
.info-box--icon-scaled .info-box-title {
    margin-bottom: 30px;
}

.info-box--icon-scaled .info-box-thumb {
    margin-bottom: 30px;
}

.info-box--icon-scaled .info-box-text:last-child {
    margin-bottom: 0;
}

/*------------- #INFO-BOX--WITH BG --------------*/
.info-box--with-bg {
    padding: 60px;
    background-color: var(--white-color);
    border-radius: 5px;
}
.info-box--with-bg:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.info-box--with-bg .info-box-thumb {
    margin-bottom: 30px;
}

/*------------- #INFO-BOX--bordered --------------*/
.info-box--bordered {
    padding: 30px;
    border-radius: 5px;
    border: 2px solid #dfe6ec;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    margin: 30px 0;
}
.info-box--bordered .info-box-thumb {
    margin-right: 30px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

/*------------- #NOTICE INFO --------------*/
.notice-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px;
    border-radius: 5px;
    background-color: #d1f2ff;
    margin-bottom: 20px;
}
.notice-info p {
    margin-bottom: 0;
}

.notice-info-thumb {
    margin-right: 10px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.notice-info-thumb .crumina-icon {
    width: 16px;
    height: 16px;
}

.notice-info--lihgt-blue {
    background-color: #d1f2ff;
}

.notice-info--lihgt-yellow {
    background-color: #d1f2ff;
}

.notice-info--light-yellow {
    background-color: #fff0ac;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1024px) {
    .info-box--with-bg {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .info-box--icon-scaled .info-box-title {
        margin-bottom: 15px;
    }
    .info-box--icon-scaled .info-box-thumb {
        margin-bottom: 15px;
    }
    .info-box--inline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .info-box--inline .info-box-thumb {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .info-box--thumb-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .info-box--thumb-left .info-box-thumb {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .info-box--with-number {
        padding: 20px;
    }
    .info-box--with-number .info-box-title {
        font-size: 30px;
        margin-right: 15px;
    }
    .info-box--bordered {
        padding: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .info-box--bordered .info-box-thumb {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

/*------------- #MAPS --------------*/
.crumina-map {
    position: relative;
    overflow: hidden;
    max-height: 90vh;
}

.block-location-info {
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 370px;
    max-width: calc(100% - 20px);
    z-index: 999;
    text-align: center;
    background-color: var(--white-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.block-location-info h5 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.block-location-info p {
    margin-bottom: 0;
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
    .block-location-info {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

/*------------- #ACCORDIONS --------------*/
.crumina-accordion {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accordion-panel {
    position: relative;
    background-color: var(--white-color);
    border-radius: 50px;
    margin-bottom: 10px;
}

.card-header .icons {
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    position: relative;
}
.card-header .icons .crumina-icon {
    height: 20px;
    width: 20px;
}
.card-header .icons .crumina-icon.icon-minus {
    height: 2px;
}
.card-header .icons .active {
    position: absolute;
    left: 0;
    top: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.active .icons svg {
    opacity: 0;
}

.card.active .icons .active {
    opacity: 1;
}

.btn-link {
    text-align: left;
}
.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
}

/*------------- #ACCORDION Style 1 --------------*/
.accordion--style1 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px;
}

.accordion--style1 .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
}

.accordion--style1 .card {
    background-color: transparent;
    border: 2px solid var(--white-color);
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.accordion--style1 .card.active,
.accordion--style1 .card:hover {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
}

.accordion--style1 .card-body {
    padding: 0 30px 30px;
}

.accordion--style1 > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 2px solid var(--white-color);
    border-radius: 5px;
}

.accordion--style1 > .card:first-of-type {
    border-bottom: 2px solid var(--white-color);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.accordion--style1 > .card:last-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*------------- #ACCORDION Style 2 --------------*/
.accordion--style2 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 0;
}
.accordion--style2 .btn-link .icons {
    margin-right: 30px;
}

.accordion--style2 .card-body {
    padding: 0 50px 30px;
}

.accordion--style2 .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
}

.accordion--style2 .card {
    background-color: transparent;
    border-top: 1px solid var(--border-grey-color);
    border-bottom: 1px solid var(--border-grey-color);
    border-left: none;
    border-right: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0;
}
.accordion--style2 .card.active .btn-link,
.accordion--style2 .card:hover .btn-link {
    color: var(--primary-accent-color);
}
.accordion--style2 .card.active .btn-link .crumina-icon,
.accordion--style2 .card:hover .btn-link .crumina-icon {
    fill: var(--primary-accent-color);
}

/*------------- #ACCORDION Style 3 --------------*/
.accordion--style3 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px;
}

.accordion--style3 .card-header {
    padding: 0;
    background-color: var(--white-color);
    border-bottom: none;
}

.accordion--style3 .card {
    background-color: transparent;
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.accordion--style3 .card.active,
.accordion--style3 .card:hover {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
}
.accordion--style3 .card.active .icons svg,
.accordion--style3 .card:hover .icons svg {
    fill: var(--yellow-themes);
}

.accordion--style3 .card-body {
    padding: 0 30px 30px;
}

.accordion--style3 > .card:not(:first-of-type):not(:last-of-type) {
    border-radius: 5px;
}

.accordion--style3 > .card:first-of-type {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.accordion--style3 > .card:last-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*------------- #ACCORDION Style 4 --------------*/
.accordion--style4 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px;
}

.accordion--style4 .card-header {
    padding: 0;
    background-color: var(--white-color);
    border-bottom: none;
}

.accordion--style4 .card {
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #dfe6ec;
}
.accordion--style4 .card.active,
.accordion--style4 .card:hover {
    border: 1px solid var(--orange-themes);
}
.accordion--style4 .card.active .icons svg,
.accordion--style4 .card:hover .icons svg {
    fill: var(--orange-themes);
}

.accordion--style4 .card-body {
    padding: 0 30px 30px;
}

.accordion--style4 > .card:not(:first-of-type):not(:last-of-type) {
    border-radius: 5px;
    border-bottom: 1px solid #dfe6ec;
}
.accordion--style4 > .card:not(:first-of-type):not(:last-of-type).active,
.accordion--style4 > .card:not(:first-of-type):not(:last-of-type):hover {
    border: 1px solid var(--orange-themes);
}

.accordion--style4 > .card:first-of-type {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #dfe6ec;
}
.accordion--style4 > .card:first-of-type.active,
.accordion--style4 > .card:first-of-type:hover {
    border: 1px solid var(--orange-themes);
}

.accordion--style4 > .card:last-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*------------- #ACCORDION Style 5 --------------*/
.accordion--style5 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 30px;
}

.accordion--style5 .card-header {
    padding: 0;
    background-color: var(--white-color);
    border-bottom: none;
}

.accordion--style5 .card {
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid #dfe6ec;
}
.accordion--style5 .card.active,
.accordion--style5 .card:hover {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
}
.accordion--style5 .card.active .icons svg,
.accordion--style5 .card:hover .icons svg {
    fill: var(--blue-themes);
}

.accordion--style5 .card-body {
    padding: 0 30px 30px;
}

.accordion--style5 > .card:not(:first-of-type):not(:last-of-type) {
    border-radius: 5px;
    border-bottom: 1px solid #dfe6ec;
}

.accordion--style5 > .card:first-of-type {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom: 1px solid #dfe6ec;
}

.accordion--style5 > .card:last-of-type {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/*------------- #ACCORDION Style 6 --------------*/
.accordion--style6 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 700;
    color: var(--dark-themes);
    padding: 20px 30px;
    background-color: var(--grey-themes);
    border-radius: 5px;
}
.accordion--style6 .btn-link .crumina-icon {
    fill: var(--dark-themes);
    width: 8px;
    height: 6px;
}
.accordion--style6 .btn-link .title {
    margin-left: 20px;
}

.accordion--style6 .collapse,
.accordion--style6 .collapsing {
    border: 1px solid var(--border-grey-color);
    border-top: 0;
    border-radius: 0 0 5px 5px;
}

.accordion--style6 .card-header {
    padding: 0;
    border-bottom: none;
}

.accordion--style6 .card {
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: none;
}
.accordion--style6 .card.active .crumina-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion--style6 .card-body {
    padding: 0;
}

/*------------- #ACCORDION Style 7 --------------*/
.accordion--style7 .btn-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: var(--dark-themes);
    padding: 25px 0;
}
.accordion--style7 .btn-link .crumina-icon {
    margin-right: 15px;
    fill: var(--border-grey-color);
}

.accordion--style7 .card-body {
    padding: 0 0 30px 30px;
}

.accordion--style7 .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
}

.accordion--style7 .card {
    background-color: transparent;
    border-top: 2px solid var(--border-grey-color);
    border-bottom: 2px solid var(--border-grey-color);
    border-left: none;
    border-right: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0;
}
.accordion--style7 .card:first-of-type {
    border-top: 0;
}
.accordion--style7 .card.active .btn-link,
.accordion--style7 .card:hover .btn-link {
    color: var(--primary-accent-color);
}
.accordion--style7 .card.active .btn-link .crumina-icon,
.accordion--style7 .card:hover .btn-link .crumina-icon {
    fill: var(--primary-accent-color);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .accordion--style1 .btn-link {
        font-size: 16px;
        padding: 15px 20px;
    }
    .accordion--style1 .card-body {
        padding: 0 20px 20px;
        font-size: 14px;
    }
    .accordion--style2 .btn-link {
        font-size: 16px;
        padding: 15px 0;
    }
    .accordion--style2 .card-body {
        font-size: 14px;
    }
    .accordion--style4 .btn-link {
        font-size: 16px;
        padding: 15px 20px;
    }
    .accordion--style4 .card-body {
        padding: 0 20px 20px;
        font-size: 14px;
    }
    .accordion--style3 .btn-link {
        font-size: 16px;
        padding: 15px 20px;
    }
    .accordion--style3 .card-body {
        padding: 0 20px 20px;
        font-size: 14px;
    }
    .accordion--style5 .btn-link {
        font-size: 16px;
        padding: 15px 20px;
    }
    .accordion--style5 .card-body {
        padding: 0 20px 20px;
        font-size: 14px;
    }
    .accordion--style7 .btn-link {
        font-size: 14px;
        padding: 15px 0;
    }
}

/*------------- #OUR VIDEO --------------*/
.crumina-our-video {
    position: relative;
}

/*------------- Responsive Mode --------------*/
/*------------- #THEME ITEM --------------*/
.crumina-theme-item:hover .hover-btns-block {
    opacity: 1;
    visibility: visible;
}

.crumina-theme-item:hover .theme-item-thumb .overlay {
    opacity: 1;
}

.crumina-theme-item:hover .theme-item-thumb img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.theme-item-thumb {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.theme-item-thumb .overlay {
    opacity: 0;
}
.theme-item-thumb img {
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
}

.hover-btns-block {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.theme-item-content {
    text-align: center;
    padding: 30px;
}

/*------------- Responsive Mode --------------*/
/*------------- #ARTICLES LIST --------------*/
.crumina-articles-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.crumina-articles-list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.crumina-articles-list li:last-child {
    margin-bottom: 0;
}
.crumina-articles-list .icon-article {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    fill: #dfe6ec;
    margin-right: 10px;
}

/*------------- #FAQS BLOCK --------------*/
.crumina-faqs-block {
    border: 2px solid #dfe6ec;
    border-radius: 5px;
    padding: 40px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.crumina-faqs-block:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    border-color: var(--primary-accent-color);
}

.crumina-faqs-block--without-border {
    border: none;
    margin-bottom: 0;
    background-color: var(--white-color);
    padding: 100px;
}
.crumina-faqs-block--without-border a {
    color: var(--link-color);
}

.crumina-faqs-title-with-border {
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 2px solid #dfe6ec;
}

.crumina-faqs-title {
    display: block;
}

.row-masonry {
    display: block;
}
.row-masonry > * {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
    display: inline-block;
}

.row-masonry--col-2 {
    -webkit-column-count: 2;
    column-count: 2;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .crumina-faqs-block {
        padding: 20px;
    }
    .crumina-faqs-block--without-border {
        padding: 30px;
    }
}

/*------------- #FAQS BLOCK --------------*/
.crumina-features-item {
    text-align: center;
}
.crumina-features-item img {
    margin-bottom: 15px;
}
.crumina-features-item .features-item-title {
    margin-bottom: 0;
}

/*------------- #HIGHEST RATED --------------*/
.highest-rated-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.highest-rated-item {
    width: 31%;
}

.highest-rated-item-count {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
.highest-rated-item-count:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 5px;
    margin-top: 20px;
}
.highest-rated-item-count.c-primary:after {
    background-color: var(--primary-accent-color);
}
.highest-rated-item-count.c-blue:after {
    background-color: var(--blue-themes);
}
.highest-rated-item-count.c-lime:after {
    background-color: var(--lime-themes);
}

.highest-rated-item-title {
    font-weight: 700;
}

/*------------- #DOMAIN-FILTER-PANEL --------------*/
.crumina-domain-filter-panel {
    background-color: var(--white-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1),
        inset 1px 0 0 0 rgba(235, 242, 248, 0.004);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1),
        inset 1px 0 0 0 rgba(235, 242, 248, 0.004);
    padding: 30px;
    border-radius: 5px;
}

/*------------- #TEAMMEMBERS --------------*/
.crumina-teammember-item {
    text-align: center;
}
.crumina-teammember-item .socials {
    margin: 0;
}

.teammembers-thumb {
    width: 270px;
    height: 270px;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 30px;
}

.teammembers-item-name {
    display: block;
    margin-bottom: 20px;
}

.teammembers-item-prof {
    font-weight: 700;
    color: var(--light-grey);
    margin-bottom: 20px;
}

.teammembers-description {
    margin-bottom: 20px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1200px) {
    .teammembers-thumb {
        width: 170px;
        height: 170px;
    }
}

/*------------- #CRUMINA-DROPZONE --------------*/
.crumina-dropzone {
    text-align: center;
    border-radius: 5px;
    border: 2px dashed #cad7e3;
    font-weight: 500;
    padding: 15px 20px;
}
.crumina-dropzone a {
    color: var(--primary-accent-color);
}

/*------------- #CONTACTS --------------*/
.crumina-contact-item {
    background-color: var(--white-color);
    border-radius: 5px;
    border: 2px solid var(--white-color);
    padding: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.crumina-contact-item:hover {
    border-color: var(--primary-accent-color);
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}
.crumina-contact-item .title {
    margin-bottom: 20px;
}
.crumina-contact-item .subtitle {
    margin-bottom: 30px;
}
.crumina-contact-item a {
    display: block;
}

.contact-item-thumb {
    margin-right: 40px;
}

/*================= Responsive Mode ============*/
@media (max-width: 991px) {
    .crumina-contact-item {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .crumina-contact-item .contact-item-thumb {
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100px;
    }
    .crumina-contact-item .title {
        margin-bottom: 10px;
    }
    .crumina-contact-item .subtitle {
        margin-bottom: 15px;
    }
}

/*------------- #DOMAIN-LIST --------------*/
.domain-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.domain-list-item {
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.domain-list-item:last-child {
    margin-right: 0;
}

.domain-list-item-name {
    font-size: 24px;
    font-weight: 900;
}

.domain-list-item-price {
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .domain-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/*------------- #CLIENTS --------------*/
.client-items-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.clients-item {
    margin-right: 30px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.4;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.clients-item:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.clients-item:last-child {
    margin-right: 0;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .client-items-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .clients-item {
        margin-bottom: 20px;
        margin-right: 0;
        width: 48%;
        text-align: center;
    }
}

/*------------- #KNOWLEDGE-BASE --------------*/
.presentation-block {
    padding: 30px;
    border-radius: 5px;
    background-color: #f1f6fb;
    margin: 30px 0;
}

.presentation-block--light-blue {
    background-color: #f1f6fb;
}

.documentation-rate {
    text-align: center;
    background-color: var(--grey-themes);
    padding: 30px;
    border-radius: 5px;
    margin: 40px 0;
}
.documentation-rate .title {
    margin-bottom: 30px;
}

.knowledge-base-article .post-additional-info {
    font-weight: 500;
    color: var(--light-grey);
}

.knowledge-base-article .entry-footer {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 2px solid #dfe6ec;
}
.knowledge-base-article .entry-footer .socials {
    margin: 0;
}

.base-documentation-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    height: 90vh;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.base-documentation-navigation::-webkit-scrollbar {
    display: none;
}

.documentation-navigation-item .title {
    text-transform: uppercase;
    font-size: 14px;
}

.documentation-list {
    padding-left: 0;
    list-style: none;
}
.documentation-list li {
    margin-bottom: 30px;
    font-size: 14px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 992px) {
    .base-documentation-navigation {
        position: relative;
        top: auto;
        height: auto;
    }
}

/*------------- #CATEGORY LIST --------------*/
.category-list {
    text-align: center;
}
.category-list .category-list-item {
    padding: 30px 15px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    position: relative;
}
.category-list .category-list-item:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: transparent;
    position: absolute;
    left: 0;
    bottom: -2px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.category-list .category-list-item:hover:after {
    background-color: var(--primary-accent-color);
}
.category-list .category-list-item.active {
    color: var(--primary-accent-color);
}
.category-list .category-list-item.active:after {
    background-color: var(--primary-accent-color);
}

.category-list-wrap {
    border-bottom: 2px solid #dfe6ec;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .category-list .category-list-item {
        padding: 15px 10px;
    }
}

/*------------- #COMMENTS --------------*/
.comments__list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.comments__list .comments__avatar {
    margin-right: 30px;
    min-width: 70px;
}
.comments__list .comments__body {
    padding: 40px;
    background-color: #f1f6fb;
    border-radius: 40px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.comments__list .comments__body:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    border-color: transparent #f1f6fb transparent transparent;
    position: absolute;
    top: 50%;
    right: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.comments__list .comments__author {
    display: inline-block;
    font-style: normal;
}
.comments__list .comments__author a {
    margin: 0;
    font-size: 16px;
}
.comments__list .comments__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.comments__list .comments__time {
    display: inline-block;
}
.comments__list .comments__time a {
    color: var(--light-grey);
    font-size: 14px;
}
.comments__list .comments__time a:hover {
    color: var(--primary-accent-color);
}
.comments__list .comment-content p {
    margin: 15px 0;
}
.comments__list .comment-reply {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.comments__item {
    padding-left: 0;
    list-style: none;
}
.comments__item:before {
    display: none;
}
.comments__item .children {
    margin: 20px 0 0 100px;
    list-style: none;
    padding: 0;
}
.comments__item:last-child {
    margin-bottom: 0;
}

.children .comments__article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.children .comments__article:hover .comments__body:after {
    border-color: transparent transparent transparent #fff;
}

.children .comments__body::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #f1f6fb;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.children .comments__avatar {
    margin-right: 0;
    margin-left: 30px;
}

.comments__article {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.comments__article:hover .comments__body {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    background-color: var(--white-color);
}
.comments__article:hover .comments__body:after {
    border-color: transparent #fff transparent transparent;
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
    .children .comments__article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .comments__list .comments__body {
        padding: 20px;
    }
    .comments__item .children {
        margin: 20px 0 0 50px;
    }
    .children .comments__avatar {
        margin-left: 0;
    }
    .comments__article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .comments__list .comments__avatar {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .comments__list .comments__body::after {
        display: none;
    }
}

/*------------- #NAVIGATION --------------*/
.page-navigation {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0;
}

.btn--prev,
.btn--next {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--border-grey-color);
    fill: var(--border-grey-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.btn--prev .crumina-icon,
.btn--next .crumina-icon {
    width: 22px;
    height: 35px;
    fill: inherit;
}
.btn--prev:hover,
.btn--next:hover {
    color: var(--lime-themes);
    fill: var(--lime-themes);
}

.btn--prev {
    margin-right: 30px;
}
.btn--prev .crumina-icon {
    margin-left: 20px;
}

.btn--next .crumina-icon {
    margin-right: 20px;
}

/*------------- #POPUP-SUBSCRIBE --------------*/
.popup-subscribe {
    text-align: center;
    padding-right: 0 !important;
}
.popup-subscribe.modal {
    z-index: 999999;
    padding-right: 0 !important;
}
.popup-subscribe .modal-content {
    border-radius: 5px;
    overflow: hidden;
    border: none;
}
.popup-subscribe .modal-content:before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.popup-subscribe .modal-header {
    padding: 0;
    border-bottom: none;
}
.popup-subscribe .modal-dialog {
    max-width: calc(100% - 20px);
    width: 570px;
}
.popup-subscribe .modal-body {
    padding: 60px 100px;
}
.popup-subscribe .close {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--light-grey);
    text-shadow: none;
    opacity: 1;
    margin: 0 auto;
    outline: none;
}
.popup-subscribe .close:hover {
    color: var(--primary-accent-color);
}

.popup-subscribe .modal-content:before {
    background-image: url("../img/theme-content/backgrounds/subscribe-gradient-bg.png");
}

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
    .popup-subscribe .modal-body {
        padding: 20px 40px;
    }
    .tabs--subscribe .nav-tabs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/*------------- #STATISTICS --------------*/
.crumina-stat-item {
    border: 1px solid #dfe6ec;
    padding: 30px;
    border-radius: 5px;
    background-color: var(--white-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
}
.crumina-stat-item:after {
    content: "";
    display: block;
    width: 3px;
    height: 100%;
    background-color: var(--lime-themes);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.crumina-stat-item:hover {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1),
        inset 4px 0 0 0 rgba(138, 213, 36, 0.004);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1),
        inset 4px 0 0 0 rgba(138, 213, 36, 0.004);
}
.crumina-stat-item:hover:after {
    opacity: 1;
}

.statistic-title-count-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.statistic-title-count-wrap .title,
.statistic-title-count-wrap .count {
    font-size: 16px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .crumina-stat-item {
        padding: 0;
    }
    .statistic-title-count-wrap {
        padding: 15px 15px 0 15px;
    }
    .statistic-title-count-wrap .title,
    .statistic-title-count-wrap .count {
        font-size: 12px;
    }
}

/*------------- #LOCATION-SERVERS --------------*/
.location-servers--style-bordered {
    padding: 60px;
    border: 1px solid #dfe6ec;
    border-radius: 5px;
}

.location-servers-map {
    position: relative;
}

.location-server-item {
    position: absolute;
    width: 28px;
    height: 28px;
    border: 4px solid var(--white-color);
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.location-server-item:hover {
    border-width: 3px;
}

.location-server-item-border-dark {
    border: 4px solid #2b2e30;
}

.locations-servers-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.locations-server-item {
    font-weight: 500;
    color: #80868d;
    margin: 15px 30px;
}
.locations-server-item .count {
    font-weight: 700;
    color: var(--white-color);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .location-server-item {
        width: 18px;
        height: 18px;
        border-width: 2px;
    }
    .location-server-item:hover {
        border-width: 1px;
    }
    .location-servers--style-bordered {
        padding: 20px;
    }
}

@media (max-width: 560px) {
    .location-server-item {
        width: 10px;
        height: 10px;
    }
}

/*------------- #WIDGETS --------------*/
/*------------- #W-LINKS --------------*/
.widget_links ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.widget_links ul li {
    margin-bottom: 15px;
}
.widget_links ul li:last-child {
    margin-bottom: 0;
}
.widget_links ul li .crumina-icon {
    width: 4px;
    height: 6px;
    fill: inherit;
    margin-left: 10px;
}
.widget_links ul li a {
    position: relative;
}
.widget_links ul li a:hover {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.widget_links ul li a:hover .crumina-icon {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
}

.widget_links.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}
.widget_links.widget-sidebar ul li a {
    font-weight: 500;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .widget_links.widget-sidebar {
        padding: 20px;
    }
    .widget_links ul li {
        margin-bottom: 5px;
    }
    .widget_links.widget-sidebar .widget-title {
        margin-bottom: 20px;
    }
    .row-masonry--col-2 {
        -webkit-column-count: 1;
        column-count: 1;
    }
}

/*------------- #W-INFO --------------*/
.w-info .site-logo {
    margin-bottom: 30px;
    display: block;
}

.w-info p {
    margin-bottom: 30px;
    font-weight: 500;
}

.w-info.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

.widget-sidebar {
    margin-bottom: 30px;
}
.widget-sidebar .widget-title {
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-grey-color);
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .w-info.widget-sidebar {
        padding: 20px;
    }
    .w-info .site-logo {
        margin-bottom: 20px;
    }
    .w-info p {
        margin-bottom: 20px;
    }
}

/*------------- #W-SOCIALS --------------*/
.w-tags .widget-title {
    margin-bottom: 40px;
}

.tags-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.tags-list li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tags-list li:last-child {
    margin-right: 0;
}
.tags-list a {
    border-radius: 30px;
    line-height: 1;
    padding: 9px 23px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-color: #f1f6fb;
}
.tags-list a:hover {
    background-color: var(--primary-accent-color);
    color: var(--white-color);
}

/*------------- Responsive Mode --------------*/
/*------------- #W-SEARCH --------------*/
.w-search.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

/*------------- #W-LATEST-POSTS --------------*/
.w-latest-posts.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

.latest-posts-item {
    margin-bottom: 30px;
}
.latest-posts-item .post-date {
    font-size: 14px;
    margin-bottom: 15px;
}

/*------------- #W-SOCIALS --------------*/
.w-socials {
    text-align: center;
}
.w-socials .socials {
    margin: 0;
}
.w-socials.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

/*------------- #W-NEWSLETTER --------------*/
.w-newsletter {
    padding: 30px;
    border-radius: 5px;
    background-color: var(--yellow-themes);
}
.w-newsletter.widget-sidebar .widget-title {
    border-bottom: 1px solid var(--dark-themes);
}

/*------------- #W-ABOUT --------------*/
.w-about.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

/*------------- #W-POPULAR-TAGS --------------*/
.w-popular-tags.widget-sidebar {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
}

/*------------- #LAYOUTS --------------*/
/*------------- #HEADER --------------*/
.site-header {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 25px 0;
}
.site-header:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}
.site-header.header--fixed {
    background-color: rgba(39, 42, 44, 0.95);
    padding: 0;
}

.site-header:before {
    background-image: url("../../img/theme/backgrounds/header-footer-gradient-bg.png");
}

.header--sticky {
    position: fixed;
    min-width: 100%;
    left: 0;
    top: 0;
    z-index: 1001;
}

.navigation-search {
    cursor: pointer;
    position: relative;
}
.navigation-search:hover .crumina-icon {
    fill: var(--primary-accent-color);
}
.navigation-search .crumina-icon {
    fill: var(--white-color);
    width: 25px;
    height: 25px;
    z-index: 1;
}

.navigation-user-menu {
    cursor: pointer;
    position: relative;
}
.navigation-user-menu:hover .crumina-icon {
    fill: var(--primary-accent-color);
}
.navigation-user-menu .crumina-icon {
    fill: var(--white-color);
    width: 28px;
    height: 15px;
    z-index: 1;
}

.link-modal-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.navigation-additional-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navigation-additional-menu > * {
    margin-right: 30px;
}
.navigation-additional-menu > *:last-child {
    margin-right: 0;
}

.navigation-hosting-item {
    padding: 40px;
    border-bottom: 6px solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    height: 100%;
}
.navigation-hosting-item:hover {
    color: var(--primary-accent-color);
    background-color: var(--grey-themes);
}
.navigation-hosting-item.border-primary-themes {
    border-color: var(--primary-accent-color);
}
.navigation-hosting-item.border-red-themes {
    border-color: var(--red-themes);
}
.navigation-hosting-item.border-orange-themes {
    border-color: var(--orange-themes);
}
.navigation-hosting-item.border-yellow-themes {
    border-color: var(--yellow-themes);
}
.navigation-hosting-item.border-blue-themes {
    border-color: var(--blue-themes);
}

.navigation-hosting-item-img {
    margin-bottom: 15px;
}

.navigation-list-subheading {
    display: block;
    font-size: 14px;
    color: var(--light-grey);
    font-weight: 500;
    text-transform: none;
    margin-top: 10px;
}

/*================= SITE-HEADER--STATUS ============*/
.site-header--status {
    padding: 44px 0 84px;
    background-size: cover;
}
.site-header--status:before {
    display: none;
}
.site-header--status > .container {
    display: block;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.site-header--status {
    background-image: url("../img/demo-content/backgrounds/main-section-bg2.png");
}

/*================= Responsive Mode ============*/
@media (max-width: 991px) {
    .navigation-hosting-item {
        padding: 20px;
        font-size: 12px;
        border-bottom-width: 3px;
    }
    .navigation-hosting-item-img {
        max-width: 70px;
    }
    .navigation-hosting-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        color: var(--white-color);
    }
    .navigation-hosting-item-img {
        margin-bottom: 0;
        margin-right: 15px;
        padding: 10px;
        border-radius: 5px;
        background-color: var(--white-color);
    }
    .site-header {
        padding: 0;
    }
    .site-header--status {
        padding: 24px 0 64px;
    }
}

/*------------- #FOOTER --------------*/
.footer {
    position: relative;
    color: var(--footer-text-color);
}
.footer.footer--dark {
    background-color: #1b1c1d;
}
.footer a:not(.back-to-top):not(.crumina-button) {
    color: var(--footer-link-color);
    fill: var(--footer-link-color);
}
.footer a:not(.back-to-top):not(.crumina-button):hover {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}
.footer .widget-title {
    color: var(--white-color);
    margin-bottom: 20px;
}
.footer.footer--with-decoration:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background-repeat: repeat-x;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer.js-fixed-footer {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 1;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
}
@media (max-width: 768px) {
    .footer.js-fixed-footer {
        position: relative;
    }
}

.footer.footer--with-decoration:before {
    background-image: url("../../img/theme/backgrounds/header-footer-gradient-bg.png");
}

.footer-content {
    padding: 120px 0 60px;
}

.sub-footer {
    padding: 40px 0;
}
.sub-footer a:hover {
    color: var(--primary-accent-color);
}

.copyright {
    font-size: 14px;
    font-weight: 500;
}

.footer-subscribe-panel {
    padding: 60px 0;
    border-top: 1px solid #323334;
}

.footer-subscribe-panel-title {
    margin-bottom: 0;
}

.block-footer-height {
    position: relative;
    width: 100%;
}
@media (max-width: 768px) {
    .block-footer-height {
        display: none;
    }
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .footer {
        text-align: center;
    }
    .footer-subscribe-panel {
        padding: 30px;
    }
    .footer-content {
        padding: 40px 0;
    }
    .sub-footer {
        padding: 20px 0;
    }
    .footer .widget-title {
        margin-bottom: 20px;
    }
}

/*------------- #FREE-SSL-SECTION --------------*/
.free-ssl-section {
    position: relative;
    padding: 80px 0;
    text-align: center;
    margin-top: 65px;
}
.free-ssl-section .free-ssl-image {
    position: absolute;
    left: 50%;
    top: -65px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 130px;
}

/*------------- Responsive Mode --------------*/
@media (max-width: 768px) {
    .free-ssl-section {
        padding: 80px 0 30px;
    }
}

/*------------- #STATUS-PAGES --------------*/
.statistic-item {
    border-radius: 5px;
    padding: 60px;
    border: 2px solid var(--border-grey-color);
    text-align: center;
    height: 100%;
}

.statistic-item-value {
    font-size: 60px;
    font-weight: 700;
}

.statistic-item-descr {
    font-size: 14px;
    font-weight: 700;
}

.location-list {
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
}
.location-list li {
    display: inline-block;
    margin-bottom: 2px;
}
.location-list .location-list-item {
    padding: 4px 9px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: var(--dark-themes);
    display: inline-block;
    background-color: var(--yellow-themes);
}

.status-page-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--white-color);
    border-radius: 5px;
    padding: 22px 30px;
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
}
.status-page-title .title {
    font-size: 18px;
    font-weight: 700;
}
.status-page-title .update-status {
    font-size: 18px;
    font-weight: 500;
}

.status-page-description {
    border-radius: 5px;
    border: 1px solid var(--border-grey-color);
    margin-bottom: 30px;
}

.status-page-description-list {
    padding: 30px 30px 0;
}
.status-page-description-list .description-list-item:last-child {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--border-grey-color);
}
.status-page-description-list:last-child .description-list-item:last-child {
    border-bottom: none;
}

.description-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
}
.description-list-item p {
    margin-bottom: 0;
}
.description-list-item:last-child {
    margin-bottom: 0;
}
.description-list-item > *:first-child {
    text-align: right;
    width: 15%;
    margin-right: 30px;
}
.description-list-item > *:last-child {
    width: 85%;
}
.description-list-item .post-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2px;
}

.status-page-footer-links {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.status-page-footer-links li {
    margin-right: 30px;
    display: inline-block;
}
.status-page-footer-links li:last-child {
    margin-right: 0;
}
.status-page-footer-links a {
    color: var(--white-color) !important;
}
.status-page-footer-links a:hover {
    color: var(--primary-accent-color) !important;
}
.status-page-footer-links a.active-item {
    font-weight: 700;
}

/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
    .statistic-item {
        padding: 20px;
    }
    .statistic-item-value {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .status-page-footer-links {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .status-page-title .title,
    .status-page-title .update-status {
        font-size: 14px;
    }
    .status-page-description-list {
        padding: 15px 15px 0;
    }
    .description-list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .description-list-item > :first-child {
        margin-bottom: 5px;
        width: auto;
        margin-right: 0;
    }
    .status-page-footer-links li {
        margin-right: 15px;
    }
    .status-page-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .status-page-title .title + .update-status {
        margin-top: 10px;
    }
}

/*------------- #HELPERS --------------*/
.main-content-wrapper {
    position: relative;
    z-index: 2;
    background-color: var(--white-color);
    -webkit-margin-bottom-collapse: separate;
}

.text-decoration-underline {
    text-decoration: underline;
}

.crumina-icon {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-demonstration {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    background-color: white;
    border-radius: 20px;
}
.icon-demonstration .crumina-icon {
    height: 32px;
    width: 32px;
    fill: var(--primary-accent-color);
    margin-bottom: 15px;
}
.icon-demonstration pre {
    font-size: 12px;
    color: var(--red-themes);
    margin-bottom: 0;
}
.icon-demonstration code {
    white-space: initial;
    line-height: 2;
}

.info-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border-radius: 100%;
    color: var(--white-color);
    background-color: var(--border-grey-color);
    font-size: 10px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
}

.info-icon--yellow:hover {
    background-color: var(--yellow-themes);
}

.info-icon--blue:hover {
    background-color: var(--blue-themes);
}

.info-icon--lime:hover {
    background-color: var(--lime-themes);
}

.info-icon--bg-green {
    background-color: var(--green-themes);
}

.label-category {
    padding: 4px 9px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    color: var(--white-color);
    display: inline-block;
}

.label--yellow {
    background-color: var(--yellow-themes);
}

.label--green {
    background-color: var(--lime-themes);
}

.label--red {
    background-color: var(--red-themes);
}

.overlay-standard,
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overlay-stunning {
    background: rgba(18, 18, 20, 0.6);
}

.full-block-link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.full-block {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-45 {
    width: 45%;
}

.gutter-sizer {
    width: 40px;
}

.grid-sizer {
    width: 33.3333%;
}

.grid-sizer-half-width {
    width: 50%;
}

.grid-sizer-full-width {
    width: 100%;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.medium-padding40 {
    padding: 40px 0;
}

.c-placeholder {
    color: var(--placeholder-color);
}

.c-light-grey {
    color: var(--light-grey);
}

.bg-grey {
    background-color: var(--grey-themes);
}

.bg-dark-themes {
    background-color: var(--dark-themes);
}

.bg-green-themes {
    background-color: var(--green-themes);
}

.border--dark-themes {
    border-color: var(--dark-themes);
}

.bg-black {
    background-color: #161718;
}

.c-red {
    color: var(--red-themes);
}

.c-grey {
    color: var(--grey-themes);
}

.fw-medium {
    font-weight: 500;
}

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

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

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

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

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

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

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

.bg-accent-primary {
    background-color: var(--primary-accent-color);
}

.bg-red-themes {
    background-color: var(--red-themes);
}

.bg-yellow-themes {
    background-color: var(--yellow-themes);
}

.bg-orange-themes {
    background-color: var(--orange-themes);
}

.bg-blue-themes {
    background-color: var(--blue-themes);
}

.bg-lime-themes {
    background-color: var(--lime-themes);
}

.height-430 {
    height: 430px;
}

.mt-negative35 {
    margin-top: -35px;
}

.large-section-padding {
    padding: 120px 0;
}
@media (max-width: 768px) {
    .large-section-padding {
        padding: 40px 0;
    }
}

.medium-section-padding {
    padding: 60px 0;
}
@media (max-width: 768px) {
    .medium-section-padding {
        padding: 20px 0;
    }
}

.small-section-padding {
    padding: 40px 0;
}
@media (max-width: 768px) {
    .small-section-padding {
        padding: 15px 0;
    }
}

.pb100 {
    padding-bottom: 100px;
}
@media (max-width: 768px) {
    .pb100 {
        padding-bottom: 35px;
    }
}

.p120 {
    padding: 120px;
}
@media (max-width: 768px) {
    .p120 {
        padding: 60px;
    }
}

.pb200 {
    padding-bottom: 200px;
}
@media (max-width: 768px) {
    .pb200 {
        padding-bottom: 150px;
    }
}
@media (max-width: 560px) {
    .pb200 {
        padding-bottom: 80px;
    }
}

.pb60 {
    padding-bottom: 60px;
}
@media (max-width: 768px) {
    .pb60 {
        padding-bottom: 30px;
    }
}

.pb70 {
    padding-bottom: 70px;
}
@media (max-width: 768px) {
    .pb60 {
        padding-bottom: 20px;
    }
}

.pt200 {
    padding-top: 200px;
}
@media (max-width: 768px) {
    .pt200 {
        padding-top: 150px;
    }
}
@media (max-width: 560px) {
    .pt200 {
        padding-top: 80px;
    }
}

.pt80 {
    padding-top: 80px;
}
@media (max-width: 768px) {
    .pt80 {
        padding-top: 35px;
    }
}

.pt180 {
    padding-top: 180px;
}

.pt100 {
    padding-top: 100px;
}
@media (max-width: 768px) {
    .pt100 {
        padding-top: 35px;
    }
}

.pt400 {
    padding-top: 400px;
}
@media (max-width: 1024px) {
    .pt400 {
        padding-top: 200px;
    }
}
@media (max-width: 768px) {
    .pt400 {
        padding-top: 100px;
    }
}

.pb360 {
    padding-bottom: 360px;
}

.pb120 {
    padding-bottom: 120px;
}
@media (max-width: 768px) {
    .pb120 {
        padding-bottom: 35px;
    }
}

.pt120 {
    padding-top: 120px;
}
@media (max-width: 768px) {
    .pt120 {
        padding-top: 35px;
    }
}

.pb80 {
    padding-bottom: 80px;
}
@media (max-width: 768px) {
    .pb80 {
        padding-bottom: 35px;
    }
}

.pb30 {
    padding-bottom: 30px;
}

.mt60 {
    margin-top: 60px;
}
@media (max-width: 768px) {
    .mt60 {
        margin-top: 35px;
    }
}

.mb30 {
    margin-bottom: 30px;
}

.mt30 {
    margin-top: 30px;
}

.mb40 {
    margin-bottom: 40px;
}
@media (max-width: 768px) {
    .mb40 {
        margin-bottom: 15px;
    }
}

.mb20 {
    margin-bottom: 20px;
}

.mb60 {
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    .mb60 {
        margin-bottom: 35px;
    }
}

.c-primary {
    color: var(--primary-accent-color);
    fill: var(--primary-accent-color);
}

.c-yellow {
    color: var(--yellow-themes);
    fill: var(--yellow-themes);
}

.c-blue {
    color: var(--blue-themes);
    fill: var(--blue-themes);
}

.c-blue-dark {
    color: #0072bc;
    fill: #0072bc;
}

.c-grey-dark {
    color: #3e4247;
    fill: #3e4247;
}

.c-grey-light {
    color: var(--light-grey);
    fill: var(--light-grey);
}

.c-lime {
    color: var(--lime-themes);
    fill: var(--lime-themes);
}

.c-orange {
    color: var(--orange-themes);
    fill: var(--orange-themes);
}

.c-dark {
    color: var(--dark-themes);
    fill: var(--dark-themes);
}

.font-color-custom * {
    color: inherit;
}

.custom-color * {
    color: inherit;
}

.weight-bold {
    font-weight: 700;
}

.weight-normal {
    font-weight: 400;
}

.border-primary-themes {
    border-color: var(--primary-accent-color);
}

.border-red-themes {
    border-color: var(--red-themes);
}

.border-orange-themes {
    border-color: var(--orange-themes);
}

.border-yellow-themes {
    border-color: var(--yellow-themes);
}

.border-blue-themes {
    border-color: var(--blue-themes);
}

.border-lime-themes {
    border-color: var(--lime-themes) !important;
}

.crumina-promo-block {
    padding: 120px;
}

/*------------- #Socials BG-helper --------------*/
.bg-rss {
    background-color: #f4b459;
}

.bg-mail {
    background-color: #996dd1;
}

.bg-pinterest {
    background-color: #cc2127;
}

.bg-googleplus {
    background-color: #dd4b39;
}

.bg-google {
    background-color: #dd4b39;
}

.bg-facebook {
    background-color: #2f5b9d;
}

.bg-twitter {
    background-color: #38bff1;
}

.bg-amazon {
    background-color: #f69b06;
}

.bg-behance {
    background-color: #2d2d2d;
}

.bg-bing {
    background-color: #ffa616;
}

.bg-creative-market {
    background-color: #8da741;
}

.bg-deviantart {
    background-color: #1b1b1b;
}

.bg-dribble {
    background-color: #f74881;
}

.bg-dropbox {
    background-color: #0ba4e0;
}

.bg-envato {
    background-color: #6d9c3e;
}

.bg-flickr {
    background-color: #26a9e1;
}

.bg-instagram {
    background-color: #e75351;
}

.bg-kickstarter {
    background-color: #14e06e;
}

.bg-linkedin {
    background-color: #4a8f9e;
}

.bg-medium {
    background-color: #00e56b;
}

.bg-periscope {
    background-color: #3fa4c4;
}

.bg-quora {
    background-color: #f85f62;
}

.bg-reddit {
    background-color: #f05825;
}

.bg-shutterstock {
    background-color: #008ec0;
}

.bg-skype {
    background-color: #00aaf1;
}

.bg-snapchat {
    background-color: #ffed45;
}

.bg-soundcloud {
    background-color: #ff3300;
}

.bg-spotify {
    background-color: #1ed760;
}

.bg-trello {
    background-color: #0079bf;
}

.bg-tumblr {
    background-color: #36465d;
}

.bg-vimeo {
    background-color: #1ab7ea;
}

.bg-vk {
    background-color: #6383a8;
}

.bg-whatsapp {
    background-color: #25d366;
}

.bg-wikipedia {
    background-color: #000000;
}

.bg-wordpress {
    background-color: #21759b;
}

.bg-youtube {
    background-color: #cd201f;
}

.bg-messanger {
    background-color: #3b84f6;
}

.bg-telegram {
    background-color: #3d87c4;
}

.bg-email {
    background-color: #fd4e26;
}

/*------------- #Socials COLOR-helper --------------*/
.c-rss {
    color: #f4b459;
    fill: #f4b459;
}

.c-mail {
    color: #996dd1;
    fill: #996dd1;
}

.c-pinterest {
    color: #cc2127;
    fill: #cc2127;
}

.c-googleplus {
    color: #dd4b39;
    fill: #dd4b39;
}

.c-google {
    color: #dd4b39;
    fill: #dd4b39;
}

.c-facebook {
    color: #2f5b9d;
    fill: #2f5b9d;
}

.c-twitter {
    color: #38bff1;
    fill: #38bff1;
}

.c-amazon {
    color: #f69b06;
    fill: #f69b06;
}

.c-behance {
    color: #2d2d2d;
    fill: #2d2d2d;
}

.c-bing {
    color: #ffa616;
    fill: #ffa616;
}

.c-creative-market {
    color: #8da741;
    fill: #8da741;
}

.c-deviantart {
    color: #1b1b1b;
    fill: #1b1b1b;
}

.c-dribble {
    color: #f74881;
    fill: #f74881;
}

.c-dropbox {
    color: #0ba4e0;
    fill: #0ba4e0;
}

.c-envato {
    color: #6d9c3e;
    fill: #6d9c3e;
}

.c-flickr {
    color: #26a9e1;
    fill: #26a9e1;
}

.c-instagram {
    color: #e75351;
    fill: #e75351;
}

.c-kickstarter {
    color: #14e06e;
    fill: #14e06e;
}

.c-linkedin {
    color: #4a8f9e;
    fill: #4a8f9e;
}

.c-medium {
    color: #00e56b;
    fill: #00e56b;
}

.c-periscope {
    color: #3fa4c4;
    fill: #3fa4c4;
}

.c-quora {
    color: #f85f62;
    fill: #f85f62;
}

.c-reddit {
    color: #f05825;
    fill: #f05825;
}

.c-shutterstock {
    color: #008ec0;
    fill: #008ec0;
}

.c-skype {
    color: #00aaf1;
    fill: #00aaf1;
}

.c-snapchat {
    color: #ffed45;
    fill: #ffed45;
}

.c-soundcloud {
    color: #ff3300;
    fill: #ff3300;
}

.c-spotify {
    color: #1ed760;
    fill: #1ed760;
}

.c-trello {
    color: #0079bf;
    fill: #0079bf;
}

.c-tumblr {
    color: #36465d;
    fill: #36465d;
}

.c-vimeo {
    color: #1ab7ea;
    fill: #1ab7ea;
}

.c-vk {
    color: #6383a8;
    fill: #6383a8;
}

.c-whatsapp {
    color: #25d366;
    fill: #25d366;
}

.c-wikipedia {
    color: #000000;
    fill: #000000;
}

.c-wordpress {
    color: #21759b;
    fill: #21759b;
}

.c-youtube {
    color: #cd201f;
    fill: #cd201f;
}

.c-messanger {
    color: #3b84f6;
    fill: #3b84f6;
}

.c-telegram {
    color: #3d87c4;
    fill: #3d87c4;
}

.c-email {
    color: #fd4e26;
    fill: #fd4e26;
}

/*LazyLoad*/
.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

/* =WordPress Core
-------------------------------------------------------------- */
.align-center,
.aligncenter {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

img.aligncenter {
    display: block;
    margin: 20px auto;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 40px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #dfe6ec;
}
.wp-caption img {
    margin: 0 auto 20px;
    border-radius: 5px 5px 0 0;
    display: block;
}
.wp-caption .wp-caption-text {
    margin-bottom: 0;
    padding: 0 40px 20px;
}

.wp-caption-text {
    font-size: 14px;
    color: var(--light-grey);
    font-weight: 500;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*------------- Backgrounds --------------*/
/* .main-section-bg {
  background-image: url("../img/demo-content/backgrounds/main-section-bg.png"); } */

section {
    background-size: cover;
    background-repeat: no-repeat;
}

.stunning-header-bg2 {
    background-image: url("https://serverslot.com/img/demo-content/backgrounds/stunning-header-bg6.png");
}

/*------------- Responsive Mode --------------*/
@media (max-width: 1200px) {
    .crumina-promo-block {
        padding: 60px;
    }
}

@media (max-width: 768px) {
    .crumina-promo-block {
        padding: 30px;
    }
    .fs-12 {
        font-size: 10px;
    }
    .fs-14 {
        font-size: 12px;
    }
    .fs-16 {
        font-size: 14px;
    }
    .fs-18 {
        font-size: 16px;
    }
    .fs-20 {
        font-size: 16px;
    }
    .fs-24 {
        font-size: 18px;
    }
    .fs-30 {
        font-size: 20px;
    }
    .medium-padding40 {
        padding: 15px 0;
    }
}

/*
  ***************
  WHMCS Reset
*****************/
a:focus {
    outline: none;
    outline-offset: 0;
}
/* Header */
section#header .logo-text {
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    display: inline-block;
}

@media (max-width: 500px) {
    section#header .logo-text {
        display: none;
    }
}

section#header {
    background-color: #00C6FF;
    border-radius: 0;
}

/* Top Nav */
ul.top-nav {
    margin-top: 0;
}

ul.top-nav > li > a,
.navbar-main .navbar-nav > li > a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    opacity: 0.6;
    padding: 6px 15px;
}

@media (max-width: 767px) {
    ul.top-nav > li > a,
    .navbar-main .navbar-nav > li > a {
        padding: 6px 7px;
    }
}

ul.top-nav > li.primary-action {
    margin-left: 0px;
    padding-left: 15px;
    border-left: 0;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li > a:active,
.navbar-main .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:active,
ul.top-nav > li > a:hover {
    opacity: 1;
    color: #fff;
    background-color: transparent;
}

ul.top-nav > li.primary-action > a.btn {
    padding: 11px 26px;
    background-color: #272a2c;
    border-radius: 50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    opacity: 1;
    border-color: #272a2c;
}

ul.top-nav > li > a.btn-logged-in-admin {
    margin-left: 5px;
    font-size: 1.5em;
    padding: 5px 20px;
}

ul.top-nav > li:active > a,
ul.top-nav > li:focus > a,
ul.top-nav > li:hover > a,
ul.top-nav > li > a:focus {
    color: #fff;
}

/* Main Menu */
.navbar-main {
    background-color: #272a2c;
    font-family: var(--body-font-color);
}
.navbar-main .navbar-nav > li > a {
    padding: 15px;
}
@media (min-width: 992px) {
    .navbar-main .navbar-nav > li:first-child > a {
        padding-left: 0;
    }
}

.navbar-nav > li > .dropdown-menu {
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.1);
    width: 230px;
}

.dropdown-menu > li > a {
    font-size: 14px;
    color: #272a2c;
    line-height: 30px;
    font-weight: 500;
}

.navbar-main .navbar-nav .dropdown-menu > .active > a,
.navbar-main .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .active > a:hover,
.navbar-main .navbar-nav .dropdown-menu > .open > a,
.navbar-main .navbar-nav .dropdown-menu > .open > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .open > a:hover,
.navbar-main .navbar-nav .dropdown-menu > li > a:focus,
.navbar-main .navbar-nav .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #00C6FF;
}

.nav .nav-divider {
    background-color: #dfe6ec;
}

.navbar-main li.account {
    background-color: transparent;
}

/* Home Banner */
section#home-banner {
    padding: 180px 0 100px;
}

section#home-banner h2 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    max-width: 770px;
    margin: 0 auto;
    line-height: 54px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

section#home-banner .form-control::placeholder {
    color: #838890;
    font-weight: 500;
}

section#home-banner .form-control {
    border-radius: 50px 0 0 50px;
}

section#home-banner input {
    height: 55px;
    padding: 10px 30px;
}

section#home-banner input.btn {
    width: auto;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 43px;
}

section#home-banner .btn.search {
    background-color: #00C6FF;
}

section#home-banner .btn.transfer {
    border-radius: 0 50px 50px 0;
    background-color: #272a2c;
}

@media (max-width: 480px) {
    section#home-banner .input-group {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    section#home-banner .input-group-btn {
        width: 100%;
    }

    section#home-banner .form-control {
        border-radius: 50px;
    }

    section#home-banner .btn.search {
        border-radius: 50px 0 0 50px;
    }
}
/* Home ShortCuts */
.home-shortcuts {
    background-color: #ebf2f8;
}

.home-shortcuts .lead {
    font-size: 42px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.single-home-shortcut {
    background-color: #fff;
    padding: 57px 15px;
    border-radius: 5px;
    transition: 0.3s ease-in;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
    display: block;
}

.single-home-shortcut h3 {
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 0;
}
.single-home-shortcut:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.single-home-shortcut:hover h3 {
    color: #00C6FF;
}

/* Button */
.modal-close-btn-wrapper button.close {
    padding: 1rem 1rem;
}

/* B4 Helper Classes */
.text-white {
    color: #fff !important;
}

.w-100 {
    width: 100% !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

@media (min-width: 992px) {
    .mb-lg-0 {
        margin-bottom: 0 !important;
    }
}

/* announcement */
div.announcement-single a.title {
    color: var(--link-color);
}

div.announcement-single:hover a.title {
    color: var(--primary-accent-color);
}

div.announcement-single .label {
    background-color: var(--primary-accent-color);
    border-radius: 50px;
    padding: 3px 15px;
}

div.announcement-single:hover .label {
    background-color: var(--primary-accent-color--darken);
    color: #fff;
}

.announcement-single .h5 {
    margin: 25px 0 15px;
}

.announcement-single .announcement-content p {
    margin-bottom: 20px;
}

.announcement-single a:hover {
    color: var(--primary-accent-color);
}

/* Inputs */
.form-control {
    background-color: #ebf2f8;
    height: 55px;
    border-radius: 5px;
    padding: 0 20px;
    box-shadow: none;
    outline: none;
    border: 2px solid transparent;
    transition: 0.3s ease-in;
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 500;
}

.form-control:focus {
    background-color: var(--white-color);
    border-color: var(--border-grey-color);
    outline: none;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

textarea.form-control {
    padding-top: 15px;
}

.form-group {
    margin-bottom: 30px;
}

.form-group label {
    margin-bottom: 20px;
    line-height: 1;
}

.checkbox,
.radio {
    margin-bottom: 20px;
}

/* Lined Header */
div.header-lined h1 {
    font-size: 48px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 54px;
    padding-bottom: 20px;
    text-transform: uppercase;
    border-color: #dfe6ec;
    padding-top: 0;
}

div.header-lined h1 small {
    font-size: 24px;
    color: inherit;
    font-weight: 700;
    text-transform: none;
}

div.header-lined .breadcrumb {
    padding: 0;
    margin: 15px 0 30px;
}

/* Forms */
.logincontainer.with-social {
    max-width: 780px;
}
.login-form .checkbox label {
    display: flex;
    padding-left: 0;
    align-items: baseline;
}

.login-form > div:last-child {
    text-align: left;
}
.login-form > div:last-child > *:not(:last-child) {
    margin-right: 30px;
}

.logincontainer.with-social .login-form {
    border-color: #dfe6ec;
}

/* Checkbox */
.main-content .checkbox input[type="checkbox"],
.main-content .checkbox-inline input[type="checkbox"],
.main-content .radio input[type="radio"],
.main-content .radio-inline input[type="radio"] {
    position: static;
    margin: 0;
    width: auto;
    margin-right: 10px;
    line-height: 22px;
    opacity: 1;
    height: auto;
    z-index: auto;
}

/* Buttons */
.btn {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn:not(.btn-social) {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    padding: 17.5px 30px;
    position: relative;
    text-align: center;
    line-height: 1;
    font-weight: 700;
    color: var(--white-color);
    outline: none;
    border: 3px solid;
    width: auto;
    font-size: 14px;
    text-transform: uppercase;
    max-height: initial;
}

.btn.btn-block {
    width: 100%;
    display: block;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn.btn-primary {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    color: var(--white-color);
}

.btn.btn-success {
    background-color: #8ad524;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
    color: var(--white-color);
}

.btn.btn-default {
    background-color: var(--grey-themes);
    border-color: var(--grey-themes);
    color: var(--dark-themes);
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
    background-color: var(--grey-themes--darken);
    border-color: var(--grey-themes--darken);
    color: var(--dark-themes);
}

.btn.btn-sm {
    padding: 10px 24px;
}

.btn.btn-default.copy-to-clipboard {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    opacity: 0.6;
}

.btn.btn-default.copy-to-clipboard:hover {
    opacity: 1;
}

.providerPreLinking .social-signin-btns .btn {
    margin-bottom: 30px;
}

.btn-social {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.btn-facebook {
    background-color: #26467f;
    border-color: #26467f;
}

.btn-twitter {
    background-color: #00c8e6;
    border-color: #00c8e6;
}

/* social btn */
.btn-social {
    border-radius: 20px;
    padding: 9px 20px;
    text-align: center;
}
.btn-social.btn-google {
    border: 2px solid var(--dark-themes);
}

.social-signin-btns .btn:not(:last-child) {
    margin-bottom: 30px;
}

/* Panel */
.panel-sidebar > .panel-heading {
    background-color: #ebf2f8;
}

.list-group-item {
    border-color: #dfe6ec;
}

.panel-sidebar {
    border-color: #dfe6ec;
}

.panel-sidebar .list-group-item {
    padding: 12.5px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #43484e;
}

.panel-sidebar .panel-title {
    color: var(--heading-color);
    font-family: var(--heading-color);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

.panel-sidebar .panel-minimise {
    color: #8d9cab;
}

.panel-sidebar a.list-group-item:focus,
.panel-sidebar a.list-group-item:hover,
.panel-sidebar button.list-group-item:focus,
.panel-sidebar button.list-group-item:hover,
.panel-sidebar a.list-group-item.active,
.panel-sidebar a.list-group-item.active:focus,
.panel-sidebar a.list-group-item.active:hover {
    background-color: var(--primary-accent-color);
    color: var(--white-color);
    border-color: var(--primary-accent-color);
}

.panel-sidebar a.list-group-item:focus .badge,
.panel-sidebar a.list-group-item:hover .badge,
.panel-sidebar button.list-group-item:focus .badge,
.panel-sidebar button.list-group-item:hover .badge,
.panel-sidebar a.list-group-item.active .badge,
.panel-sidebar a.list-group-item.active:focus .badge,
.panel-sidebar a.list-group-item.active:hover .badge {
    color: var(--white-color);
}

.panel-sidebar a.list-group-item:focus i,
.panel-sidebar a.list-group-item:hover i,
.panel-sidebar button.list-group-item:focus i,
.panel-sidebar button.list-group-item:hover i,
.panel-sidebar a.list-group-item.active i,
.panel-sidebar a.list-group-item.active:focus i,
.panel-sidebar a.list-group-item.active:hover i,
.panel-sidebar a.list-group-item:hover i.far,
.panel-sidebar a.list-group-item:hover i.fas {
    color: inherit !important;
}

a.list-group-item,
button.list-group-item {
    color: var(--link-color);
    font-weight: 500;
}

.panel-sidebar > .panel-footer .btn {
    background-color: var(--primary-accent-color);
    color: #fff;
    width: 100%;
    border-color: var(--primary-accent-color);
    padding: 6px;
    font-size: 12px;
}

.panel-sidebar > .panel-footer .btn:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}

.panel-sidebar > .panel-footer .btn.btn-danger {
    background-color: var(--red-themes);
    border-color: var(--red-themes);
}

.panel-sidebar > .panel-footer .btn.btn-danger:hover {
    background-color: var(--red-themes--darken);
    border-color: var(--red-themes--darken);
}

.panel-sidebar > .panel-footer {
    background-color: #f1f6fb;
    padding: 20px 15px;
}

.panel-sidebar > .panel-footer .input-group input {
    height: 31px;
    background-color: #fff;
    font-size: 14px;
}

/* Sidebar */
@media (max-width: 991px) {
    .sidebar.sidebar-secondary {
        margin-top: 50px;
    }
}

.sidebar.sidebar-secondary > .panel:last-child {
    margin-bottom: 0;
}

/* Breadcrumb */
div.header-lined .breadcrumb li:before {
    display: none;
}

div.header-lined .breadcrumb li {
    padding-left: 0;
    color: #8d9cab;
}

div.header-lined .breadcrumb li:not(:last-child):after {
    content: "»";
    display: inline-block;
    margin: 0 10px;
    color: #8d9cab;
}

div.header-lined .breadcrumb li a {
    color: var(--link-color);
    font-weight: 500;
}

div.header-lined .breadcrumb li a:hover {
    color: var(--primary-accent-color);
}

/* Main Content */
section#main-body {
    padding: 60px 0 100px;
}
.main-content > *:not(:last-child) {
    margin-bottom: 30px;
}

.main-content,
.main-content > *:last-child {
    margin-bottom: 0;
}

.main-content > p > .btn.btn-default {
    border-color: var(--body-font-color);
    padding: 10px 24px;
}

.main-content a:not(.btn):not(.list-group-item):not(.label):not(.title) {
    color: var(--primary-accent-color);
    text-decoration: none;
}

.main-content .alert-success:not(.affiliate-stat) {
    background-color: #e5fbc7;
    border: none;
    font-size: 16px;
    color: #89d423;
}

.main-content .alert.alert-success a.alert-link {
    color: #43484e !important;
}

.main-content .form-group .controls label {
    padding-left: 0;
}

.main-content .alert-info:not(.affiliate-stat) {
    background-color: var(--heading-color);
    color: #fff;
    padding: 30px;
}

.main-content .alert .control-label {
    color: #fff;
    padding-top: 16px;
    text-align: left;
}

.main-content .btn.btn-check-all {
    background-color: var(--primary-accent-color);
}

.main-content .panel.panel-default .panel-heading {
    background-color: #272a2c;
    color: #fff;
    padding: 25px;
}

.main-content .client-home-panels .panel.panel-default .panel-heading {
    background-color: transparent;
    color: var(--heading-color);
    border-radius: 0;
}

/* Info Panel */
.panel-info {
    border-color: var(--primary-accent-color);
}

.panel-info > .panel-heading {
    background-color: var(--primary-accent-color);
    color: #fff;
    padding: 10px 15px;
}

/* Registration */
#registration .field,
#registration .form-control {
    height: 55px;
    background-color: #ebf2f8;
    border: 2px solid #ebf2f8;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

#registration .prepend-icon .field-icon {
    height: 55px;
    line-height: 55px;
    width: 46px;
}

#registration .prepend-icon .field {
    padding-left: 46px;
}

#registration .field:focus,
#registration .form-control:focus {
    background-color: transparent;
    box-shadow: none;
    border-color: #ebf2f8;
}

#registration .sub-heading span {
    font-size: 24px;
    font-weight: bold;
    top: -16.5px;
    color: var(--heading-color);
}

#registration .sub-heading {
    margin-bottom: 50px;
}

#registration .form-group {
    margin-bottom: 30px;
}

button.btn.generate-password {
    border-color: var(--dark-themes);
    padding: 10px 30px;
    max-width: 270px;
    width: 100%;
    white-space: normal;
}

#registration .btn.btn-large.btn-primary {
    padding: 17.5px 30px;
    width: 270px;
}

#registration .providerPreLinking .social-signin-btns {
    display: flex;
    align-items: center;
    justify-content: center;
}
#registration .providerPreLinking .social-signin-btns .btn:not(:last-child) {
    margin-right: 30px;
}

.marketing-email-optin {
    margin: 28px 0 8px;
    background-color: #fafcfd;
    padding: 30px;
}

.marketing-email-optin h4 {
    font-size: 24px;
    margin: 0 0 20px;
}

.marketing-email-optin p {
    font-size: 16px;
    margin-bottom: 30px;
}

.bootstrap-switch {
    border-color: #dfe6ec;
    border-radius: 550px;
}

.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
    text-transform: uppercase;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    background-color: #8ad524;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    background-color: #d3d9df;
}

/* Progress Bar */
.progress {
    box-shadow: none;
    height: 14px;
    border-radius: 5px;
}

.progress-bar {
    box-shadow: none;
}

/* Modal */
@media (min-width: 992px) {
    .modal-dialog {
        width: 770px;
    }
}

.modal-footer .btn.btn-default {
    background-color: var(--dark-themes);
    border-color: var(--dark-themes);
    color: var(--white-color);
}

.modal-footer .btn.btn-default:hover {
    background-color: var(--dark-themes--darken);
    border-color: var(--dark-themes--darken);
    color: var(--white-color);
}

.modal-content.panel-primary > .panel-heading {
    color: #fff;
    background-color: var(--dark-themes);
    padding: 22px 30px;
    border-radius: 5px 5px 0 0;
}

.modal-content.panel-primary > .panel-heading .modal-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
}

.modal-content.panel-primary .modal-header .close {
    color: #fff;
}

.modal-content.panel-primary .modal-body,
.modal-footer {
    padding: 30px;
}

.modal-content.panel-primary .modal-footer {
    padding-top: 0;
    border-top: 0;
}

/* Tile */

.tiles .tile,
.tiles .tile:hover {
    background-color: #f1f6fb;
}

.tiles .tile {
    border-right: 1px solid #dfe6ec;
    padding: 30px;
}

.tile .stat {
    font-size: 48px;
    font-weight: 700;
    margin-top: 0;
    color: var(--link-color);
}

.tile .title {
    text-transform: uppercase;
    color: var(--heading-color);
    font-size: 16px;
    margin: 8px 0;
}

.tile .icon {
    color: #cad7e3;
    right: 30px;
    top: 30px;
}

.tiles .tile .highlight {
    height: 4px;
    border-radius: 0;
}

/* Colors */
.bg-color-blue {
    background-color: #00c6ff !important;
}
.bg-color-green {
    background-color: #8ad524 !important;
}

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

.bg-color-gold {
    background-color: #ffd200 !important;
}

.progress-bar-success {
    background-color: #8ad524 !important;
}

.progress-bar-warning {
    background-color: #ffd200 !important;
}

.progress-bar-danger {
    background-color: #ff0173 !important;
}

.bg-color-teal {
    background-color: #8ad524 !important;
}

.bg-color-asbestos {
    background-color: #8d9cab !important;
}

.panel.panel-default {
    border-color: #dfe6ec;
}

.panel.panel-accent-red {
    border-top-color: #ff0173;
}

.panel.panel-accent-blue {
    border-top-color: #00c6ff;
}
.panel.panel-accent-gold {
    border-top-color: #ffd200;
}

.panel.panel-accent-teal {
    border-top-color: #8ad524;
}

.panel.panel-accent-emerald {
    border-top-color: #2ecc71;
}

.panel.panel-accent-asbestos {
    border-top-color: #8d9cab;
}

/* Home KB search */
.home-kb-search .form-control {
    background-color: #ebf2f8;
    border: 2px solid #ebf2f8;
}

.home-kb-search .form-control:focus {
    background-color: transparent;
}

.home-kb-search .form-control::placeholder {
    color: #838890;
    opacity: 1;
    font-weight: 500;
}

.home-kb-search i {
    margin-top: -34px;
}

/* Home panels */
.client-home-panels .panel > .panel-heading .panel-title .btn {
    padding: 9px 18px;
    font-size: 12px;
}

.client-home-panels .panel > .panel-body {
    font-size: 16px;
    padding: 0 30px 30px;
}

.client-home-panels .panel > .panel-body a {
    color: var(--primary-accent-color);
}

.client-home-panels .panel > .panel-body input {
    border-color: transparent;
    height: 40px;
    padding: 0 10px;
}

.client-home-panels .panel > .panel-body input.form-control:focus {
    box-shadow: none;
    background-color: transparent;
}

.client-home-panels .panel > .panel-body input.form-control {
    border-color: #ebf2f8;
    background-color: #ebf2f8;
}

.client-home-panels .panel > .panel-heading {
    padding: 30px;
}

.client-home-panels .panel > .panel-heading h3.panel-title {
    font-size: 18px;
    line-height: 24px;
}

.client-home-panels .panel > .panel-body p {
    padding: 0;
}

.client-home-panels .panel > .panel-footer {
    background-color: transparent;
    padding: 0;
}

.client-home-panels .panel > .panel-body p:last-child {
    margin-bottom: 0;
}

.panel.panel-default.panel-accent-teal {
    border-top-color: #8ad524;
}

a.btn.btn-default.bg-color-teal.btn-xs {
    background-color: #8ad524 !important;
}

.panel.panel-default.panel-accent-emerald {
    border-top-color: #2ecc71;
}

.panel.panel-accent-asbestos {
    border-top-color: #8d9cab;
}

a.btn.btn-default.bg-color-asbestos.btn-xs {
    background-color: #8d9cab;
}

.client-home-panels .panel > .list-group > a {
    color: #43484e;
    font-size: 16px;
    font-weight: 500;
}

.client-home-panels .panel > .list-group > a > .text-last-updated {
    font-size: 14px;
    color: #8d9cab;
}

.client-home-panels .panel > .list-group .list-group-item {
    padding: 25px;
    margin: 0;
    border-radius: 0;
}

.client-home-panels .panel > .list-group {
    max-height: initial;
    border-bottom: 0;
}

.client-home-panels .panel > .list-group .list-group-item:hover {
    background-color: #dfe6ec;
}

.client-home-panels .panel > .list-group .list-group-item:hover {
    color: var(--primary-accent-color);
}

.client-home-panels .panel > .list-group .list-group-item:not(:last-child) {
    border-bottom: #dfe6ec;
}

.client-home-panels .panel > .panel-body input.btn:not(.btn-success) {
    background-color: #272a2c;
}

/* Panel */
.panel {
    border-radius: 5px;
    box-shadow: none;
}

.panel.panel-default:not(.panel-sidebar) .panel-heading {
    background-color: #272a2c;
    color: #fff;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.panel-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Domain Checker */
.domain-checker-bg {
    background-image: url(../../img/theme/domain-pattern.png);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 60px;
}

.domain-checker-container .input-group-box {
    padding: 0;
    border: 0;
    border-radius: 50px;
}

.kb-search,
.domain-checker-container .input-group-box {
    background-color: #ebf2f8;
    border-radius: 50px;
}

.kb-search > .form-control,
#order-standard_cart .input-group.input-group-lg > .form-control {
    height: 55px !important;
    padding: 10px 30px;
    border-radius: 50px 50px 50px 50px !important;
    border: none !important;
    font-size: 16px !important;
}

.kb-search > .form-control:focus,
#order-standard_cart .input-group.input-group-lg > .form-control:focus {
    box-shadow: none;
    background-color: transparent;
}

.kb-search .input-group-btn .btn,
#order-standard_cart .input-group.input-group-lg .btn {
    height: 55px;
    border-radius: 50px;
    background-color: #00a651;
    border-color: #00a651;
    padding: 10px 40px;
}

/* Tld Filters */
.tld-filters a {
    border-radius: 50px;
    background-color: #f1f6fb;
    font-size: 12px;
    color: #272a2c;
    font-weight: 700;
    text-transform: uppercase;
    padding: 9px 20px;
}

.tld-filters a:hover {
    color: #fff;
    background-color: var(--primary-accent-color) !important;
}

/* Tld Features */
.featured-tld {
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: none;
    transition: 0.3s ease-in;
}

.featured-tld:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.featured-tld .img-container {
    background-color: #ebf2f8;
    border-radius: 5px 5px 0 0;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-tld .price {
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    font-weight: 700;
    padding: 11px;
}

.featured-tld .price.com {
    background-color: #00c6ff;
}

.featured-tld .price.net {
    background-color: #ffd200;
}

/* Domain Pricing Table */
.domain-pricing > h4 {
    font-size: 24px;
}

.domain-pricing .tld-pricing-header {
    border: 1px solid #dfe6ec;
    border-radius: 5px 5px 0 0;
}

.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #00a651;
    background-color: transparent;
}

.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-xs-4 {
    border-bottom: 4px solid #89d423;
    background-color: transparent;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #272a2c;
}

.domain-pricing .tld-row {
    border: 1px solid #dfe6ec;
    border-top: 0;
    padding-top: 6px;
    padding-bottom: 2px;
}

.domain-pricing .tld-row.highlighted {
    background: #fafcfd;
}

.domain-pricing .tld-row {
    color: #272a2c;
    font-weight: 700;
}

.domain-pricing .tld-row small {
    color: #8d9cab;
    font-size: 14px;
    font-weight: 500;
}

.domain-pricing .tld-row:last-child {
    border-radius: 0 0 3px 3px;
}

.domain-pricing > .row:last-child {
    border-radius: 0 0 3px 3px;
}

.tld-sale-group {
    font-size: 11px;
    font-weight: 700;
    color: var(--heading-color);
    padding: 3px 10px;
    border-radius: 5px;
}

.tld-sale-group.tld-sale-group-hot {
    background-color: #ff0173;
}

.tld-sale-group.tld-sale-group-sale {
    background-color: #ffd200;
}

.tld-sale-group.tld-sale-group-new {
    background-color: #8ad524;
}

.domain-pricing .tld-row strong + span {
    margin-left: 7px;
}

/* Domain Promo Box */
.main-content .domain-promo-box {
    padding: 30px;
    background-color: #f1f6fb;
    border: 1px solid #dfe6ec;
    border-radius: 5px;
}

.main-content .domain-promo-box h3 {
    font-size: 18px;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}

.main-content .domain-promo-box i {
    color: #cad7e3;
}

.main-content .domain-promo-box p.text-warning,
.main-content .domain-promo-box p.text-primary {
    font-size: 12px;
    font-weight: 400;
}
.main-content .domain-promo-box p.text-warning {
    color: #00a651;
}

.main-content .domain-promo-box p.text-primary {
    color: var(--primary-accent-color);
}

.main-content .domain-promo-box > p {
    color: #43484e;
    margin-bottom: 20px;
}

.main-content .domain-promo-box .btn.btn-warning {
    background-color: var(--green-themes);
    border-color: var(--green-themes);
}

.main-content .domain-promo-box .btn {
    padding: 15px 30px;
}

/* spotlight tld */
.spotlight-tlds {
    padding: 30px !important;
    background-color: #ebf2f8 !important;
    border-radius: 5px !important;
    margin: 40px 0 !important;
}

.spotlight-tld-container .spotlight-tld {
    border: none;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 0;
    height: 142px;
}

.spotlight-tld-container .spotlight-tld .spotlight-tlds {
    background-color: #ebf2f8;
    padding: 30px;
    margin: 30px 0;
}

.spotlight-tld-container .spotlight-tld .spotlight-tld-hot,
.spotlight-tld-container .spotlight-tld .spotlight-tld-sale,
.spotlight-tld-container .spotlight-tld .spotlight-tld-new {
    transform: none;
    top: 0;
    right: 0;
    width: 45px;
    height: 20px;
    border-radius: 5px;
    color: var(--heading-color);
    font-size: 11px;
    font-weight: bold;
}

.spotlight-tld-container .spotlight-tld .spotlight-tld-hot {
    background-color: #ff0173;
}
.spotlight-tld-container .spotlight-tld .spotlight-tld-sale {
    background-color: #ffd200;
}
.spotlight-tld-container .spotlight-tld .spotlight-tld-new {
    background-color: #89d423;
}

.spotlight-tld-container .spotlight-tld .btn:not(.domain-contact-support) {
    background-color: #89d423;
    border-color: #89d423;
    border-radius: 50px;
}

.spotlight-tld-container
    .spotlight-tld
    .btn:not(.domain-contact-support):hover {
    background-color: var(--lime-themes--darken);
    border-color: var(--lime-themes--darken);
}

.spotlight-tld-container .spotlight-tld .btn.checkout {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
}

.spotlight-tld-container .spotlight-tld .btn.checkout:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}

.spotlight-tld-container .spotlight-tld .invalid,
.spotlight-tld-container .spotlight-tld .unavailable {
    margin-top: 30px;
    border-color: #8d9cab !important;
    background-color: #8d9cab !important;
}

/* Suggessted Domain */
.suggested-domains .domain-lookup-result {
    border: 1px solid #dfe6ec;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.suggested-domains .panel-heading {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading-color);
    padding: 20px 30px;
    border: 1px solid #dfe6ec;
    border-radius: 5px 5px 0 0;
    border-bottom: 2px solid #89d423;
}

.suggested-domains .list-group-item {
    padding: 19px 30px;
    font-weight: 700;
}

.suggested-domains .list-group-item .domain {
    color: #8d9cab;
}

.suggested-domains .domain-suggestion .price {
    font-size: 16px;
}

.suggested-domains .domain-suggestion .btn:not(.domain-contact-support) {
    border-color: #89d423;
    background-color: #89d423;
    border-radius: 50px;
    transition: 0.3s ease-in;
}

.suggested-domains .btn:not(.domain-contact-support):hover,
.suggested-domains .btn:not(.domain-contact-support).checkout {
    border-color: var(--primary-accent-color);
    background-color: var(--primary-accent-color);
}

.suggested-domains .btn:not(.domain-contact-support).checkout:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}

.suggested-domains .panel-footer.more-suggestions a#moreSuggestions {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    background-color: var(--dark-themes);
    display: block;
    padding: 7px 30px;
    border-radius: 50px;
}

.panel-footer.more-suggestions {
    padding: 0;
    background-color: transparent;
}

.suggested-domains .panel-footer.more-suggestions a#moreSuggestions:hover {
    background-color: var(--primary-accent-color);
}

.suggested-domains .domain-suggestions-warning {
    font-size: 12px;
    font-weight: 400;
    color: #838890;
}

/* Domain Checker unavailable */
#order-standard_cart .domain-checker-invalid,
#order-standard_cart .domain-checker-unavailable {
    color: var(--red-themes);
    font-size: 24px;
    font-weight: 700;
}

#order-standard_cart .domain-checker-invalid strong,
#order-standard_cart .domain-checker-unavailable strong {
    color: var(--primary-accent-color);
}

#order-standard_cart .domain-checker-result-headline {
    margin: 40px 30px;
}

/* Domain Checker available */
#order-standard_cart .domain-checker-available {
    color: var(--lime-themes) !important;
    font-size: 24px !important;
    font-weight: 700;
    margin-bottom: 20px;
}

#order-standard_cart .domain-checker-available strong {
    color: var(--primary-accent-color);
}

#order-standard_cart .domain-price {
    margin: 10px 0 0;
}

#order-standard_cart .domain-price .price {
    font-size: 16px;
    font-weight: 700;
}

#order-standard_cart .domain-price .btn.btn-primary {
    background-color: var(--lime-themes);
    border-color: var(--lime-themes);
    margin-left: 30px;
}

#order-standard_cart .domain-price .btn.btn-primary:hover {
    background-color: var(--lime-themes--darken);
    border-color: var(--lime-themes--darken);
}

.alert.alert-info .btn.btn-default,
#order-standard_cart .domain-price .btn.btn-primary.checkout {
    background-color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
    color: #fff;
}

.alert.alert-info .btn.btn-default:hover,
#order-standard_cart .domain-price .btn.btn-primary.checkout:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}

#order-standard_cart .products .product header {
    background-color: var(--dark-themes) !important;
    padding: 17.5px 30px !important;
    margin: 0 !important;
}

#order-standard_cart .products .product {
    border-radius: 5px !important;
    overflow: hidden;
    border: 1px solid #dfe6ec !important;
    padding: 0 !important;
    transition: 0.3s ease-in;
}

#order-standard_cart .products .product header span {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 18px !important;
    font-weight: 700;
}

#order-standard_cart .products .product div.product-desc ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#order-standard_cart .products .product div.product-desc {
    padding: 30px !important;
    padding-bottom: 330px !important;
    margin-bottom: calc(-330px + 30px);
    width: 55% !important;
}

#order-standard_cart .products .product div.product-desc ul li:last-child {
    margin-bottom: 0;
}

#order-standard_cart .products .product div.product-desc ul li {
    font-size: 16px;
}

#order-standard_cart .products .product span.feature-value {
    margin-right: 5px;
}

#order-standard_cart .products .product footer {
    background-color: #fafcfd;
    margin: 0 !important;
    padding: 30px 0;
    padding-bottom: 330px;
    margin-bottom: calc(-330px + 30px) !important;
    width: 45% !important;
    padding-top: 100px;
}

#order-standard_cart .products .product footer .btn {
    padding: 9px 15px;
    border: none;
    font-size: 12px;
}

#order-standard_cart .products .product .btn.btn-success:hover,
#order-standard_cart .products .product .btn.btn-success:active,
#order-standard_cart .products .product .btn.btn-success:focus {
    background-color: var(--primary-accent-color);
}

#order-standard_cart .products .product:hover {
    border-color: var(--primary-accent-color) !important;
}

#order-standard_cart .products .product:hover .btn {
    background-color: var(--primary-accent-color);
}

#order-standard_cart .products .product div.product-pricing span.price {
    font-weight: 700;
    font-size: 16px;
    color: var(--heading-color);
}

#order-standard_cart .products .product div.product-pricing {
    color: #8d9cab;
    font-size: 14px;
    font-weight: 500;
}

#order-standard_cart .sub-heading {
    border-top: 1px solid #dfe6ec !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/* Product Info */
#order-standard_cart .cc-input-container,
#order-standard_cart .product-info {
    border: 1px solid #dfe6ec !important;
    border-radius: 5px !important;
    background-color: #ebf2f8 !important;
    padding: 30px !important;
}

#order-standard_cart .product-info .product-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--heading-color);
}

#order-standard_cart .field-container .form-control {
    border-radius: 5px !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    font-size: 24px !important;
    font-weight: 700;
    color: var(--heading-color) !important;
    top: -19px !important;
}

#order-standard_cart .addon-promo-container {
    border: 1px solid #dfe6ec !important;
    border-radius: 5px;
    padding: 30px !important;
    margin: 30px 0 !important;
}

/* Domain Selection */
#order-standard_cart .domain-selection-options .option:not(:last-child) {
    margin-bottom: 20px;
}

#order-standard_cart .domain-selection-options .option {
    border: 1px solid #dfe6ec;
    border-radius: 5px !important;
    background-color: #fafcfd !important;
    padding: 25px 30px !important;
}

#order-standard_cart .domain-selection-options .option label {
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 0;
}

#order-standard_cart .domain-selection-options .option-selected {
    background-color: #fff !important;
    border-color: var(--primary-accent-color) !important;
    border-width: 2px;
}

#order-standard_cart .field,
#order-standard_cart .form-control {
    height: 55px !important;
    background-color: #ebf2f8 !important;
    border: none !important;
    border-radius: 0 5px 5px 0 !important;
    font-size: 16px !important;
}

#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-addon {
    border: none;
    background-color: #e0e8ee;
    font-size: 16px;
    font-weight: 500;
}

#order-standard_cart .transfer-eligible {
    background-color: #e5fbc7 !important;
}

#order-standard_cart .addon-products .panel-addon {
    border: 1px solid #dfe6ec;
}

#order-standard_cart .addon-products .panel-addon .panel-body label {
    font-size: 18px;
    text-transform: uppercase;
}

#order-standard_cart .addon-products .panel-addon .panel-price {
    background-color: #ebf2f8;
    padding: 16.5px 15px;
    color: #8d9cab;
}

#order-standard_cart .addon-products .panel-addon .panel-add {
    background-color: #89d423;
    padding: 16.5px 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

#order-standard_cart .addon-products .panel-addon-selected {
    border-color: var(--primary-accent-color);
    border-width: 2px;
}

#order-standard_cart
    .addon-products
    .panel-addon.panel-addon-selected
    .panel-add {
    color: #ff0173;
    background-color: #ffd9ea;
}

#order-standard_cart
    .addon-products
    .panel-addon.panel-addon-selected
    .panel-price {
    background-color: var(--primary-accent-color);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

#order-standard_cart label {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--heading-color) !important;
}

#order-standard_cart .view-cart-items-header,
#order-standard_cart .order-summary h2 {
    background-color: var(--heading-color) !important;
    border-radius: 5px 5px 0 0;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase;
    padding: 19px 10px !important;
}

#order-standard_cart .summary-container {
    background-color: #fafcfd !important;
    padding: 30px !important;
}

#order-standard_cart .order-summary .subtotal {
    font-size: 16px !important;
    font-weight: 500;
    padding-bottom: 10px !important;
}

#order-standard_cart .order-summary .recurring-totals {
    font-size: 12px;
    color: #8d9cab;
    margin-top: 10px !important;
}

#order-standard_cart .order-summary .total-due-today .amt {
    font-size: 30px;
    font-weight: bold;
    color: var(--heading-color);
}

#order-standard_cart .order-summary .total-due-today span {
    color: #8d9cab;
}

#order-standard_cart .order-summary .btn-continue-shopping {
    padding: 0;
    border: none;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
}

#order-standard_cart .order-summary {
    border-bottom: 3px solid #666;
}

#order-standard_cart .view-cart-items-header {
    font-size: 16px !important;
    padding: 20px 30px !important;
}

#order-standard_cart .view-cart-items {
    border: 1px solid #dfe6ec;
    border-bottom: 4px solid var(--heading-color) !important;
    border-radius: 0 0 5px 5px;
}

#order-standard_cart .view-cart-tabs .tab-content {
    background-color: #fff !important;
    border: 1px solid #dfe6ec;
    border-top: 0;
    padding: 30px !important;
    border-radius: 5px;
}

#order-standard_cart .view-cart-tabs .promo .form-group {
    margin-bottom: 30px !important;
}

#order-standard_cart .prepend-icon .field-icon {
    height: 55px !important;
    line-height: 55px !important;
}

#order-standard_cart .view-cart-tabs .tab-content .btn.btn-block {
    background-color: var(--yellow-themes);
}

#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a {
    background-color: #fff !important;
}

#order-standard_cart .view-cart-tabs .nav-tabs > li > a {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading-color);
}

#order-standard_cart .view-cart-items .item-title {
    font-size: 18px;
    font-weight: 700;
}

#order-standard_cart .view-cart-items .item-group {
    font-size: 16px;
    color: #43484e;
    margin-top: 5px;
}

#order-standard_cart .view-cart-items .item-domain {
    color: var(--primary-accent-color);
    margin: 5px 0;
}

#order-standard_cart .view-cart-items .item-title .btn {
    font-size: 14px;
    padding: 0;
    border: 0;
    color: var(--heading-color);
    text-transform: capitalize;
    margin-left: 20px;
}

#order-standard_cart .view-cart-items .item-price span {
    font-size: 16px;
    font-weight: 700;
}

#order-standard_cart .view-cart-items .item-price .cycle {
    font-size: 12px;
    color: #8d9cab;
    font-weight: 400;
}

#order-standard_cart .btn-remove-from-cart {
    padding: 0;
    border: none;
}

#order-standard_cart .view-cart-items .item {
    padding: 30px !important;
}

#order-standard_cart .view-cart-items .item:not(:last-child) {
    border-bottom: 1px solid #dfe6ec;
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
    background-color: #fafcfd !important;
}

#order-standard_cart .empty-cart .btn {
    background-color: var(--dark-themes) !important;
    padding: 8px 13px !important;
}

/*
***************** 
Support Ticket
******************/
div.dataTables_wrapper div.dataTables_info {
    background-color: var(--dark-themes);
    padding: 28.5px 30px !important;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
}

.dataTables_wrapper .dataTables_filter label {
    padding: 20px;
}

.dataTables_wrapper .dataTables_filter label .form-control {
    width: 340px;
    border-radius: 50px;
    height: 40px;
}

.table.table-striped th,
.dataTables_wrapper table.dataTable thead th {
    font-weight: 700;
    color: var(--heading-color);
    text-transform: capitalize;
    font-size: 16px;
    padding: 17px 10px;
    border: 1px solid #dfe6ec;
    border-bottom: 4px solid #89d423;
}

.dataTables_wrapper table.dataTable thead th:nth-child(even) {
    border-bottom: 4px solid #00a651;
}

table.dataTable thead .sorting:after {
    color: var(--light-grey);
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after {
    top: 50% !important;
    transform: translateY(-50%);
}

.dataTables_wrapper table.dataTable {
    border-collapse: collapse !important;
}

.dataTables_wrapper table.dataTable thead th.sorting_asc,
.dataTables_wrapper table.dataTable thead th.sorting_desc {
    background-color: #fff;
}

.dataTables_wrapper table.dataTable thead th:first-child {
    background-color: #ebf2f8;
}

.dataTables_wrapper table.dataTable tbody td {
    border: 1px solid #dfe6ec;
    font-size: 16px;
    padding: 5px 15px;
    vertical-align: middle;
}

.dataTables_wrapper table.dataTable tbody td a {
    padding: 0;
    border: 0;
}

.dataTables_wrapper table.dataTable .status {
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    margin: 0 auto;
    text-transform: uppercase;
    width: max-content;
}

.dataTables_wrapper table.dataTable .status-answered,
.dataTables_wrapper table.dataTable .status-fraud {
    color: #ff8a0b;
    border-color: #ff8a0b;
}

.dataTables_wrapper table.dataTable .status-pending {
    color: #d9534f;
    border-color: #d9534f;
}
.dataTables_wrapper table.dataTable .status-active,
.dataTables_wrapper table.dataTable .status-completed,
.dataTables_wrapper table.dataTable .status-open {
    color: #89d423;
    border-color: #89d423;
}
.dataTables_wrapper table.dataTable .status-customer-reply {
    color: var(--primary-accent-color);
    border-color: var(--primary-accent-color);
}

.dataTables_wrapper .dataTables_length {
    background-color: #fafcfd;
    color: #8d9cab;
}

div.dataTables_wrapper div.dataTables_length label {
    color: #8d9cab;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_length label .form-control {
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    margin: 0 5px;
    font-size: 14px;
    font-weight: 700;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    border: none;
}

.dataTables_wrapper .dataTables_paginate .pagination > li > a,
.dataTables_wrapper .dataTables_paginate .pagination > li > span {
    border: 1px solid currentColor;
    color: var(--link-color) !important;
    padding: 5px 10px;
    font-size: 14px;
}

.dataTables_wrapper .dataTables_paginate .pagination > li.active > a,
.dataTables_wrapper .dataTables_paginate .pagination > li.active > span {
    color: #fff !important;
    border-color: var(--link-color);
}

.dataTables_wrapper .btn.btn-info.btn-sm {
    background-color: #89d423;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 700;
    border-color: transparent;
}

.dataTables_wrapper .btn.btn-info.btn-sm:hover {
    background-color: var(--primary-accent-color);
}

.dataTables_wrapper .dataTables_filter label .form-control {
    background-position-y: 9px;
}

.dataTables_wrapper .dataTables_length label .form-control:focus {
    box-shadow: none;
    background-color: #ebf2f8;
}

.dataTables_wrapper .dataTables_paginate .pagination > li.disabled > a,
.dataTables_wrapper .dataTables_paginate .pagination > li.disabled > span {
    opacity: 0.2;
}

.dataTables_wrapper table.dataTable tbody td.dataTables_empty,
.table > tbody > tr > td[colspan="6"] {
    padding: 20px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0 0 5px 5px;
    color: var(--footer-text-color);
}

/* Ticket */
.ticket-number {
    font-size: 16px;
    font-weight: bold;
    color: var(--link-color);
    font-style: normal;
}

span.ticket-subject {
    font-weight: 400;
    color: var(--link-color);
}

/* MD EDITOR */
.md-editor .btn-group .btn {
    border: 1px solid #8d9cab;
    border-radius: 5px;
    color: #8d9cab;
    background-color: transparent;
    padding: 6px 7px;
}

.md-editor .btn-group .btn.active {
    background-color: var(--primary-accent-color);
    color: #fff;
    border-color: var(--primary-accent-color);
}

.md-editor {
    border: none;
    background-color: #ebf2f8;
}

.md-editor > .md-preview,
.md-editor > textarea.markdown-editor {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.md-editor > .md-preview,
.md-editor > textarea.markdown-editor:focus {
    background-color: #fff !important;
    border-color: var(--border-grey-color) !important;
}

div.md-editor.active {
    border: none !important;
}

.md-editor > .md-header {
    background-color: transparent !important;
    padding: 20px;
    border-radius: 5px 5px 0 0;
}

.md-editor .md-footer {
    background-color: #e2e9ee;
    border-radius: 0 0 5px 5px;
}

.md-editor .btn-group .btn.btn-primary {
    background-color: var(--primary-accent-color);
    color: #fff;
    border-color: var(--primary-accent-color);
    padding: 6px 20px;
    border-radius: 50px;
}

.md-editor .btn-group .btn.btn-primary:hover {
    background-color: var(--primary-accent-color--darken);
    border-color: var(--primary-accent-color--darken);
}

/* Ticket Reply */
.ticket-reply {
    border: 1px solid #dfe6ec;
    border-radius: 5px;
}

.ticket-reply .user {
    background-color: #f1f6fb;
    padding: 20px 30px;
}

.ticket-reply .message {
    padding: 20px 30px;
}

.ticket-reply .date {
    padding: 30px 30px;
}

.list-group-item.ticket-details-children .label {
    background-color: transparent !important;
    color: var(--lime-themes);
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}

/* Billing */
#billingContactsContainer .name {
    color: var(--primary-accent-color);
}

.btn[data-target="#modalBillingAddress"] {
    padding: 17.5px 40px;
    background-color: var(--dark-themes);
    border-color: var(--dark-themes);
    color: #fff;
}

.btn[data-target="#modalBillingAddress"]:hover {
    background-color: var(--light-grey);
    border-color: var(--light-grey);
}

/* Inputs */
input[type="file"].form-control {
    background-color: transparent;
    border: 1px dashed #8d9cab;
    height: 55px;
    padding: 15px 15px;
}

.form-group .controls label {
    padding-left: 0;
}
.btn[id="openTicketSubmit"],
.btn[id="openTicketSubmit"] + .btn,
.form-group .btn[type="submit"],
.form-group .btn[type="submit"] + .btn,
.form-group .btn[type="reset"] {
    padding: 17.5px 50px;
    margin: 0 10px;
}

.form-group .btn.btn-default[type="reset"],
.form-group .btn[type="submit"] + .btn,
.btn[id="openTicketSubmit"] + .btn {
    background-color: var(--light-grey);
    color: #fff;
    border-color: var(--light-grey);
}

.form-group .btn.btn-default[type="reset"]:hover,
.form-group .btn[type="submit"] + .btn:hover,
.btn[id="openTicketSubmit"] + .btn:hover {
    background-color: var(--dark-themes);
    border-color: var(--dark-themes);
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: var(--red-themes);
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: var(--green-themes);
}

@media (min-width: 768px) {
    .form-horizontal
        .control-label:not([for="inputPaymentMethodType"]):not([for="inputBillingAddress"]) {
        padding-top: 20px;
    }
}

.form-control-feedback {
    height: 55px;
    line-height: 55px;
}

.has-success .form-control-feedback {
    color: var(--green-themes);
}
.has-success .form-control {
    border-color: var(--green-themes);
}

/* 
    ******************
    Knowledgebase
    ******************
*/

.kb-article-title .btn {
    border: none;
    color: #8d9cab;
    padding: 0;
    width: auto;
    font-size: 32px;
}

.kb-article-title h2 {
    font-size: 36px;
    line-height: 42px;
}

.kb-article-content {
    font-size: 16px;
    font-weight: 400;
}

.kb-article-details li {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading-color);
}

.kb-rate-article {
    background-color: #f1f7fe;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 700;
    color: var(--heading-color);
    padding: 13px 30px;
}

.kb-rate-article .btn {
    color: var(--primary-accent-color);
    padding: 0;
    border: none;
    margin: 0 20px;
}
.kbcategories a,
.kbarticles a {
    color: var(--link-color) !important;
}

.kbarticles,
.kbcategories {
    font-size: 16px;
}

.kbarticles > div:not(:last-child) {
    margin-bottom: 30px;
}

.kbarticles a .glyphicon {
    color: #8d9cab;
}
.kbcategories a:hover,
.kbarticles a:hover {
    color: var(--primary-accent-color) !important;
}

.kbarticles > p:not(:last-child) {
    margin-bottom: 30px;
}

.kbcategories a {
    font-size: 16px;
    font-weight: 500;
    color: var(--link-color);
}

/* Affiliate */
.affiliate-stat i {
    font-size: 30px;
}

.affiliate-stat {
    border-radius: 5px;
    padding: 30px;
    text-align: right;
}

.affiliate-stat span {
    font-size: 30px;
    font-weight: 700;
}

/* Popup */
.popup-header-padding {
    color: #fff !important;
}

#templateContainer {
    max-width: 600px !important;
    width: 100% !important;
    margin-bottom: 0;
}

.listtable {
    overflow-x: auto;
}

.icheckbox_square-blue,
.iradio_square-blue {
    filter: hue-rotate(45deg) saturate(1.6);
}

/* Homepage 2 */
section#home-banner {
    padding: 90px 0 100px;
}

.home-shortcuts {
    background-color: var(--heading-color);
}

.home-shortcuts .lead {
    font-size: 24px;
    margin-bottom: 0;
    line-height: 30px;
    margin: 44px 0;
}

.home-shortcuts li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.home-shortcuts ul li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
    padding: 28px 0;
}

.home-shortcuts ul li a {
    opacity: 0.6;
    transition: 0.3s ease-in;
    font-size: 14px;
    font-weight: 700;
}

.home-shortcuts li p {
    margin-top: 14px;
}

.home-shortcuts li i {
    font-size: 28px;
}

.home-shortcuts ul li:hover a {
    opacity: 1;
}

@media (max-width: 767px) {
    .home-shortcuts ul li:first-child {
        border-left: 0;
    }
    .home-shortcuts ul li {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

div.announcement-single h3 {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}

@media (max-width: 767px) {
    div.announcement-single h3 {
        flex-direction: column;
    }
}

div.announcement-single h3 .label {
    background-color: var(--dark-themes) !important;
    font-size: 14px;
    padding: 6px 22px;
}

div.announcement-single h3,
div.announcement-single a.title {
    font-size: 24px;
}

div.announcement-single blockquote {
    border-left: 4px solid #dfe6ec;
    font-size: 16px;
    line-height: 22px;
}
