/* 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: #00188C;
	--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;
}

/*------------- #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: 1.024rem 1.875rem;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.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: 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: #14161d;
}

.breadcrumbs--blue .breadcrumbs .breadcrumbs-item.active::after {
	background-color: #14161d;
}

.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;
}

.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 ============*/

/*------------- #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("../../img/theme/backgrounds/protectie-ee.jpg");
}

/*------------- 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: #14161d;
	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.9;
	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: #FF3719;
	border-radius: 50px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	opacity: 1;
	border-color: #fff;
}

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: #1c2833;
	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: #00188C;
}

.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: #00188C;
}

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: #00188C;
}

/* 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-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 .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 0 0 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;
	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 a.title {
	font-size: 24px;
}

div.announcement-single blockquote {
	border-left: 4px solid #dfe6ec;
	font-size: 16px;
	line-height: 22px;
}

@media (max-width: 768px) {
	.footer-subscribe-form .input-btn--inline .crumina-button {
		position: relative;
		margin-top: 20px;
	}

	.btn:not(.btn-social) {
		padding: 10px 20px;
		font-size: 14px;
	}
}