$color_1: var(--bs-primary, #b1b7cd);
$color_2: #f8f9f9;
$color_3: #fff;
$color_4: var(--bs-headings-color);
$color_5: #6c757d;
$color_6: #666;
$color_7: #999;
$color_8: #3eb1ff;
$color_9: #1680fb;
$color_10: #0fbc49;
$color_11: #f74780;
$color_12: var(--bs-primary);
$color_13: #ff1e1a;
$color_14: #be6cbe;
$color_15: #ffba01;
$color_16: #c2c3cb;
$color_17: #52595d;
$color_18: var(--bs-custom-body-color, #757575);
$color_19: #185abd;
$color_20: #00a14e;
$color_21: #6fd792;
$color_22: #ff149c;
$color_23: #fcb5cc;
$color_24: #663ae9;
$color_25: #bdaeea;
$color_26: #da0f29;
$color_27: #ffa5a3;
$color_28: #c73e9b;
$color_29: #e2bde2;
$color_30: #ffbd45;
$color_31: #ffdf35;
$color_32: #ccc;
$color_33: #1d222f;
$color_34: #ddd;
$color_35: #eee;
$color_36: #929394;
$color_37: inherit;
$color_38: #898989;
$color_39: #1e90ff;
$color_40: #e74c3c;
$color_41: #00b2e4;
$color_42: #aaa;
$color_43: #888;
$color_44: #2b3648;
$color_45: #ffb30c;
$color_46: #b5b5b5;
$color_47: #c3c4c5;
$color_48: #fc2f4b;
$color_49: #383a42;
$color_50: #50a14f;
$color_51: #151515;
$color_52: #986801;
$color_53: #222;
$color_54: #353f4f;
$color_55: #ff3366;
$color_56: #3a4a56;
$color_57: #998da0;
$color_58: #a0a7b1;
$color_59: #333;
$color_60: #999999;
$color_61: #0195ff;
$color_62: #6a7dfe;
$color_63: #f1f1f1;
$color_64: #2f353e;
$color_65: #f7f8f9;
$font-family_1: var(--martex-body-font-family, 'Rubik', 'Helvetica Neue', Helvetica, Arial, sans-serif);
$font-family_2: var(--martex-headings-font-family, 'Plus Jakarta Sans', sans-serif);
$font-family_3: var(--martex-inter-font-family, 'Inter', sans-serif);
$font-family_4: Flaticon;
$background-color_1: #f2f4f8;
$background-color_2: #f4f4f9;
$background-color_3: #f7f8f9;
$background-color_4: #fbfbfd;
$background-color_5: #fff;
$background-color_6: #22223b;
$background-color_7: #2e3648;
$background-color_8: #394455;
$background-color_9: #e1e3e5;
$background-color_10: #ecf1f4;
$background-color_11: #185abd;
$background-color_12: #1680fb;
$background-color_13: #3eb1ff;
$background-color_14: #ddedff;
$background-color_15: #f4f9fc;
$background-color_16: #00a14e;
$background-color_17: #0fbc49;
$background-color_18: #6fd792;
$background-color_19: #cff2db;
$background-color_20: #e9f8f2;
$background-color_21: #ff149c;
$background-color_22: #f74780;
$background-color_23: #fcb5cc;
$background-color_24: #fee4ec;
$background-color_25: #feecf2;
$background-color_26: #663ae9;
$background-color_27: #7827e6;
$background-color_28: var(--bs-primary);
$background-color_29: #bdaeea;
$background-color_30: #e5deff;
$background-color_31: rgba(var(--bs-primary-rgb), 0.1);
$background-color_32: #da0f29;
$background-color_33: #ff1e1a;
$background-color_34: #ffa5a3;
$background-color_35: #ffd2d1;
$background-color_36: #fce7e4;
$background-color_37: #c73e9b;
$background-color_38: #be6cbe;
$background-color_39: #e2bde2;
$background-color_40: #f1cde5;
$background-color_41: #f7e4f1;
$background-color_42: #ffba01;
$background-color_43: #ffbd45;
$background-color_44: #ffdf35;
$background-color_45: #fef5cd;
$background-color_46: #fef9e5;
$background-color_47: rgba(0, 0, 0, 0.04);
$background-color_48: rgba(255, 255, 255, 0.15);
$background-color_49: #2160fd;
$background-color_50: #f0f3ff;
$background-color_51: #fdfdfd;
$background-color_52: rgba(123, 104, 238, 0.05);
$background-color_53: transparent;
$background-color_54: rgba(255, 255, 255, 0.2);
$background-color_55: var(--bs-headings-color);
$background-color_56: #e3ebfe;
$background-color_57: #f5f6f7;
$background-color_58: #f5f5f9;
$background-color_59: #1d222f;
$background-color_60: rgba(244, 244, 249, 0);
$background-color_61: #2c3142;
$background-color_62: rgba(255, 255, 255, 0);
$background-color_63: rgba(255, 255, 255, 0.05);
$background-color_64: rgba(255, 255, 255, 0.7);
$background-color_65: #f5f6f8;
$background-color_66: #e4e4e4;
$background-color_67: #f7f7f9;
$background-color_68: rgba(128, 143, 174, 0.45);
$background-color_69: #ccc;
$background-color_70: #f8f9fa;
$background-color_71: var(--tag-background-color, #fff);
$background-color_72: #fcfdfd;
$background-color_73: #f4f4f4;
$background-color_74: #232734;
$background-color_75: var(--bs-primary-hover);
$background-color_76: #363f54;
$background-color_77: #505c77;
$background-color_78: #1d212c;
$background-color_79: #282d3c;
$background-color_80: rgba(0, 0, 0, 0.12);
$border-color_1: #1680fb;
$border-color_2: var(--bs-primary);
$border-color_3: var(--bs-headings-color);
$border-color_4: transparent;
$border-color_5: #fff;
$border-color_6: #ccc;
$border-color_7: #185abd;
$border-color_8: #3eb1ff;
$border-color_9: #e3ebfe;
$border-color_10: #00a14e;
$border-color_11: #0fbc49;
$border-color_12: #6fd792;
$border-color_13: #cff2db;
$border-color_14: #ff149c;
$border-color_15: #f74780;
$border-color_16: #fcb5cc;
$border-color_17: #fee4ec;
$border-color_18: #663ae9;
$border-color_19: #bdaeea;
$border-color_20: #e5deff;
$border-color_21: #da0f29;
$border-color_22: #ff1e1a;
$border-color_23: #ffa5a3;
$border-color_24: #ffd2d1;
$border-color_25: #c73e9b;
$border-color_26: #be6cbe;
$border-color_27: #e2bde2;
$border-color_28: #f1cde5;
$border-color_29: #ffba01;
$border-color_30: #ffbd45;
$border-color_31: #ffdf35;
$border-color_32: #fef5cd;
$border-color_33: var(--bs-custom-body-color, #757575);
$border-color_34: transparent #888;
$border-color_35: transparent rgba(30, 30, 30, 0.15);
$border-color_36: transparent #1680fb;
$border-color_37: transparent rgba(22, 128, 251, 0.15);
$border-color_38: transparent #0fbc49;
$border-color_39: transparent rgba(14, 188, 73, 0.15);
$border-color_40: transparent #f74780;
$border-color_41: transparent rgba(247, 71, 128, 0.15);
$border-color_42: transparent var(--bs-primary);
$border-color_43: transparent rgba(123, 93, 214, 0.15);
$border-color_44: transparent #ff1e1a;
$border-color_45: transparent rgba(255, 30, 26, 0.15);
$border-color_46: transparent #c73e9b;
$border-color_47: transparent rgba(255, 108, 190, 0.15);
$border-color_48: transparent #ffba01;
$border-color_49: transparent rgba(255, 186, 1, 0.15);
$border-color_50: #2b3648;
$border-color_51: #d2d2d2;
$border-color_52: #8863ee;
$border-color_53: #1e90ff;
$border-color_54: var(--bs-primary-hover);
$border-color_55: #363f54;
$border-color_56: var(--bs-primary, #b1b7cd);
$border-color_57: #f1f1f1;

/*# sourceMappingURL=theme.css.map */
html {
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
}

body {
	font-family: $font-family_1;
	line-height: 1.6666;
	font-weight: 400;
	--bs-custom-body-color: #757575;
	--bs-primary-hover: #185abd;
	--bs-primary-rgb: 22, 128, 258;
}

body.theme--dark {
	color: $color_1;
	background-color: $background-color_74 !important;
}

#page {
	overflow: hidden;
}

.hidd {
	overflow: hidden;
}

.rel {
	position: relative !important;
	z-index: 3;
}

section {
	position: relative !important;
	z-index: 3;
}

.container {
	position: relative !important;
	z-index: 3;
}

.section-overlay {
	width: 100%;
	height: 100%;
}

.block-shadow {
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}

.block-border {
	border: 1px solid #e7e7e7;
}

.block-border.block-shadow {
	border: 1px solid #f5f6f6;
}

.x-border {
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

.top-border {
	border-top: 1px solid #e7e7e7;
}

.bottom-border {
	border-bottom: 1px solid #e7e7e7;
}

.r-0 {
	border-radius: 0px;
}

.r-02 {
	border-radius: 2px;
}

.r-04 {
	border-radius: 4px;
}

.r-06 {
	border-radius: 6px;
}

.r-08 {
	border-radius: 8px;
}

.r-10 {
	border-radius: 10px;
}

.r-12 {
	border-radius: 12px;
}

.r-14 {
	border-radius: 14px;
}

.r-16 {
	border-radius: 16px !important;
}

.r-18 {
	border-radius: 18px;
}

.r-20 {
	border-radius: 20px;
}

.r-22 {
	border-radius: 22px;
}

.r-24 {
	border-radius: 24px;
}

.r-26 {
	border-radius: 26px;
}

.r-28 {
	border-radius: 28px;
}

.r-30 {
	border-radius: 30px;
}

.r-32 {
	border-radius: 32px;
}

.r-34 {
	border-radius: 34px;
}

.r-36 {
	border-radius: 36px;
}

.r-100 {
	border-radius: 100px;
}

.o-0 {
	opacity: 0 !important;
}

.o-10 {
	opacity: 0.1 !important;
}

.o-15 {
	opacity: 0.15 !important;
}

.o-20 {
	opacity: 0.2 !important;
}

.o-25 {
	opacity: 0.25 !important;
}

.o-30 {
	opacity: 0.3 !important;
}

.o-35 {
	opacity: 0.35 !important;
}

.o-40 {
	opacity: 0.4 !important;
}

.o-45 {
	opacity: 0.45 !important;
}

.o-50 {
	opacity: 0.5 !important;
}

.o-55 {
	opacity: 0.55 !important;
}

.o-60 {
	opacity: 0.6 !important;
}

.o-65 {
	opacity: 0.65 !important;
}

.o-70 {
	opacity: 0.7 !important;
}

.o-75 {
	opacity: 0.75 !important;
}

.o-80 {
	opacity: 0.8 !important;
}

.o-85 {
	opacity: 0.85 !important;
}

.o-90 {
	opacity: 0.9 !important;
}

.o-95 {
	opacity: 0.95 !important;
}

.o-100 {
	opacity: 1 !important;
}

.py-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.py-70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.py-80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.py-90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-180 {
	padding-top: 180px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-100 {
	padding-bottom: 100px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

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

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-85 {
	margin-top: 85px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-95 {
	margin-top: 95px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-65 {
	margin-bottom: 65px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-85 {
	margin-bottom: 85px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-95 {
	margin-bottom: 95px;
}

.mb-100 {
	margin-bottom: 100px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.bg--fixed {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll !important;
}

.bg--scroll {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed !important;
}

.bg--white-500 {
	background-color: $background-color_1;
}

.bg--white-400 {
	background-color: $background-color_2;
}

.bg--white-300 {
	background-color: $background-color_3;
}

.bg--white-200 {
	background-color: $background-color_4;
}

.bg--white-100 {
	background-color: $background-color_5;
}

.bg--black-500 {
	background-color: $background-color_6;
}

.bg--black-400 {
	background-color: $background-color_7;

	.post-meta-list {
		p {
			color: $color_2;
		}
	}

	.blog-post-txt {
		a {
			color: $color_2;

			&:hover {
				color: $color_3 !important;
			}
		}
	}
}

.bg--black-300 {
	background-color: $background-color_8;
}

.bg--black-200 {
	background-color: $background-color_9;
}

.bg--black-100 {
	background-color: $background-color_10;
}

.bg--blue-500 {
	background-color: $background-color_11;
}

.bg--blue-400 {
	background-color: $background-color_12;
}

.bg--blue-300 {
	background-color: $background-color_13;
}

.bg--blue-200 {
	background-color: $background-color_14;
}

.bg--blue-100 {
	background-color: $background-color_15;
}

.bg--green-500 {
	background-color: $background-color_16;
}

.bg--green-400 {
	background-color: $background-color_17;
}

.bg--green-300 {
	background-color: $background-color_18;
}

.bg--green-200 {
	background-color: $background-color_19;
}

.bg--green-100 {
	background-color: $background-color_20;
}

.bg--pink-500 {
	background-color: $background-color_21;
}

.bg--pink-400 {
	background-color: $background-color_22;
}

.bg--pink-300 {
	background-color: $background-color_23;
}

.bg--pink-200 {
	background-color: $background-color_24;
}

.bg--pink-100 {
	background-color: $background-color_25;
}

.bg--purple-5000 {
	background-color: $background-color_26;
}

.bg--purple-500 {
	background-color: $background-color_27;
}

.bg--purple-400 {
	background-color: $background-color_28;
}

.bg--purple-300 {
	background-color: $background-color_29;
}

.bg--purple-200 {
	background-color: $background-color_30;
}

.bg--purple-100 {
	background-color: $background-color_31;
}

.bg--red-500 {
	background-color: $background-color_32;
}

.bg--red-400 {
	background-color: $background-color_33;
}

.bg--red-300 {
	background-color: $background-color_34;
}

.bg--red-200 {
	background-color: $background-color_35;
}

.bg--red-100 {
	background-color: $background-color_36;
}

.bg--violet-500 {
	background-color: $background-color_37;
}

.bg--violet-400 {
	background-color: $background-color_38;
}

.bg--violet-300 {
	background-color: $background-color_39;
}

.bg--violet-200 {
	background-color: $background-color_40;
}

.bg--violet-100 {
	background-color: $background-color_41;
}

.bg--yellow-500 {
	background-color: $background-color_42;
}

.bg--yellow-400 {
	background-color: $background-color_43;
}

.bg--yellow-300 {
	background-color: $background-color_44;
}

.bg--yellow-200 {
	background-color: $background-color_45;
}

.bg--yellow-100 {
	background-color: $background-color_46;
}

.bg--tra-black {
	background-color: $background-color_47;
}

.bg--tra-white {
	background-color: $background-color_48;
}

.bg--primary-blue {
	background-color: $background-color_49;
}

.bg--light-grey {
	background-color: $background-color_50;
}

.bg--snow {
	background-color: $background-color_51;

	.contact-form {
		.form-control {
			background-color: $background-color_5;
			border: 1px solid #ccc;
		}

		.form-select {
			background-color: $background-color_5;
			border: 1px solid #ccc;
		}
	}
}

.gr--ghost {
	background-image: linear-gradient(180deg, rgba(247, 248, 249, 0.8) 50%, rgba(247, 248, 249, 0.05) 100%);
}

.gr--snow {
	background-image: linear-gradient(to left, #f3edf7, #f9f6fa);
}

.gr--cotton {
	background-image: linear-gradient(180deg, rgba(223, 225, 250, 0.8) 50%, rgba(223, 225, 250, 0.05) 100%);
}

.gr--ghostwhite {
	background-image: linear-gradient(to left, #e9e9f5, #f4f4f9);
}

.gr--smoke {
	background: linear-gradient(180deg, #f8f9fe 0%, #f4f4f9 100%);
}

.gr--whitesmoke {
	background-image: linear-gradient(180deg, rgba(244, 244, 249, 0.8) 50%, rgba(244, 244, 249, 0.05) 100%);
}

.gr--perl {
	background-image: linear-gradient(180deg, rgba(236, 234, 253, 0.8) 50%, rgba(236, 234, 253, 0.05) 100%);
}

.shape--01 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 150%;
		height: 80%;
		top: 13%;
		left: -25%;
	}
}

.shape--02 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 86%;
		height: 80%;
		top: 13%;
		left: 7%;
	}
}

.shape--03 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 78%;
		height: 120%;
		top: -60px;
		left: 11%;
		border-radius: 24px;
	}
}

.shape--04 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 100%;
		height: 80%;
		top: 10%;
		left: 0;
	}
}

.shape--05 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 150%;
		height: 90%;
		top: 0;
		left: -25%;
	}
}

.shape--06 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 150%;
		height: 75%;
		top: 0;
		left: -25%;
	}
}

.shape--07 {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 200%;
		height: 50%;
		top: 37%;
		left: -50%;
	}
}

.shape--02.r-24 {
	&:after {
		border-radius: 24px;
	}
}

.shape--whitesmoke {
	&:after {
		background-color: $background-color_52;
	}
}

.shape--white-500 {
	&:after {
		background-color: $background-color_1;
	}
}

.shape--white-400 {
	&:after {
		background-color: $background-color_2;
	}
}

.shape--white-300 {
	&:after {
		background-color: $background-color_3;
	}
}

.shape--white-200 {
	&:after {
		background-color: $background-color_4;
	}
}

.shape--black-500 {
	&:after {
		background-color: $background-color_6;
	}
}

.shape--black-400 {
	&:after {
		background-color: $background-color_7;
	}
}

.shape--black-300 {
	&:after {
		background-color: $background-color_8;
	}
}

.shape--black-200 {
	&:after {
		background-color: $background-color_9;
	}
}

.shape--black-100 {
	&:after {
		background-color: $background-color_10;
	}
}

.shape--blue-500 {
	&:after {
		background-color: $background-color_11;
	}
}

.shape--blue-400 {
	&:after {
		background-color: $background-color_12;
		background-color: $background-color_28;
	}
}

.shape--blue-300 {
	&:after {
		background-color: $background-color_13;
	}
}

.shape--blue-200 {
	&:after {
		background-color: $background-color_14;
	}
}

.shape--blue-100 {
	&:after {
		background-color: $background-color_15;
	}
}

.shape--green-500 {
	&:after {
		background-color: $background-color_16;
	}
}

.shape--green-400 {
	&:after {
		background-color: $background-color_17;
	}
}

.shape--green-300 {
	&:after {
		background-color: $background-color_18;
	}
}

.shape--green-200 {
	&:after {
		background-color: $background-color_19;
	}
}

.shape--green-100 {
	&:after {
		background-color: $background-color_20;
	}
}

.shape--pink-500 {
	&:after {
		background-color: $background-color_21;
	}
}

.shape--pink-400 {
	&:after {
		background-color: $background-color_22;
	}
}

.shape--pink-300 {
	&:after {
		background-color: $background-color_23;
	}
}

.shape--pink-200 {
	&:after {
		background-color: $background-color_24;
	}
}

.shape--pink-100 {
	&:after {
		background-color: $background-color_25;
	}
}

.shape--purple-500 {
	&:after {
		background-color: $background-color_26;
	}
}

.shape--purple-400 {
	&:after {
		background-color: $background-color_28;
	}
}

.shape--purple-300 {
	&:after {
		background-color: $background-color_29;
	}
}

.shape--purple-200 {
	&:after {
		background-color: $background-color_30;
	}
}

.shape--purple-100 {
	&:after {
		background-color: $background-color_31;
	}
}

.shape--red-500 {
	&:after {
		background-color: $background-color_32;
	}
}

.shape--red-400 {
	&:after {
		background-color: $background-color_33;
	}
}

.shape--red-300 {
	&:after {
		background-color: $background-color_34;
	}
}

.shape--red-200 {
	&:after {
		background-color: $background-color_35;
	}
}

.shape--red-100 {
	&:after {
		background-color: $background-color_36;
	}
}

.shape--violet-500 {
	&:after {
		background-color: $background-color_37;
	}
}

.shape--violet-400 {
	&:after {
		background-color: $background-color_38;
	}
}

.shape--violet-300 {
	&:after {
		background-color: $background-color_39;
	}
}

.shape--violet-200 {
	&:after {
		background-color: $background-color_40;
	}
}

.shape--violet-100 {
	&:after {
		background-color: $background-color_41;
	}
}

.shape--gr-ghost {
	&:after {
		background-image: linear-gradient(180deg, rgba(247, 248, 249, 0.8) 50%, rgba(247, 248, 249, 0.05) 100%);
	}
}

.shape--gr-whitesmoke {
	&:after {
		background-image: linear-gradient(180deg, rgba(244, 244, 249, 0.8) 50%, rgba(244, 244, 249, 0.05) 100%);
	}
}

.pattern-01 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/pattern-01.png);
}

.pattern-02 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/pattern-02.png);
}

.pattern-03 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/pattern-03.png);
}

.pattern-04 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/pattern-04.png);
}

.pattern-05 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/pattern-05.png);
}

.bg--01 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/bg-01.jpg);
}

.bg--02 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: var(--martex-integration-bg-02, url('../images/bg-02.jpg'));
}

.bg--03 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/bg-03.jpg);
}

.bg--04 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: var(--martex-video-popup-bg-04);
}


.bg--05 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: var(--martex-banner-bg-05, url('../images/bg-05.jpg'));
}

.bg--06 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/bg-06.jpg);
}

.bg--07 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/bg-07.jpg);
}

.bg--08 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-image: url(../images/bg-08.jpg);
}

.elementor-divider-separator {
	border-top: 0px !important;
}

.elementor-divider {
	--divider-border-width: 1px;
	background-color: transparent;
	opacity: .4;
	background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
	padding-top: 0px !important;
	padding-bottom: 1px !important;
}

hr.divider {
	width: 100%;
	height: 1px;
	background-color: $background-color_53;
	background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #bbb 38%, #bbb 64%, rgba(206, 211, 246, 0) 99%);
	opacity: .4;
	border: none;
	margin: 0;
}


.wave-shape-bottom {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
}

h1 {
	color: $color_4;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}

h2 {
	color: $color_4;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}

h3 {
	color: $color_4;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}

h4 {
	color: $color_4;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}

h5 {
	color: $color_4;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}

h6 {
	color: $color_4;
	font-weight: 600;
	letter-spacing: 0;
	margin-bottom: 0;
}


h1 {
	font-family: $font-family_2;
	line-height: 1.35;
	line-height: 1.25;
}

h2 {
	font-family: $font-family_2;
	line-height: 1.35;
	line-height: 1.25;
}

h3 {
	font-family: $font-family_2;
	line-height: 1.35;
}

h4 {
	font-family: $font-family_2;
	line-height: 1.35;
}

h5 {
	font-family: $font-family_2;
	line-height: 1.35;
}

h6 {
	font-family: $font-family_2;
	line-height: 1.35;
}

.section-id {
	font-family: $font-family_2;
}


.font--inter {
	h1 {
		font-family: $font-family_3;
		letter-spacing: -0.5px;
	}

	h2 {
		font-family: $font-family_3;
		letter-spacing: -0.5px;
	}

	h3 {
		font-family: $font-family_3;
		letter-spacing: -0.5px;
	}

	h4 {
		font-family: $font-family_3;
		letter-spacing: -0.5px;
	}

	h5 {
		font-family: $font-family_3;
		letter-spacing: -0.5px;
	}

	h6 {
		font-family: $font-family_3;
		letter-spacing: -0.5px;
	}

	.section-id {
		font-family: $font-family_3;
	}
}

p {
	font-size: 1rem;

	&:empty {
		display: none !important;
	}
}

p.p-sm {
	font-size: 0.9375rem;
}

p.p-md {
	font-size: 1.0625rem;
}

p.p-lg {
	font-size: 1.125rem;
}

p.p-xl {
	font-size: 1.2rem;
}

p.btn-txt {
	margin: 20px 0 0 0;

	span {
		position: relative;
		top: 0.5px;
		right: 2px;
	}
}

p.btns-group-txt {
	margin: 14px 0 0 0;

	span.txt-data {
		display: block;
		top: 0;
		right: 0;

		a {
			margin-left: 4px;
			text-decoration: underline;

			&:hover {
				text-decoration: none;
			}
		}
	}

	span {
		position: relative;
		top: 0.5px;
		right: 2px;
	}
}

p.video-txt-lg {
	font-size: 1rem;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 5px;
}

p.video-txt-sm {
	font-size: 0.925rem;
	line-height: 1;
	margin-bottom: 0;
}

p.rbox-2-txt {
	line-height: 22px;
	margin-top: 8px;
	margin-bottom: 0;

	span {
		font-weight: 500;
	}
}

.s-15 {
	font-size: 0.9375rem;
}

.s-16 {
	font-size: 1rem;
}

.s-17 {
	font-size: 1.0625rem;
}

.s-18 {
	font-size: 1.125rem;
}

.s-19 {
	font-size: 1.1875rem;
}

.s-20 {
	font-size: 1.25rem;
}

.s-21 {
	font-size: 1.3125rem;
}

.s-22 {
	font-size: 1.375rem;
}

.s-23 {
	font-size: 1.4375rem;
}

.s-24 {
	font-size: 1.5rem;
}

.s-26 {
	font-size: 1.625rem;
}

.s-28 {
	font-size: 1.75rem;
}

.s-30 {
	font-size: 1.875rem;
}

.s-32 {
	font-size: 2rem;
}

.s-34 {
	font-size: 2.125rem;
}

.s-36 {
	font-size: 2.25rem;
}

.s-38 {
	font-size: 2.375rem;
}

.s-40 {
	font-size: 2.5rem;
}

.s-42 {
	font-size: 2.625rem;
}

.s-43 {
	font-size: 2.6875rem;
}

.s-44 {
	font-size: 2.75rem;
}

.s-45 {
	font-size: 2.8125rem;
}

.s-46 {
	font-size: 2.875rem;
}

.s-47 {
	font-size: 2.9375rem;
}

.s-48 {
	font-size: 3rem;
}

.s-50 {
	font-size: 3.125rem;
}

.s-52 {
	font-size: 3.25rem;
}

.s-54 {
	font-size: 3.375rem;
}

.s-56 {
	font-size: 3.5rem;
}

.s-58 {
	font-size: 3.625rem;
}

.s-60 {
	font-size: 3.75rem;
}

.s-62 {
	font-size: 3.875rem;
}

.s-64 {
	font-size: 4rem;
}

.s-66 {
	font-size: 4.125rem;
}

.s-68 {
	font-size: 4.25rem;
}

.s-70 {
	font-size: 4.375rem;
}

.s-72 {
	font-size: 4.5rem;
}

.s-74 {
	font-size: 4.625rem;
}

.s-76 {
	font-size: 4.75rem;
}

.s-78 {
	font-size: 4.875rem;
}

.s-80 {
	font-size: 5rem;
}

.txt-upcase {
	text-transform: uppercase;
}

.w-200 {
	font-weight: 200;
}

.w-300 {
	font-weight: 300;
}

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

.w-500 {
	font-weight: 500;
}

.w-600 {
	font-weight: 600;
}

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

.w-800 {
	font-weight: 800;
}

.w-900 {
	font-weight: 900;
}

.text-white a:not(.btn),
.text-dark a:not(.btn) {
	color: inherit;
}

a:not(.btn) {
	color: $color_5;
	text-decoration: none;
	transition: all 400ms ease-in-out;

	&:not(.btn):hover,
	&:hover {
		color: $color_4;
		text-decoration: none;
	}

	&:focus {
		outline: none;
		text-decoration: none;
	}
}

a.tra-link {
	font-size: 1rem;
	line-height: 1;
	font-weight: 500;

	span {
		transition: all 400ms ease-in-out;
	}

	&:hover {
		span {
			color: $color_4 !important;
		}
	}
}

.tra-link.ico-20 {
	[class*="flaticon-"] {
		&:before {
			position: relative;
			font-size: 0.75rem;
			line-height: 0.7rem !important;
			top: 2px;
			left: 2px;
		}

		&:after {
			position: relative;
			font-size: 0.75rem;
			line-height: 0.7rem !important;
			top: 2px;
			left: 2px;
		}
	}
}

ul.simple-list {
	margin-left: 15px;
	padding-left: 0;
	margin-bottom: 0;
}

ul.simple-list.long-list {
	p {
		margin-bottom: 8px;
	}
}

ul.pricing-features {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

ul.accordion {
	list-style: none;
}

ul.tm-social {
	position: absolute;
	top: -1px;
	right: 8px;
	transition: all 0.3s ease-out;

	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
		padding: 0;
		margin-left: 10px;
		opacity: .6;
		transition: all 0.5s ease-out;
	}
}

ul.foo-links {
	padding-left: 0;
}

ul.footer-socials {
	padding-left: 0;
}

ul.post-meta-list {
	padding-left: 0;
}

ul.bottom-footer-socials {
	padding-left: 0;
}

ol.digit-list {
	padding: 20px;

	p {
		margin-bottom: 8px;
	}
}

.btn {
	font-size: 1rem;
	line-height: 1;
	font-weight: 500;
	padding: 0.9rem 1.8rem;
	border: 2px solid transparent;
	transition: all 400ms ease-in-out;

	&:focus {
		color: $color_3;
		box-shadow: none;
	}
}

.btn.btn-sm {
	font-size: 0.975rem;
	padding: 0.7rem 1.5rem;
}

.btn.ico-left {
	span {
		margin-right: 5px;
	}
}

.btn.ico-right {
	span {
		margin-left: 5px;
	}
}

.btn.ico-30.ico-left {
	span {
		position: relative;
		top: 0;
		right: 4px;
	}

	padding: 0.37rem 0;

	span.ico-30-txt {
		position: relative;
		top: -10px;
		right: 0;
	}
}

.btn.ico-30.ico-right {
	span {
		position: relative;
		top: 0;
		left: 4px;
	}

	span.ico-30-txt {
		left: 0;
		position: relative;
		top: -10px;
		right: 0;
	}

	padding: 0.37rem 0;
}

.text-center {
	.btns-group {
		display: inline-block;
	}

	p.btns-group-txt {
		margin-top: 20px;
	}

	.advantages {
		margin-top: 20px;
	}

	.pricing-1-table {
		padding: 60px 35px 50px;

		.pricing-discount {
			top: -35px;
			right: -8px;
		}
	}

	.price {
		p {
			padding: 0 2%;
		}
	}

	p.btn-txt.ico-15 {
		padding-left: 0;
	}

	p.btns-group-txt.ico-15 {
		padding-left: 0;
	}
}

.btns-group {
	.btn {
		&:last-child {
			margin-right: 0;
		}

		margin-right: 10px;
	}

	.btn.ico-30.ico-left {
		padding: 0.37rem 0.5rem;
	}

	.btn.ico-30.ico-right {
		padding: 0.37rem 0;
	}
}

.btn.ico-20 {
	[class*="flaticon-"] {
		&:before {
			position: relative;
			font-size: 1rem;
			line-height: 0.7rem !important;
			top: 4px;
		}

		&:after {
			position: relative;
			font-size: 1rem;
			line-height: 0.7rem !important;
			top: 4px;
		}
	}
}

.btn-rating {
	margin-top: 18px;

	p.btn-txt {
		margin: 0;
	}
}

.star-rating {
	span.rating-txt {
		font-size: 0.9375rem;
	}
}

p.btn-txt.ico-15 {
	padding-left: 5px;
}

p.btns-group-txt.ico-15 {
	padding-left: 5px;
}

.hero-section {
	.color--white {
		p.btns-group-txt {
			span.txt-data {
				a {
					&:hover {
						color: $color_3 !important;
					}
				}
			}
		}
	}

	h2 {
		margin-bottom: 28px;
	}

	h2.s-62 {
		margin-bottom: 24px;
	}

	p.p-sm {
		padding: 0 !important;
	}

	p.p-md {
		margin-bottom: 30px;
	}

	.hero-20-txt {
		h2.s-48 {
			margin-bottom: 28px;
		}
	}

	.quick-form {
		.input-group {
			border: none;
		}

		.form-control {
			height: 64px;
			background-color: $background-color_5;
			border: 2px solid transparent;
			color: $color_6;
			font-size: 1.125rem;
			font-weight: 400;
			padding: 0 20px;
			transition: all 450ms ease-in-out;

			&::-moz-placeholder {
				color: $color_7;
			}

			&:-ms-input-placeholder {
				color: $color_7;
			}

			&::-webkit-input-placeholder {
				color: $color_7;
			}

			&:focus {
				background-color: $background-color_5;
				border-color: $border-color_1;
				outline: 0;
				box-shadow: none;
				border-color: $border-color_2;
			}
		}

		.btn {
			height: 64px;
			font-size: 1.0625rem;
			padding: 12px 45px;
			margin-left: 15px;
		}
	}

	.quick-form.form-shadow {
		.form-control {
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
		}
	}

	.quick-form.form-stroke {
		.form-control {
			border-color: $border-color_3;
		}
	}

	.quick-form.form-half {
		.form-control {
			height: 58px;
			font-size: 1.0625rem;
		}

		.btn {
			height: 58px;
			font-size: 1rem;
			padding: 13px 40px;
			margin-left: 14px;
		}
	}

	.quick-form-msg {
		width: 100% !important;
		display: block;
		margin: 20px 0 15px 5px;

		.loading {
			color: $color_8;
			font-size: 1.05rem;
			line-height: 1;
			font-weight: 500;
		}
	}

	.text-center {
		.quick-form-msg {
			margin: 20px 0 -15px 0;

			.loading {
				font-size: 1.125rem;
			}
		}
	}

	position: relative;
	z-index: 3;

	.container {
		position: relative;
		z-index: 3;
	}

	h2.s-48 {
		margin-bottom: 40px;
	}

	h2.s-50 {
		margin-bottom: 40px;
	}

	p.p-lg {
		margin-bottom: 32px;

		span {
			font-weight: 600;
			letter-spacing: -0.35px;
		}
	}

	p.p-xl {
		margin-bottom: 32px;

		span {
			font-weight: 600;
			letter-spacing: -0.35px;
		}
	}

	p.s-20 {
		margin-bottom: 36px;
	}

	p.s-22 {
		margin-bottom: 36px;
	}

	p.s-24 {
		margin-bottom: 36px;
	}

	.owl-dots {
		display: none;
	}
}

