:root {
	--font-arial: "Arial";
	--font-dark: #303030;
	--ds-blue: #60B4E7;
	--ds-gray: #E8E9EB;
	--ds-light-gray: #838493;
	--ds-dark-gray: #616161;
	--color-darker: #09101D;
	--color-darkest: #090A0A;
	--color-light-red: #FF636D;
}
.w-20 {
	width: 20%;
}
.w-80 {
	width: 80%;
}
#konfi21 .font-11 {
	font-size: 11px;
}
#konfi21 .font-12 {
	font-size: 12px;
}
#konfi21 .font-13 {
	font-size: 13px;
}
#konfi21 .font-14 {
	font-size: 14px;
}
#konfi21 .font-15 {
	font-size: 15px;
}
#konfi21 .font-16 {
	font-size: 16px;
}
#konfi21 .font-17 {
	font-size: 17px;
}
#konfi21 .font-18 {
	font-size: 18px;
}
#konfi21 .font-19 {
	font-size: 19px;
}
#konfi21 .font-20 {
	font-size: 20px;
}
#konfi21 .font-21 {
	font-size: 21px;
}
#konfi21 .font-22 {
	font-size: 22px;
}
#konfi21 .font-23 {
	font-size: 23px;
}
#konfi21 .font-24 {
	font-size: 24px;
}
#konfi21 .font-25 {
	font-size: 25px;
}
#konfi21 .font-26 {
	font-size: 26px;
}
#konfi21 .font-27 {
	font-size: 27px;
}
#konfi21 .font-28 {
	font-size: 28px;
}
#konfi21 .font-29 {
	font-size: 29px;
}

#konfi21 .text-light-gray {
	color: var(--ds-light-gray);
}

#konfi21 .font-weight-normal {
	font-weight: normal;
}

#konfi21 .ds-font-dark {
	color: var(--font-dark);
}
#konfi21 .custom-checkbox-input {
	visibility: hidden;
}
#konfi21 .custom-checkbox-square {
	width: 20px;
	height: 20px;
	border: 2px solid #303030;
	margin-right: 10px;
	position: relative;
}
#konfi21 .custom-checkbox-square::after {
	content: "";
	width: 16px;
	height: 16px;
	background-color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.2s ease;
}
#konfi21 .custom-checkbox-label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

#konfi21 .custom-checkbox-input:checked + .custom-checkbox-square::after {
	opacity: 1; /* Make the dot visible */
	border: 4px solid #303030;
}

#konfi21 .custom-radio-input {
	visibility: hidden;
}
#konfi21 .custom-radio-circle {
	width: 18px;
	height: 18px;
	border: 2px solid #303030;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
}
#konfi21 .custom-radio-circle::after {
	content: "";
	width: 9px;
	height: 9px;
	background-color: #FFFFFF;
	border-radius: 50%;
	border: 5px solid #303030;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0; /* Hidden initially */
	transition: opacity 0.2s ease;
	box-sizing: content-box;
}
#konfi21 .custom-radio-label {
	display: flex;
	align-items: center;
	cursor: pointer;
}

#konfi21 .custom-radio-input:checked + .custom-radio-circle::after {
	opacity: 1; /* Make the dot visible */
}

#konfi21 .bg-white {
	background-color: #FFFFFF;
}
#konfi21 .neon-green {
	color: #00E25A;
}
#konfi21 .round-corner {
	border-radius: 10px;
}
#konfi21 {
	background-color: #EEEFF2 !important;
}
#konfi21 ul li {
	list-style: none;
}
#konfi21 ul {
	padding: 0;
}
/*FONT COLORS*/
#konfi21 .font-dark {
	color: var(--font-dark) !important;
}
#konfi21 .font-white {
	color: #FFFFFF !important;
}
#konfi21 .font-black {
	color: #000000 !important;
}
#konfi21 .font-dark-gray {
	color: var(--ds-dark-gray) !important;
}
#konfi21 .font-darker {
	color: var(--color-darker) !important;
}
#konfi21 .font-darkest {
	color: var(--color-darkest) !important;
}
/*BORDER COLORS*/
#konfi21 .border-dark-gray {
	border-color: var(--ds-dark-gray) !important;
}

/*BACKGROUND COLORS*/
#konfi21 .bg-light-red {
	background-color: var(--color-light-red);
}

#konfi21 .arial {
	font-family: var(--font-arial);
}

#konfi21 .bold {
	font-weight: bold;
}

#konfi21 .options-menu-header .sb-close {
	display: flex;
	padding: 0.6rem;
	background-color: #F4F6F9;
	height: max-content;
}
#konfi21 .sb-close img {
	width: 24px;
	height: 24px;
}
#konfi21 .sb-list-li {
	margin-top: 1rem;
	background-color: #F4F6F9;
	padding: 1rem;
	border-radius: 0.5rem;
}
#konfi21 .bullet-bg {
	width: 40px;
	height: 40px;
	background-color: #E2EFFB;
	border-radius: 0.4rem;
	padding: 0.35rem 0.5rem;
}
#konfi21 .options-footer {
	margin-top: 2rem;
}
@media (max-height: 1080px) {
	#konfi21 .konfi-right-sidebar {
		height: 600px;
		min-height: 600px;
		overflow-y: scroll ;
	}
}
@media (min-height: 1081px) {
	#konfi21 .konfi-right-sidebar {
		height: 70vh;
		min-height: 70vh;
		overflow-y: scroll ;
	}
}

