/*------------- #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: #6419ff;
    --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: #4b00e5;
    --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; }


.site-header.header--sticky.header--fixed {
        /**position: sticky;**/
        z-index: ;
        top: ;
        box-shadow: 0px -6px 8px 10px rgba(0,0,0,0.45);
-webkit-box-shadow: 0px -6px 8px 10px rgba(0,0,0,0.45);
-moz-box-shadow: 0px -6px 8px 10px rgba(0,0,0,0.45);
}

/*------------- #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: .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; }


/*------------- #BUTTONS --------------*/
.crumina-button {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    border-radius: 50px;
    padding: 5px 10px;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .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 .3s ease;
        -o-transition: all .3s ease;
        transition: all .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: .375rem .881rem; }

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

.button--m {
    font-size: 14px;
    padding: .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 .3s ease;
        -o-transition: all .3s ease;
        transition: all .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; }


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

@media (max-width: 768px) {
   .back-to-top {
        top: 20px;
        right: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
    .button--xs {
        font-size: 12px;
        padding: .12rem .7rem; }
    .button--s {
        font-size: 12px;
        padding: .2rem 1rem; }
    .button--m {
        font-size: 12px;
        padding: .5rem 1.4rem; }
    .button--l {
        font-size: 12px;
        padding: .6rem 1.5rem; }
    .button--xl {
        font-size: 14px;
        padding: .7rem 1.6rem; }
    .button--xxl {
        font-size: 14px;
        padding: .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: .7rem 1.2rem; }
        .button--market .crumina-icon,
        .button--market i {
            width: 18px;
            height: 18px;
            margin-right: 7px; } }

/*------------- #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; }



/*------------- 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;
        -moz-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); }



/*------------- #LAYOUTS --------------*/
/*------------- #HEADER --------------*/
.site-header {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .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-content/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: 0px 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-content/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;
    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; } }

/*================= Responsive Mode ============*/
/*------------- #FORMS --------------*/
input, textarea, select {
    padding: 1.024rem 1.875rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 16px;
    border-radius: 50px;
    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: 55px;
    /* 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: .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 .3s ease;
        -o-transition: all .3s ease;
        transition: all .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: 500;
    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; }

/*# sourceMappingURL=maps/main.min.css.map */