.parallax {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--martex-parallax-bg) !important;
	opacity: var(--martex-parallax-opacity, .25) !important;
	background-size: var(--martex-parallax-bg-size, cover) !important;
	background-position: var(--martex-parallax-bg-position, center) !important;
	z-index: 0;
}

.hero-section.bg--img {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.hero-section.blur--purple {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 100%;
		height: 100%;
		top: -30%;
		left: 0;
		background-image: url(../images/blur-purple.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-attachment: scroll;
		opacity: 0.2;
	}
}

.btn-txt.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.btns-group-txt.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.star-rating.ico-15 {
	[class*="flaticon-"] {
		&:before {
			position: relative;
			font-size: 1rem;
			top: 3px;
		}

		&:after {
			position: relative;
			font-size: 1rem;
			top: 3px;
		}
	}
}

.btn--tra {
	color: $color_3 !important;
	border-color: $border-color_4 !important;
	background-color: $background-color_54 !important;
}

.btn--transparent {
	color: $color_4;
	background-color: $background-color_53;
	border-color: $border-color_4;

	&:hover {
		background-color: $background-color_53 !important;
		border-color: $border-color_4 !important;
	}

	&:focus {
		background-color: $background-color_53 !important;
		border-color: $border-color_4 !important;
		color: $color_4;
		box-shadow: none;
	}
}

.btn--white {
	color: $color_4 !important;
	background-color: $background-color_5 !important;
	border-color: $border-color_5 !important;
}

.hover--white {
	&:hover {
		color: $color_4 !important;
		background-color: $background-color_5 !important;
		border-color: $border-color_5 !important;
	}
}

.btn--tra-white {
	color: $color_3 !important;
	background-color: $background-color_53 !important;
	border-color: $border-color_5 !important;
}

.hover--tra-white {
	&:hover {
		color: $color_3 !important;
		background-color: $background-color_53 !important;
		border-color: $border-color_5 !important;
	}
}

.white-scroll {
	.scroll {
		.hover--tra-white {
			&:hover {
				color: $color_4 !important;
				background-color: $background-color_53 !important;
				border-color: $border-color_3 !important;
			}
		}

		.btn--tra-white {
			color: $color_4 !important;
			border-color: $border-color_3 !important;
		}

		.hover--tra-grey {
			&:hover {
				color: $color_4 !important;
				background-color: $background-color_53 !important;
				border-color: $border-color_6 !important;
			}
		}

		.hover--blue-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_7 !important;
				background-color: $background-color_11 !important;
			}
		}

		.hover--blue-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_1 !important;
				background-color: $background-color_12 !important;
			}
		}

		.hover--blue-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_8 !important;
				background-color: $background-color_13 !important;
			}
		}

		.hover--blue-200 {
			&:hover {
				color: $color_9 !important;
				border-color: $border-color_9 !important;
				background-color: $background-color_56 !important;
			}
		}

		.hover--blue-100 {
			&:hover {
				color: $color_9 !important;
				border-color: $border-color_1 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--green-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_10 !important;
				background-color: $background-color_16 !important;
			}
		}

		.hover--green-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_11 !important;
				background-color: $background-color_17 !important;
			}
		}

		.hover--green-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_12 !important;
				background-color: $background-color_18 !important;
			}
		}

		.hover--green-200 {
			&:hover {
				color: $color_10 !important;
				border-color: $border-color_13 !important;
				background-color: $background-color_19 !important;
			}
		}

		.hover--green-100 {
			&:hover {
				color: $color_10 !important;
				border-color: $border-color_11 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--pink-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_14 !important;
				background-color: $background-color_21 !important;
			}
		}

		.hover--pink-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_15 !important;
				background-color: $background-color_22 !important;
				color: $color_3 !important;
				border-color: $border-color_15 !important;
				background-color: $background-color_22 !important;
			}
		}

		.hover--pink-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_16 !important;
				background-color: $background-color_23 !important;
			}
		}

		.hover--pink-200 {
			&:hover {
				color: $color_11 !important;
				border-color: $border-color_17 !important;
				background-color: $background-color_24 !important;
			}
		}

		.hover--pink-100 {
			&:hover {
				color: $color_11 !important;
				border-color: $border-color_15 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--purple-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_18 !important;
				background-color: $background-color_26 !important;
			}
		}

		.hover--purple-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_2 !important;
				background-color: $background-color_28 !important;
			}
		}

		.hover--purple-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_19 !important;
				background-color: $background-color_29 !important;
			}
		}

		.hover--purple-200 {
			&:hover {
				color: $color_12 !important;
				border-color: $border-color_20 !important;
				background-color: $background-color_30 !important;
			}
		}

		.hover--purple-100 {
			&:hover {
				color: $color_12 !important;
				border-color: $border-color_2 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--red-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_21 !important;
				background-color: $background-color_32 !important;
			}
		}

		.hover--red-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_22 !important;
				background-color: $background-color_33 !important;
			}
		}

		.hover--red-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_23 !important;
				background-color: $background-color_34 !important;
			}
		}

		.hover--red-200 {
			&:hover {
				color: $color_13 !important;
				border-color: $border-color_24 !important;
				background-color: $background-color_35 !important;
			}
		}

		.hover--red-100 {
			&:hover {
				color: $color_13 !important;
				border-color: $border-color_22 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--violet-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_25 !important;
				background-color: $background-color_37 !important;
			}
		}

		.hover--violet-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_26 !important;
				background-color: $background-color_38 !important;
			}
		}

		.hover--violet-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_27 !important;
				background-color: $background-color_39 !important;
			}
		}

		.hover--violet-200 {
			&:hover {
				color: $color_14 !important;
				border-color: $border-color_28 !important;
				background-color: $background-color_40 !important;
			}
		}

		.hover--violet-100 {
			&:hover {
				color: $color_14 !important;
				border-color: $border-color_26 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--yellow-500 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_29 !important;
				background-color: $background-color_42 !important;
			}
		}

		.hover--yellow-400 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_30 !important;
				background-color: $background-color_43 !important;
			}
		}

		.hover--yellow-300 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_31 !important;
				background-color: $background-color_44 !important;
			}
		}

		.hover--yellow-200 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_32 !important;
				background-color: $background-color_45 !important;
			}
		}

		.hover--yellow-100 {
			&:hover {
				color: $color_15 !important;
				border-color: $border-color_29 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--theme {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_54 !important;
				background-color: $background-color_75 !important;
			}
		}
	}
}

.btn--black {
	color: $color_3 !important;
	background-color: $background-color_55 !important;
	border-color: $border-color_3 !important;
}

.hover--black {
	&:hover {
		color: $color_3 !important;
		background-color: $background-color_55 !important;
		border-color: $border-color_3 !important;
	}
}

.btn--tra-black {
	color: $color_4 !important;
	background-color: $background-color_53 !important;
	border-color: $border-color_3 !important;

	&:focus {
		color: $color_4;
		box-shadow: none;
	}
}

.hover--tra-black {
	&:hover {
		color: $color_4 !important;
		background-color: $background-color_53 !important;
		border-color: $border-color_3 !important;
	}
}

.btn--tra-grey {
	color: $color_4 !important;
	background-color: $background-color_53 !important;
	border-color: $border-color_6 !important;
}

.hover--tra-grey {
	&:hover {
		color: $color_4 !important;
		background-color: $background-color_53 !important;
		border-color: $border-color_6 !important;
	}
}

.black-scroll {
	.scroll {
		.hover--tra-grey {
			&:hover {
				color: $color_4 !important;
				background-color: $background-color_53 !important;
				border-color: $border-color_6 !important;
			}
		}

		.hover--blue-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_7 !important;
				background-color: $background-color_11 !important;
			}
		}

		.hover--blue-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_1 !important;
				background-color: $background-color_12 !important;
			}
		}

		.hover--blue-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_8 !important;
				background-color: $background-color_13 !important;
			}
		}

		.hover--blue-200 {
			&:hover {
				color: $color_9 !important;
				border-color: $border-color_9 !important;
				background-color: $background-color_56 !important;
			}
		}

		.hover--blue-100 {
			&:hover {
				color: $color_9 !important;
				border-color: $border-color_1 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--green-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_10 !important;
				background-color: $background-color_16 !important;
			}
		}

		.hover--green-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_11 !important;
				background-color: $background-color_17 !important;
			}
		}

		.hover--green-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_12 !important;
				background-color: $background-color_18 !important;
			}
		}

		.hover--green-200 {
			&:hover {
				color: $color_10 !important;
				border-color: $border-color_13 !important;
				background-color: $background-color_19 !important;
			}
		}

		.hover--green-100 {
			&:hover {
				color: $color_10 !important;
				border-color: $border-color_11 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--pink-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_14 !important;
				background-color: $background-color_21 !important;
			}
		}

		.hover--pink-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_15 !important;
				background-color: $background-color_22 !important;
				color: $color_3 !important;
				border-color: $border-color_15 !important;
				background-color: $background-color_22 !important;
			}
		}

		.hover--pink-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_16 !important;
				background-color: $background-color_23 !important;
			}
		}

		.hover--pink-200 {
			&:hover {
				color: $color_11 !important;
				border-color: $border-color_17 !important;
				background-color: $background-color_24 !important;
			}
		}

		.hover--pink-100 {
			&:hover {
				color: $color_11 !important;
				border-color: $border-color_15 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--purple-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_18 !important;
				background-color: $background-color_26 !important;
			}
		}

		.hover--purple-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_2 !important;
				background-color: $background-color_28 !important;
			}
		}

		.hover--purple-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_19 !important;
				background-color: $background-color_29 !important;
			}
		}

		.hover--purple-200 {
			&:hover {
				color: $color_12 !important;
				border-color: $border-color_20 !important;
				background-color: $background-color_30 !important;
			}
		}

		.hover--purple-100 {
			&:hover {
				color: $color_12 !important;
				border-color: $border-color_2 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--red-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_21 !important;
				background-color: $background-color_32 !important;
			}
		}

		.hover--red-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_22 !important;
				background-color: $background-color_33 !important;
			}
		}

		.hover--red-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_23 !important;
				background-color: $background-color_34 !important;
			}
		}

		.hover--red-200 {
			&:hover {
				color: $color_13 !important;
				border-color: $border-color_24 !important;
				background-color: $background-color_35 !important;
			}
		}

		.hover--red-100 {
			&:hover {
				color: $color_13 !important;
				border-color: $border-color_22 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--violet-500 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_25 !important;
				background-color: $background-color_37 !important;
			}
		}

		.hover--violet-400 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_26 !important;
				background-color: $background-color_38 !important;
			}
		}

		.hover--violet-300 {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_27 !important;
				background-color: $background-color_39 !important;
			}
		}

		.hover--violet-200 {
			&:hover {
				color: $color_14 !important;
				border-color: $border-color_28 !important;
				background-color: $background-color_40 !important;
			}
		}

		.hover--violet-100 {
			&:hover {
				color: $color_14 !important;
				border-color: $border-color_26 !important;
				background-color: $background-color_53 !important;
			}
		}

		.hover--yellow-500 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_29 !important;
				background-color: $background-color_42 !important;
			}
		}

		.hover--yellow-400 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_30 !important;
				background-color: $background-color_43 !important;
			}
		}

		.hover--yellow-300 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_31 !important;
				background-color: $background-color_44 !important;
			}
		}

		.hover--yellow-200 {
			&:hover {
				color: $color_4 !important;
				border-color: $border-color_32 !important;
				background-color: $background-color_45 !important;
			}
		}

		.hover--yellow-100 {
			&:hover {
				color: $color_15 !important;
				border-color: $border-color_29 !important;
				background-color: $background-color_53 !important;
			}
		}

		.wsmenu {
			>.wsmenu-list {
				>li {
					>ul.sub-menu {
						background-color: $background-color_61 !important;
						border: solid 1px #2c3142 !important;
						box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);

						>li {
							>a {
								color: $color_34;
								background-color: $background-color_62 !important;

								&:hover {
									background-color: $background-color_63 !important;
								}
							}
						}
					}

					>.wsmegamenu {
						background-color: $background-color_61 !important;
						border: solid 1px #2c3142 !important;
						box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
					}

					>.wsmegamenu.halfmenu {
						background-color: $background-color_61 !important;
						border: solid 1px #2c3142 !important;
						box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);

						ul.link-list {
							>li {
								>a {
									color: $color_34;
									background-color: $background-color_62 !important;

									&:hover {
										background-color: $background-color_63 !important;
									}
								}
							}
						}
					}

					>.wsmegamenu.w-75 {
						ul.link-list {
							>li {
								>a {
									color: $color_34;
									background-color: $background-color_62 !important;

									&:hover {
										background-color: $background-color_63 !important;
									}
								}
							}
						}
					}
				}
			}
		}

		.title {
			color: $color_3 !important;
		}

		.icons-menu-txt {
			span {
				color: $color_3 !important;
			}
		}

		.btn--tra-black {
			color: $color_3 !important;
			border-color: $border-color_5 !important;
		}

		.hover--theme {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_54 !important;
				background-color: $background-color_75 !important;
			}
		}
	}
}

.btn--blue-500 {
	color: $color_3 !important;
	border-color: $border-color_7 !important;
	background-color: $background-color_11 !important;
}

.hover--blue-500 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_7 !important;
		background-color: $background-color_11 !important;
	}
}

.btn--blue-400 {
	color: $color_3 !important;
	border-color: $border-color_1 !important;
	background-color: $background-color_12 !important;
}

.hover--blue-400 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_1 !important;
		background-color: $background-color_12 !important;
	}
}

.btn--blue-300 {
	color: $color_3 !important;
	border-color: $border-color_8 !important;
	background-color: $background-color_13 !important;
}

.hover--blue-300 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_8 !important;
		background-color: $background-color_13 !important;
	}
}

.btn--blue-200 {
	color: $color_9 !important;
	border-color: $border-color_9 !important;
	background-color: $background-color_56 !important;
}

.hover--blue-200 {
	&:hover {
		color: $color_9 !important;
		border-color: $border-color_9 !important;
		background-color: $background-color_56 !important;
	}
}

.btn--blue-100 {
	color: $color_9 !important;
	border-color: $border-color_1 !important;
	background-color: $background-color_53 !important;
}

.hover--blue-100 {
	&:hover {
		color: $color_9 !important;
		border-color: $border-color_1 !important;
		background-color: $background-color_53 !important;
	}
}

.btn--green-500 {
	color: $color_3 !important;
	border-color: $border-color_10 !important;
	background-color: $background-color_16 !important;
}

.hover--green-500 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_10 !important;
		background-color: $background-color_16 !important;
	}
}

.btn--green-400 {
	color: $color_3 !important;
	border-color: $border-color_11 !important;
	background-color: $background-color_17 !important;
}

.hover--green-400 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_11 !important;
		background-color: $background-color_17 !important;
	}
}

.btn--green-300 {
	color: $color_3 !important;
	border-color: $border-color_12 !important;
	background-color: $background-color_18 !important;
}

.hover--green-300 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_12 !important;
		background-color: $background-color_18 !important;
	}
}

.btn--green-200 {
	color: $color_10 !important;
	border-color: $border-color_13 !important;
	background-color: $background-color_19 !important;
}

.hover--green-200 {
	&:hover {
		color: $color_10 !important;
		border-color: $border-color_13 !important;
		background-color: $background-color_19 !important;
	}
}

.btn--green-100 {
	color: $color_10 !important;
	border-color: $border-color_11 !important;
	background-color: $background-color_53 !important;
}

.hover--green-100 {
	&:hover {
		color: $color_10 !important;
		border-color: $border-color_11 !important;
		background-color: $background-color_53 !important;
	}
}

.btn--pink-500 {
	color: $color_3 !important;
	border-color: $border-color_14 !important;
	background-color: $background-color_21 !important;
}

.hover--pink-500 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_14 !important;
		background-color: $background-color_21 !important;
	}
}

.btn--pink-400 {
	color: $color_3 !important;
	border-color: $border-color_15 !important;
	background-color: $background-color_22 !important;
}

.hover--pink-400 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_15 !important;
		background-color: $background-color_22 !important;
	}
}

.btn--pink-300 {
	color: $color_3 !important;
	border-color: $border-color_16 !important;
	background-color: $background-color_23 !important;
}

.hover--pink-300 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_16 !important;
		background-color: $background-color_23 !important;
	}
}

.btn--pink-200 {
	color: $color_11 !important;
	border-color: $border-color_17 !important;
	background-color: $background-color_24 !important;
}

.hover--pink-200 {
	&:hover {
		color: $color_11 !important;
		border-color: $border-color_17 !important;
		background-color: $background-color_24 !important;
	}
}

.btn--pink-100 {
	color: $color_11 !important;
	border-color: $border-color_15 !important;
	background-color: $background-color_53 !important;
}

.hover--pink-100 {
	&:hover {
		color: $color_11 !important;
		border-color: $border-color_15 !important;
		background-color: $background-color_53 !important;
	}
}

.btn--purple-500 {
	color: $color_3 !important;
	border-color: $border-color_18 !important;
	background-color: $background-color_26 !important;
}

.hover--purple-500 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_18 !important;
		background-color: $background-color_26 !important;
	}
}

.btn--purple-400 {
	color: $color_3 !important;
	border-color: $border-color_2 !important;
	background-color: $background-color_28 !important;
}

.hover--purple-400 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_2 !important;
		background-color: $background-color_28 !important;
	}
}

.btn--purple-300 {
	color: $color_3 !important;
	border-color: $border-color_19 !important;
	background-color: $background-color_29 !important;
}

.hover--purple-300 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_19 !important;
		background-color: $background-color_29 !important;
	}
}

.btn--purple-200 {
	color: $color_12 !important;
	border-color: $border-color_20 !important;
	background-color: $background-color_30 !important;
}

.hover--purple-200 {
	&:hover {
		color: $color_12 !important;
		border-color: $border-color_20 !important;
		background-color: $background-color_30 !important;
	}
}

.btn--purple-100 {
	color: $color_12 !important;
	border-color: $border-color_2 !important;
	background-color: $background-color_53 !important;
}

.hover--purple-100 {
	&:hover {
		color: $color_12 !important;
		border-color: $border-color_2 !important;
		background-color: $background-color_53 !important;
	}
}

.btn--red-500 {
	color: $color_3 !important;
	border-color: $border-color_21 !important;
	background-color: $background-color_32 !important;
}

.hover--red-500 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_21 !important;
		background-color: $background-color_32 !important;
	}
}

.btn--red-400 {
	color: $color_3 !important;
	border-color: $border-color_22 !important;
	background-color: $background-color_33 !important;
}

.hover--red-400 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_22 !important;
		background-color: $background-color_33 !important;
	}
}

.btn--red-300 {
	color: $color_3 !important;
	border-color: $border-color_23 !important;
	background-color: $background-color_34 !important;
}

.hover--red-300 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_23 !important;
		background-color: $background-color_34 !important;
	}
}

.btn--red-200 {
	color: $color_13 !important;
	border-color: $border-color_24 !important;
	background-color: $background-color_35 !important;
}

.hover--red-200 {
	&:hover {
		color: $color_13 !important;
		border-color: $border-color_24 !important;
		background-color: $background-color_35 !important;
	}
}

.btn--red-100 {
	color: $color_13 !important;
	border-color: $border-color_22 !important;
	background-color: $background-color_53 !important;
}

.hover--red-100 {
	&:hover {
		color: $color_13 !important;
		border-color: $border-color_22 !important;
		background-color: $background-color_53 !important;
	}
}

.btn--violet-500 {
	color: $color_3 !important;
	border-color: $border-color_25 !important;
	background-color: $background-color_37 !important;
}

.hover--violet-500 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_25 !important;
		background-color: $background-color_37 !important;
	}
}

.btn--violet-400 {
	color: $color_3 !important;
	border-color: $border-color_26 !important;
	background-color: $background-color_38 !important;
}

.hover--violet-400 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_26 !important;
		background-color: $background-color_38 !important;
	}
}

.btn--violet-300 {
	color: $color_3 !important;
	border-color: $border-color_27 !important;
	background-color: $background-color_39 !important;
}

.hover--violet-300 {
	&:hover {
		color: $color_3 !important;
		border-color: $border-color_27 !important;
		background-color: $background-color_39 !important;
	}
}

.btn--violet-200 {
	color: $color_14 !important;
	border-color: $border-color_28 !important;
	background-color: $background-color_40 !important;
}

.hover--violet-200 {
	&:hover {
		color: $color_14 !important;
		border-color: $border-color_28 !important;
		background-color: $background-color_40 !important;
	}
}

.btn--violet-100 {
	color: $color_14 !important;
	border-color: $border-color_26 !important;
	background-color: $background-color_53 !important;
}

.hover--violet-100 {
	&:hover {
		color: $color_14 !important;
		border-color: $border-color_26 !important;
		background-color: $background-color_53 !important;
	}
}

.btn--yellow-500 {
	color: $color_4 !important;
	border-color: $border-color_29 !important;
	background-color: $background-color_42 !important;
}

.hover--yellow-500 {
	&:hover {
		color: $color_4 !important;
		border-color: $border-color_29 !important;
		background-color: $background-color_42 !important;
	}
}

.btn--yellow-400 {
	color: $color_4 !important;
	border-color: $border-color_30 !important;
	background-color: $background-color_43 !important;
}

.hover--yellow-400 {
	&:hover {
		color: $color_4 !important;
		border-color: $border-color_30 !important;
		background-color: $background-color_43 !important;
	}
}

.btn--yellow-300 {
	color: $color_4 !important;
	border-color: $border-color_31 !important;
	background-color: $background-color_44 !important;
}

.hover--yellow-300 {
	&:hover {
		color: $color_4 !important;
		border-color: $border-color_31 !important;
		background-color: $background-color_44 !important;
	}
}

.btn--yellow-200 {
	color: $color_4 !important;
	border-color: $border-color_32 !important;
	background-color: $background-color_45 !important;
}

.hover--yellow-200 {
	&:hover {
		color: $color_4 !important;
		border-color: $border-color_32 !important;
		background-color: $background-color_45 !important;
	}
}

.btn--yellow-100 {
	color: $color_15 !important;
	border-color: $border-color_29 !important;
	background-color: $background-color_53 !important;
}

.hover--yellow-100 {
	&:hover {
		color: $color_15 !important;
		border-color: $border-color_29 !important;
		background-color: $background-color_53 !important;
	}
}

.btn.btn--black {
	&:focus {
		color: $color_3;
		box-shadow: none;
	}
}

.btn--grey {
	&:focus {
		color: $color_6;
		box-shadow: none;
	}
}

.btn.btn--tra-grey {
	&:focus {
		color: $color_4;
		box-shadow: none;
	}
}

.download-links {
	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;

		p {
			display: inline-block;
			float: left;
			margin-bottom: 0;

			a {
				font-weight: 500;

				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}

.download-links-divider {
	position: relative;
	top: 1.5px;
	transform: rotate(-90deg);
}

.color--white {
	.download-links {
		li {
			p {
				a {
					&:hover {
						color: $color_3 !important;
					}
				}
			}
		}
	}

	color: $color_3;

	h1 {
		color: $color_3;
	}

	h2 {
		color: $color_3;
	}

	h3 {
		color: $color_3;
	}

	h4 {
		color: $color_3;
	}

	h5 {
		color: $color_3;
	}

	h6 {
		color: $color_3;
	}

	p {
		color: $color_3;
	}

	a {
		color: $color_3;
	}

	li {
		color: $color_3;
	}

	i {
		color: $color_3;
	}

	span {
		color: $color_3;
	}

	.color--snow {
		color: $color_16;
	}

	.color--grey {
		color: $color_18;
	}

	.color--blue-500 {
		color: $color_19 !important;
	}

	.color--blue-400 {
		color: $color_9 !important;
	}

	.color--blue-300 {
		color: $color_8 !important;
	}

	.color--green-500 {
		color: $color_20 !important;
	}

	.color--green-400 {
		color: $color_10 !important;
	}

	.color--green-300 {
		color: $color_21 !important;
	}

	.color--pink-500 {
		color: $color_22 !important;
	}

	.color--pink-400 {
		color: $color_11 !important;
	}

	.color--pink-300 {
		color: $color_23 !important;
	}

	.color--purple-500 {
		color: $color_24 !important;
	}

	.color--purple-400 {
		color: $color_12 !important;
	}

	.color--purple-300 {
		color: $color_25 !important;
	}

	.color--red-500 {
		color: $color_26 !important;
	}

	.color--red-400 {
		color: $color_13 !important;
	}

	.color--red-300 {
		color: $color_27 !important;
	}

	.color--violet-500 {
		color: $color_28 !important;
	}

	.color--violet-400 {
		color: $color_14 !important;
	}

	.color--violet-300 {
		color: $color_29 !important;
	}

	.color--yellow-500 {
		color: $color_15 !important;
	}

	.color--yellow-400 {
		color: $color_30 !important;
	}

	.color--yellow-300 {
		color: $color_31 !important;
	}

	.color--theme {
		color: $color_12 !important;
	}
}

.os-btn {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;
	text-align: left;
	width: 330px;
	min-width: 330px;
	background-color: $background-color_5;
	border: 1px solid #d3d3d3;
	padding: 17px 18px 15px;
	transition: all 400ms ease-in-out;

	&:hover {
		background-color: $background-color_57;
		border: 1px solid #f5f6f7;
		box-shadow: 0px 8px 10px 0px rgba(2, 2, 2, 0.05);
	}
}

.os-btn-ico {
	position: relative;
	margin-right: 20px;
}

.os-btn-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;

	p {
		color: $color_4;
		font-size: 1.05rem;
		line-height: 1;
		font-weight: 500;
		letter-spacing: -0.5px;
		margin-top: 6px;
		margin-bottom: 5px;
	}

	span {
		display: block;
		font-size: 0.9rem;
		line-height: 1;
		margin-bottom: 0;
	}
}

.stores-badge {
	display: inline-block;
}

.store {
	display: inline-block;
	text-align: center;
	margin-right: 10px;

	&:last-child {
		margin-right: 0;
	}

	img {
		width: auto;
		max-width: inherit;
	}
}

.store.header-store {
	img {
		max-height: 44px;
	}
}

.badge-img-xs {
	.store {
		img {
			max-height: 2.5rem;
		}
	}
}

.badge-img-sm {
	.store {
		img {
			max-height: 2.625rem;
		}
	}
}

.badge-img-md {
	.store {
		img {
			max-height: 2.875rem;
		}
	}
}

.badge-img-lg {
	.store {
		img {
			max-height: 3rem;
		}
	}
}

.watch-video {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;
	margin-top: 25px;
}

.watch-video-link {
	position: relative;
	text-align: center;
	float: left;
	width: 2.85rem;
	height: 2.85rem;
	color: $color_3;
	border: none;
	margin-right: 12px;
	border-radius: 100%;

	&:before {
		content: '';
		position: absolute;
		left: -3px;
		right: -3px;
		top: -3px;
		bottom: -3px;
		background: rgba(255, 255, 255, 0.2);
		opacity: 0;
		border-radius: 50%;
		transition: all 400ms ease-in-out;
	}

	&:hover {
		&:before {
			opacity: .75;
			left: -8px;
			right: -8px;
			top: -8px;
			bottom: -8px;
		}
	}

	span[class^="flaticon-"] {
		&:before {
			font-size: 2rem;
			line-height: 2.85rem !important;
			margin-left: 5px;
		}

		&:after {
			font-size: 2rem;
			line-height: 2.85rem !important;
			margin-left: 5px;
		}
	}
}

.watch-video-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;
	text-align: left !important;
}

.video-preview {
	position: relative;
	text-align: center;
}

.video-btn {
	position: absolute !important;
	top: 50%;
	left: 50%;
	display: inline-block;
	text-align: center;
	color: $color_3;
	border-radius: 100%;

	&:hover {
		.video-block-wrapper {
			transform: scale(0.95);
		}
	}

	&:before {
		content: '';
		position: absolute;
		left: -5px;
		right: -5px;
		top: -5px;
		bottom: -5px;
		background: rgba(255, 255, 255, 0.2);
		opacity: 0;
		border-radius: 50%;
		transition: all 400ms ease-in-out;
	}
}

.video-btn.video-btn-xl {
	&:hover {
		&:before {
			opacity: .75;
			left: -1.5rem;
			right: -1.5rem;
			top: -1.5rem;
			bottom: -1.5rem;
		}
	}

	[class^="flaticon-"] {
		&:before {
			font-size: 5rem;
			line-height: 6.25rem !important;
			margin-left: 10px;
		}

		&:after {
			font-size: 5rem;
			line-height: 6.25rem !important;
			margin-left: 10px;
		}
	}
}

.video-btn.video-btn-lg {
	&:hover {
		&:before {
			opacity: .75;
			left: -1.25rem;
			right: -1.25rem;
			top: -1.25rem;
			bottom: -1.25rem;
		}
	}

	[class^="flaticon-"] {
		&:before {
			font-size: 4.5rem;
			line-height: 5.625rem !important;
			margin-left: 8px;
		}

		&:after {
			font-size: 4.5rem;
			line-height: 5.625rem !important;
			margin-left: 8px;
		}
	}
}

.video-btn.video-btn-md {
	&:hover {
		&:before {
			opacity: .75;
			left: -1rem;
			right: -1rem;
			top: -1rem;
			bottom: -1rem;
		}
	}

	[class^="flaticon-"] {
		&:before {
			font-size: 4.35rem;
			line-height: 5rem !important;
			margin-left: 8px;
		}

		&:after {
			font-size: 4.35rem;
			line-height: 5rem !important;
			margin-left: 8px;
		}
	}
}

.video-btn.video-btn-sm {
	&:hover {
		&:before {
			opacity: .75;
			left: -0.75rem;
			right: -0.75rem;
			top: -0.75rem;
			bottom: -0.75rem;
		}
	}

	[class^="flaticon-"] {
		&:before {
			font-size: 3.5rem;
			line-height: 4.375rem !important;
			margin-left: 5px;
		}

		&:after {
			font-size: 3.5rem;
			line-height: 4.375rem !important;
			margin-left: 5px;
		}
	}
}

.video-btn-xl {
	width: 6.25rem;
	height: 6.25rem;
	margin-top: -3.125rem;
	margin-left: -3.125rem;
}

.video-btn-lg {
	width: 5.625rem;
	height: 5.625rem;
	margin-top: -2.8125rem;
	margin-left: -2.8125rem;
}

.video-btn-md {
	width: 5rem;
	height: 5rem;
	margin-top: -2.5rem;
	margin-left: -2.5rem;
}

.video-btn-sm {
	width: 4.375rem;
	height: 4.375rem;
	margin-top: -2.1875rem;
	margin-left: -2.1875rem;
}

.video-block-wrapper {
	transition: all 400ms ease-in-out;
}

.ico-10 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.9375rem;
		}

		&:after {
			font-size: 0.9375rem;
		}
	}
}

.ico-20 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.25rem;
		}

		&:after {
			font-size: 1.25rem;
		}
	}

	img {
		width: 20px;
		height: 20px;
	}
}

.ico-25 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.5625rem;
		}

		&:after {
			font-size: 1.5625rem;
		}
	}

	img {
		width: 25px;
		height: 25px;
	}
}

.ico-30 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.875rem;
		}

		&:after {
			font-size: 1.875rem;
		}
	}

	img {
		width: 30px;
		height: 30px;
	}
}

.ico-35 {
	[class*="flaticon-"] {
		&:before {
			font-size: 2.1875rem;
		}

		&:after {
			font-size: 2.1875rem;
		}
	}

	img {
		width: 35px;
		height: 35px;
	}
}

.ico-40 {
	[class*="flaticon-"] {
		&:before {
			font-size: 2.5rem;
		}

		&:after {
			font-size: 2.5rem;
		}
	}

	img {
		width: 40px;
		height: 40px;
	}
}

.ico-45 {
	[class*="flaticon-"] {
		&:before {
			font-size: 2.8125rem;
		}

		&:after {
			font-size: 2.8125rem;
		}
	}

	img {
		width: 45px;
		height: 45px;
	}
}

.ico-50 {
	[class*="flaticon-"] {
		&:before {
			font-size: 3.125rem;
		}

		&:after {
			font-size: 3.125rem;
		}
	}

	.shape-ico {
		svg {
			width: 130px;
			height: 130px;
			top: -35px;
			left: calc(50% - 60px);
		}
	}

	img {
		width: 50px;
		height: 50px;
	}
}

.ico-55 {
	[class*="flaticon-"] {
		&:before {
			font-size: 3.4375rem;
		}

		&:after {
			font-size: 3.4375rem;
		}
	}

	.shape-ico {
		svg {
			width: 135px;
			height: 135px;
			top: -30px;
			left: calc(50% - 60px);
		}
	}

	img {
		width: 55px;
		height: 55px;
	}
}