#konfi21 .type-header {
	font-size: 29px;
	font-weight: bold;
	color: var(--font-light);
	font-family: var(--font-arial);
}
#konfi21 #konfi21_builder {
	height: 600px;
	border-radius: inherit;
}
#konfi21 canvas {
	border-radius: inherit;
}
#konfi21 .navi24 {
	padding: 0;
	margin: 0;
	margin-top: 18px;
	align-items: self-end;
}

#konfi21 .navi24 li {
	list-style: none;
	padding: 0;
	font-family: var(--font-arial);
	font-size: 16px;
	color: #303030;
}

#konfi21 .navi24 li.active-step {
	border-bottom: 2px solid var(--bs-body-color);
}

#konfi21 .navi24 li.step-done a {
	text-decoration: none;
	color: var(--bs-body-color);
}

#konfi21 .right-header {
	font-size: 25px;
	font-family: var(--font-arial);
	color: var(--font-light);
	font-weight: bold;
}

#konfi21 .right-header-sub {
	font-family: var(--font-arial);
	font-size: 14px;
	color: #838493;
}

#konfi21 .dimension-input input {
	width: 60px;
}

#konfi21 .dimension-input--height {
	position: absolute;
	left: 0;
}
#konfi21 .dimension-input--width {
	position: absolute;
	bottom: -30px;
	left: 119px;
}

#konfi21 .dimension-input--depth {
	position: absolute;
	left: 260px;
	bottom: 0;
}

#konfi21 .right-help-box {
	background-color: #E8F5FE;
	padding: 11px;
	border-radius: 10px;
}

#konfi21 .btn-steps {
	padding: 10px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
}
#konfi21 .btn-steps.btn-steps-blue {
	background-color: var(--ds-blue);
	color: #FFFFFF;
}
#konfi21 .btn-steps.btn-steps-gray {
	background-color: var(--ds-gray);
	color: var(--ds-dark-gray);
}
#konfi21 .konfi-footer {
	margin-top: 20px;
	background-color: #233D42;
	/*opacity: 90%;*/
	padding: 15px;
	border-radius: 10px;
	height: 85px;
}

#konfi21 .konfi-footer .footer-buttons-wrapper {
	width: 380px;
}
#konfi21 .konfi-footer .footer-seperator {
	border-right: 1px solid #FFFFFF;
	height: 80%;
	opacity: 30%;
}

#konfi21 .konfi-footer .outer-circle {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: linear-gradient(135deg, #13171E, #3A414B);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#konfi21 .w4w-outer-circle {
	display: flex;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: linear-gradient(135deg, #F6F7FC, #DFE1F3);
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#konfi21 .konfi-footer .inner-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1BA953, #00E25A);
}

#konfi21 .w4w-inner-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1BA953, #00E25A);
}

#konfi21 .sketch {
	overflow-y: scroll;
}

#konfi21 .edit-btn {
	border: 1px solid #D6D5E1;
	border-radius: 4px;
	background-color: #F4F6F9;
	padding: 0 3px;
	cursor: pointer;
}

#konfi21 .edit-btn img {
	margin-top: 5px;
	width: 85%;
	margin-left: 3px;
}

#konfi21 .options-menu {
	width: 0;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #FFFFFF;
	color: white;
	transition: width 0.7s ease;
	overflow-y: auto;
	max-width: 80%;
	z-index: 1001;
}

#konfi21 .options-content {
	padding: 40px;
}

#konfi21 .options-menu .options-menu-header {
	color: #000000;
	font-family: var(--font-arial);
	font-size: 25px;
}

#konfi21 .options-menu .options-menu-header .btn-close-option {
	cursor: pointer;
	text-decoration: none;
	color: #000000;
}
#konfi21 .textup {
	top: -17px;
	background: var(--ds-blue);
	padding: 4px 9px;
	z-index: 10;
}
#konfi21 .chk-image {
	cursor: pointer;
}
#konfi21 .chk-image img {
	border-radius: 7px;
	transition-property: border;
	transition-duration: 0.3s;
}

#konfi21 .chk-image.active img {
	border: 3px solid var(--ds-blue);
}
#konfi21 .chk-image.active .chk-image-title {
	transition-property: font-weight;
	transition-duration: 0.3s;
}
#konfi21 .chk-image.active .chk-image-title {
	font-weight: bold;
}
#konfi21 .chk-image.active .chk-image-wrapper::after {
	content: "\2713";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--ds-blue);
	color: white;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 24px;
}

#konfi21 .options-footer .btn-gray {
	background-color: var(--ds-gray);
	color: var(--ds-dark-gray);
	border: none;
	padding: 12px 25px;
	font-family: var(--font-arial);
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
}