.ico-60 {
	[class*="flaticon-"] {
		&:before {
			font-size: 3.75rem;
		}

		&:after {
			font-size: 3.75rem;
		}
	}

	.shape-ico {
		svg {
			width: 140px;
			height: 140px;
			top: -30px;
			left: calc(50% - 65px);
		}
	}

	img {
		width: 60px;
		height: 60px;
	}
}

.ico-65 {
	[class*="flaticon-"] {
		&:before {
			font-size: 4.0625rem;
		}

		&:after {
			font-size: 4.0625rem;
		}
	}

	img {
		width: 65px;
		height: 65px;
	}
}

.ico-70 {
	[class*="flaticon-"] {
		&:before {
			font-size: 4.375rem;
		}

		&:after {
			font-size: 4.375rem;
		}
	}

	img {
		width: 70px;
		height: 70px;
	}
}

.ico-75 {
	[class*="flaticon-"] {
		&:before {
			font-size: 4.6875rem;
		}

		&:after {
			font-size: 4.6875rem;
		}
	}

	img {
		width: 75px;
		height: 75px;
	}
}

.ico-80 {
	[class*="flaticon-"] {
		&:before {
			font-size: 5rem;
		}

		&:after {
			font-size: 5rem;
		}
	}

	img {
		width: 80px;
		height: 80px;
	}
}

.ico-85 {
	[class*="flaticon-"] {
		&:before {
			font-size: 5.3125rem;
		}

		&:after {
			font-size: 5.3125rem;
		}
	}

	img {
		width: 85px;
		height: 85px;
	}
}

.ico-90 {
	[class*="flaticon-"] {
		&:before {
			font-size: 5.625rem;
		}

		&:after {
			font-size: 5.625rem;
		}
	}

	img {
		width: 90px;
		height: 90px;
	}
}

.ico-95 {
	[class*="flaticon-"] {
		&:before {
			font-size: 5.9375rem;
		}

		&:after {
			font-size: 5.9375rem;
		}
	}

	img {
		width: 95px;
		height: 95px;
	}
}

.ico-100 {
	[class*="flaticon-"] {
		&:before {
			font-size: 6.25rem;
		}

		&:after {
			font-size: 6.25rem;
		}
	}

	img {
		width: 100px;
		height: 100px;
	}
}

.ico-105 {
	[class*="flaticon-"] {
		&:before {
			font-size: 6.5625rem;
		}

		&:after {
			font-size: 6.5625rem;
		}
	}

	img {
		width: 105px;
		height: 105px;
	}
}

.ico-110 {
	[class*="flaticon-"] {
		&:before {
			font-size: 6.875rem;
		}

		&:after {
			font-size: 6.875rem;
		}
	}

	img {
		width: 110px;
		height: 110px;
	}
}

.ico-115 {
	[class*="flaticon-"] {
		&:before {
			font-size: 7.1875rem;
		}

		&:after {
			font-size: 7.1875rem;
		}
	}

	img {
		width: 115px;
		height: 115px;
	}
}

.ico-120 {
	[class*="flaticon-"] {
		&:before {
			font-size: 7.5rem;
		}

		&:after {
			font-size: 7.5rem;
		}
	}

	img {
		width: 120px;
		height: 120px;
	}
}

.ico-125 {
	[class*="flaticon-"] {
		&:before {
			font-size: 7.8125rem;
		}

		&:after {
			font-size: 7.8125rem;
		}
	}

	img {
		width: 125px;
		height: 125px;
	}
}

.shape-ico {
	position: relative;
	display: inline-block;
	margin: 0 auto;

	span {
		position: relative;
		z-index: 2;
		height: 70px;
		width: 60px;

		&:before {
			font-size: 55px;
		}
	}

	svg {
		position: absolute;
		z-index: 1;
	}
}

.fbox-11 {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;
	margin-bottom: 40px;

	.fbox-ico-wrap {
		margin-right: 30px;
	}

	.ico-50 {
		.shape-ico {
			svg {
				top: -40px;
				left: calc(50% - 70px);
			}
		}
	}

	.fbox-ico {
		margin-top: 4px;
	}

	.fbox-txt {
		overflow: hidden;
		flex: 1;
		max-width: 100%;
	}
}

.shape-ico.color--blue-300 {
	path {
		fill: #f4f9fc;
	}
}

.shape-ico.color--blue-400 {
	path {
		fill: #f4f9fc;
	}
}

.shape-ico.color--blue-500 {
	path {
		fill: #f4f9fc;
	}
}

.shape-ico.color--green-300 {
	path {
		fill: #e9f8f2;
	}
}

.shape-ico.color--green-400 {
	path {
		fill: #e9f8f2;
	}
}

.shape-ico.color--green-500 {
	path {
		fill: #e9f8f2;
	}
}

.shape-ico.color--pink-300 {
	path {
		fill: #feecf2;
	}
}

.shape-ico.color--pink-400 {
	path {
		fill: #feecf2;
	}
}

.shape-ico.color--pink-500 {
	path {
		fill: #feecf2;
	}
}

.shape-ico.color--purple-300 {
	path {
		fill: rgba(var(--bs-primary-rgb), 0.1);
	}
}

.shape-ico.color--purple-400 {
	path {
		fill: rgba(var(--bs-primary-rgb), 0.1);
	}
}

.shape-ico.color--purple-500 {
	path {
		fill: rgba(var(--bs-primary-rgb), 0.1);
	}
}

.shape-ico.color--red-300 {
	path {
		fill: #fce7e4;
	}
}

.shape-ico.color--red-400 {
	path {
		fill: #fce7e4;
	}
}

.shape-ico.color--red-500 {
	path {
		fill: #fce7e4;
	}
}

.shape-ico.color--violet-300 {
	path {
		fill: #f7e4f1;
	}
}

.shape-ico.color--violet-400 {
	path {
		fill: #f7e4f1;
	}
}

.shape-ico.color--violet-500 {
	path {
		fill: #f7e4f1;
	}
}

.ico-rounded {
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	width: 80px;
	height: 80px;

	[class*="flaticon-"] {
		&:before {
			font-size: 2.15rem;
			line-height: 80px !important;
		}

		&:after {
			font-size: 2.15rem;
			line-height: 80px !important;
		}
	}
}

.ico-rounded-md {
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	width: 90px;
	height: 90px;

	[class*="flaticon-"] {
		&:before {
			font-size: 2.4rem;
			line-height: 90px !important;
		}

		&:after {
			font-size: 2.4rem;
			line-height: 90px !important;
		}
	}
}

.ico-rounded-lg {
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	width: 100px;
	height: 100px;

	[class*="flaticon-"] {
		&:before {
			font-size: 2.65rem;
			line-height: 100px !important;
		}

		&:after {
			font-size: 2.65rem;
			line-height: 100px !important;
		}
	}
}

.ico-square {
	display: inline-block;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 12px;

	[class*="flaticon-"] {
		&:before {
			font-size: 2.4rem;
			line-height: 80px !important;
		}

		&:after {
			font-size: 2.4rem;
			line-height: 80px !important;
		}
	}
}

.ico-145 {
	img {
		width: 145px;
		height: 145px;
	}
}

.ico-140 {
	img {
		width: 140px;
		height: 140px;
	}
}

.ico-135 {
	img {
		width: 135px;
		height: 135px;
	}
}

.ico-130 {
	img {
		width: 130px;
		height: 130px;
	}
}

.section-id {
	display: block;
	font-size: 0.85rem;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.section-id.rounded-id {
	display: inline-block;
	padding: 10px 24px;
	font-size: 0.85rem;
	text-transform: uppercase;
	border-radius: 100px;
	margin-bottom: 40px;
}

.section-id.border-id {
	border-width: 2px;
	border-style: solid;
}

.section-id.border-id.border--grey {
	border-color: $border-color_33;
}

.section-id.border-id.border--blue {
	border-color: $border-color_1;
}

.section-title {
	text-align: center;

	h2 {
		margin-bottom: 0;
	}

	h2.w-700 {
		letter-spacing: -0.5px;
	}

	a.contact-link {
		font-weight: 500;
		text-decoration: underline;
	}

	.btns-group {
		.btn {
			margin-top: 0;
		}
	}

	p.p-md {
		margin-top: 18px;
		margin-bottom: 0;
		padding: 0 3%;
	}

	p.p-lg {
		margin-top: 18px;
		margin-bottom: 0;
		padding: 0 3%;
	}

	p.p-xl {
		margin-top: 18px;
		margin-bottom: 0;
	}

	p.s-20 {
		margin-top: 18px;
		margin-bottom: 0;
	}

	p.s-21 {
		margin-top: 18px;
		margin-bottom: 0;
	}

	.advantages {
		margin-top: 20px;
	}

	.btns-txt {
		margin-top: 20px;
	}

	.btns-group-txt {
		margin-top: 20px;
	}
}

.color--snow {
	color: $color_16;

	h1 {
		color: $color_16;
	}

	h2 {
		color: $color_16;
	}

	h3 {
		color: $color_16;
	}

	h4 {
		color: $color_16;
	}

	h5 {
		color: $color_16;
	}

	h6 {
		color: $color_16;
	}

	p {
		color: $color_16;
	}

	a {
		color: $color_16;
	}

	li {
		color: $color_16;
	}

	i {
		color: $color_16;
	}

	span {
		color: $color_16;
	}
}

.color--black {
	color: $color_4;

	h1 {
		color: $color_4;
	}

	h2 {
		color: $color_4;
	}

	h3 {
		color: $color_4;
	}

	h4 {
		color: $color_4;
	}

	h5 {
		color: $color_4;
	}

	h6 {
		color: $color_4;
	}

	p {
		color: $color_4;
	}

	a {
		color: $color_4;
	}

	li {
		color: $color_4;
	}

	i {
		color: $color_4;
	}

	span {
		color: $color_4;
	}
}

.color--coal {
	color: $color_17;

	h1 {
		color: $color_17;
	}

	h2 {
		color: $color_17;
	}

	h3 {
		color: $color_17;
	}

	h4 {
		color: $color_17;
	}

	h5 {
		color: $color_17;
	}

	h6 {
		color: $color_17;
	}

	p {
		color: $color_17;
	}

	a {
		color: $color_17;
	}

	li {
		color: $color_17;
	}

	i {
		color: $color_17;
	}

	span {
		color: $color_17;
	}
}

.color--grey {
	color: $color_18;

	h1 {
		color: $color_18;
	}

	h2 {
		color: $color_18;
	}

	h3 {
		color: $color_18;
	}

	h4 {
		color: $color_18;
	}

	h5 {
		color: $color_18;
	}

	h6 {
		color: $color_18;
	}

	p {
		color: $color_18;
	}

	a {
		color: $color_18;
	}

	li {
		color: $color_18;
	}

	i {
		color: $color_18;
	}

	span {
		color: $color_18;
	}
}

.color--blue-500 {
	color: $color_19 !important;

	h1 {
		color: $color_19 !important;
	}

	h2 {
		color: $color_19 !important;
	}

	h3 {
		color: $color_19 !important;
	}

	h4 {
		color: $color_19 !important;
	}

	h5 {
		color: $color_19 !important;
	}

	h6 {
		color: $color_19 !important;
	}

	p {
		color: $color_19 !important;
	}

	a {
		color: $color_19 !important;
	}

	li {
		color: $color_19 !important;
	}

	i {
		color: $color_19 !important;
	}

	span {
		color: $color_19 !important;
	}
}

.color--blue-400 {
	color: $color_9 !important;

	h1 {
		color: $color_9 !important;
	}

	h2 {
		color: $color_9 !important;
	}

	h3 {
		color: $color_9 !important;
	}

	h4 {
		color: $color_9 !important;
	}

	h5 {
		color: $color_9 !important;
	}

	h6 {
		color: $color_9 !important;
	}

	p {
		color: $color_9 !important;
	}

	a {
		color: $color_9 !important;
	}

	li {
		color: $color_9 !important;
	}

	i {
		color: $color_9 !important;
	}

	span {
		color: $color_9 !important;
	}
}

.color--blue-300 {
	color: $color_8 !important;

	h1 {
		color: $color_8 !important;
	}

	h2 {
		color: $color_8 !important;
	}

	h3 {
		color: $color_8 !important;
	}

	h4 {
		color: $color_8 !important;
	}

	h5 {
		color: $color_8 !important;
	}

	h6 {
		color: $color_8 !important;
	}

	p {
		color: $color_8 !important;
	}

	a {
		color: $color_8 !important;
	}

	li {
		color: $color_8 !important;
	}

	i {
		color: $color_8 !important;
	}

	span {
		color: $color_8 !important;
	}
}

.color--green-500 {
	color: $color_20 !important;

	h1 {
		color: $color_20 !important;
	}

	h2 {
		color: $color_20 !important;
	}

	h3 {
		color: $color_20 !important;
	}

	h4 {
		color: $color_20 !important;
	}

	h5 {
		color: $color_20 !important;
	}

	h6 {
		color: $color_20 !important;
	}

	p {
		color: $color_20 !important;
	}

	a {
		color: $color_20 !important;
	}

	li {
		color: $color_20 !important;
	}

	i {
		color: $color_20 !important;
	}

	span {
		color: $color_20 !important;
	}
}

.color--green-400 {
	color: $color_10 !important;

	h1 {
		color: $color_10 !important;
	}

	h2 {
		color: $color_10 !important;
	}

	h3 {
		color: $color_10 !important;
	}

	h4 {
		color: $color_10 !important;
	}

	h5 {
		color: $color_10 !important;
	}

	h6 {
		color: $color_10 !important;
	}

	p {
		color: $color_10 !important;
	}

	a {
		color: $color_10 !important;
	}

	li {
		color: $color_10 !important;
	}

	i {
		color: $color_10 !important;
	}

	span {
		color: $color_10 !important;
	}
}

.color--green-300 {
	color: $color_21 !important;

	h1 {
		color: $color_21 !important;
	}

	h2 {
		color: $color_21 !important;
	}

	h3 {
		color: $color_21 !important;
	}

	h4 {
		color: $color_21 !important;
	}

	h5 {
		color: $color_21 !important;
	}

	h6 {
		color: $color_21 !important;
	}

	p {
		color: $color_21 !important;
	}

	a {
		color: $color_21 !important;
	}

	li {
		color: $color_21 !important;
	}

	i {
		color: $color_21 !important;
	}

	span {
		color: $color_21 !important;
	}
}

.color--pink-500 {
	color: $color_22 !important;

	h1 {
		color: $color_22 !important;
	}

	h2 {
		color: $color_22 !important;
	}

	h3 {
		color: $color_22 !important;
	}

	h4 {
		color: $color_22 !important;
	}

	h5 {
		color: $color_22 !important;
	}

	h6 {
		color: $color_22 !important;
	}

	p {
		color: $color_22 !important;
	}

	a {
		color: $color_22 !important;
	}

	li {
		color: $color_22 !important;
	}

	i {
		color: $color_22 !important;
	}

	span {
		color: $color_22 !important;
	}
}

.color--pink-400 {
	color: $color_11 !important;

	h1 {
		color: $color_11 !important;
	}

	h2 {
		color: $color_11 !important;
	}

	h3 {
		color: $color_11 !important;
	}

	h4 {
		color: $color_11 !important;
	}

	h5 {
		color: $color_11 !important;
	}

	h6 {
		color: $color_11 !important;
	}

	p {
		color: $color_11 !important;
	}

	a {
		color: $color_11 !important;
	}

	li {
		color: $color_11 !important;
	}

	i {
		color: $color_11 !important;
	}

	span {
		color: $color_11 !important;
	}
}

.color--pink-300 {
	color: $color_23 !important;

	h1 {
		color: $color_23 !important;
	}

	h2 {
		color: $color_23 !important;
	}

	h3 {
		color: $color_23 !important;
	}

	h4 {
		color: $color_23 !important;
	}

	h5 {
		color: $color_23 !important;
	}

	h6 {
		color: $color_23 !important;
	}

	p {
		color: $color_23 !important;
	}

	a {
		color: $color_23 !important;
	}

	li {
		color: $color_23 !important;
	}

	i {
		color: $color_23 !important;
	}

	span {
		color: $color_23 !important;
	}
}

.color--purple-500 {
	color: $color_24 !important;

	h1 {
		color: $color_24 !important;
	}

	h2 {
		color: $color_24 !important;
	}

	h3 {
		color: $color_24 !important;
	}

	h4 {
		color: $color_24 !important;
	}

	h5 {
		color: $color_24 !important;
	}

	h6 {
		color: $color_24 !important;
	}

	p {
		color: $color_24 !important;
	}

	a {
		color: $color_24 !important;
	}

	li {
		color: $color_24 !important;
	}

	i {
		color: $color_24 !important;
	}

	span {
		color: $color_24 !important;
	}
}

.color--purple-400 {
	color: $color_12 !important;

	h1 {
		color: $color_12 !important;
	}

	h2 {
		color: $color_12 !important;
	}

	h3 {
		color: $color_12 !important;
	}

	h4 {
		color: $color_12 !important;
	}

	h5 {
		color: $color_12 !important;
	}

	h6 {
		color: $color_12 !important;
	}

	p {
		color: $color_12 !important;
	}

	a {
		color: $color_12 !important;
	}

	li {
		color: $color_12 !important;
	}

	i {
		color: $color_12 !important;
	}

	span {
		color: $color_12 !important;
	}
}

.color--purple-300 {
	color: $color_25 !important;

	h1 {
		color: $color_25 !important;
	}

	h2 {
		color: $color_25 !important;
	}

	h3 {
		color: $color_25 !important;
	}

	h4 {
		color: $color_25 !important;
	}

	h5 {
		color: $color_25 !important;
	}

	h6 {
		color: $color_25 !important;
	}

	p {
		color: $color_25 !important;
	}

	a {
		color: $color_25 !important;
	}

	li {
		color: $color_25 !important;
	}

	i {
		color: $color_25 !important;
	}

	span {
		color: $color_25 !important;
	}
}

.color--red-500 {
	color: $color_26 !important;

	h1 {
		color: $color_26 !important;
	}

	h2 {
		color: $color_26 !important;
	}

	h3 {
		color: $color_26 !important;
	}

	h4 {
		color: $color_26 !important;
	}

	h5 {
		color: $color_26 !important;
	}

	h6 {
		color: $color_26 !important;
	}

	p {
		color: $color_26 !important;
	}

	a {
		color: $color_26 !important;
	}

	li {
		color: $color_26 !important;
	}

	i {
		color: $color_26 !important;
	}

	span {
		color: $color_26 !important;
	}
}

.color--red-400 {
	color: $color_13 !important;

	h1 {
		color: $color_13 !important;
	}

	h2 {
		color: $color_13 !important;
	}

	h3 {
		color: $color_13 !important;
	}

	h4 {
		color: $color_13 !important;
	}

	h5 {
		color: $color_13 !important;
	}

	h6 {
		color: $color_13 !important;
	}

	p {
		color: $color_13 !important;
	}

	a {
		color: $color_13 !important;
	}

	li {
		color: $color_13 !important;
	}

	i {
		color: $color_13 !important;
	}

	span {
		color: $color_13 !important;
	}
}

.color--red-300 {
	color: $color_27 !important;

	h1 {
		color: $color_27 !important;
	}

	h2 {
		color: $color_27 !important;
	}

	h3 {
		color: $color_27 !important;
	}

	h4 {
		color: $color_27 !important;
	}

	h5 {
		color: $color_27 !important;
	}

	h6 {
		color: $color_27 !important;
	}

	p {
		color: $color_27 !important;
	}

	a {
		color: $color_27 !important;
	}

	li {
		color: $color_27 !important;
	}

	i {
		color: $color_27 !important;
	}

	span {
		color: $color_27 !important;
	}
}

.color--violet-500 {
	color: $color_28 !important;

	h1 {
		color: $color_28 !important;
	}

	h2 {
		color: $color_28 !important;
	}

	h3 {
		color: $color_28 !important;
	}

	h4 {
		color: $color_28 !important;
	}

	h5 {
		color: $color_28 !important;
	}

	h6 {
		color: $color_28 !important;
	}

	p {
		color: $color_28 !important;
	}

	a {
		color: $color_28 !important;
	}

	li {
		color: $color_28 !important;
	}

	i {
		color: $color_28 !important;
	}

	span {
		color: $color_28 !important;
	}
}

.color--violet-400 {
	color: $color_14 !important;

	h1 {
		color: $color_14 !important;
	}

	h2 {
		color: $color_14 !important;
	}

	h3 {
		color: $color_14 !important;
	}

	h4 {
		color: $color_14 !important;
	}

	h5 {
		color: $color_14 !important;
	}

	h6 {
		color: $color_14 !important;
	}

	p {
		color: $color_14 !important;
	}

	a {
		color: $color_14 !important;
	}

	li {
		color: $color_14 !important;
	}

	i {
		color: $color_14 !important;
	}

	span {
		color: $color_14 !important;
	}
}

.color--violet-300 {
	color: $color_29 !important;

	h1 {
		color: $color_29 !important;
	}

	h2 {
		color: $color_29 !important;
	}

	h3 {
		color: $color_29 !important;
	}

	h4 {
		color: $color_29 !important;
	}

	h5 {
		color: $color_29 !important;
	}

	h6 {
		color: $color_29 !important;
	}

	p {
		color: $color_29 !important;
	}

	a {
		color: $color_29 !important;
	}

	li {
		color: $color_29 !important;
	}

	i {
		color: $color_29 !important;
	}

	span {
		color: $color_29 !important;
	}
}

.color--yellow-500 {
	color: $color_15 !important;

	h1 {
		color: $color_15 !important;
	}

	h2 {
		color: $color_15 !important;
	}

	h3 {
		color: $color_15 !important;
	}

	h4 {
		color: $color_15 !important;
	}

	h5 {
		color: $color_15 !important;
	}

	h6 {
		color: $color_15 !important;
	}

	p {
		color: $color_15 !important;
	}

	a {
		color: $color_15 !important;
	}

	li {
		color: $color_15 !important;
	}

	i {
		color: $color_15 !important;
	}

	span {
		color: $color_15 !important;
	}
}

.color--yellow-400 {
	color: $color_30 !important;

	h1 {
		color: $color_30 !important;
	}

	h2 {
		color: $color_30 !important;
	}

	h3 {
		color: $color_30 !important;
	}

	h4 {
		color: $color_30 !important;
	}

	h5 {
		color: $color_30 !important;
	}

	h6 {
		color: $color_30 !important;
	}

	p {
		color: $color_30 !important;
	}

	a {
		color: $color_30 !important;
	}

	li {
		color: $color_30 !important;
	}

	i {
		color: $color_30 !important;
	}

	span {
		color: $color_30 !important;
	}
}

.color--yellow-300 {
	color: $color_31 !important;

	h1 {
		color: $color_31 !important;
	}

	h2 {
		color: $color_31 !important;
	}

	h3 {
		color: $color_31 !important;
	}

	h4 {
		color: $color_31 !important;
	}

	h5 {
		color: $color_31 !important;
	}

	h6 {
		color: $color_31 !important;
	}

	p {
		color: $color_31 !important;
	}

	a {
		color: $color_31 !important;
	}

	li {
		color: $color_31 !important;
	}

	i {
		color: $color_31 !important;
	}

	span {
		color: $color_31 !important;
	}
}

#loading {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99999999;
	background-color: $background-color_58;
}

#loading-center {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	margin-top: -50px;
	margin-left: -50px;
	animation: loading-center-absolute 1s infinite;
}

.loader {
	border: 2px solid;
	border-color: $border-color_34;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;

	&::after {
		content: '';
		box-sizing: border-box;
		position: absolute;
		left: 50%;
		top: 50%;
		border: 50px solid;
		border-color: $border-color_35;
		border-radius: 50%;
		transform: translate(-50%, -50%);
	}
}

.loading--blue {
	.loader {
		border-color: $border-color_36;

		&::after {
			border-color: $border-color_37;
		}
	}
}

.loading--green {
	.loader {
		border-color: $border-color_38;

		&::after {
			border-color: $border-color_39;
		}
	}
}

.loading--pink {
	.loader {
		border-color: $border-color_40;

		&::after {
			border-color: $border-color_41;
		}
	}
}

.loading--purple {
	.loader {
		border-color: $border-color_42;

		&::after {
			border-color: $border-color_43;
		}
	}
}

.loading--red {
	.loader {
		border-color: $border-color_44;

		&::after {
			border-color: $border-color_45;
		}
	}
}

.loading--violet {
	.loader {
		border-color: $border-color_46;

		&::after {
			border-color: $border-color_47;
		}
	}
}

.loading--yellow {
	.loader {
		border-color: $border-color_48;

		&::after {
			border-color: $border-color_49;
		}
	}
}

#header {
	width: 100%;
	display: block;
	padding-top: 0px;
}

.header-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.header-wrapper {
	&.sticky-off {

		transition: all 450ms ease-in-out;

		.scroll {
			transition: all 450ms ease-in-out;
			visibility: hidden;
			display: none;
		}
	}
}

.headerwp {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
}

.posrlt {
	position: relative;
}

.desktoplogo {
	img {
		max-width: inherit;
		height: auto;
	}
}

.blog-header {
	.desktoplogo {
		img {
			max-height: 30px;
		}
	}
}

.wsmainfull {
	width: 100%;
	height: auto;
	z-index: 1031;
	transition: all 450ms ease-in-out;

	&.on-scroll-visible {
		visibility: hidden;
		transition: all 450ms ease-in-out;

		&.scroll {
			visibility: visible;
		}
	}

}

.tra-menu {
	.wsmainfull {
		padding: 20px 0;
		background-color: $background-color_53 !important;
		box-shadow: none;
	}
}

.tra-menu.navbar-dark.black-scroll {
	.scroll {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>a.h-link {
						color: $color_3;

						&:hover {
							color: $color_32 !important;
						}
					}
				}
			}
		}

		.logo-black {
			display: none;
		}

		.logo-white {
			display: block;
		}
	}
}

.white-menu {
	.wsmainfull {
		padding: 6px 0;
		background-color: $background-color_5 !important;
		box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);
	}
}

.dark-menu {
	.wsmainfull {
		padding: 6px 0;
		background-color: $background-color_59 !important;
		box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
	}

	.wsmenu {
		>.wsmenu-list {
			>li {
				>ul.sub-menu {
					background-color: $background-color_61 !important;
					border: solid 1px #2c3142 !important;
					box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);

					>li {
						>a {
							color: $color_34;
							background-color: $background-color_62 !important;

							&:hover {
								background-color: $background-color_63 !important;
							}
						}
					}
				}

				>.wsmegamenu {
					background-color: $background-color_61 !important;
					border: solid 1px #2c3142 !important;
					box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
				}

				>.wsmegamenu.halfmenu {
					background-color: $background-color_61 !important;
					border: solid 1px #2c3142 !important;
					box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);

					ul.link-list {
						>li {
							>a {
								color: $color_34;
								background-color: $background-color_62 !important;

								&:hover {
									background-color: $background-color_63 !important;
								}
							}
						}
					}
				}

				>.wsmegamenu.w-75 {
					ul.link-list {
						>li {
							>a {
								color: $color_34;
								background-color: $background-color_62 !important;

								&:hover {
									background-color: $background-color_63 !important;
								}
							}
						}
					}
				}
			}
		}
	}

	.title {
		color: $color_3 !important;
	}

	.icons-menu-txt {
		span {
			color: $color_3 !important;
		}
	}
}

#header.hiddden-header {
	display: none;
}

.hidden-nav {
	.wsmainfull {
		margin-top: -140px;
		box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);
		transition: all 400ms ease-in-out;
	}

	.wsmainfull.scroll {
		margin-top: 0;
	}
}

.wsmenu {
	>.wsmenu-list {
		>li {
			>a {
				font-family: $font-family_2;
				display: block;
				font-size: 1rem;
				line-height: 50px;
				font-weight: 600;
				letter-spacing: 0;
				text-decoration: none;
				margin: 0 7px;
				padding: 10px 15px;

				.wsarrow {
					&:after {
						border-left: 4px solid rgba(0, 0, 0, 0);
						border-right: 4px solid rgba(0, 0, 0, 0);
						border-top: 4px solid;
						content: "";
						float: right;
						right: 0;
						height: 0;
						margin: 0 0 0 14px;
						position: absolute;
						text-align: right;
						top: 35px;
						width: 0;
					}
				}
			}

			>a.h-link.last-link {
				padding: 10px 0px;
				margin: 0;
			}

			a.btn {
				font-size: 1rem;
				line-height: 30px;
				font-weight: 600;
				text-transform: none;
				letter-spacing: 0;
				margin-top: 14px;
				padding: 4px 28px;
			}

			a.btn.reg-btn {
				padding: 4px 22px;
			}

			a.btn.fst-btn-link {
				margin-left: 12px;
			}

			a.store.header-store {
				line-height: 1;
				margin-top: 13px;
				margin-left: 10px;
				margin-bottom: 0;
				padding: 0;
			}

			>ul.sub-menu {
				width: auto;
				min-width: 200px;
				top: 62px;
				padding: 12px 10px;
				-webkit-border-radius: 6px;
				-o-border-radius: 6px;
				box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);

				>li {
					>a {
						background-color: $background-color_60;
						font-family: $font-family_2;
						color: $color_4;
						font-size: 1rem;
						font-weight: 600;
						padding: 11px 14px;
						-webkit-border-radius: 6px;
						-o-border-radius: 6px;
						transition: all 0.3s ease-in-out;

						&:hover {
							background-color: $background-color_2;
							padding: 11px 14px;
						}
					}
				}
			}

			>ul.sub-menu.icons-menu {
				max-width: 275px;
				min-width: 275px;
				padding: 12px;
			}

			>.wsmegamenu {
				top: 62px;
				padding: 12px 0;
				-webkit-border-radius: 6px;
				-o-border-radius: 6px;
				box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);

				.link-list {
					li {
						border-bottom: none;
					}
				}

				.title {
					color: $color_36;
					font-family: $font-family_2;
					font-size: 0.875rem;
					line-height: 1;
					font-weight: 600;
					text-transform: uppercase;
					letter-spacing: 0;
					margin: 10px 0 15px 13px;
				}
			}

			>.wsmegamenu.halfmenu {
				width: 38%;
				padding: 12px 0;
				-webkit-border-radius: 6px;
				-o-border-radius: 6px;
				box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);

				ul.link-list {
					>li {
						>a {
							font-family: $font-family_2;
							background-color: $background-color_60;
							color: $color_4;
							font-size: 1rem;
							font-weight: 600;
							padding: 11px 14px;
							-webkit-border-radius: 6px;
							-o-border-radius: 6px;
							transition: all 0.3s ease-in-out;

							&:hover {
								background-color: $background-color_2;
								padding: 11px 14px;
							}
						}
					}
				}

				.title {
					color: $color_36;
					font-family: $font-family_2;
					font-size: 0.875rem;
					line-height: 1;
					font-weight: 600;
					text-transform: uppercase;
					letter-spacing: 0;
					margin: 10px 0 15px 13px;
				}
			}

			>.wsmegamenu.halfmenu.icons-menu {
				right: 2%;
				width: 52%;
				padding: 12px 6px;
			}

			>.wsmegamenu.w-75 {
				width: 76% !important;
				left: 23%;
				padding: 20px 10px;

				ul.link-list {
					>li {
						>a {
							font-family: $font-family_2;
							background-color: $background-color_60;
							color: $color_4;
							font-size: 1rem;
							font-weight: 600;
							padding: 11px 14px;
							-webkit-border-radius: 6px;
							-o-border-radius: 6px;
							transition: all 0.3s ease-in-out;

							&:hover {
								background-color: $background-color_2;
								padding: 11px 14px;
							}
						}
					}
				}
			}

			>.wsmegamenu.icons-menu.w-75 {
				width: 82% !important;
				left: 17%;
				padding: 12px 6px;
			}
		}

		>li.reg-fst-link {
			>a {
				margin-left: 30px;
			}
		}
	}

	>.wsmenu-list.nav-blue-500 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_19 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_19 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_19 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-blue-400 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_9 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_9 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_9 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-blue-300 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_8 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_8 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_8 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-green-500 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_20 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_20 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_20 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-green-400 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_10 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_10 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_10 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-green-300 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_21 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_21 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_21 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-pink-500 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_22 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_22 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_22 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-pink-400 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_11 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_11 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_11 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-pink-300 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_23 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_23 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_23 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-purple-500 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_24 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_24 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_24 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-purple-400 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_12 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_12 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_12 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-purple-300 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_25 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_25 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_25 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-red-500 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_26 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_26 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_26 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-red-400 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_13 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_13 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_13 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-red-300 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_27 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_27 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_27 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-violet-500 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_28 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_28 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_28 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-violet-400 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_14 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_14 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_14 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-violet-300 {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_29 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_29 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_29 !important;
							}
						}
					}
				}
			}
		}
	}

	>.wsmenu-list.nav-theme {
		>li {
			>ul.sub-menu {
				>li {
					>a {
						&:hover {
							color: $color_12 !important;
						}
					}
				}
			}

			>.wsmegamenu.w-75 {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_12 !important;
							}
						}
					}
				}
			}

			>.wsmegamenu.halfmenu {
				ul.link-list {
					>li {
						>a {
							&:hover {
								color: $color_12 !important;
							}
						}
					}
				}
			}
		}
	}
}

.navbar-dark {
	.wsmenu {
		>.wsmenu-list {
			>li {
				>a.h-link {
					color: $color_4;
				}
			}
		}
	}

	.wsmenu-list {
		>li {
			>a.h-link {
				&:hover {
					color: $color_33 !important;
				}
			}
		}
	}

	.logo-white {
		display: none;
	}
}

.navbar-light {
	.wsmenu {
		>.wsmenu-list {
			>li {
				>a.h-link {
					color: $color_3;
				}
			}
		}
	}

	.header-socials {
		a {
			color: $color_34;

			&:hover {
				color: $color_32 !important;
			}
		}
	}

	.wsmenu-list {
		>li {
			>a.h-link {
				&:hover {
					color: $color_35 !important;
				}
			}
		}
	}

	.logo-black {
		display: none;
	}
}

.navbar-light.white-scroll {
	.scroll {
		.wsmenu-list {
			>li {
				>a.h-link {
					&:hover {
						color: $color_33 !important;
					}
				}
			}
		}
	}
}

span.sm-info {
	position: relative;
	display: inline-block;
	text-align: center;
	width: 20px;
	height: 20px;
	color: $color_3;
	font-size: 0.65rem;
	line-height: 19px;
	font-weight: 700;
	margin-left: 5px;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
}

span.version-data {
	color: $color_4;
	font-size: 2rem;
	line-height: 1;
	margin-right: 20px;
	margin-bottom: 0;
}

span.release-date {
	color: $color_7;
	font-size: 1.175rem;
	line-height: 1;
	margin-bottom: 0;

	span {
		color: $color_4;
		font-weight: 500;
		margin-left: 20px;
	}
}

.nav-blue-500 {
	.sm-info {
		background-color: $background-color_11;
	}
}

.nav-blue-400 {
	.sm-info {
		background-color: $background-color_12;
	}
}

.nav-blue-300 {
	.sm-info {
		background-color: $background-color_13;
	}
}

.nav-green-500 {
	.sm-info {
		background-color: $background-color_16;
	}
}

.nav-green-400 {
	.sm-info {
		background-color: $background-color_17;
	}
}

.nav-green-300 {
	.sm-info {
		background-color: $background-color_18;
	}
}

.nav-pink-500 {
	.sm-info {
		background-color: $background-color_21;
	}
}

.nav-pink-400 {
	.sm-info {
		background-color: $background-color_22;
	}
}

.nav-pink-300 {
	.sm-info {
		background-color: $background-color_23;
	}
}

.nav-purple-500 {
	.sm-info {
		background-color: $background-color_26;
	}
}

.nav-purple-400 {
	.sm-info {
		background-color: $background-color_28;
	}
}

.nav-purple-300 {
	.sm-info {
		background-color: $background-color_29;
	}
}

.nav-red-500 {
	.sm-info {
		background-color: $background-color_32;
	}
}

.nav-red-400 {
	.sm-info {
		background-color: $background-color_33;
	}
}

.nav-red-300 {
	.sm-info {
		background-color: $background-color_34;
	}
}

.nav-violet-500 {
	.sm-info {
		background-color: $background-color_37;
	}
}

.nav-violet-400 {
	.sm-info {
		background-color: $background-color_38;
	}
}

.nav-violet-300 {
	.sm-info {
		background-color: $background-color_39;
	}
}

.nav-yellow-500 {
	.sm-info {
		background-color: $background-color_42;
	}
}

.nav-yellow-400 {
	.sm-info {
		background-color: $background-color_43;
	}
}

.nav-yellow-300 {
	.sm-info {
		background-color: $background-color_44;
	}
}

.header-socials {
	margin: 0;
	display: inline-block;
	text-align: center;

	span {
		float: left;
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
		margin: 0;
	}

	a {
		display: block;
		margin-left: 18px;
	}
}

.header-socials.ico-20 {
	[class*="flaticon-"] {
		&:before {
			line-height: 70px !important;
		}

		&:after {
			line-height: 70px !important;
		}
	}
}

.wsmegamenu.w-75 {
	.col-lg-3 {
		padding: 0 6px;
	}
}

.wsmegamenu.halfmenu.icons-menu {
	.col-lg-6 {
		padding: 0 6px;
	}
}

.wsmegamenu.icons-menu.w-75 {
	.col-lg-4 {
		padding: 0 6px;
	}
}

.wsmegamenu.ico-30 {
	.icons-menu-ico {
		span {
			position: relative;
			top: 6px !important;
		}
	}
}

.icons-menu {
	.icons-menu-item {
		display: flex !important;
		position: relative !important;
		flex-flow: row wrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
	}
}

.icons-menu-ico {
	position: relative;
	margin-right: 14px;
}

.icons-menu-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;

	h6 {
		color: $color_37;
		font-size: 1rem;
		line-height: 32px;
		font-weight: 500;
		margin-bottom: 0;
	}

	span {
		display: block;
		color: $color_38;
		font-size: 0.925rem;
		font-weight: 400;
		margin-bottom: 0;
	}
}

.sub-menu.ico-30 {
	.icons-menu-txt {
		h6 {
			line-height: 30px;
		}
	}
}

.tra-menu.white-scroll {
	.wsmainfull.scroll {
		padding: 0;
		background-color: $background-color_64 !important;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);
	}
}

.white-menu.white-scroll {
	.wsmainfull.scroll {
		padding: 0;
		background-color: $background-color_64 !important;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
		box-shadow: 0 2px 3px rgba(96, 96, 96, 0.1);
	}
}

.tra-menu.navbar-dark.white-scroll {
	.scroll {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>a.h-link {
						color: $color_4;
					}
				}
			}
		}
	}
}

.tra-menu.navbar-light.white-scroll {
	.scroll {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>a.h-link {
						color: $color_4;
					}
				}
			}
		}
	}
}

.tra-menu.black-scroll {
	.wsmainfull.scroll {
		padding: 0;
		background-color: $background-color_59 !important;
		box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
	}
}

.dark-menu.black-scroll {
	.wsmainfull.scroll {
		padding: 0;
		background-color: $background-color_59 !important;
		box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
	}
}

.logo-white {
	display: block;
}

.logo-black {
	display: block;
}

.tra-menu.navbar-light {
	.scroll {
		.logo-white {
			display: none;
		}

		.logo-black {
			display: block;
		}
	}
}

.hero-logo {
	margin-bottom: 40px;

	img {
		width: auto;
		max-width: inherit;
		max-height: 36px;
	}
}

.hero-square-logo {
	margin-bottom: 20px;

	img {
		width: auto;
		max-width: inherit;
		max-height: 90px;
	}
}

.hero-22 {
	position: relative;
	background-image: url(../images/hero-22.jpg);
	padding-top: 160px;

	.hero-logo {
		margin-bottom: 30px;
	}

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}
}

.hero-app-logo {
	margin-bottom: 35px;

	img {
		width: auto;
		max-width: inherit;
		max-height: 100px;
	}
}

.hero-25 {
	background-image: url(../images/hero-25.jpg);
	padding-top: 120px;
	padding-bottom: 100px;

	.hero-app-logo {
		margin-bottom: 25px;

		img {
			max-height: 110px;
		}
	}
}

#hd-1-1 {
	display: inline-block;
	float: left;
	padding-right: 20px;
	width: 45%;
}

#hd-1-2 {
	display: inline-block;
	float: left;
	padding-right: 20px;
	width: 55%;
}

.hero-digits-block {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;
}

.hero-digits {
	.block-txt {
		overflow: hidden;
		flex: 1;
		max-width: 100%;
		padding-left: 12px;

		p.p-sm {
			line-height: 1.35;
			margin-top: 5px;
			margin-bottom: 0;
		}
	}

	h2.statistic-number {
		line-height: 1;
		margin-bottom: 0;

		span {
			font-size: 1.85rem;
		}
	}
}

.hero-1 {
	background-image: url(../images/hero-1.jpg);
	padding-top: 130px;
	padding-bottom: 100px;
}

.hero-1-txt {
	p {
		padding-right: 2%;
	}
}

.hero-2 {
	background-image: url(../images/hero-2.jpg);
	padding-top: 150px;
	padding-bottom: 100px;
}

.hero-2-txt {
	p {
		padding-right: 3%;
	}
}

.hero-2-img {
	text-align: center;
	padding-right: 25px;
}

.hero-3 {
	position: relative;
	padding-top: 160px;
	background-image: url(../images/hero-3.jpg);

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 100%;
		height: 5%;
		bottom: 0;
		left: 0;
		background-color: $background-color_5;
	}
}

.hero-3-txt {
	margin-top: -70px;

	p.p-lg {
		padding-right: 2%;
	}
}

.hero-3-img {
	position: relative !important;
	text-align: center;
	margin: 0 -90% 0 61px;
	width: auto !important;
}

.hero-4 {
	overflow: hidden;
	background-image: url(../images/hero-4.jpg);
	padding-top: 180px;

	.btn-trait-group {
		margin-bottom: 25px !important;
	}

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 100%;
		height: 10%;
		bottom: 0;
		left: 0;
		background-color: $background-color_5;
	}
}

.hero-4-txt {
	h2 {
		padding: 0 3%;
	}

	p {
		padding: 0 5%;
	}

	p.btns-group-txt {
		margin-top: 25px;
	}
}

.hero-4-img {
	margin-top: 60px;
}

.hero-5 {
	background-image: url(../images/hero-5.jpg);
	padding-top: 140px;
	padding-bottom: 50px;

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}
}

.hero-5-txt {
	h2 {
		line-height: 1.3;
		margin-bottom: 25px;
	}

	p.p-lg {
		padding-right: 10%;
		margin-bottom: 30px;
	}
}

.hero-5-img {
	margin: 0 0 -50px;
}

.hero-6 {
	padding-top: 130px;
}

.hero-6-wrapper {
	overflow: hidden;
	background-image: linear-gradient(90deg, #f6f4fd, #f4f5fd);
	padding: 75px 80px;
}

.hero-6-img {
	position: relative;
	text-align: center;
}

.hero-7 {
	padding-top: 140px;
	padding-bottom: 100px;

	.quick-form {
		margin-right: 4%;
	}
}

.hero-7-img {
	padding-left: 30px;
}

.hero-8 {
	position: relative;
	background-image: url(../images/hero-8.jpg);
	padding-top: 170px;
	padding-bottom: 30px;

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}
}

.hero-8-txt {
	margin-top: -70px;

	p {
		padding-right: 10%;
	}

	.hero-digits {
		padding-right: 15%;
	}
}

.color--white {
	.hero-form {
		h4 {
			color: $color_4;
		}
	}
}

.hero-form {
	position: relative;
	z-index: 999;
	background-color: $background-color_5;
	border: 1px solid #f8f8f8;
	padding: 45px 35px;
	box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.08);

	h4 {
		line-height: 1.4;
		margin-bottom: 20px;
	}

	p {
		color: $color_18;
		margin-bottom: 25px;

		a {
			color: $color_39;
			text-decoration: underline;
		}
	}

	p.p-sm {
		text-align: center;
		padding: 0 5% !important;
		margin-top: 5px;
		margin-bottom: 0;
	}

	.btn {
		width: 100%;
		height: 58px;
		padding: 16px;
	}
}

.hero-9 {
	padding-top: 180px;

	.quick-form {
		margin-left: 7%;
		margin-right: 7%;
	}
}

.hero-9-txt {
	h2 {
		line-height: 1;

		img {
			position: relative;
			width: auto;
			max-width: inherit;
			max-height: 100px;
			margin: 0 3px;
			top: -8px;
		}
	}

	p {
		padding: 0 5%;
		margin-top: 40px;
	}
}

.hero-9-img {
	margin-top: 60px;
}

.hero-10 {
	position: relative;
	background-image: url(../images/hero-10.jpg);
	padding-top: 170px;
	padding-bottom: 100px;
}

.hero-10-txt {
	h4 {
		line-height: 1.45;
		font-weight: 300;
		padding-right: 5%;
		margin-bottom: 35px;
	}
}

.hero-10-img {
	position: relative;
	text-align: center;
	margin: 0 -95% 0 15px;
}

.hero-11 {
	overflow: hidden;
	background-image: url(../images/hero-11.jpg);
	padding-top: 50px;
}

.hero-11-txt {
	margin-top: 40px;

	p {
		padding-right: 5%;
	}
}

.hero-11-img {
	position: relative;
	margin: -60px -12% -100px -15px;

	img {
		width: auto !important;
		max-width: 680px !important;
	}
}

.hero-12 {
	overflow: hidden;
	background-image: url(../images/hero-12.jpg);
	padding-top: 180px;
}

.hero-12-txt {
	h2 {
		padding: 0 3%;
	}

	p {
		padding: 0 5%;
	}

	p.btns-group-txt {
		margin-top: 25px;
	}
}

.hero-12-img {
	margin-top: 60px;
	margin-bottom: -100px;

	.video-btn {
		top: calc(50% - 30px);
	}
}

.hero-13 {
	background-image: linear-gradient(180deg, rgba(var(--bs-primary-rgb), 0.1), rgba(var(--bs-primary-rgb), 0.1));
	padding-top: 130px;
	padding-bottom: 80px;

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 43%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: $background-color_5;
		box-shadow: 0 0 35px 35px #fff;
	}
}

.hero-13-txt {
	.section-id {
		font-weight: 600;
		letter-spacing: 1.5px;
	}

	p {
		padding-right: 5%;
	}
}

.hero-13-img {
	text-align: center;
}

.hero-14 {
	background-image: url(../images/hero-14.jpg);
	padding-top: 170px;

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}

	.quick-form {
		margin-left: 6%;
		margin-right: 6%;
	}
}

.hero-14-txt {
	p.s-21 {
		font-size: 1.3125rem;
		margin-bottom: 40px;
	}

	.btn-txt {
		margin-top: 40px;
	}
}

.hero-14-img {
	margin-top: 70px;
}

.hero-15 {
	position: relative;
	z-index: 3;
	background-image: url(../images/hero-15.jpg);
	padding-top: 130px;
}

.hero-15-txt {
	margin-top: -20px;

	h2 {
		padding-right: 5%;
	}

	p {
		padding-right: 2%;
	}
}

.hero-16 {
	background-image: url(../images/hero-16.jpg);
	padding-top: 170px;
	margin-bottom: 80px;

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}
}

.hero-16-img {
	margin-top: 60px;
	margin-bottom: -80px;
}

.hero-17 {
	text-align: center;
	padding-top: 170px;
	background-image: url(../images/hero-17.jpg);
	background-position: top center;

	#brands-1 {
		padding: 80px 6% 0;

		.brands-carousel-5 {
			.brand-logo {
				padding: 0 20px;
			}
		}
	}

	.quick-form {
		margin-left: 8%;
		margin-right: 8%;
	}
}

.hero-18 {
	padding-top: 140px;
	padding-bottom: 80px;

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 74%;
		height: 100%;
		top: 0;
		left: 26%;
		background-image: url(../images/hero-18.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		border-radius: 0 0 0 60px;
	}

	.quick-form {
		margin-right: 4%;
	}
}

.hero-18-txt {
	p {
		padding-right: 3%;
	}
}

.hero-18-img {
	text-align: center;
	padding-right: 15px;
}

.hero-19 {
	padding-top: 170px;
}

.hero-19-txt {
	p {
		padding: 0 10%;
	}
}

.hero-20 {
	background-image: url(../images/hero-20.jpg);
	padding-top: 100px;
	padding-bottom: 100px;

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 51%;
		height: 100%;
		top: 0;
		left: 0;
		background-image: linear-gradient(180deg, #f4f4f9, #fbfbfd);
	}
}

.hero-20-txt {
	padding: 0 8% 0 15px;
}

.hero-21 {
	padding-top: 170px;

	.hero-overlay {
		background-image: url(../images/hero-21.jpg);
		padding: 90px 70px 0;
	}
}

.hero-21-txt {
	margin-bottom: 60px;

	h2 {
		margin-bottom: 35px;
	}
}

.hero-21-wrapper {
	overflow: hidden;
}

.hero-21-img {
	position: relative;
	margin-bottom: -25%;

	.video-btn {
		top: calc(50% - 80px);
	}
}

.hero-form {
	position: relative;
	z-index: 999;
	background-color: $background-color_5;
	border: 1px solid #f8f8f8;
	padding: 45px 35px;
	box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.08);

	h4 {
		line-height: 1.4;
		margin-bottom: 20px;
	}

	p {
		color: $color_18;
		margin-bottom: 25px;

		a {
			color: $color_39;
			text-decoration: underline;
		}
	}

	p.p-sm {
		text-align: center;
		padding: 0 5% !important;
		margin-top: 5px;
		margin-bottom: 0;
	}

	.btn {
		width: 100%;
		height: 58px;
		padding: 16px;
	}
}

.hero-23 {
	position: relative;
	background-image: url(../images/hero-23.jpg);
	padding-top: 100px;
	margin-bottom: 25px;

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}
}

.hero-23-txt {
	p {
		padding: 0 5%;
	}
}

.hero-23-img {
	margin-top: 40px;
	margin-bottom: -25px;
}

.hero-24 {
	background-image: url(../images/hero-24.jpg);
	padding-top: 200px;
	padding-bottom: 150px;

	.quick-form {
		margin-left: 7%;
		margin-right: 7%;
	}
}

.hero-25-txt {
	h2 {
		margin-bottom: 22px;
	}

	p.p-lg {
		padding-right: 10%;
		margin-bottom: 30px;
	}
}

.hero-26 {
	position: relative;
	background-image: url(../images/hero-26.jpg);
	padding-top: 160px;
	z-index: 3;

	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}

	.quick-form {
		margin-right: 4%;
	}
}

.hero-26-txt {
	margin-top: -80px;

	h2 {
		padding-right: 2%;
	}
}

.hero-26-img {
	position: relative !important;
	text-align: center;
	margin: 0 -90% 0 -60px;

	img {
		max-width: fit-content !important;
		height: 800px;
	}
}

.hero-27 {
	.hero-overlay {
		background-image: url(../images/hero-27.png);
		background-position: top center;
		padding-top: 170px;
	}
}

.hero-27-txt {
	h2 {
		margin-bottom: 26px !important;
	}

	p.s-20 {
		padding: 0 6%;
		margin-bottom: 30px !important;
	}

	p.s-21 {
		padding: 0 5%;
	}
}

.request-form {
	.form-control {
		height: 58px;
		background-color: $background-color_65;
		border: 1px solid transparent;
		color: $color_6;
		font-size: 1rem;
		font-weight: 400;
		margin-bottom: 22px;
		transition: all 400ms ease-in-out;

		&:focus {
			background-color: $background-color_5;
			border-color: $border-color_1;
			outline: 0;
			box-shadow: none;
		}
	}

	.error {
		color: $color_40;
		font-size: 0.85rem;
		line-height: 1;
		font-weight: 400;
		margin-bottom: 10px;
		padding-left: 10px;
	}
}

.hero-form-wrapper {
	.form-control {
		&::-moz-placeholder {
			color: $color_7;
		}

		&:-ms-input-placeholder {
			color: $color_7;
		}

		&::-webkit-input-placeholder {
			color: $color_7;
		}
	}
}

.request-form-msg {
	width: 100% !important;
	display: block;
	text-align: center;
	margin-top: 15px;

	.loading {
		color: $color_41;
		font-size: 1.0625rem;
		line-height: 1;
		font-weight: 500;
	}
}

.a2-txt {
	padding: 20px 30px 35px;
}

.a2-txt-quote {
	position: relative;
	margin-bottom: -45px;
}

.a2-txt-quote.ico-40 {
	[class*="flaticon-"] {
		&:before {
			font-size: 4.25rem;
		}

		&:after {
			font-size: 4.25rem;
		}
	}
}

#about-1 {
	.txt-block {
		p {
			margin-bottom: 0;
		}
	}
}

#about-4 {
	.txt-block {
		p {
			margin-top: 25px;
			margin-bottom: 0;
		}
	}
}

.a2-txt-author {
	line-height: 1.45;
	font-weight: 500;
	margin-top: 18px;
	margin-bottom: 0;

	span {
		display: block;
		font-weight: 300;
	}
}

.about-3-images {
	padding: 0 5%;
}

.about-2-img {
	overflow: hidden;
}

.about-3-img {
	overflow: hidden;
	height: 460px;
}

.a-2-1 {
	margin-left: 13%;
	margin-bottom: 30px;
}

.a-2-2 {
	margin-left: -10%;
}

.a-2-3 {
	margin-right: -10%;
	margin-bottom: 30px;
}

.a-2-4 {
	margin-right: -10%;
}

#a4-1 {
	position: relative;
	padding-right: 30px;
	margin-top: -30px;
}

#a4-2 {
	position: relative;
	padding-left: 30px;
	margin-bottom: -30px;
}

.left.shape--bg {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 48%;
		height: 64%;
		top: 18%;
		left: 52%;
	}
}

.left.shape--bg {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 48%;
		height: 72%;
		top: 21%;
		left: 52%;
	}
}

.shape--bg {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 48%;
		height: 64%;
		top: 18%;
	}
}

.shape--bg {
	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 48%;
		height: 72%;
		top: 21%;
	}
}

.rows-2 {
	.fb-1 {
		margin-bottom: 50px;
	}

	.fb-2 {
		margin-bottom: 50px;
	}

	.fb-3 {
		margin-bottom: 50px;
	}

	.fbox-7.fb-1 {
		margin-bottom: 40px;
	}

	.fbox-7.fb-2 {
		margin-bottom: 40px;
	}

	.fbox-7.fb-3 {
		margin-bottom: 40px;
	}

	.fbox-9.fb-1 {
		margin-bottom: 40px;
	}

	.fbox-9.fb-2 {
		margin-bottom: 40px;
	}

	.fbox-9.fb-3 {
		margin-bottom: 40px;
	}

	.fbox-ico-wrap {
		margin-right: 20px;
	}

	.fbox-11 {
		h6 {
			margin-bottom: 10px;
		}
	}
}

.rows-3 {
	.fb-1 {
		margin-bottom: 40px;
	}

	.fb-2 {
		margin-bottom: 40px;
	}

	.fb-3 {
		margin-bottom: 40px;
	}

	.fb-4 {
		margin-bottom: 40px;
	}

	.fb-3.fbox-11-lst {
		margin-bottom: 0;
	}

	.fb-4.fbox-11-lst {
		margin-bottom: 0;
	}
}

.fbox-14-wrapper {
	padding: 80px 70px;

	.col {
		padding: 0 10px;
	}
}

.row-cols-md-3 {
	.fbox-4 {
		padding: 50px 35px;
	}
}

.row-cols-md-2 {
	.fbox-4 {
		padding: 35px 20px;

		.fbox-img {
			margin-bottom: 28px;
		}
	}

	.fbox-7 {
		padding: 35px 20px 30px;
	}

	.fbox-1 {
		.fbox-img {
			margin-bottom: 28px;
		}
	}

	.fbox-3 {
		.fbox-img {
			margin-bottom: 28px;
		}
	}
}

.fbox-5 {
	padding: 60px;

	h5 {
		margin-bottom: 15px;
	}
}

.fbox-7 {
	border: 2px solid #eee;
	padding: 55px 40px 50px;
}

.fbox-8 {
	padding: 55px 40px;
}

.fbox-8.bg--white-100 {
	padding: 60px 40px;
}

.fbox-9 {
	border: 2px solid #eee;
	padding: 40px 40px 35px;
}

.fbox-14 {
	border: 2px solid #eee;
	padding: 40px 30px 35px;

	h5 {
		margin-bottom: 15px;
	}

	p {
		margin-bottom: 0;
	}
}

.fbox-img {
	img {
		width: auto;
		max-width: inherit;
	}
}

.fbox-img.h-135 {
	img {
		max-height: 135px;
	}
}

.fbox-img.h-140 {
	img {
		max-height: 140px;
	}
}

.fbox-img.h-145 {
	img {
		max-height: 145px;
	}
}

.fbox-img.h-150 {
	img {
		max-height: 150px;
	}
}

.fbox-img.h-155 {
	img {
		max-height: 155px;
	}
}

.fbox-img.h-160 {
	img {
		max-height: 160px;
	}
}

.fbox-img.h-165 {
	img {
		max-height: 165px;
	}
}

.fbox-img.h-170 {
	img {
		max-height: 170px;
	}
}

.fbox-img.h-175 {
	img {
		max-height: 175px;
	}
}

.fbox-img.h-180 {
	img {
		max-height: 180px;
	}
}

.fbox-1 {
	.fbox-img {
		margin-bottom: 35px;
	}
}

.fbox-2 {
	margin-bottom: 30px;

	.fbox-img {
		border-radius: 12px 12px 0 0;

		img {
			margin-bottom: -25px;
		}
	}

	.fbox-img.h-160 {
		padding-top: 35px;
		margin: 0 20px 60px;
	}

	.fbox-img.h-165 {
		padding-top: 38px;
		margin: 0 15px 60px;
	}

	.fbox-img.h-170 {
		padding-top: 40px;
		margin: 0 10px 60px;
	}

	.fbox-img.h-175 {
		padding-top: 42px;
		margin: 0 8px 60px;
	}

	.fbox-img.h-180 {
		padding-top: 44px;
		margin: 0 5px 60px;
	}

	.fbox-img.h-135 {
		padding-top: 35px;
		margin-bottom: 60px;
	}

	.fbox-img.h-140 {
		padding-top: 35px;
		margin-bottom: 60px;
	}

	.fbox-img.h-145 {
		padding-top: 35px;
		margin-bottom: 60px;
	}

	.fbox-img.h-150 {
		padding-top: 35px;
		margin-bottom: 60px;
	}

	.fbox-img.h-155 {
		padding-top: 35px;
		margin-bottom: 60px;
	}
}

.fbox-3 {
	.fbox-img {
		overflow: hidden;
	}

	.fbox-img.h-135 {
		padding-top: 30px;
		margin: 0 0 35px;
	}

	.fbox-img.h-160 {
		padding-top: 32px;
		margin: 0 18px 35px;
	}

	.fbox-img.h-170 {
		padding-top: 40px;
		margin: 0 10px 35px;
	}

	.fbox-img.h-175 {
		padding-top: 40px;
		margin: 0 5px 35px;
	}

	.fbox-img.h-180 {
		padding-top: 40px;
		margin: 0 5px 35px;
	}
}

.fbox-4 {
	.fbox-img {
		margin-bottom: 35px;
	}
}

.fbox-5.fb-1 {
	.fbox-5-img {
		margin: 40px 5% 0;
	}
}

.fbox-5.fb-5 {
	.fbox-5-img {
		margin: 40px 5% 0;
	}
}

.fbox-5.fb-6 {
	.fbox-5-img {
		margin: 40px 5% 0;
	}
}

.fbox-5.fb-2 {
	.fbox-5-img {
		margin: 0 5% 40px;
	}
}

.fbox-5.fb-3 {
	.fbox-5-img {
		margin: 0 5% 40px;
	}
}

.fbox-5.fb-4 {
	.fbox-5-img {
		margin: 0 5% 40px;
	}
}

.fbox-ico {
	margin-bottom: 20px;
}

.fbox-ico.ico-rounded {
	margin-bottom: 20px;
}

.fbox-ico.ico-rounded-md {
	margin-bottom: 25px;
}

.fbox-ico.ico-rounded-lg {
	margin-bottom: 25px;
}

.fbox-ico-wrap {
	position: relative;
	margin-right: 25px;
}

.fbox-wrapper {
	.row-cols-lg-3 {
		.fbox-title {
			margin-bottom: 10px;
		}
	}

	.row-cols-md-3 {
		h6 {
			margin-bottom: 15px;
		}
	}

	p {
		margin-bottom: 0;
	}

	.row-cols-md-2 {
		h6 {
			margin-bottom: 10px;
		}
	}
}

.fbox-title {
	span {
		float: left;
		line-height: 1 !important;
		margin-right: 15px;
	}

	h6 {
		line-height: 2.1875rem !important;
		margin-bottom: 0;
	}
}

.fbox-title.ico-30 {
	h6 {
		line-height: 1.875rem !important;
		margin-bottom: 0;
	}
}

.fbox-12-wrapper {
	padding-left: 45px;
}

.fbox-13-wrapper {
	padding-right: 45px;
}

.fbox-12 {
	padding: 32px 35px;

	h5 {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	p {
		margin-bottom: 0;
	}
}

.fbox-13 {
	padding: 32px 35px;

	h5 {
		margin-top: 20px;
		margin-bottom: 10px;
	}

	p {
		margin-bottom: 0;
	}
}

.content-6 {
	margin-bottom: 80px;

	.img-block {
		margin-bottom: -80px;
	}

	.txt-block {
		margin-top: -40px;
	}
}

.content-7 {
	margin-top: 80px;

	.img-block {
		margin-top: -80px;
	}

	.txt-block {
		margin-top: 40px;
	}
}

.content-10 {
	.section-overlay {
		margin-bottom: 100px;
	}
}

.content-11 {
	padding: 60px 0;

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 50%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: $background-color_5;
	}

	.txt-block {
		padding-right: 50px;
	}

	.img-block {
		position: relative;
		text-align: center;
		padding-left: 70px;
		z-index: 2;

		.tra-bkg {
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
		}
	}
}

.content-12 {
	padding: 60px 0;

	&:after {
		position: absolute;
		content: '';
		z-index: -1;
		width: 50%;
		height: 100%;
		top: 0;
		left: 50%;
		background-color: $background-color_5;
	}

	.txt-block {
		padding-left: 70px;
	}

	.img-block {
		position: relative;
		text-align: center;
		padding-right: 70px;
		z-index: 2;

		.tra-bkg {
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
		}
	}
}

.bc-1-wrapper {
	.section-overlay {
		padding: 80px 70px;
	}

	.txt-block.pr-25.left-column {
		padding-right: 25px;
	}

	.txt-block.pl-25.right-column {
		padding-left: 25px;
	}

	.img-block.left-column {
		padding-right: 10px;
	}

	.img-block.right-column {
		padding-left: 10px;
	}
}

.bc-4-wrapper {
	.section-overlay {
		padding: 80px 70px;
	}
}

.bc-6-wrapper {
	.section-overlay {
		padding: 80px 70px;
	}
}

.bc-2-wrapper {
	.section-overlay {
		padding: 80px 70px 0;
	}

	.txt-block {
		margin-top: -40px;
	}

	.txt-block.pr-25.left-column {
		padding-right: 25px;
	}

	.txt-block.pl-25.right-column {
		padding-left: 25px;
	}

	.img-block.left-column {
		padding-right: 10px;
	}

	.img-block.right-column {
		padding-left: 10px;
	}
}

.bc-3-wrapper {
	.section-overlay {
		padding: 80px 70px 0;
	}
}

.bc-5-wrapper {
	.section-overlay {
		padding: 80px 70px 0;
	}

	.section-title {
		p {
			padding: 0;
		}
	}
}

.bc-6 {
	padding: 40px 35px;
}

.cbox-6-wrapper {
	padding: 60px 40px;
}

.content-section {
	.cbox-6-wrapper {
		padding: 80px 70px;
	}
}

.txt-box {
	margin-bottom: 20px;

	&:last-child {
		margin-bottom: 0;
	}
}

.bc-3-txt {
	margin-top: -40px;

	h2 {
		margin-bottom: 26px;
	}
}

.bc-2-txt {
	margin-top: 40px;

	h2 {
		margin-bottom: 26px;
	}
}

.content-13 {
	.txt-block {
		h5 {
			padding-right: 6%;
		}
	}
}

.bc-4-txt {
	h2 {
		margin-bottom: 26px;
	}
}