#konfi21 .options-footer .btn-blue {
	background-color: var(--ds-blue);
	color: white;
	border: none;
	border-radius: 4px;
	padding: 10px 25px;
	font-family: var(--font-arial);
	font-size: 15px;
}
#konfi21 .sb-switch .sb-switch-content {
	display: none;
}

#konfi21 .sb-switch .sb-switch-content.active {
	display: block;
}

#konfi21 .sb-list li {
	display: flex;
	align-items: flex-start;
}
#konfi21 .sb-list .list-bullet {
	margin-top: 4px;
	margin-right: 6px;
}
#konfi21 .sb-list .list-text {
	flex: 1;
}

#konfi21 .tooltip_content {
	display: none;
}
.tooltip-inner {
	line-height: inherit !important;
	background-color: white;
	color: var(--ds-dark-gray);
}
.tooltip.konfi21-tooltip .tooltip-inner {
	min-width: 100px;
	max-width: 400px;
	width: auto;
}
.tooltip.konfi21-tooltip {
	font-family: var(--font-arial) !important;
	font-size: 14px !important;
	/*line-height:2.3em !important;*/
	box-shadow: -2px 7px 18px 4px lightgray;
	border-radius: 8px;
	opacity: 1;
	width: auto;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow:before {
	border-top-color: #FFFFFF !important;
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-right .tooltip-arrow:before {
	border-right-color: #FFFFFF !important;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-left .tooltip-arrow:before {
	border-left-color: #FFFFFF !important;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow:before {
	border-bottom-color: #FFFFFF !important;
}
#konfi21 .inactive {
	opacity: 0.5;
}

#konfi21 .options-content .text-dark {
	color: var(--color-darker) !important;
}
#konfi21 #contextmenu_1 {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	transition-property: width;
	transition-duration: 0.7s;
	background-color: white;
	/*height:100%;*/
	z-index: 101;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
#konfi21 #contextmenu_1 ul li {
	color: var(--color-darkest);
	font-size: 16px;
	font-family: var(--font-arial);
	margin-bottom: 10px;
}
#konfi21 #contextmenu_1 ul li a {
	text-decoration: none;
	color: inherit;
	display: block;
}
#konfi21 #contextmenu_1 .ctx-footer a {
	display: inline !important;
}
#konfi21 #contextmenu_1 ul li.btn-li a {
	display: inline;
}
#konfi21 #contextmenu_1 ul,
#konfi21 #contextmenu_1 .ctx-close {
	display: none;
}
#konfi21 .contextmenu_a {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	transition-property: width;
	transition-duration: 0.7s;
	background-color: white;
	/*height:100%;*/
	z-index: 10;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

#konfi21 .contextmenu_a ul li {
	color: var(--color-darkest);
	font-size: 20px;
	font-family: var(--font-arial);
	margin-bottom: 10px;
}
#konfi21 .contextmenu_a ul li a {
	text-decoration: none;
	color: inherit;
}
#konfi21 .contextmenu_a ul,
#konfi21 .contextmenu_a .ctx-close {
	display: none;
}
#konfi21 #contextmenu_1 .ctx-title {
	display: none;
}
#konfi21 #contextmenu_1.active .ctx-title {
	display: block;
}
#konfi21 #contextmenu_1.active .ctx-footer ul{
  display: block;
}
#konfi21 .ctx-footer {
	/*position: absolute;*/
	/*  bottom: 0;*/
	/*  left :1.5rem;*/
	/*  right : 1.5rem;*/
	width: auto;
	margin-top: auto;
}

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

#konfi21 .w4w-griff {
	cursor: pointer;
}

#konfi21 .w4w-griff__swatch {
	width: 100%;
	height: 100%;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

#konfi21 .w4w-griff__swatch--active {
	border: 2px solid var(--ds-blue);
}

#konfi21 .color-grid {
	display: flex;
	flex-wrap: wrap;
}
#collapseGriffe .color-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding: 10px;
}

#konfi21 .color-item {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: start;
	
}

#konfi21 .color-swatch {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin-bottom: 5px;
	background-size: cover;
	background-position: center;
	position: relative;
	box-shadow: 0 1px 3px lightgray;
}

#konfi21 .w4w-color-name {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

#konfi21 .tab-content {
	margin-top: 20px;
}

#konfi21 .tab-pane {
	display: none;
}

#konfi21 .tab-pane.show.active {
	display: block;
}

#konfi21 .w4w-button.disabled {
	color: gray;
	border: 1px solid gray;
	
}

#konfi21 .accordion-button::after {
	display: none;
}
#konfi21 .dekor-sub-category-buttons input[type="radio"] {display: none;}
#konfi21 .dekor-sub-category-buttons .dekor-sub-wrapper {
	background-color: #E9EBEE;
	padding: 6px;
	border-radius: 6px;
}
#konfi21 .dekor-sub-category-buttons .dekor-sub-wrapper .custom-radio-label {
	margin: 0 !important;
	padding: 6px 18px;
	font-size: 15px;
	color: #303030;
	font-weight: normal;
}
#konfi21 .dekor-sub-category-buttons .dekor-sub-wrapper .custom-radio-label.active {
	background-color: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0 2px 4px #D0CCCC;
	color: #60B4E7;
	font-weight: bold;
}
#konfi21 .accordion-button .icon {
	margin-left: auto;
	width: 22px;
	height: 22px;
	position: relative;
}