.txt-block {
	h3 {
		margin-bottom: 26px;
	}

	h2 {
		margin-bottom: 26px;
	}

	h5 {
		margin-bottom: 20px;
	}

	.btn.btn--transparent {
		margin-top: 0;
	}

	.cbox-5-title {
		h2 {
			font-size: 3.5rem;
			letter-spacing: -1px;
			line-height: 1;
			margin-bottom: 10px;
		}
	}

	.cbox-5-fea {
		h4 {
			line-height: 1;
			margin-bottom: 3px;
		}
	}

	.accordion-1 {
		.accordion-item {
			background-color: $background-color_53;
			padding: 25px 30px;
			border: none;

			.accordion-thumb {
				&:before {
					content: "\f11a";
					font-size: 0.95rem;
					top: 1px;
					left: 0;
					color: $color_5;
					font-family: $font-family_4;
					position: absolute;
					color: $color_4;
					font-weight: 400;
				}
			}
		}

		.accordion-item.is-active {
			background-color: $background-color_2;
			padding: 35px 30px 19px 30px;
			margin-bottom: 15px;
			margin-top: 15px;

			.accordion-thumb {
				&:before {
					content: "\f11b";
					color: $color_5;
					font-family: $font-family_4;
					position: absolute;
					color: $color_4;
					font-weight: 400;
				}

				h5 {
					margin-bottom: 20px;
				}
			}
		}

		.accordion-panel {
			color: $color_5;
			margin: 0;
			padding: 0 0 0 25px;
			display: none;
		}

		.accordion-thumb {
			h5 {
				color: $color_4;
				line-height: 1;
				padding-left: 28px;
				margin-bottom: 0;
			}
		}
	}

	.accordion-2 {
		.accordion-item {
			background-color: $background-color_53;
			padding: 15px 0 25px;
			border: none;
			border-top: 1px solid #ccc;
			border-radius: 0 0;

			&:last-child {
				border-bottom: 1px solid #ccc;
			}

			.accordion-thumb {
				&:after {
					color: $color_5;
					font-family: $font-family_4;
					position: absolute;
					color: $color_4;
					font-weight: 400;
					content: "\f110";
					font-size: 0.95rem;
					top: 12px;
					right: 0;
				}
			}
		}

		.accordion-item.is-active {
			background-color: $background-color_53;
			margin-bottom: 0;
			margin-top: 0;

			.accordion-thumb {
				&:after {
					content: "\f111";
					color: $color_5;
					font-family: $font-family_4;
					position: absolute;
					color: $color_4;
					font-weight: 400;
					content: "\f110";
					font-size: 0.95rem;
					top: 12px;
					right: 0;
				}
			}
		}

		.accordion-panel {
			color: $color_5;
			margin: 15px 0 0 0;
			display: none;

			.simple-list {
				li {
					margin-bottom: 1rem;

					&:last-child {
						margin-bottom: 0;
					}
				}
			}

			p {
				margin-bottom: 0;
			}
		}

		.accordion-thumb {
			h5 {
				color: $color_4;
				display: inline-block;
				line-height: 1;
				padding-left: 10px;
				margin-bottom: 0;
			}
		}
	}

	.accordion-item.r-02 {
		&:first-of-type {
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}

		&:last-of-type {
			border-bottom-right-radius: 2px;
			border-bottom-left-radius: 2px;
		}
	}

	.accordion-item.r-04 {
		&:first-of-type {
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
		}

		&:last-of-type {
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;
		}
	}

	.accordion-item.r-06 {
		&:first-of-type {
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}

		&:last-of-type {
			border-bottom-right-radius: 6px;
			border-bottom-left-radius: 6px;
		}
	}

	.accordion-item.r-08 {
		&:first-of-type {
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}

		&:last-of-type {
			border-bottom-right-radius: 8px;
			border-bottom-left-radius: 8px;
		}
	}

	.accordion-item.r-10 {
		&:first-of-type {
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		&:last-of-type {
			border-bottom-right-radius: 10px;
			border-bottom-left-radius: 10px;
		}
	}

	.accordion-item.r-12 {
		&:first-of-type {
			border-top-left-radius: 12px;
			border-top-right-radius: 12px;
		}

		&:last-of-type {
			border-bottom-right-radius: 12px;
			border-bottom-left-radius: 12px;
		}
	}

	.accordion-item.r-14 {
		&:first-of-type {
			border-top-left-radius: 14px;
			border-top-right-radius: 14px;
		}

		&:last-of-type {
			border-bottom-right-radius: 14px;
			border-bottom-left-radius: 14px;
		}
	}

	.accordion-item.r-16 {
		&:first-of-type {
			border-top-left-radius: 16px;
			border-top-right-radius: 16px;
		}

		&:last-of-type {
			border-bottom-right-radius: 16px;
			border-bottom-left-radius: 16px;
		}
	}

	.accordion-thumb {
		margin: 0;
		padding: 0;
		cursor: pointer;
		position: relative;
	}

	.btn {
		margin-top: 25px;
	}

	.btns-group {
		.btn.btn--transparent {
			margin-top: 25px;
		}
	}
}

.txt-block.role-info {
	.btn {
		display: block;
		margin-top: 50px;
	}
}

.txt-block.legal-info {
	h5 {
		margin-top: 30px;
		margin-bottom: 30px;

		span {
			margin-right: 4px;
		}
	}

	h4 {
		margin-top: 80px;
		margin-bottom: 30px;

		span {
			margin-right: 4px;
		}
	}
}

h5.h5-title {
	margin-top: 20px;
	margin-bottom: 20px;
}

.cbox-1 {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;

	.ico-wrap {
		margin-left: 8px;
	}
}

.cbox-2 {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;

	.ico-wrap {
		position: relative;
		margin-right: 1.625rem;
	}

	&:hover {
		.cbox-2-ico {
			background-color: $background-color_53;
			transform: scale(1.1);
		}

		.cbox-2-ico.bg--blue-500 {
			color: $color_19;
			border-color: $border-color_7;
		}

		.cbox-2-ico.bg--blue-400 {
			color: $color_9;
			border-color: $border-color_1;
		}

		.cbox-2-ico.bg--blue-300 {
			color: $color_8;
			border-color: $border-color_8;
		}

		.cbox-2-ico.bg--green-500 {
			color: $color_20;
			border-color: $border-color_10;
		}

		.cbox-2-ico.bg--green-400 {
			color: $color_10;
			border-color: $border-color_11;
		}

		.cbox-2-ico.bg--green-300 {
			color: $color_21;
			border-color: $border-color_12;
		}

		.cbox-2-ico.bg--pink-500 {
			color: $color_22;
			border-color: $border-color_14;
		}

		.cbox-2-ico.bg--pink-400 {
			color: $color_11;
			border-color: $border-color_15;
		}

		.cbox-2-ico.bg--pink-300 {
			color: $color_23;
			border-color: $border-color_16;
		}

		.cbox-2-ico.bg--purple-500 {
			color: $color_24;
			border-color: $border-color_18;
		}

		.cbox-2-ico.bg--purple-400 {
			color: $color_12;
			border-color: $border-color_2;
		}

		.cbox-2-ico.bg--purple-300 {
			color: $color_25;
			border-color: $border-color_19;
		}

		.cbox-2-ico.bg--red-500 {
			color: $color_26;
			border-color: $border-color_21;
		}

		.cbox-2-ico.bg--red-400 {
			color: $color_13;
			border-color: $border-color_22;
		}

		.cbox-2-ico.bg--red-300 {
			color: $color_27;
			border-color: $border-color_23;
		}

		.cbox-2-ico.bg--violet-500 {
			color: $color_28;
			border-color: $border-color_25;
		}

		.cbox-2-ico.bg--violet-400 {
			color: $color_14;
			border-color: $border-color_26;
		}

		.cbox-2-ico.bg--violet-300 {
			color: $color_29;
			border-color: $border-color_27;
		}

		.cbox-2-ico.bg--yellow-500 {
			color: $color_15;
			border-color: $border-color_29;
		}

		.cbox-2-ico.bg--yellow-400 {
			color: $color_30;
			border-color: $border-color_30;
		}

		.cbox-2-ico.bg--yellow-300 {
			color: $color_31;
			border-color: $border-color_31;
		}

		.cbox-2-ico.bg--theme {
			color: $color_12;
			border-color: $border-color_2;
		}
	}

	&:last-child {
		.cbox-2-txt {
			margin-bottom: 0;
		}
	}
}

.cbox-3 {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;

	.ico-wrap {
		position: relative;
		text-align: center;
		margin-top: 0;
		margin-right: 1.15rem;
	}

	.cbox-3-ico {
		position: relative;
		top: 3px;
	}

	&:last-child {
		.cbox-3-txt {
			margin-bottom: 0;
		}
	}
}

.cbox-5 {
	position: relative;
}

.cbox-5-content {
	background-color: $background-color_5;
	border: 1px solid #f5f6f6;
	padding: 40px;
	margin: 0 12%;
	z-index: 1;
	box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, 0.05);

	.divider {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

#cb-6-1 {
	margin-bottom: 35px;
}

#cb-6-2 {
	margin-bottom: 35px;
}

.box-title {
	h6 {
		display: inline-block;
		line-height: 2.35rem !important;
		margin-bottom: 15px;
	}

	h5 {
		display: inline-block;
		line-height: 2.35rem !important;
		margin-bottom: 15px;
	}

	span {
		position: relative;
		top: 5px;
		margin-right: 15px;
	}

	span[class*="flaticon-"] {
		&:before {
			font-size: 2.35rem;
		}

		&:after {
			font-size: 2.35rem;
		}
	}
}

.cbox-5-title {
	.statistic-number {
		sup {
			font-size: 3rem;
			top: -5px;
			right: 6px;
		}
	}

	p.p-lg {
		margin-bottom: 10px;
	}

	.ico-15 {
		[class*="flaticon-"] {
			&:before {
				font-size: 0.875rem;
				line-height: 1 !important;
			}

			&:after {
				font-size: 0.875rem;
				line-height: 1 !important;
			}
		}
	}
}

.cbox-1.ico-10 {
	span {
		position: relative;
		top: 0;
		right: 7px;
	}

	[class*="flaticon-"] {
		&:before {
			font-size: 0.6rem;
		}

		&:after {
			font-size: 0.6rem;
		}
	}
}

.cbox-1.ico-15 {
	span {
		position: relative;
		top: 1px;
		right: 8px;
	}

	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.cbox-2-ico {
	position: relative;
	width: 2.625rem;
	height: 2.625rem;
	text-align: center;
	border-radius: 100%;
	font-size: 1.1875rem;
	font-weight: 500;
	line-height: 2.375rem;
	border: 2px solid transparent;
	transition: all 450ms ease-in-out;
}

.content-3 {
	.cbox-2-ico {
		position: relative;
		width: 2.35rem;
		height: 2.35rem;
		font-size: 1.15rem;
		line-height: 2.15rem;
	}

	.cbox-2-txt {
		margin-bottom: 30px;

		h5 {
			margin-bottom: 10px;
		}
	}

	.img-block {
		margin-left: 20px;
	}

	.img-block {
		margin-right: 20px;
	}
}

.cbox-2-line {
	position: absolute;
	bottom: 20px;
	left: 50%;
	width: 2px;
	background-color: $background-color_66;
	height: calc(100% - 90px);
	transform: translateX(-50%);
}

.cbox-3-ico {
	span[class*="flaticon-"] {
		&:before {
			font-size: 2.85rem;
		}

		&:after {
			font-size: 2.85rem;
		}
	}
}

.cbox-1-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;

	p {
		margin-bottom: 8px;
	}
}

.cbox-2-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;
	margin-bottom: 35px;

	h5 {
		margin-bottom: 15px;
	}

	p {
		margin-bottom: 0;
	}
}

.cbox-3-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;
	margin-bottom: 35px;

	h5 {
		margin-bottom: 15px;
	}

	p {
		margin-bottom: 0;
	}
}

.cbox-4-txt {
	margin-bottom: 25px;

	p {
		margin-bottom: 0;
	}
}

.cbox-4 {
	.box-title {
		margin-bottom: 10px;
	}
}

.cbox-5-fea {
	padding: 20px 25px;
	margin-top: 25px;
	box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, 0.05);

	p {
		margin-bottom: 0;
	}
}

.cbox-6 {
	h6 {
		margin-bottom: 15px;
	}

	p {
		margin-bottom: 0;
	}
}

.cbox-1-last {
	.cbox-1-txt {
		p {
			margin-bottom: 1rem;
		}
	}
}

.bc-6-txt {
	padding: 0 10px;

	h5 {
		margin-bottom: 15px;
	}
}

.accordion-2 {
	.accordion-thumb {
		span[class*="flaticon-"] {
			&:before {
				color: $color_5;
				position: relative;
				font-size: 2.1875rem;
				top: 10px;
			}

			&:after {
				color: $color_5;
				position: relative;
				font-size: 2.1875rem;
				top: 10px;
			}
		}
	}
}

#tabs-1 {
	.tabs-nav {
		text-align: center;
	}

	.tab-content {
		display: none;
	}

	.tab-content.current {
		display: inherit;
	}
}

.tabs-1 {
	display: inline-block;
	margin: 0 auto 60px;

	li {
		display: inline-block;
		margin: 0 20px;
		color: $color_42;
		font-size: 1.05rem;
		line-height: 1;
		font-weight: 500;
		padding: 0 2px 10px;
		background-color: $background-color_53;
		border-bottom: 3px solid transparent;
		cursor: pointer;
		transition: all 400ms ease-in-out;

		&:hover {
			color: $color_43;
			border-color: $border-color_6;
		}
	}

	li.current {
		color: $color_44;
		border-color: $border-color_50;

		&:hover {
			color: $color_44;
			border-color: $border-color_50;
		}
	}
}

.tabs-1.tabs--blue-500 {
	color: $color_19;
	border-color: $border-color_7;

	li.current {
		&:hover {
			color: $color_19;
			border-color: $border-color_7;
			color: $color_9;
			border-color: $border-color_1;
			color: $color_8;
			border-color: $border-color_8;
		}
	}
}

.tabs-1.tabs--blue-400 {
	color: $color_9;
	border-color: $border-color_1;
}

.tabs-1.tabs--blue-300 {
	color: $color_8;
	border-color: $border-color_8;
}

.tabs-1.tabs--green-500 {
	color: $color_20;
	border-color: $border-color_10;

	li.current {
		&:hover {
			color: $color_20;
			border-color: $border-color_10;
		}
	}
}

.tabs-1.tabs--green-400 {
	color: $color_10;
	border-color: $border-color_11;

	li.current {
		&:hover {
			color: $color_10;
			border-color: $border-color_11;
		}
	}
}

.tabs-1.tabs--green-300 {
	color: $color_21;
	border-color: $border-color_12;

	li.current {
		&:hover {
			color: $color_21;
			border-color: $border-color_12;
		}
	}
}

.tabs-1.tabs--pink-500 {
	color: $color_22;
	border-color: $border-color_14;

	li.current {
		&:hover {
			color: $color_22;
			border-color: $border-color_14;
		}
	}
}

.tabs-1.tabs--pink-400 {
	color: $color_11;
	border-color: $border-color_15;

	li.current {
		&:hover {
			color: $color_11;
			border-color: $border-color_15;
		}
	}
}

.tabs-1.tabs--pink-300 {
	color: $color_23;
	border-color: $border-color_16;

	li.current {
		&:hover {
			color: $color_23;
			border-color: $border-color_16;
		}
	}
}

.tabs-1.tabs--purple-500 {
	color: $color_24;
	border-color: $border-color_18;

	li.current {
		&:hover {
			color: $color_24;
			border-color: $border-color_18;
		}
	}
}

.tabs-1.tabs--purple-400 {
	color: $color_12;
	border-color: $border-color_2;

	li.current {
		&:hover {
			color: $color_12;
			border-color: $border-color_2;
		}
	}
}

.tabs-1.tabs--purple-300 {
	color: $color_25;
	border-color: $border-color_19;

	li.current {
		&:hover {
			color: $color_25;
			border-color: $border-color_19;
		}
	}
}

.tabs-1.tabs--red-500 {
	color: $color_26;
	border-color: $border-color_21;

	li.current {
		&:hover {
			color: $color_26;
			border-color: $border-color_21;
		}
	}
}

.tabs-1.tabs--red-400 {
	color: $color_13;
	border-color: $border-color_22;

	li.current {
		&:hover {
			color: $color_13;
			border-color: $border-color_22;
		}
	}
}

.tabs-1.tabs--red-300 {
	color: $color_27;
	border-color: $border-color_23;

	li.current {
		&:hover {
			color: $color_27;
			border-color: $border-color_23;
		}
	}
}

.tabs-1.tabs--violet-500 {
	color: $color_28;
	border-color: $border-color_25;

	li.current {
		&:hover {
			color: $color_28;
			border-color: $border-color_25;
		}
	}
}

.tabs-1.tabs--violet-400 {
	color: $color_14;
	border-color: $border-color_26;

	li.current {
		&:hover {
			color: $color_14;
			border-color: $border-color_26;
		}
	}
}

.tabs-1.tabs--violet-300 {
	color: $color_29;
	border-color: $border-color_27;

	li.current {
		&:hover {
			color: $color_29;
			border-color: $border-color_27;
		}
	}
}

.tabs-1.tabs--yellow-500 {
	color: $color_15;
	border-color: $border-color_29;

	li.current {
		&:hover {
			color: $color_15;
			border-color: $border-color_29;
		}
	}
}

.tabs-1.tabs--yellow-400 {
	color: $color_30;
	border-color: $border-color_30;

	li.current {
		&:hover {
			color: $color_30;
			border-color: $border-color_30;
		}
	}
}

.tabs-1.tabs--yellow-300 {
	color: $color_31;
	border-color: $border-color_31;

	li.current {
		&:hover {
			color: $color_31;
			border-color: $border-color_31;
		}
	}
}

.advantages {
	margin-top: 15px;

	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;

		p {
			display: inline-block;
			float: left;
			margin-bottom: 0;

			a {
				font-weight: 400;
				text-decoration: underline;

				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}

.advantages.ico-15 {
	li {
		p {
			span {
				position: relative;
				top: 2px;
				right: -1px;
			}
		}
	}

	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.advantages-links-divider {
	position: relative;
	top: 0.5px;
	transform: rotate(-90deg);
}

.white--color {
	.advantages {
		li {
			p {
				a {
					&:hover {
						color: $color_3 !important;
					}
				}
			}
		}
	}
}

.compatibility {
	display: inline-block;
	padding: 3px 20px;
	margin-top: 15px;
	margin-bottom: 0;

	span {
		position: relative;
		top: -1.5px;
		right: 2px;
	}
}

.compatibility.ico-10 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.5rem;
		}

		&:after {
			font-size: 0.5rem;
		}
	}
}

.tools-list {
	margin-top: 25px;

	p {
		font-weight: 400;
		margin-bottom: 12px;
	}
}

.payment-methods {
	margin-top: 25px;

	p {
		font-weight: 400;
		margin-bottom: 12px;
	}
}

.tools-list.ico-35 {
	[class*="flaticon-"] {
		&:before {
			line-height: 2.1875rem !important;
			margin-right: 6px;
		}

		&:after {
			line-height: 2.1875rem !important;
			margin-right: 6px;
		}
	}
}

.payment-icons {
	li {
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
		margin: 0;
		padding-right: 5px;

		&:last-child {
			padding-right: 0;
		}
	}

	img {
		width: auto;
		max-width: inherit;
		max-height: 32px;
	}
}

.quote {
	p {
		color: $color_6;
		border-left: 3px solid #0195ff;
		font-style: italic;
		padding-left: 20px;
		margin-bottom: 12px;
	}
}

.quote-avatar {
	display: inline-block;
	margin: 0 auto;

	img {
		width: 70px;
		height: 70px;
		border-radius: 100%;
	}
}

.quote-author {
	position: relative;
	display: inline-block;
	padding: 0 0 0 15px;
	text-align: left;
	top: 16px;

	h6 {
		margin-bottom: 0;
	}

	span {
		font-size: 1rem;
	}
}

.cbox-5-shape-1 {
	position: absolute;
	right: 30px;
	top: -35px;
	z-index: -1;

	img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.cbox-5-shape-2 {
	position: absolute;
	left: 30px;
	bottom: -25px;
	z-index: -1;

	img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}

.grey-img {
	filter: grayscale(100%);
}

.img-block {
	text-align: center;
}

.img-block.img-block-bkg {
	overflow: hidden;

	img {
		padding: 60px 45px;
	}
}

.ct-10,
.content-10 {
	.img-block {
		margin-bottom: -100px;
	}
}

.img-block-hidden {
	margin-bottom: -100px;

	.video-btn {
		top: calc(50% - 30px);
	}
}

.bc-5-img.bc-5-dashboard.img-block-hidden {
	margin-bottom: -100px;

	.video-btn {
		top: calc(50% - 30px);
	}
}

.content-5 {
	.img-block-hidden {
		margin-bottom: -30px;
	}
}

.bc-5-img.bc-5-tablet.img-block-hidden {
	margin-bottom: -200px;

	.video-btn {
		top: calc(50% - 70px);
	}
}

.content-1 {
	.img-block {
		margin-left: 30px;
	}
}

.content-4 {
	.img-block {
		margin-left: 30px;

		img {
			max-width: none !important;
			display: inline-block;
			width: auto !important;
		}
	}
}

.content-2 {
	.img-block {
		margin-right: 30px;
	}
}

.img-block-txt {
	margin-top: 60px;
}

.img-block-btn {
	margin-top: 60px;
}

.bc-2-img {
	margin-left: 15px;
}

.bc-3-img {
	margin: 0 -65% -25px 15px;
}

.bc-4-img {
	margin-left: 15px;
	margin-right: -65%;
}

.bc-6-img {
	padding: 50px 30px 0;
	margin-bottom: 35px;
}

.sb-rounded {
	.statistic-block {
		padding: 35px 25px;
	}
}

#sb-2-1 {
	width: 48%;
	display: inline-block;
	float: left;

	h2.statistic-number {
		margin-bottom: 15px;
	}

	.statistic-block {
		p.p-sm {
			line-height: 1.4;
			margin-bottom: 0;
		}
	}
}

#sb-2-2 {
	width: 48%;
	display: inline-block;
	float: left;

	h2.statistic-number {
		margin-bottom: 15px;
	}

	.statistic-block {
		p.p-sm {
			line-height: 1.4;
			margin-bottom: 0;
		}
	}
}

#sb-2-3 {
	display: inline-block;
	float: left;
	padding-right: 15px;
	width: 45%;

	.statistic-block {
		display: flex;
		position: relative;
		flex-flow: row wrap;
		align-items: stretch !important;
		justify-content: flex-start;

		p.p-sm {
			margin-top: 3px;
			line-height: 1.5;
			margin-bottom: 0;
		}
	}

	.statistic-block-txt {
		overflow: hidden;
		flex: 1;
		max-width: 100%;
		padding-left: 15px;
	}

	h2.statistic-number {
		span {
			font-size: 2rem;
		}
	}
}

#sb-2-4 {
	display: inline-block;
	float: left;
	padding-right: 15px;
	width: 55%;

	.statistic-block {
		display: flex;
		position: relative;
		flex-flow: row wrap;
		align-items: stretch !important;
		justify-content: flex-start;

		p.p-sm {
			margin-top: 3px;
			line-height: 1.5;
			margin-bottom: 0;
		}
	}

	.statistic-block-txt {
		overflow: hidden;
		flex: 1;
		max-width: 100%;
		padding-left: 15px;
	}

	h2.statistic-number {
		span {
			font-size: 2rem;
		}
	}
}

.statistic-1-wrapper {
	.statistic-block-digit {
		width: 40%;
		display: inline-block !important;
		float: left;
	}

	.statistic-block-txt {
		width: 60%;
		display: inline-block !important;
		padding-left: 20px;

		h5 {
			margin-bottom: 12px;
		}
	}
}

#statistic-5 {
	.statistic-digit {
		padding-bottom: 20px;
		margin: 0 100px 20px 0;
		border-bottom: 1px solid #999;

		h2 {
			letter-spacing: -1.5px;
		}
	}

	.color--white {
		.statistic-digit {
			border-bottom: 1px solid rgba(255, 255, 255, 0.8);
		}
	}

	.statistic-txt {
		h5 {
			line-height: 1;
			margin-bottom: 12px;
		}

		p {
			padding-right: 3%;
			margin-bottom: 0;
		}
	}
}

.statistic-ico {
	margin-bottom: 10px;
}

h2.statistic-number {
	line-height: 1;
	font-weight: 700;
	letter-spacing: -1px;
	margin-bottom: 0;
}

.statistic-block-txt {
	p.p-md {
		line-height: 1.35;
		margin-bottom: 0;
	}
}

.statistic-3-wrapper {
	p {
		line-height: 1;
		margin-top: 15px;
		margin-bottom: 0;
	}

	p.p-md {
		line-height: 1;
		margin-top: 22px;
		margin-bottom: 0;
	}
}

.statistic-4-wrapper {
	p {
		line-height: 1;
		margin-bottom: 14px;
	}
}

.txt-block-stat {
	.statistic-block {
		.txt-block-rating {
			margin-top: -4px;
			margin-bottom: -3px;
		}
	}

	.ico-15 {
		[class*="flaticon-"] {
			&:before {
				font-size: 0.8125rem;
			}

			&:after {
				font-size: 0.8125rem;
			}
		}
	}
}

.projects-wrapper {
	padding: 0 10px;
}

#pt-1-1 {
	margin-bottom: 50px;
}

#pt-1-2 {
	margin-bottom: 50px;
}

.inner-page-hero {
	#pt-1-3 {
		margin-bottom: 50px;
	}

	#pt-1-4 {
		margin-bottom: 50px;
	}

	#rw-2-3 {
		margin-bottom: 20px;
	}

	#rw-2-4 {
		margin-bottom: 20px;
	}

	padding-top: 180px;
}

.project-details {
	margin-bottom: 50px;

	h5 {
		line-height: 1;
		margin-bottom: 30px;
	}
}

.project-preview {
	position: relative;
	overflow: hidden;

	&:hover {
		img {
			transform: scale(1.05);
			-ms-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-o-transform: scale(1.05);
		}

		.project-link {
			top: 50%;
			opacity: 1;
		}

		.item-overlay {
			opacity: 1;
		}
	}
}

.project-link {
	width: 100%;
	position: absolute;
	top: 55%;
	transform: translateY(-50%);
	opacity: 0;
	text-align: center;
	color: $color_3;
	transition: all 400ms ease-in-out;
}

.hover-overlay {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;

	img {
		transform: scale(1);
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		overflow: hidden;
		transition: transform 400ms;
	}
}

.item-overlay {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.25);
	transition: all 400ms ease-in-out;
}

.more-projects {
	text-align: center;
	margin-top: 70px;
}

.single-project {
	.project-title {
		margin-bottom: 80px;
	}
}

.project-title {
	h2 {
		padding-right: 5%;
		padding-bottom: 40px;
		margin-bottom: 35px;
		border-bottom: 1px solid #ddd;
	}
}

.project-data {
	p {
		margin-bottom: 4px;

		span {
			color: $color_4;
			font-weight: 500;
		}
	}
}

.project-description {
	.more-projects {
		margin-top: 65px;

		h3 {
			display: inline-block;
			text-decoration: underline;
			margin-bottom: 0;
		}

		span {
			color: $color_4;
			position: relative;
			top: 2px;
			left: 5px;
		}
	}
}

.rating-section {
	.rating-1-wrapper {
		padding: 0 16%;
	}

	.rating-2-wrapper {
		padding: 0 4%;
	}
}

.rating-title {
	text-align: center;

	h5 {
		margin-bottom: 0;
	}
}

.rbox-1 {
	text-align: center;

	.star-rating {
		display: inline-block;
		font-size: 17px;
		line-height: 15px;
		font-weight: 500;
		vertical-align: inherit;
		border: 1px solid #f5f5f5;
		padding: 5px 18px;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
		font-size: 0.86rem;
		line-height: 1;

		span {
			position: relative;
			color: $color_45;
			top: 1.5px;
		}
	}
}

.rbox-2 {
	text-align: center;
}

.rbox-1-img {
	margin-bottom: 20px;

	img {
		width: auto;
		max-width: inherit;
		max-height: 38px;
	}
}

.rbox-2-txt {
	margin-top: 20px;

	img {
		position: relative;
		display: inline-block;
		width: auto;
		max-width: inherit;
		max-height: 30px;
		top: -1px;
		left: 4px;
	}
}

.reviews-2-wrapper {
	padding: 0 10px;
}

.reviews-3-wrapper {
	padding: 0 20px;
}

.reviews-4-wrapper {
	padding-left: 40px;
}

.reviews-5-wrapper {
	padding-left: 40px;
}

.review-1 {
	padding: 40px 40px 30px;
	margin: 0 10px 30px;

	.author-data {
		margin-top: 22px;
	}

	.review-author {
		margin-top: 4px;

		h6 {
			font-size: 0.975rem;
		}
	}
}

.review-1.block-border {
	border-color: $border-color_51;
}

.review-2 {
	padding: 45px 50px 35px;

	.author-data {
		margin-top: 15px;
	}

	.review-avatar {
		img {
			width: 64px;
			height: 64px;
		}
	}

	.review-author {
		margin-top: 10px;
	}
}

.review-3 {
	padding: 45px 50px 40px;
	margin-top: 45px;

	.author-data {
		margin-top: 20px;
	}

	.review-author {
		margin-top: 8px;
	}

	.review-avatar {
		img {
			width: 62px;
			height: 62px;
		}
	}
}

.col-lg-7 {
	.review-3 {
		&:first-child {
			margin-top: 0;
		}
	}
}

.review-4 {
	padding: 40px 45px 30px;

	.review-author {
		padding-left: 0;
		margin-top: 0;
	}
}

.review-5 {
	padding: 45px 45px 40px;

	.review-author {
		margin-top: 8px;
	}

	.review-avatar {
		img {
			width: 62px;
			height: 62px;
		}
	}
}

#rw-2-1 {
	margin-bottom: 20px;
}

#rw-2-2 {
	margin-bottom: 20px;
}

#rw-3-2 {
	margin-bottom: 45px;
	margin-left: 15px;
}

#rw-3-3 {
	margin-left: 15px;
}

#rw-4-1 {
	margin-bottom: 30px;
}

#rw-5-1 {
	margin-bottom: 30px;
}

.review-ico {
	position: relative;
	margin-top: -25px;
	margin-left: -10px;
	opacity: .1;
}

.review-txt {
	position: relative;
	margin-top: -45px;

	h6 {
		margin-bottom: 15px;
	}
}

.review-avatar {
	margin: 0 auto;
	float: left;

	img {
		width: 54px;
		height: 54px;
		border-radius: 100%;
	}
}

.owl-item {
	.review-avatar {
		img {
			width: 54px;
			height: 54px;
			border-radius: 100%;
		}
	}
}

.review-author {
	position: relative;
	display: inline-block;
	text-align: left;
	padding: 0 0 0 15px;

	h6 {
		line-height: 1;
		margin-bottom: 8px;
	}

	p {
		line-height: 1;
		font-weight: 300;
		margin-bottom: 0;
	}
}

.reviews-section {
	button {
		background-color: $background-color_53;
		border: none;
		padding: 0 2px;
	}
}

.owl-theme {
	.owl-dots {
		.owl-dot {
			span {
				margin: 0 7px;
			}
		}
	}
}

.owl-dots {
	button {
		&:focus {
			outline: none;
			text-decoration: none;
		}
	}
}

.press-logo {
	img {
		position: relative;
		width: auto;
		max-width: inherit;
		max-height: 82px;
	}
}

.press-txt {
	position: relative;
	margin-top: 15px;

	p {
		color: $color_7;
		font-weight: 400;
		margin-bottom: 0;
	}

	span {
		position: relative;
		top: 3px;
		left: -1px;
		opacity: .6;
	}
}

.press-txt.ico-20 {
	[class^="flaticon-"] {
		&:before {
			font-size: 1.375rem;
		}

		&:after {
			font-size: 1.375rem;
		}
	}
}

#brands-3 {
	position: relative;

	&:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 80%;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.brand-logo {
		padding: 0 25px;
	}

	.brands-3-static {
		.brand-logo {
			padding: 0 15px;
		}
	}
}

.brands-title {
	text-align: center;
	padding: 0 5%;

	p {
		margin-bottom: 0;
	}

	h4 {
		margin-bottom: 8px;
	}

	h3 {
		margin-bottom: 8px;
	}

	h2 {
		margin-bottom: 8px;
	}
}

.brands-3-wrapper {
	padding: 50px 30px;
	background-color: $background-color_5;
	border: 1px solid #e9ecef;
	border-radius: 10px;
}

.brand-logo {
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all 400ms ease-in-out;

	&:hover {
		top: -6px;
	}
}

#brands-1 {
	.brands-carousel-5 {
		.brand-logo {
			padding: 0 30px;
		}
	}

	.brands-carousel-6 {
		.brand-logo {
			padding: 0 20px;
		}
	}

	.justify-content-center {
		.brand-logo {
			padding: 0 15px;
		}
	}
}

#brands-2 {
	.brand-logo {
		padding: 0;
	}
}

#brands-4 {
	.brand-logo {
		padding: 0 20px;
	}
}

.brands-section {
	.more-btn {
		text-align: center;
		margin-top: 40px;
	}

	.owl-dots {
		display: none;
	}
}

.integrations-2-wrapper {
	padding: 80px 70px;
}

.in_tool_logo {
	padding: 50px 30px;
	margin-bottom: 25px;
	transition: all 400ms ease-in-out;
}

.integrations-1-wrapper {
	.in_tool-logo {
		position: relative;
		margin-right: 20px;
	}

	.in_tool {
		display: flex;
		position: relative;
		flex-flow: row wrap;
		align-items: stretch !important;
		justify-content: flex-start;
		padding: 22px 20px;
		border: 1px solid #ccc;

		&:hover {
			border-color: $border-color_4;
			box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
		}
	}

	.in_tool-txt {
		overflow: hidden;
		flex: 1;
		max-width: 100%;

		h6 {
			margin-top: 5px;
		}

		p {
			margin-top: 5px;
			margin-bottom: 0;
		}
	}
}

.in_tool {
	h6 {
		line-height: 1;
		margin-bottom: 0;
	}
}

.p-table {
	margin-bottom: 40px;

	p.btn-txt {
		margin: 14px 0 0 0;
	}
}

.pricing-1-table {
	padding: 50px 38px 45px;

	.pricing-discount {
		top: -2px;
		right: -5px;
		padding: 7px 13px;

		h6 {
			font-size: 0.915rem;
		}
	}

	hr {
		margin-top: 35px;
	}
}

.pricing-2-table {
	padding: 45px 38px 50px;

	.price {
		p {
			margin-bottom: 15px;
		}
	}

	hr {
		margin-top: 25px;
	}
}

.pricing-2-table.highlight {
	.price {
		span {
			font-size: 2.4rem;
			letter-spacing: -1px;
		}
	}
}

.pricing-3-table {
	padding: 50px 40px;

	.price {
		span {
			font-size: 4.35rem;
		}

		sup {
			font-size: 2.35rem;
			top: -23px;
			right: 3px;
		}

		sup.coins {
			font-family: $font-family_2;
			font-size: 2.35rem;
			font-weight: 600;
			top: -29px;
			left: 3px;
			letter-spacing: -2px;
		}

		sup.validity {
			display: block;
			font-size: 1.1875rem;
			top: 0;
			margin-top: 20px;
			margin-bottom: 30px;
			letter-spacing: 0;
			margin-bottom: 40px;
		}
	}
}

.pricing-4-table {
	position: relative;
	padding: 45px;

	.price {
		span {
			font-size: 3.15rem;
		}

		sup {
			font-size: 2.05rem;
			top: -10px;
			right: 2px;
		}
	}

	.pricing-features {
		li {
			padding: 10px;
		}
	}
}

#pt-4-1 {
	margin: 0 10px 40px 50px;
}

#pt-4-2 {
	margin: 0 50px 40px 10px;
}

.pricing-table-header {
	position: relative;

	h5 {
		margin-bottom: 30px;
	}

	h4 {
		margin-bottom: 25px;
	}
}

.pricing-discount {
	position: absolute;
	top: -2px;
	right: -10px;
	padding: 8px 18px;

	h6 {
		font-size: 1.1rem;
		line-height: 1;
		margin-bottom: 0;
	}
}

.price.color--black {
	.white--color {
		color: $color_3;
	}
}

.price {
	span {
		font-family: $font-family_2;
		font-size: 3rem;
		line-height: 1;
		font-weight: 600;
		letter-spacing: -2px;
	}

	sup {
		font-family: $font-family_2;
		font-size: 2.05rem;
		font-weight: 600;
		top: -5px;
		right: 2px;
		letter-spacing: -1px;
	}

	sup.validity {
		font-family: $font-family_2;
		font-size: 1.4rem;
		font-weight: 400;
		top: -2px;
		left: 0;
	}

	p {
		margin-top: 25px;
		margin-bottom: 25px;
	}
}

.comp-table {
	.table {
		thead {
			th {
				border-color: $border-color_6;

				&:first-child {
					text-align: left;
				}
			}
		}

		tr {
			td {
				border-bottom: 2px solid #ccc;
			}
		}

		tbody {
			tr.table-last-tr {
				border-color: $border-color_4;
			}
		}
	}

	tbody {
		th {
			border-bottom: 1px solid #ccc !important;
		}
	}

	.pricing-header {
		max-width: 700px;
	}

	.table-responsive {
		thead {
			th {
				font-size: 1.15rem;
				font-family: $font-family_2;
				font-weight: 600;
			}
		}

		tbody {
			th {
				font-size: 1rem;
				font-family: $font-family_2;
				font-weight: 600;
			}

			td {
				position: relative;
				font-size: 1rem;
				line-height: inherit;
				top: 1px;

				span {
					position: relative;
					top: 1px;
				}
			}

			tr {
				background-color: $background-color_5;
				transition: all 350ms ease-in-out;

				&:hover {
					background-color: $background-color_67;
				}
			}
		}
	}

	.disabled-option {
		color: $color_7;
	}
}

.pricing-section {
	.btn-txt {
		a {
			text-decoration: underline;
		}
	}
}

.pricing-features {
	li {
		padding: 11px 8px;

		p {
			line-height: 1;
			font-weight: 400;
			margin-bottom: 0;

			span {
				position: relative;
				top: -2px;
				right: 5px;
			}
		}
	}

	li.disabled-option {
		p {
			color: $color_46 !important;
		}

		span {
			color: $color_46 !important;
		}
	}
}

.pricing-features.ico-10 {
	li {
		p {
			margin-top: 0;

			span {
				top: 0;
				right: 4px;
				font-size: inherit;
			}
		}
	}
}

.pricing-features.ico-5 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.5rem;
		}

		&:after {
			font-size: 0.5rem;
		}
	}
}

.pt-btn {
	display: block;
	width: 100%;
	margin-top: 25px;
}

.ext-toggle-btn {
	text-align: center;
}

.toggle-btn.inn-toggle-btn {
	position: absolute;
}

.toggle-btn {
	p {
		margin-top: 10px;
		letter-spacing: -0.25px;
		margin-bottom: 0;
	}
}

#pricing-4 {
	.ext-toggle-btn {
		margin: 0 50px 35px 10px;
	}
}

.toggle-btn-md {
	.toggler-txt {
		font-size: 1.1rem;
		font-weight: 400;
		line-height: 36px;
	}

	.switch-wrap {
		min-width: 65px;
		height: 36px;
		margin: 0 8px;

		input {
			&:checked+.switcher {
				padding: 0 40px 0 20px;
			}
		}
	}

	.switcher {
		height: 36px;
		padding: 0 20px 0 40px;
		border-radius: 36px;

		&:before {
			left: 5px;
			bottom: 5px;
			width: 26px;
			height: 26px;
		}

		.show-annual {
			line-height: 36px;
		}

		.show-monthly {
			line-height: 36px;
		}
	}
}

.toggle-btn-lg {
	.toggler-txt {
		font-size: 1.15rem;
		font-weight: 400;
		line-height: 40px;
	}

	.switch-wrap {
		min-width: 70px;
		height: 40px;
		margin: 0 14px;

		input {
			&:checked+.switcher {
				padding: 0 40px 0 20px;
			}
		}
	}

	.switcher {
		height: 40px;
		padding: 0 20px 0 40px;
		border-radius: 40px;

		&:before {
			left: 5px;
			bottom: 5px;
			width: 30px;
			height: 30px;
		}

		.show-annual {
			line-height: 40px;
		}

		.show-monthly {
			line-height: 40px;
		}
	}
}

.switch-wrap {
	position: relative;
	display: inline-block;
	min-width: 50px;
	height: 32px;
	vertical-align: middle;

	input {
		display: none;

		&:checked+.switcher {
			padding: 0 35px 0 15px;

			&:before {
				left: auto;
				right: 4px;
				transition: all 350ms ease-in-out;
			}

			.show-annual {
				display: block;
			}

			.show-monthly {
				display: none;
			}
		}

		&:checked+.switcher.switcher--blue-500 {
			background-color: $background-color_11;
			border-color: $border-color_7;
		}

		&:checked+.switcher.switcher--blue-400 {
			background-color: $background-color_12;
			border-color: $border-color_1;
		}

		&:checked+.switcher.switcher--blue-300 {
			background-color: $background-color_13;
			border-color: $border-color_8;
		}

		&:checked+.switcher.switcher--green-500 {
			background-color: $background-color_16;
			border-color: $border-color_10;
		}

		&:checked+.switcher.switcher--green-400 {
			background-color: $background-color_17;
			border-color: $border-color_11;
		}

		&:checked+.switcher.switcher--green-300 {
			background-color: $background-color_18;
			border-color: $border-color_12;
		}

		&:checked+.switcher.switcher--pink-500 {
			background-color: $background-color_21;
			border-color: $border-color_14;
		}

		&:checked+.switcher.switcher--pink-400 {
			background-color: $background-color_22;
			border-color: $border-color_15;
		}

		&:checked+.switcher.switcher--pink-300 {
			background-color: $background-color_23;
			border-color: $border-color_16;
		}

		&:checked+.switcher.switcher--purple-500 {
			background-color: $background-color_26;
			border-color: $border-color_18;
		}

		&:checked+.switcher.switcher--purple-400 {
			background-color: $background-color_28;
			border-color: $border-color_2;
		}

		&:checked+.switcher.switcher--purple-300 {
			background-color: $background-color_29;
			border-color: $border-color_19;
		}

		&:checked+.switcher.switcher--red-500 {
			background-color: $background-color_32;
			border-color: $border-color_21;
		}

		&:checked+.switcher.switcher--red-400 {
			background-color: $background-color_33;
			border-color: $border-color_22;
		}

		&:checked+.switcher.switcher--red-300 {
			background-color: $background-color_34;
			border-color: $border-color_23;
		}

		&:checked+.switcher.switcher--violet-500 {
			background-color: $background-color_37;
			border-color: $border-color_25;
		}

		&:checked+.switcher.switcher--violet-400 {
			background-color: $background-color_38;
			border-color: $border-color_26;
		}

		&:checked+.switcher.switcher--violet-300 {
			background-color: $background-color_39;
			border-color: $border-color_27;
		}

		&:checked+.switcher.switcher--yellow-500 {
			background-color: $background-color_42;
			border-color: $border-color_29;
		}

		&:checked+.switcher.switcher--yellow-400 {
			background-color: $background-color_43;
			border-color: $border-color_30;
		}

		&:checked+.switcher.switcher--yellow-300 {
			background-color: $background-color_44;
			border-color: $border-color_31;
		}

		&:checked+.switcher.bg--tra-white {
			&:before {
				bottom: 3px;
				background-color: $background-color_5;
				box-shadow: 0 0;
			}
		}

		&:checked+.switcher.switcher--theme {
			background-color: $background-color_28;
			border-color: $border-color_2;
		}
	}
}

.switcher {
	display: block;
	cursor: pointer;
	color: $color_3;
	font-size: 0.925rem;
	font-weight: 500;
	height: 32px;
	padding: 0 15px 0 35px;
	position: relative;
	border-radius: 32px;
	transition: all 150ms ease-in-out;

	.show-monthly {
		display: block;
		line-height: 32px;
	}

	.show-annual {
		display: none;
		line-height: 32px;
	}

	&:before {
		position: absolute;
		left: 4px;
		bottom: 4px;
		content: " ";
		background-color: $background-color_5;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		transition: all 450ms ease-in-out;
	}
}

.switcher.bg--tra-white {
	background-color: $background-color_5;
	border: 2px solid #ccc;

	&:before {
		background-color: $background-color_69;
		left: 4px;
		bottom: 3.5px;
		box-shadow: 0 1px 1px 0 #aaa;
	}
}

.switcher.bg--ghost-white {
	background-color: $background-color_68;
	border: 2px solid rgba(128, 143, 174, 0.15);

	&:before {
		background-color: $background-color_69;
		left: 4px;
		bottom: 3.5px;
		box-shadow: 0 1px 1px 0 #aaa;
		background-color: $background-color_5;
	}
}

.switcher.bg--grey {
	background-color: $background-color_69;
	border: 2px solid #ccc;

	&:before {
		background-color: $background-color_69;
		left: 4px;
		bottom: 3.5px;
		box-shadow: 0 1px 1px 0 #aaa;
		background-color: $background-color_5;
	}
}

.pricing-notice {
	text-align: center;
	margin-top: 20px;

	p {
		padding: 0 8%;
		margin-bottom: 0;

		span {
			font-weight: 500;
		}
	}
}

// .table {
// 	> {
// 		&:not(caption) {
// 			>* {
// 				>* {
// 					padding-top: 12px;
// 					padding-bottom: 12px;
// 				}
// 			}
// 		}
// 	}
// }

.table> :not(caption)>*>* {
	padding-top: 12px;
	padding-bottom: 12px;
}

.table-responsive {
	.ico-15 {
		[class*="flaticon-"] {
			&:before {
				font-size: 0.75rem;
			}

			&:after {
				font-size: 0.75rem;
			}
		}
	}

	.ico-20 {
		[class*="flaticon-"] {
			&:before {
				font-size: 0.95rem;
			}

			&:after {
				font-size: 0.95rem;
			}
		}
	}
}

.comp-table-payment {
	h6 {
		margin-bottom: 20px;
	}

	p {
		margin-bottom: 0;
	}
}

#tm-2-1 {
	margin-right: 14px;
}

#tm-2-4 {
	margin-right: 14px;
}

#tm-2-7 {
	margin-right: 14px;
}

#tm-2-10 {
	margin-right: 14px;
}

#tm-2-2 {
	margin-left: 7px;
	margin-right: 7px;
}

#tm-2-5 {
	margin-left: 7px;
	margin-right: 7px;
}

#tm-2-8 {
	margin-left: 7px;
	margin-right: 7px;
}

#tm-2-11 {
	margin-left: 7px;
	margin-right: 7px;
}

#tm-2-3 {
	margin-left: 14px;
}

#tm-2-6 {
	margin-left: 14px;
}

#tm-2-9 {
	margin-left: 14px;
}

#tm-2-12 {
	margin-left: 14px;
}

.team-member-photo {
	position: relative;
	overflow: hidden;
	text-align: center;
	margin-bottom: 30px;
}

.team-member {
	&:hover {
		img {
			transform: scale(1.05);
			-ms-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-o-transform: scale(1.05);
		}

		.item-overlay {
			opacity: .45;
		}
	}
}

.team-member-data {
	position: relative;
	margin-left: 5px;

	h6.s-20 {
		margin-bottom: 8px;
	}

	p {
		font-family: $font-family_2;
		line-height: 1;
		font-weight: 400;
		letter-spacing: 0;
		margin-bottom: 0;
	}
}

#team-1 {
	ul.tm-social {
		right: 5px;
	}
}

.tm-social.ico-20 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.15rem;
		}

		&:after {
			font-size: 1.15rem;
		}
	}
}

.role-box {
	border: 1px solid #d2d2d2;
	padding: 25px 35px;
	margin-bottom: 30px;
	transition: all 400ms ease-in-out;

	&:hover {
		border-color: $border-color_4;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
	}

	span {
		font-family: $font-family_2;
		display: block;
		font-size: 0.8rem;
		line-height: 1;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 14px;
	}

	h6 {
		margin-bottom: 6px;
	}

	p {
		margin-bottom: 0;
	}
}

.role-box.bg--white-200 {
	border: 1px solid transparent;
}

.role-box.bg--white-300 {
	border: 1px solid transparent;
}


.inner-page-title {
	margin-bottom: 50px;

	span {
		font-family: $font-family_2;
		display: block;
		font-size: 0.9rem;
		line-height: 1;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 35px;
	}
}

.cbox-6-wrapper {
	margin: 45px 0;
}


.role-info {
	hr {
		margin: 50px 0;
	}

	h5 {
		margin-bottom: 25px;
	}

	p {
		a {
			font-weight: 500;
			text-decoration: underline;
		}
	}
}

.banner-overlay {
	width: 100%;
	height: 100%;
}

#banner-11 {
	margin-top: 50px;
}

#banner-12 {
	margin-top: 40px;
	margin-bottom: 10px;
}

.banner-1-wrapper {
	position: relative;
	overflow: hidden;
	text-align: center;

	.banner-overlay {
		padding: 75px 15% 85px;
	}
}

.banner-2-wrapper {
	position: relative;
	overflow: hidden;
	text-align: center;

	.banner-overlay {
		padding: 80px 15% 90px;
	}
}

.banner-3-wrapper {
	position: relative;
	overflow: hidden;
	text-align: center;

	.banner-overlay {
		padding: 75px 20% 85px;
	}
}

.banner-11-wrapper {
	.banner-overlay {
		padding: 10px 70px 0;
	}
}

.banner-12-wrapper {
	.banner-overlay {
		padding-left: 80px;
	}
}

.banner-13-wrapper {
	overflow: hidden;

	.banner-overlay {
		overflow: hidden;
		padding-left: 80px;
	}
}

.banner-16-wrapper {
	.banner-overlay {
		padding: 45px 22%;
	}
}

.banner-16-wrapper.bg--white-100.block-border {
	border-color: $border-color_6;
}

.banner-12-txt {
	margin-top: -10px;
	padding-right: 15%;

	h2 {
		margin-bottom: 22px;
	}
}

.banner-13-txt {
	padding-right: 15%;

	h2 {
		margin-bottom: 22px;
	}
}

.banner-section {
	.section-id {
		font-weight: 600;
		padding-top: 10px;
		margin-bottom: 30px;
	}

	p.p-lg {
		font-size: 1.15rem;
		margin-bottom: 30px;
	}

	p.p-xl {
		margin-bottom: 25px;
	}
}

.banner-1-txt {
	h2 {
		margin-bottom: 15px;
	}
}

.banner-2-txt {
	h2 {
		margin-bottom: 35px;
	}
}

.banner-4-txt {
	h2 {
		margin-bottom: 30px;
	}
}

.banner-7-txt {
	h2 {
		margin-bottom: 35px;
	}
}

.banner-10-txt {
	h6 {
		font-weight: 400;
		margin-bottom: 12px;
	}

	h2 {
		margin-bottom: 25px;
	}
}

.banner-11-txt {
	h2 {
		margin-bottom: 22px;
	}

	p {
		padding-right: 8%;
	}
}

.banner-15-txt {
	h2 {
		margin-bottom: 45px;
	}

	p {
		a {
			text-decoration: underline;
		}
	}
}

.banner-16-txt {
	h4 {
		margin-bottom: 14px;
	}
}

.sm-title {
	.banner-1-txt {
		p.p-lg {
			margin-top: 12px;
			margin-bottom: 22px !important;
		}

		p.p-xl {
			margin-top: 12px;
			margin-bottom: 22px !important;
		}
	}
}

.banner-3-txt {
	p.p-lg {
		margin-top: 20px;
	}

	p.p-xl {
		margin-top: 20px;
	}
}

.banner-5-txt {
	p.p-lg {
		margin-top: 20px;
	}

	p.p-xl {
		margin-top: 20px;
	}

	p.s-21 {
		margin-top: 20px;
		margin-bottom: 26px;
	}

	p.s-22 {
		margin-top: 20px;
		margin-bottom: 26px;
	}
}

.banner-6-txt {
	p.p-lg {
		margin-top: 15px;
		margin-bottom: 25px !important;
	}

	p.p-xl {
		margin-top: 15px;
		margin-bottom: 25px !important;
	}
}

.banner-8-txt {
	p.p-lg {
		margin-top: 10px;
		margin-bottom: 0 !important;
	}

	p.p-xl {
		margin-top: 10px;
		margin-bottom: 0 !important;
	}
}

.banner-9-txt {
	p.p-lg {
		margin-top: 20px;
		margin-bottom: 25px !important;
	}

	p.p-xl {
		margin-top: 20px;
		margin-bottom: 25px !important;
	}
}

.banner-14-txt {
	p.p-lg {
		font-size: 1.25rem;
		margin-top: 35px;
		margin-bottom: 40px;
	}
}

.banner-11-img {
	margin-top: -60px;
	margin-left: -40px;
}

.banner-12-img {
	margin: -40px -20px -30px -40px;
}

.banner-13-img {
	transform: rotate(-20deg);
	margin: -60px -120px -70px -40px;
}

.version-release {
	margin-bottom: 80px;
}

.release-data {
	padding-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 30px;

	h5 {
		margin-bottom: 40px;
	}
}

.release-download {
	position: absolute;
	right: 5px;
	bottom: 0;
}

.release-highlights {
	.simple-list {
		p {
			margin-bottom: 2px;
		}
	}
}

#faqs-1 {
	.section-title {
		margin-bottom: 50px;
	}
}

#faqs-2 {
	.inner-page-title {
		margin-bottom: 55px;
	}

	.accordion-panel {
		padding: 45px 0 15px 0;
	}

	.more-questions {
		margin: 70px auto 0;
	}
}

#faqs-2.faqs-section {
	.accordion-item {
		border-bottom: 1px solid #ddd;

		.accordion-thumb {
			&:after {
				font-size: 1rem;
				top: 26px;
				right: 2px;
			}
		}
	}

	.accordion-item.is-active {
		.accordion-thumb {
			border-bottom: 1px solid #e5e5e5;

			&:after {
				font-size: 1rem;
				top: 26px;
				right: 2px;
			}
		}
	}

	.accordion-thumb {
		padding: 25px 0 30px;
	}

	.accordion-item.acc-last-item {
		border-bottom: none;
	}
}

#faqs-3 {
	.section-title {
		margin-bottom: 70px;
	}
}

.faqs-3-questions {
	.questions-holder {
		padding: 0px 15px;
		list-style: none;
		display: grid;
		grid-template-columns: repeat(2, auto);
		gap: 30px;
	}
}

.faqs-section {
	.accordion-item {
		background-color: $background-color_53 !important;
		border: none;
		border-bottom: 1px solid #e5e5e5;

		.accordion-thumb {
			&:after {
				font-family: $font-family_4;
				font-weight: 300;
				content: "\f11a";
				position: absolute;
				font-size: 1rem;
				top: 22px;
				right: 3px;
			}
		}
	}

	.accordion-item.is-active {
		.accordion-thumb {
			&:after {
				content: "\f11b";
				font-family: $font-family_4;
				font-weight: 300;
				content: "\f11b";
				position: absolute;
				font-size: 1rem;
				top: 22px;
				right: 3px;
			}
		}
	}

	.accordion-thumb {
		margin: 0;
		padding: 25px 0;
		cursor: pointer;
		position: relative;
	}

	.tabs-nav {
		text-align: center;
	}

	.tabs-1 {
		display: inline-block;
		margin: 0 auto 60px;

		li {
			display: inline-block;
			min-width: 230px;
			background-color: $background-color_53;
			border: 2px solid #ddd;
			cursor: pointer;
			padding: 30px 0;
			margin: 0 6px;
			transition: all 400ms ease-in-out;

			span {
				color: $color_47;
			}

			p {
				line-height: 1;
				font-weight: 400;
				margin-top: 15px;
				margin-bottom: 0;
			}
		}

		li.current {
			box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, 0.2);

			&:hover {
				box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, 0.2);
			}

			p {
				color: $color_3;
			}

			span {
				color: $color_3;
			}
		}
	}

	.tab-content {
		display: none;
	}

	.tab-content.current {
		display: inherit;
	}

	.accordion-item.acc-last-item {
		border-bottom: none;
	}

	.tabs--blue {
		.tabs-1 {
			li.current {
				background-color: $background-color_12;
				border-color: $border-color_1 !important;

				&:hover {
					background-color: $background-color_12;
					border-color: $border-color_1 !important;
				}
			}
		}
	}

	.tabs--purple {
		.tabs-1 {
			li.current {
				background-color: $background-color_28;
				border-color: $border-color_2 !important;

				&:hover {
					background-color: $background-color_28;
					border-color: $border-color_2 !important;
				}
			}
		}
	}

	.tabs--theme {
		.tabs-1 {
			li.current {
				background-color: $background-color_28;
				border-color: $border-color_2 !important;

				&:hover {
					background-color: $background-color_28;
					border-color: $border-color_2 !important;
				}
			}
		}
	}
}

.accordion-panel {
	margin: 0;
	padding: 0 0 15px 0;
	display: none;

	p {
		a {
			font-weight: 500;
			text-decoration: underline;
		}
	}
}

.accordion-thumb {
	h5 {
		line-height: 1;
		margin-bottom: 0;

		span {
			margin-right: 5px;
		}
	}

	h4 {
		line-height: 1;
		margin-bottom: 0;
	}
}

.question {
	h5 {
		margin-bottom: 20px;

		span {
			margin-right: 5px;
		}
	}

	p {
		a {
			font-weight: 500;
			text-decoration: underline;
		}
	}

	p.color--grey {
		a.color--blue {
			color: $color_9 !important;
		}
	}
}

.accordion-panel-item {
	h5 {
		margin-bottom: 20px;

		span {
			margin-right: 5px;
		}
	}
}

.accordion-panel.color--grey {
	a.color--blue {
		color: $color_9 !important;
	}
}

.more-questions {
	text-align: center;
}

.more-questions-txt {
	display: inline-block;
	padding: 22px 46px;

	p {
		line-height: 1;
		margin-bottom: 0;
	}

	a {
		font-weight: 500;
		text-decoration: underline;
	}
}

#newsletter-1 {
	.newsletter-overlay {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.newsletter-form {
		margin-top: 30px;
	}

	.btn {
		height: 54px;
		font-size: 0.925rem;
		padding: 0.7rem 1.3rem;
	}
}

.hero-section {
	#newsletter-1 {
		.newsletter-form {
			padding-left: 0;
		}
	}
}

#newsletter-1.newsletter-section {
	.form-control {
		height: 54px;
		font-size: 0.975rem;
	}
}

#newsletter-2 {
	.container {
		padding-left: 0;
		padding-right: 0;
	}

	.newsletter-overlay {
		padding: 60px 50px;
	}

	.newsletter-form {
		margin-top: 25px;
		padding-left: 12%;
	}
}

#newsletter-3 {
	margin-top: 50px;
	margin-bottom: 50px;

	.newsletter-img {
		margin-top: -50px;
		margin-bottom: -50px;
	}

	.col-lg-6 {
		.newsletter-img {
			padding-left: 40px;
		}
	}
}

#newsletter-4 {
	.newsletter-overlay {
		padding-top: 80px;
		padding-bottom: 70px;
	}

	.newsletter-txt {
		h2 {
			margin-bottom: 40px;
		}

		p {
			padding: 0 10%;
		}
	}

	.newsletter-form {
		padding: 0 5%;
	}
}

#newsletter-5 {
	.newsletter-overlay {
		padding-top: 80px;
		padding-bottom: 70px;
	}

	.newsletter-txt {
		h2 {
			margin-bottom: 0;
		}

		p {
			margin-top: 20px;
			margin-bottom: 0;
		}
	}

	.newsletter-form {
		margin-top: 35px;
		padding: 0 10%;
	}
}

.newsletter-txt {
	h2 {
		margin-bottom: 35px;
	}

	p.p-sm {
		margin-bottom: 0;
	}

	a {
		font-weight: 500;
		text-decoration: underline;
	}

	h4 {
		margin-bottom: 0;
	}

	h3 {
		margin-bottom: 0;
	}
}

#newsletter-5.newsletter-section {
	.form-control {
		height: 62px;
		font-size: 1.0625rem;
	}

	.btn {
		height: 62px;
	}
}

.color--white {
	.newsletter-section {
		.form-control {
			color: $color_5;
		}
	}
}

.newsletter-section {
	.form-control {
		height: 56px;
		background-color: $background-color_5;
		border: 1px solid #ccc;
		font-size: 1rem;
		color: $color_4;
		font-weight: 400;
		padding: 0 15px;
		margin-right: 12px;
		box-shadow: none;
		border-radius: 6px;

		&:focus {
			background-color: $background-color_5;
			outline: 0;
			box-shadow: none;
			border-color: $border-color_1;
			background-color: $background-color_5;
			border-color: $border-color_3;
		}

		&::-moz-placeholder {
			color: $color_42;
		}

		&:-ms-input-placeholder {
			color: $color_42;
		}

		&::-webkit-input-placeholder {
			color: $color_42;
		}
	}

	.purple-focus {
		.form-control {
			&:focus {
				border-color: $border-color_52;
			}
		}
	}

	.btn {
		display: block;
		width: 100% !important;
		height: 56px;
	}

	.form-notification {
		color: $color_8;
		font-size: 0.9rem;
		font-weight: 400;
		line-height: 1;
		margin-top: 15px;
		margin-left: 5px;
	}

	.text-center {
		.form-notification {
			margin-left: 0;
		}
	}

	.newsletter-form.valid {
		color: $color_10;
	}

	.form-notification.valid {
		color: $color_48;
	}

	.form-notification.error {
		color: $color_48;
	}
}

// .input-group {
// 	&:not(.has-validation) {
// 		> {
// 			&:not(:last-child) {
// 				&:not(.dropdown-toggle) {
// 					&:not(.dropdown-menu) {
// 						&:not(.form-floating) {
// 							border-top-right-radius: 6px;
// 							border-bottom-right-radius: 6px;
// 						}
// 					}
// 				}
// 			}
// 		}
// 	}
// }
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

.bg--color.newsletter-section {
	.form-notification {
		color: $color_3;
	}
}

.post-tag {
	display: block;
	font-family: $font-family_2;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#single-post {
	.post-tag {
		font-size: 0.85rem;
	}
}

.post-meta-list {
	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
	}

	p {
		color: $color_4;
		line-height: 1;
		margin-bottom: 0;
	}
}

.meta-list-divider {
	position: relative;
	top: 0px;
	transform: rotate(-90deg);
	padding: 0 1px;
}

.blog-post-txt {
	h6 {
		margin-bottom: 15px;
	}

	p {
		margin-bottom: 0;
	}

	a {
		color: $color_4;

		&:hover {
			text-decoration: underline;
		}
	}
}

.wide-post {
	margin-bottom: 100px;

	.blog-post-img {
		padding-right: 15px;

		img {
			border-radius: 16px !important;
		}
	}

	.blog-post-txt {
		padding-left: 15px;
	}
}

.square-post {
	margin-top: 60px;
	margin-bottom: 40px;

	.blog-post-txt {
		padding: 0 30px 0 60px;
	}
}

.square-post-wrapper {
	overflow: hidden;
}

.posts-category {
	margin-top: 40px;
	margin-bottom: 60px;

	h4 {
		line-height: 1;
		margin-bottom: 0;
	}

	span {
		position: relative;
		top: 1px;
	}
}

.single-post-title {
	h3 {
		padding: 0 10px;
	}

	h2 {
		padding: 0 10px;
	}
}

.single-post-txt {
	h5 {
		margin-top: 30px;
		margin-bottom: 30px;

		span {
			display: block;
		}
	}

	h4 {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	p {
		a {
			font-weight: 500;
			text-decoration: underline;
		}
	}

	figure {
		margin-bottom: 40px;
	}

	.blockquote {
		p {
			font-size: 1.5rem;
			line-height: 1.45;
			margin-bottom: 40px;
		}
	}

	.blockquote-footer {
		font-size: 1.125rem;
	}
}

.txt-code {
	background-color: $background-color_70;
	padding: 20px 18px;
	margin: 30px 0;

	p {
		color: $color_49;
		font-size: 1rem;
		line-height: 1.75;
		margin-bottom: 0;

		code.code-language-js {
			color: $color_51;
		}
	}

	span.code-string {
		color: $color_50;
	}

	span.code-property {
		color: $color_51;
	}

	span.code-variable {
		color: $color_52;
	}

	span.code-attribute {
		color: $color_52;
	}
}

.post-inner-img {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

.post-share-list {
	margin-top: 50px;
	padding-bottom: 50px;
}

.share-social-icons {
	display: inline-block;
	padding-left: 0;

	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
		padding: 0;
	}

	a.share-ico {
		span {
			opacity: .75;
			margin-right: 25px;
			transition: all 450ms ease-in-out;
		}

		&:hover {
			span {
				opacity: 1;
			}
		}
	}
}

.post-author {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	align-items: stretch !important;
	justify-content: flex-start;
}

.post-author-avatar {
	position: relative;
	text-align: center;
	margin-right: 35px;

	img {
		width: 100px;
		height: 100px;
		border-radius: 100%;
	}
}

.post-author-txt {
	overflow: hidden;
	flex: 1;
	max-width: 100%;

	h5 {
		margin-bottom: 20px;
	}

	p {
		margin-bottom: 0;
	}
}

.tagcloud {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5px;
	row-gap: 5px;

	a {
		padding: 6px 15px;
		line-height: 1;
		border: 2px solid var(--tag-border-color, #ddd);
		background-color: $background-color_71;
		border-radius: 4px;
		font-size: 0.935rem !important;

		&:hover {
			--tag-border-color: var(--bs-primary);
			--tag-background-color: var(--bs-primary);
			--bs-headings-color: #fff;
			text-decoration: none;
		}

		&:focus {
			--tag-border-color: var(--bs-primary);
			--tag-background-color: var(--bs-primary);
			--bs-headings-color: #fff;
		}
	}
}

.author-follow-btn {
	display: inline-block;
	position: absolute;
	padding: 6px 15px;
	line-height: 1;
	top: 80px;
	right: 10px;
	border: 2px solid #ddd;

	a {
		color: $color_6;
		font-size: 0.935rem;
		font-weight: 400;
	}
}

.post-comments {
	padding-top: 100px;

	hr {
		margin-top: 24px;
		margin-bottom: 40px;
	}

	img {
		width: 68px;
		height: 68px;
		border-radius: 100%;
	}

	.leave-comment {
		padding-bottom: 0;
		margin-top: 80px;
		margin-bottom: 10px;
		border: none;
	}
}

#comments.post-comments {
	h5 {
		margin-bottom: 60px;
	}
}

#comments {
	#reply-title {
		margin-bottom: 10px;
	}
}

.comment-body {
	p {
		&:last-child {
			margin-bottom: 0;
		}
	}

	margin-left: 88px;
	width: 100%;
}

.comment-list {
	margin-bottom: 100px;

	>.comment {
		>.children {
			.comment {
				&:not(:last-child) {
					>.comment-body {
						border-bottom: 1px solid rgba(96, 96, 96, 0.1);
						padding-bottom: 40px;
						margin-bottom: 40px;
					}
				}
			}

			.comment.parent {
				>.comment-body {
					border-bottom: 1px solid rgba(96, 96, 96, 0.1);
					padding-bottom: 40px;
					margin-bottom: 40px;
				}
			}
		}

		border-bottom: 1px solid rgba(96, 96, 96, 0.1);
		padding-bottom: 40px;
		margin-bottom: 40px;

		&:last-child {
			margin-bottom: 0;
		}
	}

	>.comment.parent {
		>.comment-body {
			border-bottom: 1px solid rgba(96, 96, 96, 0.1);
			padding-bottom: 40px;
			margin-bottom: 40px;
		}
	}
}

ol.children {
	list-style: none;
}

.comment-meta {
	margin-bottom: 10px;

	h6 {
		line-height: 1;
		margin-bottom: 0;
	}
}

.comment-date {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}

.btn-reply {
	margin-left: 3px;

	a {
		font-size: 17px;
		font-weight: 400;

		&:hover {
			color: $color_53;
		}
	}

	span {
		position: relative;
		top: 3px;
		margin-right: 4px;
		left: 3px;
	}
}

.btn-reply.ico-20 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.975rem;
		}

		&:after {
			font-size: 0.975rem;
		}
	}
}