#konfi21 .accordion-button .icon::before,
#konfi21 .accordion-button .icon::after {
	content: "";
	position: absolute;
	background-color: var(--ds-blue);
}
#konfi21 .accordion-button .icon::before {
	top: 10px;
	left: 6px;
	width: 16px;
	height: 2px;
}
#konfi21 .accordion-button .icon::after {
	top: 4.5px;
	left: 12.5px;
	width: 2px;
	height: 14px;
	transition: 0.25s ease-in-out;
}
#konfi21 .accordion-button:not(.collapsed) .icon::after {
	transform: rotate(90deg);
	opacity: 0;
}

#konfi21 .custom-color label {
	display: block;
	margin-bottom: 5px;
}

#konfi21 .expandable-sections .accordion-item {
	border: none;
	border-top: 1px solid #CCC;
}

#konfi21 .expandable-sections .accordion-button {
	background-color: transparent;
	padding: 10px 0;
}

#konfi21 .expandable-sections .accordion-button:not(.collapsed) {
	color: inherit;
	background-color: transparent;
	box-shadow: none;
}

#konfi21 .expandable-sections .accordion-button::after {
	content: "+";
	background-image: none;
	font-size: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
}

#konfi21 .expandable-sections .accordion-button:not(.collapsed)::after {
	content: "-";
}

#konfi21 .w4w-button {
	all: unset;
	/*background: transparent !important;*/
	cursor: pointer;
	padding: 6px 8px;
}


#konfi21 .nav-tabs {
	border: none !important;
}

#konfi21 .nav-tabs {
	position: relative;
}
#konfi21 #furnitureAccordion .nav.nav-tabs li {
	margin-right: 5px;
}
#konfi21 .nav-tabs::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: var(--ds-blue);
	transition: all 0.3s ease;
}

#konfi21 .w4w-button {
	position: relative;
	border-radius: 20px;
	font-size: 15px;
	color: #383E49;
	border: 1px solid #383E49;
}

#konfi21 .w4w-button.active {
	border-bottom: none !important;
	color: white;
	background-color: #383E49;
	
}

#konfi21 .w4w-button.active::after {
	/*content: "";*/
	/*position: absolute;*/
	/*bottom: -4px;*/
	/*left: 0;*/
	/*width: 100%;*/
	/*height: 4px;*/
	/*background-color: var(--ds-blue);*/
}

#konfi21 .border-top-left-right {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

#konfi21 .bg-transparent {
	background: transparent !important;
}

#konfi21 .custom-color label {
	display: block;
	margin-bottom: 5px;
}

#konfi21 .accordion-button:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

#konfi21 .accordion-collapse {
	border-top: 1px solid #DEE2E6;
}

#konfi21 .custom-styled-select select {
	-webkit-tap-highlight-color: transparent;
	background-color: #FFF;
	border-radius: 5px;
	border: solid 1px #E8E8E8;
	box-sizing: border-box;
	clear: both;
	cursor: pointer;
	display: block;
	float: left;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	height: 42px;
	line-height: 40px;
	outline: 0;
	padding-left: 18px;
	padding-right: 30px;
	position: relative;
	text-align: left !important;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	width: auto;
}
#konfi21 .font-bold {
	font-weight: bold;
}

.config-left {
	position: absolute;
	padding: 16px 16px 0;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: 100%;
	z-index: 1;
}
.contact-block {
	float: left;
	position: relative;
}
.contact-block .contact-block_popover {
	z-index: 20;
}
.contact-block .contact-block_popover {
	display: none;
	background-color: #FFF;
	box-shadow: 0 3px 6px #00000029;
	border-radius: 4px;
	text-align: left;
	width: 280px;
	padding: 35px 15px 10px;
	z-index: 99;
	border: 1px solid #DCDCDC;
	position: absolute;
	left: 140%;
	bottom: 0;
}
.config-left .btn-option {
	display: inline-block;
	padding: 2px;
	border: 1px solid #CCC;
}
.config-left .btn-option .btn.is--active {
	background-color: #303030;
	color: #FFF;
}
.config-left .btn-option .btn {
	display: inline-block;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #303030;
}
.config-left .btn-option .btn:not(.btn-txt) {
	width: 29px;
	height: 29px;
	padding: 0;
}
.config-left .btn-option .btn.is--active .img-white {
	display: inline-block;
}
.config-left .btn-option .btn.is--active .img-black {
	display: none;
}
.config-left .btn-option .btn .img-white {
	display: none;
}

.w4w-price-container {
	position: relative;
	display: flex;
	gap: 10px;
	align-items: center;
}

.w4w-regular-price {
	position: relative;
	color: black;
}

.w4w-regular-price::before {
	content: "";
	position: absolute;
	top: 65%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: red;
	transform: rotate(-7deg);
	transform-origin: left center;
}

.w4w-regular-price-properties {
	font-size: 12px;
	font-weight: lighter;
}

.w4w-text-blue {
	color: #60B4E7 !important;
}