.comment-form {
	position: relative;
	margin-bottom: 50px;

	p {
		position: relative;
		color: $color_4;
		line-height: 1;
		font-weight: 500;
		margin-bottom: 15px;
		display: block;

		span {
			position: relative;
			color: $color_55;
			top: -3px;
		}
	}

	.form-control {
		height: 62px;
		background-color: $background-color_65;
		border: 1px solid transparent;
		box-shadow: 0 0 0 0;
		color: $color_4;
		font-size: 1rem;
		line-height: 1;
		font-weight: 400;
		padding: 0 20px;
		margin-bottom: 30px;
		border-radius: 6px;
		transition: all 300ms ease-in-out;

		&:focus {
			outline: 0px none;
			box-shadow: none;
			background-color: $background-color_72;
			border-color: $border-color_1;
		}
	}

	textarea {
		min-height: 220px;
	}

	textarea.form-control {
		padding: 25px 20px;
		min-height: 220px;
	}

	.btn {
		margin-top: 15px;

		&:focus {
			outline: 0px none;
			box-shadow: none;
		}
	}

	.loading {
		color: $color_41;
		font-size: 1.0625rem;
		line-height: 1;
		font-weight: 500;
	}

	.error {
		color: $color_40;
		font-size: 0.85rem;
		line-height: 1;
		font-weight: 400;
		margin-bottom: 10px;
		padding-left: 10px;
	}
}

p.comment-notes {
	margin-bottom: 60px;
}

#email-notes {
	color: $color_54;
}

.required-field-message {
	color: $color_54;
}

.comment-form-msg {
	width: 100% !important;
	display: block;
	margin-top: 15px;
	padding-left: 0;
}

#contacts-1 {
	.contact-form {
		p {
			color: $color_4;
			line-height: 1;
			font-weight: 500;
			margin-bottom: 10px;
			padding-left: 8px;
		}

		.col-md-12 {
			span {
				display: block;
				font-size: 0.95rem;
				line-height: 1;
				font-weight: 300;
				margin-bottom: 20px;
				margin-top: 10px;
				padding-left: 8px;
			}
		}

		.contact-form-notice {
			p {
				font-size: 0.835rem;
				font-weight: 300;
				line-height: 1.5555;
				padding-left: 0;
			}
		}
	}
}

.contact-form-notice {
	p {
		a {
			color: $color_4;
			font-weight: 500;
			text-decoration: underline;
		}
	}
}

.contact-form {
	.form-control {
		height: 62px;
		background-color: $background-color_65;
		border: 1px solid transparent;
		box-shadow: 0 0 0 0;
		color: $color_56;
		font-size: 1rem;
		font-weight: 400;
		padding: 0 15px;
		margin-top: 30px;
		border-radius: 6px;

		&::-moz-placeholder {
			color: $color_7;
		}

		&:-ms-input-placeholder {
			color: $color_7;
		}

		&::-webkit-input-placeholder {
			color: $color_7;
		}

		&:focus {
			outline: 0px none;
			box-shadow: none;
			background-color: $background-color_72;
			border-color: $border-color_1;
		}
	}

	.form-select {
		height: 62px;
		background-color: $background-color_65;
		border: 1px solid transparent;
		box-shadow: 0 0 0 0;
		color: $color_56;
		font-size: 1rem;
		font-weight: 400;
		padding: 0 15px;
		margin-top: 30px;
		border-radius: 6px;
		display: inline-block;
		width: 100%;
		color: $color_57;
		box-shadow: none;
		border-radius: 6px;

		&:focus {
			outline: 0px none;
			box-shadow: none;
			background-color: $background-color_72;
			border-color: $border-color_1;
		}
	}

	textarea {
		min-height: 220px;
	}

	textarea.form-control {
		padding: 20px 15px;
	}

	.loading {
		color: $color_41;
		font-size: 1.0625rem;
		line-height: 1;
		font-weight: 500;
		padding-left: 15px;
	}

	.error {
		color: $color_40;
		font-size: 0.85rem;
		line-height: 1;
		font-weight: 400;
		margin-bottom: 10px;
		padding-left: 10px;
	}
}

.contact-form-msg {
	width: 100% !important;
	display: block;
	margin-top: 20px;
	padding-left: 0;
}

.color-primary {
	color: var(--bs-primary) !important;

	&:hover {
		color: var(--bs-secondary) !important;
	}
}

.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	color: var(--bs-white) !important;

	&:hover {
		background-color: var(--bs-secondary);
		color: var(--bs-white) !important;
		border-color: var(--bs-secondary) !important;
	}
}

.footer {

	h6 {
		line-height: 1;
		margin-bottom: 25px;
	}

	.footer-mail-link {
		margin-left: 3px;
		margin-bottom: 0;
	}

	.footer-links {
		li {
			&:last-child {
				p {
					margin-bottom: 0;
				}
			}
		}
	}

	.store {
		float: none;
		margin-right: 0;
		margin-bottom: 15px;
	}

	hr {
		margin-top: 30px;
		margin-bottom: 50px;
	}
}

.footer-info {
	margin-bottom: 40px;
}

.footer-links {
	margin-bottom: 40px;

	li {
		width: auto !important;
		display: block !important;
		clear: none !important;
		margin: 0;
		padding: 0;
	}
}

#footer-10 {
	.footer-info {
		margin-bottom: 40px;
		padding-bottom: 55px;
		border-bottom: 1px solid #dbdddf;
	}

	.footer-links {
		margin-bottom: 30px;
	}

	img.footer-logo {
		max-height: 46px;
	}

	.foo-links {
		li {
			display: inline-block !important;
			padding: 0 10px;
		}
	}

	.bottom-footer-socials {
		li {
			padding: 0 15px;
		}
	}
}

img.footer-logo {
	width: auto;
	max-width: inherit;
	max-height: 40px;
}

img.footer-logo-dark {
	width: auto;
	max-width: inherit;
	max-height: 40px;
}

#footer-1 {
	.footer-logo {
		margin-bottom: 25px;
	}

	.footer-info {
		.footer-mail-link {
			margin-top: 10px;
		}
	}
}

#footer-5 {
	.footer-logo {
		margin-bottom: 25px;
	}
}

#footer-6 {
	.footer-logo {
		margin-bottom: 25px;
	}
}

#footer-7 {
	.footer-logo {
		margin-bottom: 25px;
	}

	.footer-form {
		padding-left: 8%;
	}
}

#footer-9.footer {
	h6 {
		line-height: 1.5;
	}
}

.bg--black.footer {
	h6 {
		color: $color_3;
	}

	.footer-mail-link {
		a {
			color: $color_58;

			&:hover {
				color: $color_3 !important;
			}
		}
	}

	.foo-links {
		li {
			p {
				a {
					color: $color_58;

					&:hover {
						color: $color_3 !important;
					}
				}
			}
		}
	}

	.footer-socials {
		li {
			a {
				color: $color_58;

				&:hover {
					color: $color_3 !important;
				}
			}
		}
	}

	.footer-copyright {
		p {
			color: $color_58;
		}
	}

	.bottom-footer-list {
		li {
			p {
				a {
					color: $color_58;

					&:hover {
						color: $color_3 !important;
					}
				}
			}
		}
	}
}

.footer-info-copyright {
	p {
		margin-bottom: 0;

		span {
			position: relative;
			top: 2px;
			padding: 0 2px;
		}
	}
}

.footer-info-copyright.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.85rem;
		}

		&:after {
			font-size: 0.85rem;
		}
	}
}

#footer-2 {
	.footer-links {
		.footer-mail-link {
			margin-left: 0;
			margin-bottom: 20px;
		}

		padding-left: 10%;
	}
}

#footer-3 {
	.footer-links {
		.footer-mail-link {
			margin-left: 0;
			margin-bottom: 20px;
		}
	}
}

.footer-mail-link {
	a {
		font-weight: 400;
	}

	span {
		position: relative;
		top: 4px;
		right: 3px;
	}
}

.footer-mail-link.ico-20 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.125rem;
		}

		&:after {
			font-size: 1.125rem;
		}
	}
}

.foo-links {
	li {
		a {
			span.ext-link {
				display: inline-block;
				position: relative;
				left: 3px;
				top: 1.5px;
				transform: rotate(-60deg);
			}
		}
	}
}

.foo-links.ico-10 {
	li {
		span {
			position: relative;
			top: 1.5px;
			right: 3px;
		}
	}
}

#footer-8 {
	.foo-links {
		li {
			display: inline-block !important;
			padding-left: 20px;
		}

		li.first-li {
			padding-left: 0;
		}
	}

	.bottom-footer {
		margin-top: 20px;
	}
}

.foo-links.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.footer-socials {
	margin: 0;
	display: inline-block;

	li {
		float: left;
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
		margin: 0;
	}

	a {
		display: block;
		margin-right: 15px;
	}
}

.footer-socials.ico-20 {
	a {
		margin-right: 16px;
	}
}

.footer-socials.ico-25 {
	a {
		margin-right: 16px;
	}

	[class*="flaticon-"] {
		&:before {
			font-size: 1.325rem;
		}

		&:after {
			font-size: 1.325rem;
		}
	}
}

.footer-form {
	margin-bottom: 20px;

	.newsletter-form {
		.input-group {
			background-color: $background-color_73;
			border: 1px solid transparent;
			padding: 9px 2px;
		}
	}

	.newsletter-form.valid {
		color: $color_10;
	}

	.form-control {
		height: 32px;
		background-color: $background-color_53;
		border: none;
		color: $color_6;
		font-size: 1rem;
		font-weight: 400;
		padding: 0 10px;
		box-shadow: none;

		&:focus {
			border: none;
			border-right: none;
			outline: 0;
			box-shadow: none;
		}

		&::-moz-placeholder {
			color: $color_5;
		}

		&:-ms-input-placeholder {
			color: $color_5;
		}

		&::-webkit-input-placeholder {
			color: $color_5;
		}
	}

	.btn {
		height: 32px;
		padding: 0 10px;
	}

	.form-notification {
		color: $color_9;
		font-size: 0.85rem;
		line-height: 1.25;
		font-weight: 400;
		margin-top: 12px;
		margin-left: 5px;
	}

	.ico-15 {
		[class*="flaticon-"] {
			&:before {
				line-height: 28px !important;
			}

			&:after {
				line-height: 28px !important;
			}
		}
	}

	.form-notification.valid {
		color: $color_48;
	}

	.form-notification.error {
		color: $color_48;
	}
}

#footer-9 {
	.bottom-footer {
		margin-top: 20px;
	}

	.bottom-footer-list {
		li {
			padding-left: 15px;

			span {
				margin-top: 1px;
				margin-right: 2px;
			}
		}

		li.first-li {
			padding-left: 0;
		}
	}
}

.footer-copyright {
	p {
		margin-bottom: 0;
	}
}

.bottom-secondary-link {
	p {
		margin-bottom: 0;

		span {
			position: relative;
			top: 1px;
			padding: 0 2px;
		}
	}
}

.bottom-secondary-link.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.75rem;
		}

		&:after {
			font-size: 0.75rem;
		}
	}
}

.bottom-footer-list {
	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;

		p {
			display: inline-block;
			float: left;
			margin-bottom: 0;
		}
	}
}

.bottom-footer-socials {
	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;
		padding-left: 14px;

		span {
			position: relative;
			top: 4px;
			opacity: .8;
		}
	}
}

.bottom-footer-payment {
	li {
		width: auto !important;
		display: inline-block !important;
		vertical-align: top;
		clear: none !important;

		span {
			line-height: 1 !important;
			position: relative;
			top: 4px;
			opacity: .8;
		}
	}
}

#footer-4 {
	.bottom-footer-list {
		li {
			padding-left: 15px;

			span {
				margin-top: 1px;
				margin-right: 2px;
			}
		}

		li.first-li {
			padding-left: 0;
		}
	}
}

.footer-list-divider {
	position: relative;
	top: -0.5px;
	transform: rotate(-90deg);
	margin-left: 4px;
}

.bottom-footer-list.ico-15 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.8rem;
		}

		&:after {
			font-size: 0.8rem;
		}
	}
}

.bottom-footer-socials.ico-20 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.115rem;
		}

		&:after {
			font-size: 1.115rem;
		}
	}
}

.bottom-footer-socials.ico-25 {
	[class*="flaticon-"] {
		&:before {
			font-size: 1.25rem;
		}

		&:after {
			font-size: 1.25rem;
		}
	}
}

.page-hero-section-overlay {
	position: relative;
	width: 100%;
	padding-top: 150px;

	.txt-block {
		margin-top: -40px;
	}
}

.page-hero-section {
	.wave-shape-bottom {
		path {
			fill: #fff;
		}
	}

	h2 {
		line-height: 1.15;
		margin-bottom: 30px;
	}
}

.inner-page-title {
	margin-bottom: 80px;

	h2 {
		margin-bottom: 0;
	}

	p {
		font-size: 1.1875rem;
		line-height: 1;
		margin-top: 20px;
		margin-bottom: 0;
	}
}

.page-link {
	color: $color_5;
	font-size: 1.1rem;
	font-weight: 500;
	padding: 2px 14px;
	margin: 0 8px;
	background-color: $background-color_53;
	border: 2px solid transparent;
	border-radius: 4px;
	transition: all 400ms ease-in-out;

	&:hover {
		color: $color_5;
		background-color: $background-color_53;
		border: 2px solid #ccc;
	}

	&:focus {
		color: $color_5;
		background-color: $background-color_53;
		border: 2px solid transparent;
		box-shadow: 0 0;
	}
}

.pagination.ico-20 {
	[class*="flaticon-"] {
		&:before {
			font-size: 0.9rem;
		}

		&:after {
			font-size: 0.9rem;
		}
	}
}

.page-item {
	&:first-child {
		.page-link {
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
		}
	}

	&:last-child {
		.page-link {
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
		}
	}
}

.page-item.disabled {
	.page-link {
		color: $color_5;
		background-color: $background-color_53;
		border: 2px solid transparent;
	}
}

.blue-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_12;
			border: 2px solid #1680fb;
		}
	}
}

.green-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_17;
			border: 2px solid #0fbc49;
		}
	}
}

.pink-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_22;
			border: 2px solid #f74780;
		}
	}
}

.purple-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_28;
			border: 2px solid var(--bs-primary);
		}
	}
}

.red-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_33;
			border: 2px solid #ff1e1a;
		}
	}
}

.violet-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_38;
			border: 2px solid #be6cbe;
		}
	}
}

.yellow-pagination {
	.page-item.active {
		.page-link {
			color: $color_4 !important;
			background-color: $background-color_42;
			border: 2px solid #ffba01;
		}
	}
}

.pagination {
	display: inline-flex !important;
}

.legal-info {
	p {
		span {
			color: $color_4;
			font-weight: 500;
		}
	}

	a {
		font-weight: 500;
		text-decoration: underline;
	}
}

.register-page-wrapper {
	.ctrlbp-row {
		flex-direction: column;

		.ctrlbp-label {
			width: 100%;
		}

		.ctrlbp-required {
			color: $color_4;
		}
	}
}

#login {
	background: url(../images/login.jpg);
	background-position: bottom left;
	min-height: 100vh;

	.register-page-wrapper {
		background: var(--martext-login-form-bg, url(../images/login-wrapper.jpg));
		background-position: left top;

		&:after {
			left: 50%;
			position: absolute;
			content: '';
			z-index: -1;
			width: 50%;
			height: 100%;
			top: 0;
			background-color: $background-color_5;
		}

	}

	.register-page-copyright {
		position: absolute;
		left: 60px;
		bottom: 45px;
	}

	.register-page-txt {
		padding: 70px 60px;
	}

	.register-page-form {
		.btn.submit {
			width: 100%;
			height: 60px;
		}
	}
}

#signup {
	background: url(../images/login.jpg);
	background-position: bottom left;
	min-height: 100vh;
	padding-top: 80px;
	padding-bottom: 80px;

	.register-page-wrapper {
		background: var(--martext-login-form-bg, url(../images/login-wrapper.jpg));
		background-position: right center;

		&:after {
			left: 0;
			position: absolute;
			content: '';
			z-index: -1;
			width: 50%;
			height: 100%;
			top: 0;
			background-color: $background-color_5;
		}
	}

	.register-page-copyright {
		position: absolute;
		right: 60px;
		bottom: 45px;
	}

	.register-page-txt {
		padding: 70px 60px;
	}

	.register-page-form {
		.btn.submit {
			width: 100%;
			height: 60px;
			margin-top: 20px;
		}
	}
}

#reset-password {
	background: url(../images/reset-password.jpg);
	background-position: center center;
	min-height: 100vh;
	padding-top: 80px;
	padding-bottom: 100px;
}

.register-page-wrapper {
	overflow: hidden;
	position: relative;
	z-index: 1;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);

	&.user-profile-wrapper {
		z-index: unset;

		.btn--logout {
			background-color: rgba(255, 0, 0, 0.75);
			border: 1px solid rgba(255, 0, 0, 0.75);

			&:hover {
				background-color: transparent;
				border: 1px solid rgba(255, 0, 0, 0.75);
			}
		}
	}
}

.register-page-txt {
	img {
		width: auto;
		max-width: inherit;
		max-height: 32px;
		margin-bottom: 55px;
	}

	h2 {
		line-height: 1.15;
		font-weight: 700;
		margin-bottom: 6px;
	}
}

.login-page-logo {
	text-align: center;
	margin-bottom: 45px;

	img {
		width: auto;
		max-width: inherit;
		max-height: 45px;
	}
}

.register-form-title {
	text-align: center;
	margin-bottom: 40px;

	h3 {
		line-height: 1;
		margin-bottom: 10px;
	}

	p {
		margin-bottom: 0;
	}

	a {
		font-weight: 500;
		text-decoration: underline;
	}
}

.register-page-copyright {
	p {
		font-size: 0.85rem;
		line-height: 1;
		margin-bottom: 0;
	}
}

.reset-form-title {
	margin-bottom: 30px;

	h5 {
		line-height: 1;
		margin-bottom: 0;
	}

	p.p-sm {
		font-size: 0.9rem;
		margin-top: 25px;
		margin-bottom: 0;
	}
}

.register-page-form {
	padding: 60px;

	p.input-header,
	label {
		position: relative;
		color: $color_4;
		font-size: 0.85rem;
		line-height: 1;
		font-weight: 500 !important;
		margin-bottom: 12px;
		padding-left: 5px;
	}

	p.create-account {
		font-size: 0.925rem;
		line-height: 1;
		margin-top: 30px;
		margin-bottom: 0;

		a {
			font-weight: 500;
			text-decoration: underline;
		}
	}

	.form-control {
		&::-moz-placeholder {
			color: $color_7;
		}

		&:-ms-input-placeholder {
			color: $color_7;
		}

		&::-webkit-input-placeholder {
			color: $color_7;
		}

		height: 60px;
		background-color: $background-color_65;
		border: 1px solid transparent;
		color: $color_4;
		font-size: 0.95rem;
		line-height: 1;
		font-weight: 400;
		padding: 5px 20px;
		border-radius: 6px;
		transition: all 300ms ease-in-out;

		&:focus {
			outline: 0px none;
			box-shadow: none;
			background-color: $background-color_72;
			border-color: $border-color_1;
		}
	}

	.rwmb-error {
		background: rgba(255, 0, 0, 0.03);
		padding: 15px;
		text-align: center;
		color: red;
		border: 1px solid red;
		margin-bottom: 15px;
	}

	.btn-google {
		width: 100%;
		color: $color_59;
		font-size: 0.95rem;
		background-color: $background-color_5;
		border: 1px solid #ccc;

		&:hover {
			border: 1px solid #333;
		}
	}
}

.login-1 {
	.register-page-form {
		padding: 20px 30px;
	}

	.form-control {
		background-color: $background-color_5;
		border: 1px solid #ccc;
	}
}

.signup-1 {
	.register-page-form {
		padding: 20px 30px;
	}

	.form-control {
		background-color: $background-color_5;
		border: 1px solid #ccc;
	}
}

.reset-page-wrapper {
	margin: 0 10px;

	form {
		background: #fff;
		border: 1px solid #fafafa;
		padding: 50px 30px 25px;
		box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, 0.05);
	}

	.form-control {
		text-align: center;
		height: 60px;
		background-color: $background-color_65;
		border: 1px solid transparent;
		color: $color_4;
		font-size: 0.95rem;
		line-height: 1;
		font-weight: 400;
		margin-bottom: 25px;
		padding: 5px 20px;
		border-radius: 6px;
		transition: all 300ms ease-in-out;

		&:focus {
			outline: 0px none;
			box-shadow: none;
			background-color: $background-color_72;
			border-color: $border-color_1;
		}
	}

	.btn.submit {
		width: 100%;
		margin-bottom: 20px;
	}
}

.reset-password-link {
	p {
		position: relative;
		font-size: 0.9rem;
		line-height: 1;
		margin-top: -8px;
		margin-bottom: 10px;
	}
}

.form-data {
	span {
		display: block;
		font-size: 0.85rem;
		margin-bottom: 0;

		a {
			color: $color_4;
			font-weight: 500;
			text-decoration: underline;
		}
	}
}

.separator-line {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: $font-family_2;
	font-size: 0.9rem;
	font-weight: 500;
	margin: 25px 0px 30px;

	&::after {
		margin: 0 0 0 15px;
		content: "";
		border-top: 2px solid rgba(0, 0, 0, 0.1);
		margin: 0 15px 0 0;
		flex: 1 0 20px;
	}

	&::before {
		content: "";
		border-top: 2px solid rgba(0, 0, 0, 0.1);
		margin: 0 15px 0 0;
		flex: 1 0 20px;
	}
}

.btn-google {
	img {
		position: relative;
		width: 22px;
		height: 22px;
		top: -2px;
		right: 5px;
	}
}

.reset-form-msg {
	text-align: center;
	width: 100% !important;
	display: block;
}

.reset-password-form {
	.loading {
		color: $color_41;
		font-size: 1.0625rem;
		line-height: 1;
		font-weight: 500;
		padding-left: 15px;
	}

	.error {
		position: relative;
		color: $color_40;
		font-size: 0.85rem;
		line-height: 1;
		font-weight: 400;
		top: -10px;
		margin-bottom: 12px;
		padding-left: 10px;
	}
}

.wrap-input {
	position: relative;
}

.btn-show-pass {
	color: $color_60;
	align-items: center;
	position: absolute;
	height: 100%;
	top: 20px;
	right: 20px;
	cursor: pointer;
	transition: all 0.4s;

	&:hover {
		color: $color_61;
	}
}

.btn-show-pass.active {
	color: $color_62;
}

.btn-show-pass.ico-20 {
	[class^="flaticon-"] {
		&:before {
			font-size: 1.125rem;
		}

		&:after {
			font-size: 1.125rem;
		}
	}
}

.page-404-txt {
	padding-top: 180px;
	padding-bottom: 100px;

	h2 {
		margin-bottom: 20px;
	}

	h6 {
		line-height: 1.6;
		font-weight: 400;
		padding: 0 5%;
		margin-bottom: 30px;
	}
}

.page-404-img {
	padding: 0 5%;
	margin-bottom: 60px;
}

.modal-body {
	padding: 0 !important;

	.newsletter-form {
		margin-top: 25px;
	}
}

#modal-1 {
	.modal-dialog {
		max-width: 700px;
	}
}

#modal-2 {
	.modal-dialog {
		width: 440px;
	}

	.modal-body-content {
		padding: 35px 40px 15px;
	}
}

#modal-3 {
	.modal-dialog.modal-xl {
		width: 750px;
	}

	.modal-body-content {
		padding: 60px 35px 50px;
	}

	.request-form {
		margin: 0;

		.col-md-12 {
			padding: 0;
		}

		.form-control {
			text-align: left;
			margin: 0 0 25px 0;
		}

		.btn {
			display: block;
			width: 100% !important;
			height: 56px;
			margin: 0;
		}

		.loading {
			color: $color_9;
			font-size: 1.0625rem;
			line-height: 1;
			font-weight: 400;
		}

		.error {
			color: $color_40;
			font-size: 0.85rem;
			line-height: 1;
			font-weight: 400;
			margin-bottom: 10px;
			padding-left: 10px;
		}
	}

	.request-form-title {
		p {
			margin-top: 18px;
			margin-bottom: 25px;
		}
	}

	.request-form-msg {
		width: 100% !important;
		display: block;
		margin-top: 15px;
		padding-left: 0;
	}
}

#modal-3.modal {
	.bg-img {
		background: url(../images/modal-request.jpg);
		background-position: left center;
	}

	.btn-close {
		background: rgba(14, 14, 14, 0.3) !important;
	}

	.modal-content {
		overflow: hidden;
		border-radius: 10px;
	}
}

#modal-2.modal {
	.modal-content {
		overflow: hidden;
		border-radius: 10px;
	}
}

.modal {
	.btn-close {
		position: absolute;
		z-index: 1;
		right: 15px !important;
		top: 15px !important;
		height: 1.5rem;
		width: 1.5rem;
		background: white !important;
		border-radius: 50%;
		padding: 0;
		opacity: .9;
		z-index: 9999;
	}

	.newsletter-form {
		.form-control {
			text-align: center;
			height: 56px;
			background-color: $background-color_65;
			border: 1px solid transparent;
			font-size: 1rem;
			color: $color_4;
			font-weight: 400;
			padding: 0 15px;
			margin: 0 0 15px 0;
			box-shadow: none;
			border-radius: 6px;

			&:focus {
				outline: 0;
				box-shadow: none;
				border-color: $border-color_53;
			}

			&::-moz-placeholder {
				color: $color_42;
			}

			&:-ms-input-placeholder {
				color: $color_42;
			}

			&::-webkit-input-placeholder {
				color: $color_42;
			}
		}

		.btn {
			display: block;
			width: 100% !important;
			height: 56px;
			margin: 0;
		}
	}

	.newsletter-form.purple-focus {
		.form-control {
			&:focus {
				border-color: $border-color_52;
			}
		}
	}

	.newsletter-form.valid {
		color: $color_10;
	}

	.input-group-btn {
		display: block;
		width: 100% !important;
	}

	.form-notification {
		text-align: center;
		color: $color_9;
		font-size: 0.85rem;
		font-weight: 400;
		line-height: 1;
		margin-top: 12px;
	}

	.btn-close.ico-10 {
		[class^="flaticon-"] {
			&:before {
				font-size: 0.6rem;
			}

			&:after {
				font-size: 0.6rem;
			}
		}
	}

	.form-notification.valid {
		color: $color_48;
	}

	.form-notification.error {
		color: $color_48;
	}
}

.btn-close {
	span {
		position: relative;
		line-height: 24px !important;
		top: -2px;
	}
}

button.btn-close {
	&:focus {
		outline: none !important;
		text-decoration: none !important;
	}
}