.ssl-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	color: #A5B0C0;
}

.ssl-content {
	display: flex;
	align-items: center;
	margin: 0 10px;
}

.lock-icon {
	margin-right: 8px;
}

.ssl-text {
	font-size: 12px;
	font-weight: normal;
	color: #A5B0C0;
}

.line {
	flex-grow: 1;
	height: 1px;
	background-color: #A5B0C0;
	margin: 0 10px;
}

.payment-methods {
	display: flex;
	justify-content: space-between;
}

.text-weekdays,
.text-hours {
	font-size: 12px;
	font-weight: lighter;
}
#konfi21 #contextmenu_del {
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	transition-property: width;
	transition-duration: 0.7s;
	background-color: white;
	height: 100%;
	z-index: 10;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}
#konfi21 #contextmenu_del ul li a {
	text-decoration: none;
	color: inherit;
}
#konfi21 #contextmenu_del ul li {
	color: var(--color-darkest);
	font-size: 20px;
	font-family: var(--font-arial);
	margin-bottom: 10px;
}
.corner-side-switcher img {
	cursor: pointer;
}
#konfi21 .sketch_wrapper .sketch .drags .draggable .icon_move {
	display: none;
	width: 8px;
	height: 16px;
	margin: -8px 0 0 -11px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url(../media/icon_move.png) no-repeat;
}
#konfi21 .sketch_wrapper .sketch .drags .draggable .icons-x-blue {
	display: none;
	height: 10px;
	width: 10px;
	margin: -5px 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/icons_sprite_20191105.png);
	background-position: 0 -187px;
	background-repeat: no-repeat;
}
@media screen and (min-width: 991px) {
	#konfi21 .sketch_wrapper .sketch .drags .draggable:hover div {
		display: block;
	}
}
@media screen and (min-width: 991px) {
	#konfi21 .sketch_wrapper .sketch .scroll_content .drags .draggable:hover div {
		display: block;
	}
}
#konfi21 .sketch_wrapper .sketch .drags .draggable {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	padding: 4px 0 4px 0;
	line-height: 0;
}
.draggable:hover {
	cursor: grab;
}
@media (min-width: 768px) {
	#konfi21 .sketch_wrapper .sketch .scroll_content {
		margin-left: 110px;
		min-height: 245px;
	}
}
#konfi21 .sketch_wrapper .sketch .scroll_content {
	margin: 0 auto;
	margin-left: auto;
	position: relative;
}
#konfi21 .cursor-pointer {
	cursor: pointer;
}

#konfi21 .color-swatch.active,
.meta__item-img.active {
	border: 2px solid #60B4E7;
	width: 53px !important;
	height: 53px !important;
}
#konfi21 .pillbadge {
	border-radius: 10px;
	font-size: 12px;
	padding: 4px 10px;
	font-weight: bold;
}
#konfi21 .pillbadge.supermatt-red {
	background-color: #BD293D;
	color: #FFF;
}
#konfi21 .pillbadge.beliebt-blau {
	background-color: var(--ds-blue);
	color: #FFF;
}
#konfi21 .supermatt-title .supermatt-red-text {
	color: #BD293D;
	font-size: 20px;
}

#konfi21 .lack-more-dekore {
	position: absolute;
	top: 0;
	background: white;
	width: 100%;
	z-index: 111;
	left: 0;
	overflow: scroll;
	max-height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0s linear 0.5s;
	pointer-events: none;
}

#konfi21 .lack-more-dekore.active {
	opacity: 1;
	display: flex;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}
#konfi21 .btn-close-more-lack, #konfi21 .btn-load-more-lack {
	cursor: pointer;
}
#konfi21 .load-more-lack-title {
	font-size: 20px;
}
#konfi21 .load-more-lack-count {
	font-size: 13px;
	font-weight: normal;
}
.meta__item.active {
	background-color: #E6F3FF;
}

.w4w-griff.active {
	border: 1px solid #60B4E7;
	border-radius: 5px;
	box-shadow: 0 0 0 2px #60B4E7;
}
#konfi21 .fixed-price-bar {
	position: fixed;
	bottom: 1.1rem;
	z-index: 999;
	width: -moz-available; /* For Mozzila */
	width: -webkit-fill-available; /* For Chrome */
	max-width: 1920px;
	margin: 0 auto;
}

#konfi21 .btn-steps-transparent {
	background: transparent !important;
	border: 1px solid #757575 !important;
	color: #616161 !important;
}
#konfi21 .navigation-link a {
	border-radius: 4px;
	padding: 4px;
	transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
#konfi21 .navigation-link a:hover {
	background-color: #DEDFE2 !important;
}
#konfi21 #contextmenu_1 ul li {
	position: relative;
}
#konfi21 #contextmenu_1 ul li:not(.btn-li):after {
	content: ""; /* This is required to show the pseudo-element */
	display: inline-block; /* Make it inline-block to control size */
	width: 16px; /* Set the width of the icon */
	height: 16px; /* Set the height of the icon */
	background-image: url("../media/layout/arrow-left.svg"); /* Path to your icon */
	background-size: contain; /* Ensure the icon scales correctly */
	background-repeat: no-repeat; /* Prevent the icon from repeating */
	position: absolute; /* Position it relative to the li element */
	right: 10px; /* Adjust as needed */
	top: 50%; /* Center vertically */
	transform: rotate(180deg) translateY(50%);
}
#konfi21 .bg-white-linear {
	position: sticky;
	bottom: 1rem;
	z-index: 100;
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(255, 255, 255, 0.7) 15%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0.7) 85%,
		rgba(255, 255, 255, 0.1) 100%
	);
}
@media (max-height: 1080px) {
	#konfi21 #konfi21_builder {
		height: 600px !important;
	}
}
@media (min-height: 1081px) {
	#konfi21 #konfi21_builder {
		height: 70vh !important;
	}
}
@media (max-height: 1080px) {
	#konfi21 .js-product-line-content {
		height: 800px !important;
		overflow-y: scroll;
	}
}
@media (min-height: 1081px) {
	#konfi21 .js-product-line-content {
		height: 70vh !important;
		overflow-y: scroll;
	}
}
#konfi21 .strikethrough {
	position: relative;
}
#konfi21 .strikethrough:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 1px solid;
	border-color: inherit;
	color: #DB0000;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
#konfi21 .generate-code-popup.modal-standart.modal.show {
	display: flex !important;
}
#konfi21 #modal_k21_save,
#modal_k21_save_basket {
	justify-content: center !important;
	align-items: center !important;
	position: fixed !important;
}
#konfi21 .modal-standart.modal.show:not(.modal-old) .modal-dialog {
	transform: translate3d(0, 0, 0);
	transition: all 0.15s ease-out;
}
#konfi21 .modal-standart--tablet .modal-dialog {
	width: 675px;
	max-width: 100%;
}
#konfi21 .config-popup-overlay .modal-dialog {
	margin: 0 !important;
}
#konfi21 .generate-code-popup.modal-standart.modal.show {
	display: flex !important;
}
#konfi21 #modal_k21_save,
#modal_k21_save_basket {
	justify-content: center !important;
	align-items: center !important;
	position: fixed !important;
}
#konfi21 .config-popup-overlay.generate-code-overlay {
	width: 100%;
	max-width: 448px;
	bottom: auto;
}
#konfi21 .generate-code-popup.modal-standart.modal.show {
	display: flex !important;
}
#konfi21_thumbnail_container {
	background-color: lightgray;
	background-size: contain;
	background-position: center top;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	border-radius: 8px;
}
#konfi21 .thumbnail {
	width: 124px;
	height: 83px;
	flex: 0 0 auto;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.6;
	border-radius: 4px;
}
#konfi21 .thumbnails-container {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	flex-grow: 1;
	scrollbar-width: none;
}
#konfi21 .thumbnails-container img {
	border-radius: 8px;
}
#konfi21 .active-thumbnail {
	transform: scale(1.05);
	opacity: 1;
	border-radius: 8px;
	border: 2px solid #60B4E7 !important;
}
#konfi21 .show-canvas {
	display: block;
}
#konfi21 .hide-canvas {
	display: none;
}
#konfi21 .blur {
	filter: blur(4px);
}
.loader {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(48, 48, 48, 0.75);
	z-index: 1100;
}
.loader .loader-popup {
	display: inline-block;
	padding: 40px;
	background: #FFF;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.loader .loader-popup p {
	color: #303030;
	font-size: 30px;
	text-align: center;
}
.loader .lds-ring {
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto 16px;
}
.loader .lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 6px;
	border: 6px solid #409ED6;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #409ED6 transparent transparent transparent;
}
.loader .lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.loader .lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.loader .lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#modal_versandkosten .country_select_custom .custom_country_select {
	font-size: 0;
	width: 60px;
	height: 29px;
	padding: 0 !important;
	margin: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
}
#modal_versandkosten .country_select_custom .custom_country_select:focus {
	outline: 0;
}
#modal_versandkosten .country_select_custom .country-select {
	height: 29px;
}
#modal_versandkosten .country_select_custom .country-select .country-list {
	z-index: 10000;
	font-size: 0;
	overflow: hidden;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
	left: 0;
}
#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown {
	border: 1px solid #DCDCDC;
	background-color: transparent;
	width: 60px;
	height: 29px;
}
#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown:hover {
	background-color: transparent;
}
#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown:hover
.selected-flag {
	background-color: transparent;
}

#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown
.flag.de {
	background-position: -6px -75px;
}
#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown
.flag.ch {
	background-position: -73px -75px;
}
#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown
.flag.at {
	background-position: -35px -75px;
}
.country_select_custom .country-select.inside .flag-dropdown .flag.nl {
	background-position: -105px -75px;
}
.country_select_custom .country-select.inside .flag-dropdown .flag.be {
	background-position: -143px -75px;
}

#modal_versandkosten
.country_select_custom
.country-select.inside
.flag-dropdown
.flag.lu {
	background-position: -178px -75px;
}