.theme--dark {
	.bg--white-100 {
		background-color: $background-color_74 !important;
	}

	.dark-theme-img {
		display: inline-block;
		position: relative;
	}

	.owl-carousel {
		.owl-item {
			img.light-theme-img {
				display: none;
				position: absolute;
			}

			img.dark-theme-img {
				display: block;
			}
		}
	}

	.light-theme-img {
		display: block;
	}

	.block-shadow {
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.13);
	}

	.block-border {
		border: 1px solid #e7e7e7;
	}

	.block-border.block-shadow {
		border: 1px solid #f5f6f6;
	}

	.x-border {
		border-top: 1px solid #1d212c;
		border-bottom: 1px solid #1d212c;
	}

	.top-border {
		border-top: 1px solid #1d212c;
	}

	.bottom-border {
		border-bottom: 1px solid #1d212c;
	}

	hr.divider.divider-light {
		background-color: $background-color_5;
		background-image: linear-gradient(90deg, rgba(206, 211, 246, 0) 0, #dedede 38%, #dedede 64%, rgba(206, 211, 246, 0) 99%);
		opacity: 1;
	}

	a {
		color: $color_1;

		&:hover {
			color: $color_65 !important;
		}
	}

	.navbar-dark {
		.hover--tra-black {
			&:hover {
				color: $color_4 !important;
				background-color: $background-color_53 !important;
				border-color: $border-color_3 !important;
			}
		}

		.scroll {
			.hover--tra-black {
				&:hover {
					color: $color_3 !important;
					background-color: $background-color_53 !important;
					border-color: $border-color_5 !important;
				}
			}

			.logo-white {
				display: block;
				display: block;
			}

			.logo-black {
				display: none;
			}
		}

		.logo-black {
			display: block;
			display: none;
		}

		.logo-white {
			display: none;
			display: block;
		}
	}

	.white-scroll {
		.hover--tra-black {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_5 !important;
				background-color: $background-color_53 !important;
			}
		}

		.scroll {
			.hover--tra-white {
				&:hover {
					color: $color_3 !important;
					background-color: $background-color_53 !important;
					border-color: $border-color_5 !important;
				}
			}

			.hover--theme {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_54 !important;
					background-color: $background-color_75 !important;
				}
			}

			.hover--tra-grey {
				&:hover {
					color: $color_1 !important;
					background-color: $background-color_53 !important;
					border-color: $border-color_56 !important;
				}
			}

			.hover--blue-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_7 !important;
					background-color: $background-color_11 !important;
				}
			}

			.hover--blue-400 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_1 !important;
					background-color: $background-color_12 !important;
				}
			}

			.hover--blue-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_8 !important;
					background-color: $background-color_13 !important;
				}
			}

			.hover--pink-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_14 !important;
					background-color: $background-color_21 !important;
				}
			}

			.hover--pink-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_16 !important;
					background-color: $background-color_23 !important;
				}
			}

			.hover--purple-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_18 !important;
					background-color: $background-color_26 !important;
				}
			}

			.hover--purple-400 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_2 !important;
					background-color: $background-color_28 !important;
				}
			}

			.hover--purple-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_19 !important;
					background-color: $background-color_29 !important;
				}
			}

			.hover--violet-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_25 !important;
					background-color: $background-color_37 !important;
				}
			}

			.hover--violet-400 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_26 !important;
					background-color: $background-color_38 !important;
				}
			}

			.hover--violet-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_27 !important;
					background-color: $background-color_39 !important;
				}
			}
		}

		.hover--theme {
			&:hover {
				color: $color_3 !important;
				border-color: $border-color_54 !important;
				background-color: $background-color_75 !important;
			}
		}
	}

	.section-id {
		color: $color_7;
	}

	.navbar-light {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>a.btn {
						&:hover {
							color: $color_3 !important;
						}
					}

					>a {
						color: $color_3;

						&:hover {
							color: $color_35 !important;
						}
					}
				}
			}
		}

		.scroll {
			.btn.btn--tra-white {
				color: $color_3 !important;
				border-color: $border-color_5 !important;
				background-color: $background-color_53 !important;
			}
		}

		.wsmenu-list {
			>li {
				>a.h-link {
					&:hover {
						color: $color_35 !important;
					}
				}
			}
		}
	}

	.navbar-light.white-scroll {
		.scroll {
			.wsmenu-list {
				>li {
					>a.h-link {
						&:hover {
							color: $color_3 !important;
						}
					}
				}
			}
		}
	}

	.hero-section {
		p {
			color: $color_7;
		}

		.color--white {

			span,
			p {
				color: $color_3;
			}

			.color--black {
				color: $color_4;
			}
		}

		.section-id.color--grey {
			color: $color_5;
		}

		.quick-form {
			.form-control {
				color: $color_3;
				background-color: $background-color_76;

				&::-moz-placeholder {
					color: $color_1;
				}

				&:-ms-input-placeholder {
					color: $color_1;
				}

				&::-webkit-input-placeholder {
					color: $color_1;
				}

				&:focus {
					background-color: $background-color_77;
					border-color: $border-color_4;
				}
			}
		}

		.request-form {
			.form-control {
				color: $color_3;
				background-color: $background-color_76;

				&::-moz-placeholder {
					color: $color_1;
				}

				&:-ms-input-placeholder {
					color: $color_1;
				}

				&::-webkit-input-placeholder {
					color: $color_1;
				}

				&:focus {
					background-color: $background-color_77;
					border-color: $border-color_4;
				}
			}
		}

		.color--black {
			color: $color_4;

			h2 {
				color: $color_4;
			}

			h3 {
				color: $color_4;
			}

			h4 {
				color: $color_4;
			}

			h5 {
				color: $color_4;
			}

			h6 {
				color: $color_4;
			}

			p {
				color: $color_4;
			}

			a {
				color: $color_4;
			}

			li {
				color: $color_4;
			}

			i {
				color: $color_4;
			}

			span {
				color: $color_4;
			}
		}
	}

	.hero-section.gr--whitesmoke {
		p {
			color: $color_1;
		}
	}

	.hero-14.hero-section {
		.quick-form {
			.form-control {
				&::-moz-placeholder {
					color: $color_7;
				}

				&:-ms-input-placeholder {
					color: $color_7;
				}

				&::-webkit-input-placeholder {
					color: $color_7;
				}

				color: $color_6;
				background-color: $background-color_5;

				&:focus {
					background-color: $background-color_5;
					border-color: $border-color_4;
				}
			}
		}
	}

	.hero-24.hero-section {
		.quick-form {
			.form-control {
				&::-moz-placeholder {
					color: $color_7;
				}

				&:-ms-input-placeholder {
					color: $color_7;
				}

				&::-webkit-input-placeholder {
					color: $color_7;
				}

				color: $color_6;
				background-color: $background-color_5;

				&:focus {
					background-color: $background-color_5;
					border-color: $border-color_4;
				}
			}
		}
	}

	.hero-26.hero-section {
		.quick-form {
			.form-control {
				&::-moz-placeholder {
					color: $color_7;
				}

				&:-ms-input-placeholder {
					color: $color_7;
				}

				&::-webkit-input-placeholder {
					color: $color_7;
				}

				color: $color_6;
				background-color: $background-color_5;

				&:focus {
					background-color: $background-color_5;
					border-color: $border-color_4;
				}
			}
		}
	}

	.hero-4-txt {
		h2 {
			color: $color_4;
		}

		.btn.btn--tra-black {
			color: $color_4 !important;
			background-color: $background-color_53 !important;
			border-color: $border-color_3 !important;
		}
	}

	.hero-5 {
		background-image: url(../images/hero-5-dark.jpg);

		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	.hero-6-wrapper {
		background-image: linear-gradient(90deg, #1d212c, #1d212c);
	}

	.hero-8-form {
		background-color: $background-color_59;
		border: 1px solid #1d222f;

		p {
			color: $color_1;
		}
	}

	.hero-10 {
		background-image: url(../images/hero-10-dark.jpg);
	}

	.hero-15 {
		background-image: url(../images/hero-15-dark.jpg);
	}

	.hero-16 {
		background-image: url(../images/hero-16-dark.jpg);

		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	.hero-17 {
		background-image: url(../images/hero-17-dark.jpg);
	}

	.hero-18 {
		&:after {
			background-image: url(../images/hero-18-dark.jpg);
		}
	}

	.hero-20 {
		&:after {
			background-image: linear-gradient(180deg, #1d212c, #232734);
		}
	}

	.hero-21 {
		.hero-overlay {
			background-image: url(../images/hero-21-dark.jpg);
		}
	}

	.hero-23 {
		background-image: url(../images/hero-23-dark.jpg);

		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	.hero-23-txt {
		p {
			span.color--black {
				color: $color_3;
			}

			color: $color_1;
		}
	}

	.hero-25 {
		background-image: url(../images/hero-25-dark.jpg);
	}

	.hero-27 {
		.hero-overlay {
			background-image: url(../images/hero-27-dark.png);
		}
	}

	.features-section {
		path {
			opacity: .05;
		}
	}

	.fbox-7 {
		border: 2px solid #363f54;
	}

	.cbox-2-line {
		background-color: $background-color_76;
	}

	#statistic-5 {
		.statistic-digit {
			border-bottom: 1px solid #505c77;
		}
	}

	#reviews-2 {
		.review-2.bg--white-100 {
			background-color: $background-color_78 !important;
		}
	}

	.owl-theme {
		.owl-dots {
			.owl-dot {
				span {
					background: #1d212c;
				}
			}

			.owl-dot.active {
				span {
					background: var(--bs-primary, #b1b7cd);
				}
			}
		}
	}

	.review-3.block-border {
		border-color: $border-color_55;
	}

	.project-title {
		h2 {
			border-bottom: 1px solid #363f54;
		}
	}

	.project-data {
		p {
			span {
				color: $color_3;
			}
		}
	}

	.project-description {
		.more-projects {
			span {
				color: $color_3;
			}
		}
	}

	.rbox-1 {
		.star-rating {
			background-color: $background-color_78 !important;
			border: 1px solid #1d212c;
			box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.13);
		}
	}

	.pricing-discount {
		h6 {
			color: $color_4;
		}
	}

	.theme--dark .table> :not(caption)>*>* {
		color: var(--bs-primary, #b1b7cd);
		background-color: #232734;
	}

	.comp-table {
		.table {
			thead {
				th {
					color: $color_3;
					border-color: $border-color_55;
				}
			}

			tr {
				td {
					border-bottom: 2px solid #363f54;
				}
			}
		}

		tbody {
			th {
				border-bottom: 1px solid #363f54 !important;
			}
		}
	}

	.integrations-1-wrapper {
		.in_tool {
			background-color: $background-color_78;
			border: 1px solid #1d212c;
		}
	}

	.switcher.bg--grey {
		background-color: $background-color_76;
		border: 2px solid #363f54;
	}

	.banner-16-wrapper.bg--white-100.block-border {
		border-color: $border-color_55;
	}

	.release-data {
		border-bottom: 1px dashed #656565;
	}

	span.release-date {
		color: $color_32;

		span {
			color: $color_63;
		}
	}

	.faqs-section {
		.tabs-1 {
			li {
				border: 2px solid #363f54;
				color: $color_1;

				span {
					color: $color_1;
				}
			}
		}

		.accordion-item {
			border-bottom: 1px solid #363f54;

			.accordion-thumb {
				&:after {
					color: $color_1;
				}
			}
		}

		.accordion-item.is-active {
			.accordion-thumb {
				&:after {
					color: $color_1;
				}
			}
		}
	}


	.newsletter-section {
		.form-control {
			color: $color_63;
			background-color: $background-color_76;
			border: 1px solid #363f54;

			&:focus {
				background-color: $background-color_77;
				border-color: $border-color_4;
			}

			&::-moz-placeholder {
				color: $color_1;
			}

			&:-ms-input-placeholder {
				color: $color_1;
			}

			&::-webkit-input-placeholder {
				color: $color_1;
			}
		}
	}

	.blog-post-txt {
		a {
			&:hover {
				color: $color_34 !important;
			}

			color: $color_3;
		}
	}

	.txt-code {
		background-color: $background-color_78;

		kbd {
			background-color: $background-color_76;
		}

		p {
			color: $color_1;

			code.code-language-js {
				color: $color_3;
			}
		}

		span.code-property {
			color: $color_3;
		}
	}

	.comment-form {
		.form-control {
			color: $color_63;
			background-color: $background-color_76;

			&:focus {
				background-color: $background-color_77;
				border-color: $border-color_4;
			}

			&::-moz-placeholder {
				color: $color_1;
			}

			&:-ms-input-placeholder {
				color: $color_1;
			}

			&::-webkit-input-placeholder {
				color: $color_1;
			}
		}

		p {
			color: $color_3;
		}
	}

	.contact-form {
		.form-control {
			&::-moz-placeholder {
				color: $color_1;
			}

			&:-ms-input-placeholder {
				color: $color_1;
			}

			&::-webkit-input-placeholder {
				color: $color_1;
			}

			color: $color_63;
			background-color: $background-color_76;

			&:focus {
				background-color: $background-color_77;
				border-color: $border-color_4;
			}
		}

		.form-select {
			color: $color_63;
			background-color: $background-color_76;

			&:focus {
				background-color: $background-color_77;
				border-color: $border-color_4;
			}
		}
	}

	.footer-logo {
		display: none;
	}

	.footer-logo-dark {
		display: block;
	}

	#footer-10 {
		.footer-logo-dark {
			display: inline-block;
		}

		.footer-info {
			border-bottom: 1px solid #363f54;
		}
	}

	.footer-form {
		.newsletter-form {
			.btn.dark-color {
				span {
					color: $color_64 !important;
				}
			}

			.input-group {
				background-color: $background-color_79;
				border: 1px solid #505c77;
			}
		}

		.form-control {
			color: $color_3;

			&::-moz-placeholder {
				color: $color_1;
			}

			&:-ms-input-placeholder {
				color: $color_1;
			}

			&::-webkit-input-placeholder {
				color: $color_1;
			}
		}
	}

	.legal-info {
		p {
			span {
				color: $color_3;
			}
		}
	}

	.page-hero-section {
		.wave-shape-bottom {
			path {
				fill: #232734;
			}
		}
	}

	#page-404 {
		.color--dark {
			color: $color_4;
		}

		h6.color--grey {
			color: $color_5;
		}
	}

	#reset-password {
		background: url(../images/reset-password-dark.jpg);
	}

	.reset-page-wrapper {
		form {
			background: #1d212c;
			border: 1px solid #1d212c;
		}

		.form-control {
			color: $color_63;
			background-color: $background-color_76;
			border: 1px solid #363f54;
		}
	}

	.register-page-form {
		.form-control {
			&::-moz-placeholder {
				color: $color_1;
			}

			&:-ms-input-placeholder {
				color: $color_1;
			}

			&::-webkit-input-placeholder {
				color: $color_1;
			}

			color: $color_63;
			background-color: $background-color_76;
			border: 1px solid #363f54;
		}

		.btn-google {
			color: $color_1;
			background-color: $background-color_76;
			border: 1px solid #363f54;
		}

		p.input-header {
			color: $color_3;
		}
	}

	.reset-password-form {
		.form-control {
			&::-moz-placeholder {
				color: $color_1;
			}

			&:-ms-input-placeholder {
				color: $color_1;
			}

			&::-webkit-input-placeholder {
				color: $color_1;
			}
		}
	}

	.bg--white-300 {
		background-color: $background-color_78;
	}

	.bg--white-400 {
		background-color: $background-color_78;
	}

	.bg--purple-100 {
		background-color: $background-color_78;
	}

	.shape--purple-100 {
		&:after {
			background-color: $background-color_78;
		}
	}

	.shape--white-500 {
		&:after {
			background-color: $background-color_78;
		}
	}

	.shape--white-400 {
		&:after {
			background-color: $background-color_78;
		}
	}

	.shape--white-300 {
		&:after {
			background-color: $background-color_78;
		}
	}

	.shape--white-200 {
		&:after {
			background-color: $background-color_78;
		}
	}

	.bg--02 {
		background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.55) 100%);
	}

	.bg--04 {
		background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.55) 100%);
	}

	.gr--smoke {
		background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.55) 100%);
	}

	.gr--ghost {
		background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.55) 100%);
	}

	.shape--whitesmoke {
		&:after {
			background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.55) 100%);
		}
	}

	.gr--whitesmoke {
		background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.05) 100%);
	}

	.shape--gr-whitesmoke {
		&:after {
			background-image: linear-gradient(180deg, rgba(29, 33, 44, 0.8) 50%, rgba(29, 33, 44, 0.05) 100%);
		}
	}

	hr.divider {
		background-image: linear-gradient(90deg, rgba(122, 125, 147, 0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%);
	}

	.footer {
		hr {
			background-image: linear-gradient(90deg, rgba(122, 125, 147, 0) 0, #7a7d93 38%, #7a7d93 64%, rgba(122, 125, 147, 0) 99%);
		}
	}

	h1 {
		color: $color_3;
	}

	h2 {
		color: $color_3;
	}

	h3 {
		color: $color_3;
	}

	h4 {
		color: $color_3;
	}

	h5 {
		color: $color_3;
	}

	h6 {
		color: $color_3;
	}

	.color--dark {
		h1 {
			color: $color_1;
		}

		h2 {
			color: $color_1;
		}

		h3 {
			color: $color_1;
		}

		h4 {
			color: $color_1;
		}

		h5 {
			color: $color_1;
		}

		h6 {
			color: $color_1;
		}
	}

	a.tra-link {
		&:hover {
			span {
				color: $color_65 !important;
			}
		}
	}

	.btn--tra-black {
		color: $color_1 !important;
		background-color: $background-color_53 !important;
		border-color: $border-color_56 !important;
	}

	.hover--tra-black {
		&:hover {
			color: $color_1 !important;
			background-color: $background-color_53 !important;
			border-color: $border-color_56 !important;
		}
	}

	.btn--white {
		color: $color_4 !important;
		background-color: $background-color_5 !important;
		border-color: $border-color_5 !important;
	}

	.hover--white {
		&:hover {
			color: $color_4 !important;
			background-color: $background-color_5 !important;
			border-color: $border-color_5 !important;
		}
	}

	.btn--tra-white {
		color: $color_63 !important;
		background-color: $background-color_53 !important;
		border-color: $border-color_57 !important;
	}

	.hover--tra-white {
		&:hover {
			color: $color_63 !important;
			background-color: $background-color_53 !important;
			border-color: $border-color_57 !important;
		}
	}

	.btn--tra-grey {
		color: $color_1 !important;
		background-color: $background-color_53 !important;
		border-color: $border-color_56 !important;
	}

	.hover--tra-grey {
		&:hover {
			color: $color_1 !important;
			background-color: $background-color_53 !important;
			border-color: $border-color_56 !important;
		}
	}

	.black-scroll {
		.scroll {
			.hover--tra-grey {
				&:hover {
					color: $color_1 !important;
					background-color: $background-color_53 !important;
					border-color: $border-color_56 !important;
				}
			}

			.hover--blue-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_7 !important;
					background-color: $background-color_11 !important;
				}
			}

			.hover--blue-400 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_1 !important;
					background-color: $background-color_12 !important;
				}
			}

			.hover--blue-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_8 !important;
					background-color: $background-color_13 !important;
				}
			}

			.hover--pink-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_14 !important;
					background-color: $background-color_21 !important;
				}
			}

			.hover--pink-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_16 !important;
					background-color: $background-color_23 !important;
				}
			}

			.hover--purple-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_18 !important;
					background-color: $background-color_26 !important;
				}
			}

			.hover--purple-400 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_2 !important;
					background-color: $background-color_28 !important;
				}
			}

			.hover--purple-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_19 !important;
					background-color: $background-color_29 !important;
				}
			}

			.hover--violet-500 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_25 !important;
					background-color: $background-color_37 !important;
				}
			}

			.hover--violet-400 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_26 !important;
					background-color: $background-color_38 !important;
				}
			}

			.hover--violet-300 {
				&:hover {
					color: $color_3 !important;
					border-color: $border-color_27 !important;
					background-color: $background-color_39 !important;
				}
			}
		}
	}

	.btn--blue-500 {
		color: $color_3 !important;
		border-color: $border-color_7 !important;
		background-color: $background-color_11 !important;
	}

	.hover--blue-500 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_7 !important;
			background-color: $background-color_11 !important;
		}
	}

	.btn--blue-400 {
		color: $color_3 !important;
		border-color: $border-color_1 !important;
		background-color: $background-color_12 !important;
	}

	.hover--blue-400 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_1 !important;
			background-color: $background-color_12 !important;
		}
	}

	.btn--blue-300 {
		color: $color_3 !important;
		border-color: $border-color_8 !important;
		background-color: $background-color_13 !important;
	}

	.hover--blue-300 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_8 !important;
			background-color: $background-color_13 !important;
		}
	}

	.btn--pink-500 {
		color: $color_3 !important;
		border-color: $border-color_14 !important;
		background-color: $background-color_21 !important;
	}

	.hover--pink-500 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_14 !important;
			background-color: $background-color_21 !important;
		}
	}

	.btn--pink-400 {
		color: $color_3 !important;
		border-color: $border-color_15 !important;
		background-color: $background-color_22 !important;
	}

	.hover--pink-400 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_15 !important;
			background-color: $background-color_22 !important;
		}
	}

	.btn--pink-300 {
		color: $color_3 !important;
		border-color: $border-color_16 !important;
		background-color: $background-color_23 !important;
	}

	.hover--pink-300 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_16 !important;
			background-color: $background-color_23 !important;
		}
	}

	.btn--purple-500 {
		color: $color_3 !important;
		border-color: $border-color_18 !important;
		background-color: $background-color_26 !important;
	}

	.hover--purple-500 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_18 !important;
			background-color: $background-color_26 !important;
		}
	}

	.btn--purple-400 {
		color: $color_3 !important;
		border-color: $border-color_2 !important;
		background-color: $background-color_28 !important;
	}

	.hover--purple-400 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_2 !important;
			background-color: $background-color_28 !important;
		}
	}

	.btn--purple-300 {
		color: $color_3 !important;
		border-color: $border-color_19 !important;
		background-color: $background-color_29 !important;
	}

	.hover--purple-300 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_19 !important;
			background-color: $background-color_29 !important;
		}
	}

	.btn--violet-500 {
		color: $color_3 !important;
		border-color: $border-color_25 !important;
		background-color: $background-color_37 !important;
	}

	.hover--violet-500 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_25 !important;
			background-color: $background-color_37 !important;
		}
	}

	.btn--violet-400 {
		color: $color_3 !important;
		border-color: $border-color_26 !important;
		background-color: $background-color_38 !important;
	}

	.hover--violet-400 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_26 !important;
			background-color: $background-color_38 !important;
		}
	}

	.btn--violet-300 {
		color: $color_3 !important;
		border-color: $border-color_27 !important;
		background-color: $background-color_39 !important;
	}

	.hover--violet-300 {
		&:hover {
			color: $color_3 !important;
			border-color: $border-color_27 !important;
			background-color: $background-color_39 !important;
		}
	}

	.color--black {
		color: $color_3;

		h2 {
			color: $color_3;
		}

		h3 {
			color: $color_3;
		}

		h4 {
			color: $color_3;
		}

		h5 {
			color: $color_3;
		}

		h6 {
			color: $color_3;
		}

		p {
			color: $color_3;
		}

		a {
			color: $color_3;
		}

		li {
			color: $color_3;
		}

		i {
			color: $color_3;
		}

		span {
			color: $color_3;
		}
	}

	.color--grey {
		color: $color_1;

		h2 {
			color: $color_1;
		}

		h3 {
			color: $color_1;
		}

		h4 {
			color: $color_1;
		}

		h5 {
			color: $color_1;
		}

		h6 {
			color: $color_1;
		}

		p {
			color: $color_1;
		}

		a {
			color: $color_1;
		}

		li {
			color: $color_1;
		}

		i {
			color: $color_1;
		}

		span {
			color: $color_1;
		}
	}

	.color--white {
		.color--grey {
			color: $color_1;
		}
	}

	.dark-menu {
		.wsmainfull {
			background-color: $background-color_59 !important;
			box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
		}
	}

	.white-menu {
		.wsmainfull {
			background-color: $background-color_59 !important;
			box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
		}

		.wsmainfull.scroll {
			background-color: $background-color_59 !important;
			padding: 0;
			box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
		}
	}


	.navbar-dark.inner-page-header {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>a {
						color: $color_3;

						&:hover {
							color: $color_35 !important;
						}
					}
				}
			}
		}
	}

	.navbar-dark.light-hero-header {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>a {
						color: $color_3;

						&:hover {
							color: $color_35 !important;
						}
					}
				}
			}
		}
	}

	.wsmenu {
		>.wsmenu-list {
			>li {
				>ul.sub-menu {
					background-color: $background-color_61 !important;
					border: solid 1px #2c3142 !important;
					box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);

					&:before {
						background-color: $background-color_61;
						border-left: solid 1px #2c3142;
						border-top: solid 1px #2c3142;
					}

					>li {
						>a {
							color: $color_1;
							background-color: $background-color_53 !important;

							&:hover {
								background-color: $background-color_80 !important;
							}
						}
					}
				}

				>.wsmegamenu {
					background-color: $background-color_61 !important;
					border: solid 1px #2c3142 !important;
					box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
				}

				>.wsmegamenu.halfmenu {
					background-color: $background-color_61 !important;
					border: solid 1px #2c3142 !important;
					box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);

					&:before {
						background-color: $background-color_61;
						border-left: solid 1px #2c3142;
						border-top: solid 1px #2c3142;
					}

					ul.link-list {
						>li {
							>a {
								color: $color_1;
								background-color: $background-color_53 !important;

								&:hover {
									background-color: $background-color_80 !important;
								}
							}
						}
					}
				}

				>.wsmegamenu.w-75 {
					ul.link-list {
						>li {
							>a {
								color: $color_1;
								background-color: $background-color_53 !important;

								&:hover {
									background-color: $background-color_80 !important;
								}
							}
						}
					}
				}
			}

			>li.mg_link {
				&:hover {
					>a {
						&:after {
							background-color: $background-color_61;
							border-left: solid 1px #2c3142;
							border-top: solid 1px #2c3142;
						}
					}
				}
			}
		}
	}

	.scroll {
		.wsmenu {
			>.wsmenu-list {
				>li {
					>ul.sub-menu {
						>li {
							>a {
								color: $color_1;
							}
						}
					}

					>.wsmegamenu.w-75 {
						ul.link-list {
							>li {
								>a {
									color: $color_1;
								}
							}
						}
					}

					>.wsmegamenu.halfmenu {
						ul.link-list {
							>li {
								>a {
									color: $color_1;
								}
							}
						}
					}
				}
			}
		}
	}

	.tra-menu {
		.wsmainfull.scroll {
			background-color: $background-color_59 !important;
			padding: 0;
			box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
		}
	}

	.dark-menu.dark-scroll {
		.wsmainfull.scroll {
			background-color: $background-color_59 !important;
			padding: 0;
			box-shadow: 0 2px 3px rgba(1, 1, 1, 0.1);
		}
	}

	.tra-menu.navbar-dark {
		.scroll {
			.wsmenu {
				>.wsmenu-list {
					>li {
						>a {
							color: $color_1;
						}
					}
				}
			}
		}
	}

	.tra-menu.navbar-light {
		.scroll {
			.wsmenu {
				>.wsmenu-list {
					>li {
						>a {
							color: $color_1;
						}
					}
				}
			}
		}
	}

	.tra-menu.navbar-dark.white-scroll {
		.scroll {
			.wsmenu {
				>.wsmenu-list {
					>li {
						>a.h-link {
							color: $color_1;
						}
					}
				}
			}
		}
	}

	.tra-menu.navbar-light.white-scroll {
		.scroll {
			.wsmenu {
				>.wsmenu-list {
					>li {
						>a.h-link {
							color: $color_1;
						}
					}
				}
			}
		}
	}

	.hero-5-txt {
		p {
			color: $color_1;
		}
	}

	.hero-6-txt {
		p {
			color: $color_1;
		}
	}

	.hero-10-txt {
		p {
			color: $color_1;
		}
	}

	.hero-15-txt {
		p {
			color: $color_1;
		}
	}

	.hero-16-txt {
		p {
			color: $color_1;
		}
	}

	.hero-17-txt {
		p {
			color: $color_1;
		}
	}

	.hero-18-txt {
		p {
			color: $color_1;
		}
	}

	.hero-19-txt {
		p {
			color: $color_1;
		}
	}

	.hero-20-txt {
		p {
			color: $color_1;
		}
	}

	.hero-21-txt {
		p {
			color: $color_1;
		}
	}

	.hero-25-txt {
		p {
			color: $color_1;
		}
	}

	.hero-3 {
		&:after {
			background-color: $background-color_74;
		}
	}

	.hero-4 {
		&:after {
			background-color: $background-color_74;
		}
	}

	.hero-8 {
		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	.hero-14 {
		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	.hero-22 {
		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	.hero-26 {
		.wave-shape-bottom {
			svg {
				path {
					fill: #232734;
				}
			}
		}
	}

	span.version-data {
		color: $color_63;
	}

	#faqs-2.faqs-section {
		.accordion-item {
			border-bottom: 1px solid #363f54;
		}

		.accordion-item.is-active {
			.accordion-thumb {
				border-bottom: 1px solid #363f54;
			}
		}
	}

	.post-meta-list {
		p {
			color: $color_3;
		}
	}

	.blockquote-footer {
		color: $color_3;
	}

	.contact-form-notice {
		p {
			a {
				color: $color_3;
			}
		}
	}

	#contacts-1 {
		.contact-form {
			p {
				color: $color_3;
			}
		}
	}

	#modal-2 {
		.modal-body-content {
			h5 {
				color: $color_4;
			}
		}
	}

	#modal-3 {
		.modal-body-content {
			h3 {
				color: $color_4;
			}
		}
	}

	#page-404.bg--white-300 {
		background-color: $background-color_3;
	}

	#footer-11.bg--white-300 {
		background-color: $background-color_3;
		color: $color_5;

		.bottom-footer-list {
			p {
				a {
					color: $color_5;
				}
			}
		}
	}

	#login {
		background: url(../images/login_dark.jpg);

		.register-page-wrapper {
			&:after {
				background-color: $background-color_78;
			}
		}
	}

	#signup {
		background: url(../images/login_dark.jpg);

		.register-page-wrapper {
			&:after {
				background-color: $background-color_78;
			}
		}
	}

	.form-data {
		span {
			a {
				color: $color_3;
			}
		}
	}

	.separator-line {
		&::before {
			border-top: 2px solid rgba(255, 255, 255, 0.15);
		}

		&::after {
			border-top: 2px solid rgba(255, 255, 255, 0.15);
		}
	}
}

.dark-theme-img {
	display: none;
	position: absolute;
}

.theme--dar {
	.color--white {
		.color--black {
			color: $color_3;
		}
	}
}

.footer-logo-dark {
	display: none;
}

#stlChanger {
	position: fixed;
	z-index: 9999;
	font-size: 15px;
	overflow: hidden;
	right: -230px;
	top: 100px;
	cursor: pointer;
	border-radius: 0;
	transition: all 400ms ease-in-out;

	.bgChanger {
		min-width: 280px;
		min-height: 280px;
	}

	.blockChanger {
		width: 230px;
	}

	.chBody {
		background: #2b2e37;
		width: 230px;
		position: relative;
		overflow: hidden;
		border: 1px solid #2b2e37;
		border-radius: 4px 0px 0px 4px;
		height: 425px;
		overflow: scroll;
		overflow-x: hidden;
		direction: rtl;
		margin-left: 50px;
	}

	.chBody.chBody-sm {
		height: 360px;
	}

	.chBut {
		background: #ef2853;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 30px;
		left: 0;
		z-index: 1000000;
		text-align: center;
		border: 1px solid #ef2853;
		border-left: none;
		padding: 0 0 0 2px;
		border-radius: 4px 0px 0px 4px;
		transition: all 300ms ease-in-out;
		box-shadow: 0 0 2px rgba(50, 50, 50, 0.4);
	}

	p {
		font-size: 18px;
		font-family: $font-family_2;
		font-weight: 600;
		letter-spacing: 0;
		margin-bottom: 20px;
	}

	.stBgs {
		a {
			text-decoration: none;
			width: 50px;
			height: 50px;
			float: left;
			padding: 0;
			margin: 0 5px 8px;
			cursor: pointer;
			opacity: 1;
			border-radius: 8px;

			img {
				width: 50px;
				height: 50px;
				border-radius: 8px;
			}
		}
	}

	.chBut.icon-xs {
		[class*="flaticon-"] {
			&:before {
				color: $color_3;
				font-size: 2.15rem;
				line-height: 48px !important;
			}

			&:after {
				color: $color_3;
				font-size: 2.15rem;
				line-height: 48px !important;
			}
		}
	}
}

#stlChanger.open {
	right: 0px;
}

.stBlock1 {
	margin: 0 20px 25px 20px;
}

.stBlock {
	.btn {
		width: 100%;
		padding: 0.65rem 1.2rem;
		line-height: 1;
		margin-top: 15px;
	}
}

.switch {
	width: 100%;
	color: $color_3;
	padding: 0.4rem 1.4rem;
	border: 2px solid #fff;
	border-radius: 4px;
}

.bg--theme {
	background-color: $background-color_28;
}

.btn--theme {
	color: $color_3 !important;
	border-color: $border-color_2 !important;
	background-color: $background-color_28 !important;
}

.hover--theme {
	&:hover {
		color: $color_3 !important;
		border-color: var(--bs-secondary) !important;
		background-color: var(--bs-secondary) !important;
	}
}

.color--theme {
	color: $color_12 !important;

	h1 {
		color: $color_12 !important;
	}

	h2 {
		color: $color_12 !important;
	}

	h3 {
		color: $color_12 !important;
	}

	h4 {
		color: $color_12 !important;
	}

	h5 {
		color: $color_12 !important;
	}

	h6 {
		color: $color_12 !important;
	}

	p {
		color: $color_12 !important;
	}

	a {
		color: $color_12 !important;
	}

	li {
		color: $color_12 !important;
	}

	i {
		color: $color_12 !important;
	}

	span {
		color: $color_12 !important;
	}
}

.loading--theme {
	.loader {
		border-color: $border-color_42;

		&::after {
			border-color: $border-color_43;
		}
	}
}

.nav-theme {
	.sm-info {
		background-color: $background-color_28;
	}
}

.tabs-1.tabs--theme {
	color: $color_12;
	border-color: $border-color_2;

	li.current {
		&:hover {
			color: $color_12;
			border-color: $border-color_2;
		}
	}
}

.shape-ico.color--theme {
	path {
		fill: rgba(var(--bs-primary-rgb), 0.1);
		fill: rgba(var(--bs-primary-rgb), 0.1);
		fill: rgba(var(--bs-primary-rgb), 0.1);
	}
}

.theme-pagination {
	.page-item.active {
		.page-link {
			color: $color_3 !important;
			background-color: $background-color_28;
			border: 2px solid var(--bs-primary);
		}
	}
}

.t-title {
	text-align: center;
	color: $color_3;
	background-color: $background-color_59;
	padding: 10px 5px;
	margin: 0 0 40px;

	h6 {
		color: $color_3;
		margin-bottom: 0;
	}
}

.t-title.btn-s-title {
	margin: 0;
}

.mc-response-form {
	#mc-response {
		min-width: 530px;
		margin-left: auto;
		max-width: 100%;
	}
}


.form-newsletters.newsletter-section {


	.alert.alert-error {
		padding: 5px 20px 5px 15px;
	}

	.alert-dismissible .btn-close {
		top: 0;
		padding: 1rem;
	}
}

.newsletter-section .alert {
	padding: 10px 15px;
}

.form-newsletters.newsletter-section {
	.alert-success.alert-dismissible .btn-close {
		padding: 1.3rem;
	}
}

@media (max-width: 991.98px) {

	li.mg_link.column-4 {
		.martex-menu {
			display: block;
			grid-template-columns: repeat(1, auto);
			width: auto !important;
			left: auto !important;
			padding: 20px 10px;
		}
	}

	.newsletter-section {
		.alert {
			padding-left: 0px;
		}
	}

	.pt-180 {
		padding-top: 100px;
	}
}

li.mg_link.column-4 {
	.martex-menu {
		display: grid;
		grid-template-columns: repeat(4, auto);
		width: 76% !important;
		left: 23%;
		padding: 20px 10px;
	}
}

.alert-dismissible .btn-close {
	top: 10px;
}

.newsletter-section {
	.alert {
		padding-left: 100px;
	}
}

.featured-badge {
	line-height: 21px;
}

.progressCounter {
	--scrollup-border-color: var(--bs-primary);
	--scrollup-bg-color: var(--bs-dark);
	z-index: 12345;
	cursor: pointer;

	span.progressScroll-text {
		font-size: 20px;
		color: #fff;
	}
}

.wp-block-social-links.is-layout-flex {
	margin-bottom: 10px;
}

// email popup

body .essb-subscribe-form-content {
	&.essb-subscribe-from-design9 {
		.essb_svg_icon {
			color: var(--bs-primary);
		}

		.essb-subscribe-forced {
			padding-bottom: 20px !important;
		}

		.essb-subscribe-from-content-form {
			max-width: 580px;
			margin-left: auto;
			margin-right: auto;

			input.submit {
				border-color: var(--bs-primary) !important;
				background-color: var(--bs-primary) !important;
				border-radius: 0 !important;
				line-height: 1;

				&:hover,
				&:focus {
					background-color: var(--bs-dark) !important;
					border-color: var(--bs-dark) !important;
				}
			}
		}

		input[type="text"],
		input[type="email"] {
			color: var(--bs-dark);
			background-color: var(--bs-white);
			border: 2px solid var(--bs-border-color);
		}
	}
}

.essb-optinbooster-overlay,
.essb-optinlocker-overlay {
	background-color: rgba(0, 0, 0, 0.82)
}


///customizer

.hero-section #newsletter-1 .newsletter-form {
	padding-left: 0;
}

.bc-1-wrapper.section-overlay,
.bc-4-wrapper.section-overlay,
.bc-6-wrapper.section-overlay {
	padding: 80px 70px;
}


@media (min-width: 992px) and (max-width: 1199.95px) {

	.bc-1-wrapper.section-overlay,
	.bc-4-wrapper.section-overlay,
	.bc-6-wrapper.section-overlay {
		padding: 65px 50px;
	}
}



@media (min-width: 768px) and (max-width: 991.98px) {

	.bc-1-wrapper.section-overlay,
	.bc-4-wrapper.section-overlay {
		padding: 60px 40px;
	}

}


@media (min-width: 480px) and (max-width: 767.98px) {

	.bc-1-wrapper.section-overlay,
	.bc-2-wrapper.section-overlay,
	.bc-3-wrapper.section-overlay,
	.bc-4-wrapper.section-overlay,
	.bc-6-wrapper.section-overlay {
		padding: 70px 50px;
	}
}


@media (min-width: 414px) and (max-width: 479.98px) {

	.bc-1-wrapper.section-overlay,
	.bc-4-wrapper.section-overlay {
		padding: 70px 22px;
	}
}

@media (min-width: 390px) and (max-width: 413.98px) {

	.bc-1-wrapper.section-overlay,
	.bc-2-wrapper.section-overlay,
	.bc-3-wrapper.section-overlay {
		padding: 70px 17px;
	}
}


@media (min-width: 321px) and (max-width: 389.98px) {

	.bc-1-wrapper.section-overlay,
	.bc-4-wrapper.section-overlay {
		padding: 70px 20px;
	}
}

@media (max-width: 320.98px) {

	.bc-1-wrapper.section-overlay,
	.bc-4-wrapper.section-overlay {
		padding: 60px 18px;
	}
}

.bc-2-wrapper.section-overlay,
.bc-3-wrapper.section-overlay,
.bc-5-wrapper.section-overlay {
	padding: 80px 70px 0;
}

.hero-10-img {
	position: relative;
	text-align: center;
	margin: 0 -95% 0 15px;
}

.hero-10-img img {
	width: auto !important;
	max-width: 1200px !important;
}

@media (max-width: 991.98px) {
	.hero-10-img img {
		max-width: 100% !important;
	}

	.hero-10-img {
		margin: 0;
	}

	.content-4 .img-block img {
		width: 100% !important;
	}

	.hero-section {
		margin-top: 0 !important;
	}
}