#modal_versandkosten .country_select_custom .country-select .selected-flag {
	width: 100%;
	padding: 0 0 0 7px;
}
#modal_versandkosten
.country_select_custom
.country-select
.selected-flag
.arrow {
	border-bottom: 1.5px solid #BDBCBC;
	border-right: 1.5px solid #BDBCBC;
	width: 9px;
	height: 9px;
	margin-right: 0;
	margin-left: 0;
	right: 8px;
	top: 11px;
}
#modal_versandkosten
.country_select_custom
.country-select
.selected-flag
.arrow.up {
	border-bottom: 1.5px solid #BDBCBC;
	border-right: 1.5px solid #BDBCBC;
	width: 9px;
	height: 9px;
	margin-top: 0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#modal_versandkosten
.country_select_custom
.country-select
.selected-flag:focus {
	outline: 0;
}
#modal_versandkosten .country_select_custom--full .flag-dropdown {
	width: 100% !important;
}
#modal_versandkosten
.country_select_custom--full
.country-select
.selected-flag {
	padding: 0 0 0 18px;
}
#modal_versandkosten .country_select_custom--full .country-name {
	font-size: 16px;
	color: #303030;
}
#modal_versandkosten .country_select_custom--full .country {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#modal_versandkosten .country_select_custom--full .country-list .flag {
	margin: 0 10px 0 8px !important;
}

#modal_versandkosten .custom-country__select--full {
	border: none;
	background-color: transparent;
	height: 35px;
	max-width: 280px;
	outline-color: transparent;
}
#modal_versandkosten .country-select.inside input,
.country-select.inside input[type="text"] {
	padding-right: 44px;
}

#modal_versandkosten .country_select_custom--full .country-select {
	height: 35px;
}
#modal_versandkosten
.country_select_custom--full
.country-select
.country-list {
	padding-top: 14px;
	padding-bottom: 9px;
	box-sizing: content-box;
	border-radius: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	top: 30px;
}
#modal_versandkosten
.country_select_custom--full
.country-select
.country-list
.country {
	padding-right: 0px;
}
#modal_versandkosten
.country_select_custom--full
.country-select
.country-list:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #DDD;
}
#modal_versandkosten
.country_select_custom--full
.country-select.inside
.flag-dropdown {
	height: 35px;
}
#modal_versandkosten
.country_select_custom--full
.country-select
.selected-flag
.arrow {
	right: 18px;
	top: 14px;
}

#modal_versandkosten .modal__delivery-list {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 160px !important;
}

/*123123123*/

#modal_versandkosten .pt-40 {
	padding-top: 40px;
}
#modal_versandkosten .pb-40 {
	padding-bottom: 40px;
}
#modal_versandkosten .px-40 {
	padding-left: 40px;
	padding-right: 40px;
}
#modal_versandkosten .mt-30 {
	margin-top: 30px;
}
#modal_versandkosten .mb-30 {
	margin-bottom: 30px;
}
#modal_versandkosten .mr-10 {
	margin-right: 10px;
}
#modal_versandkosten .pb-30 {
	padding-bottom: 30px !important;
}
#modal_versandkosten .mb-15 {
	margin-bottom: 15px;
}
#modal_versandkosten .px-15 {
	padding-left: 15px;
	padding-right: 15px;
}
#modal_versandkosten .pt-15 {
	padding-top: 15px;
}
#modal_versandkosten .pb-15 {
	padding-bottom: 15px;
}
#modal_versandkosten .p-20 {
	padding: 20px;
}

#modal_versandkosten .text-gray {
	color: #676767;
}
#modal_versandkosten .text-medium {
	font-size: 16px;
}
#modal_versandkosten .text-largest {
	font-size: 30px;
}
#modal_versandkosten .text-black {
	color: #000000;
}
#modal_versandkosten .text-large {
	font-size: 22px;
}
#modal_versandkosten .text-darkgray {
	color: #303030;
}

#modal_versandkosten .modal__delivery-list-in {
	max-width: 370px;
}

#modal_versandkosten .bg-white-transparent {
	background-color: #FFFFFF;
	opacity: 0.85;
}

#konfi21 .icon-mail::before {
	position: absolute;
	left: 20px;
	font-family: "ds" !important;
	top: 8px;
}
#konfi21 .meta__item--bestprice-link {
	text-decoration: none;
	color: var(--bs-body-color);
	border-radius: 4px;
	/* padding: 4px; */
	transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}

#konfi21 .meta__item--bestprice-link:hover {
	background-color: #DEDFE2 !important;
}
#konfi21 .meta__item-old-square-s .meta__item-img {
	border: 1px solid #E0E0E0;
	border-radius: 0;
	width: 20px;
	height: 20px;
}

.meta__item.active {
	background-color: #E6F3FF;
}

#konfi21 .custom-tabs_link {
	text-decoration: none;
	color: var(--bs-body-color);
	transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
	border: none;
}
#konfi21 .custom-tabs_link:hover span {
	background-color: #DEDFE2 !important;
	padding: 4px;
	border-radius: 4px;
}
#konfi21 .custom-tabs_link.active {
	border-bottom: 1px solid var(--bs-body-color) !important;
}
#konfi21 .switch-sides {
	text-decoration: none;
	color: var(--bs-body-color);
	padding: 4px;
	border-radius: 4px;
	transition: background-color 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
	border: none;
}
#konfi21 .switch-sides:hover {
	background-color: #DEDFE2 !important;
}
#konfi21 .meta__item-old-square-s .meta__item-img {
	border: 1px solid #E0E0E0;
	border-radius: 0;
	width: 20px;
	height: 20px;
}
#konfi21 .meta__item.active {
	border: 1px solid #F5BD2C;
	box-shadow: 0 0 0 2px #F5BD2C;
}
#konfi21 .meta__item-old-square-s {
	width: 20px;
	height: 20px;
	margin: 0 8px 8px 0;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#konfi21 .discount-banner.props {
	display: flex;
	justify-content: space-around;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#konfi21 .countdown--element__background {
	width: 60px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}
#konfi21 .countdown--container {
	display: flex;
	justify-content: space-evenly;
	max-width: 300px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
#konfi21 .discount-banner.mobile-props.mobile-screen {
	padding: 20px;
	position: relative;
}
@media (max-width: 991px) {
	#konfi21 .big-screen {
		display: none !important;
	}
	
	#konfi21 .t-center {
		text-align: center;
	}
	
	#konfi21 .discount-banner.props {
		height: 100%;
	}
}
@media (min-width: 992px) {
	#konfi21 .mobile-screen {
		display: none !important;
	}
}

#konfi21 .countdown--container p {
	text-align: center;
	margin: 0;
	font-size: 10px;
	text-transform: uppercase;
}
#konfi21 .toogle-container {
	position: absolute;
	right: 7px;
	top: 7px;
}
#konfi21 .text-right {
	text-align: right;
}
/*.hide { display:none;} */
#konfi21 .pointer {
	cursor: pointer;
}
#konfi21 .t-underline {
	text-decoration: underline;
	cursor: pointer;
}
#konfi21 .discount-banner__middle--props {
	margin: 0 20px;
}
#konfi21 .discount-banner__middle--props p {
	margin: 0;
}
#konfi21 .meta__item-old-square-s {
	width: 20px;
	height: 20px;
	margin: 0 8px 8px 0;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	cursor: pointer;
}

#konfi21 .meta__item.active {
	border: 1px solid #F5BD2C;
	box-shadow: 0 0 0 2px #F5BD2C;
}
@media (max-width: 1080px) {
	.container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
}

.loader .lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 6px;
	border: 6px solid #409ED6;
	border-top-color: rgb(64, 158, 214);
	border-right-color: rgb(64, 158, 214);
	border-bottom-color: rgb(64, 158, 214);
	border-left-color: rgb(64, 158, 214);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #409ED6 transparent transparent transparent;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}
#modal_k21_mobile .switch {
	width: 40px;
	height: 20px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #CCC;
	transition: 0.4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: 0.4s;
}

input:checked + .slider {
	background-color: #555;
}

input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
	transform: translateX(26px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.w4w-custom-input-extras {
	width: 60px;
	height: 35px;
	background: #F4F6F9;
}

.w4w-custom-textarea-extras {
	background: #F4F6F9;
}

#modal_info {
	z-index: 1100;
}

@media screen and (max-width: 991px) {
	#konfi21 .nav24 {
		padding: 0;
	}
	
	#konfi21 .nav24 .discount-banner.big-screen {
		border-radius: 0;
	}
	
	#konfi21 #mobile-wrapper .btn-multi.mobile-multi {
		padding: 2px 3px 2px;
		height: 39px;
		border: 1px solid #DCDCDC;
		border-radius: 4px;
	}
}
#konfi21 .dekor_tooltip_content {
	display: none;
	position: absolute;
	z-index: 1000;
	right: 50%;
}

#konfi21 .dekor_tooltip_content.strutura-matt-tooltip {
	background: #FFFFFF;
	box-shadow: lightgray 0px 1px 9px;
	border-radius: 10px;
}
#konfi21 .dekor_tooltip_content.strutura-matt-tooltip img {
	border-radius: 10px 10px 0 0;
}

#konfi21 .dekor-child.children-lack {
	background: #F1F1F1;
	border-radius: 5px;
	overflow-x: auto;
	white-space: nowrap;
	padding: 6px;
}
#konfi21 .dekor-child.children-lack .radio-text {
	border: none;
	background: none;
	font-weight: 500;
	color: #333;
	transition: all 0.2s ease;
	font-size: 14px;
	border-radius: 4px;
	gap: 7px;
	padding: 5px 11px;
}

#konfi21 #mobile-wrapper .dekor-child.children-lack .custom-checkbox.active .radio-text {
	background-color: white;
	color: #60B4E7;
	font-weight: 600;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	padding: 7px 14px;
	border-radius: 4px;
	border: none;
}

@media screen and (max-width: 991px) {
	#konfi21_inddecor_glas{
		/*padding: 0 1.5rem;*/
		/*width: 100vw;*/
	}
	#konfi21_ind_decor{
		/*padding: 0 1.5rem;*/
		/*width: 100vw;*/
	}
	#konfi21 .color-grid-mobile {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	width: 100vw;
	padding-right:1.25rem;
}
}