@font-face {
	font-family: 'Involve-SemiBold';
	src: url('../fonts/subset-Involve-SemiBold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-MediumOblique';
	src: url('../fonts/subset-Involve-MediumOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-Medium';
	src: url('../fonts/subset-Involve-Medium.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-Regular';
	src: url('../fonts/subset-Involve-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-Oblique';
	src: url('../fonts/subset-Involve-Oblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-SemiBoldOblique';
	src: url('../fonts/subset-Involve-SemiBoldOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-BoldOblique';
	src: url('../fonts/subset-Involve-BoldOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Involve-Bold';
	src: url('../fonts/subset-Involve-Bold.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*colors*/
.tm-text-dark {
	color: #2D2D2D !important;
}

/*navbar*/
.uk-navbar {
	border-radius: 20px;
	margin: 20px auto;
	background-color: #f7f7f7;
	padding-left: 20px;
	padding-right: 20px;
}
.uk-navbar-right {
	width: 50%;
}

#tm-dialog {
	backdrop-filter: blur(5px);
}
/*#tm-dialog > div {*/
/*	background-color: #f7f7f7;*/
/*	border-radius: 24px;*/
/*	padding: 24px;*/
/*}*/

.uk-navbar-toggle {
	color: #828282;
}

.uk-navbar-center {
	width: 100%;
}

.tm-navigation-pill .uk-active > a {
	background-image: linear-gradient(135deg,#5a5959 0,#222 100%);
}
/*slideshow*/
.uk-slidenav-container {
	border-radius: 24px 0 0 0;
	background-image: url('/images/bg/slidenav_bg.svg');
	padding: 24px 0 0 24px;
}

.uk-slidenav-previous {
	padding: 16px 12px 16px 24px;
}

.uk-slidenav-next {
	padding: 16px 24px 16px 12px;
}

/*card*/
.tm-card-icon-top-right .uk-card > .uk-icon {
	position: absolute;
	/*background-image: url('/images/bg/top_right_card_bg.svg');*/
	height: 84px;
	width: 84px;
	right: 0;
	top: 0;
}

.tm-card-icon-top-right .uk-card {
	--circle-r: 24px;
	--big-circle-r: 34px;
	--pillar-size: max(24px, var(--circle-r));
	--card-color: #f7f7f7 /*input*/;
	--card-shadow: 0 10px 48px rgba(21, 44, 115, 0.15) /*input*/;
	border-radius: 24px;
}

.tm-card-icon-top-right .uk-card.uk-card-primary {
	--card-color: #828282 /*input*/;
}

.tm-card-icon-top-right .uk-card.uk-card-secondary {
	--card-color: #f7f7f7 /*input*/;
}

.tm-card-icon-top-right .uk-card.uk-card-secondary .el-title,
.tm-card-icon-top-right .uk-card.uk-card-secondary .el-content {
	color: #2D2D2D;
}

.tm-card-icon-top-right .uk-card {
	--circle-d: calc(var(--circle-r) * 2);
	--circles-space: calc(var(--big-circle-r) + var(--pillar-size));
	--circle-extend-inset: calc(var(--circle-r) + var(--circles-space));

	position: relative;
	border-top-right-radius: 0;
	background: /* Top Circle  */ radial-gradient(
			circle closest-side,
			var(--card-color) 100%,
			transparent calc(100% + 1px)
	) calc(100% - var(--circles-space)) 0 / var(--circle-d) var(--circle-d) no-repeat no-repeat,
		/* Top Circle Extend */ linear-gradient(0deg, var(--card-color) 100%, var(--card-color) 100%) 0px 0px / calc(100% - var(--circle-extend-inset)) var(--circle-d) no-repeat no-repeat,
		/* Top Gap fill Pillar */ linear-gradient(0deg, var(--card-color) 100%, var(--card-color) 100%) 0px var(--circle-r) / calc(100% - var(--circles-space)) calc(100% - var(--circle-r)) no-repeat no-repeat,
		/* Right Circle */ radial-gradient(
			circle closest-side,
			var(--card-color) 100%,
			transparent calc(100% + 1px)
	) 100% var(--circles-space) / var(--circle-d) var(--circle-d) no-repeat no-repeat,
		/* Right Circle Extend  */ linear-gradient(0deg, var(--card-color) 100%, var(--card-color) 100%) 100% var(--circle-extend-inset) / var(--circle-d) 100% no-repeat no-repeat,
		/* Right Gap fill Pillar */ linear-gradient(0deg, var(--card-color) 100%, var(--card-color) 100%) 0 var(--circles-space) / calc(100% - var(--circle-r)) 100% no-repeat no-repeat,
		/* Big Circle Cutout */ radial-gradient(
			circle at 100% 0%,
			transparent var(--big-circle-r),
			var(--card-color) calc(var(--big-circle-r) + 1px)
	) 0px var(--pillar-size) / calc(100% - var(--pillar-size)) 100% no-repeat no-repeat;
}

/*.tm-card-icon-top-right.tm-card-icon-transparent .uk-card > .uk-icon {*/
/*	background-image: url('/images/bg/top_right_card_bg_transparent.svg');*/
/*}*/
.tm-card-icon-top-right .uk-card > .uk-icon > svg {
	padding: 10px;
	float: right;
}

.tm-card-icon-top-right .uk-card.uk-card-primary .uk-icon .inner {
	color: #fff;
}

.tm-card-icon-top-right .uk-card.uk-card-primary .uk-icon .circle {
	fill: #828282;
}

.tm-card-icon-top-right .uk-card.uk-card-secondary .uk-icon .inner {
	color: #2D2D2D;
}

.tm-card-icon-top-right .uk-card.uk-card-secondary .uk-icon .circle {
	fill: #fff;
}

.uk-icon .circle {
	fill: #2D2D2D;
}

.uk-icon .inner,
.uk-button-secondary .circle {
	color: #fff;
	fill: #fff;
}

/*overlay*/
.tm-overlay-image .uk-inline-clip {
	border-radius: 24px;
}

.tm-title-canvas-bottom-left .uk-inline-clip {
	border-radius: 24px 24px 24px 0;
}

.tm-title-canvas-bottom-right .uk-inline-clip {
	border-radius: 24px 24px 0 24px;
}

.tm-overlay-image .uk-position-bottom {
	height: 100%;
}

.tm-overlay-image .uk-panel {
	height: 100%;
	position: relative;
}

.tm-title-transparent .uk-position-bottom .uk-position-cover {
	background: linear-gradient(to bottom, rgba(90, 89, 89, 0) 0%, rgba(34, 34, 34, 0.6) 100%);
}

.tm-button-top .el-link,
.tm-button-bottom .el-link {
	position: absolute;
	right: 16px;
}
.tm-button-bottom .el-link {
	bottom: 16px;
}
.tm-button-top  .el-link{
	top: 16px;
}
.tm-title-transparent .uk-position-bottom .el-title {
	position: absolute;
	left: 16px;
	bottom: 16px;
}

.tm-title-canvas-bottom-right .uk-position-bottom .el-title,
.tm-title-canvas-bottom-left .uk-position-bottom .el-title {
	position: absolute;
	bottom: 0;
	background: white;
	color: #2D2D2D;
	box-sizing: border-box;
	border: solid 1px #fff;
}

.tm-title-canvas-bottom-left .uk-position-bottom .el-title {
	left: 0;
	padding: 17px 22px 0 0;
	border-radius: 0 20px 0 0;
}

.tm-title-canvas-bottom-right .uk-position-bottom .el-title {
	right: 0;
	padding: 17px 0 0 22px;
	border-radius: 20px 0 0 0;
}

.tm-title-canvas-bottom-left .uk-position-bottom .el-title::before,
.tm-title-canvas-bottom-left .uk-position-bottom .el-title::after,
.tm-title-canvas-bottom-right .uk-position-bottom .el-title::before,
.tm-title-canvas-bottom-right .uk-position-bottom .el-title::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-size: cover;
	background-repeat: no-repeat;
}

.tm-title-canvas-bottom-left .uk-position-bottom .el-title::before,
.tm-title-canvas-bottom-left .uk-position-bottom .el-title::after {
	background-image: url('/images/bg/corner-bottom-left.svg');
}

.tm-title-canvas-bottom-right .uk-position-bottom .el-title::before,
.tm-title-canvas-bottom-right .uk-position-bottom .el-title::after {
	background-image: url('/images/bg/corner-bottom-right.svg');
}

.tm-title-canvas-bottom-left .uk-position-bottom .el-title::before {
	top: -19px;
	left: -1px;
}

.tm-title-canvas-bottom-left .uk-position-bottom .el-title::after {
	bottom: -1px;
	right: -19px;
}

.tm-title-canvas-bottom-right .uk-position-bottom .el-title::before {
	top: -19px;
	right: -1px;
}

.tm-title-canvas-bottom-right .uk-position-bottom .el-title::after {
	bottom: -1px;
	left: -19px;
}


/*buttons*/
.tm-button-icon .uk-button::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 12px;
	margin-bottom: -6px;
}

.tm-button-arrow-right .uk-button::after {
	background-image: url('/images/bg/arrow-right.svg');
}

.tm-button-arrow-right .uk-button-secondary::after {
	background-image: url('/images/bg/arrow-right-invert.svg');
}
.tm-button-checkbox {
	display: inline-block;
	width: 24px;
	height: 24px;
}
.tm-button-checkbox-true {
	background-image: url('/images/bg/tm-button-checkbox-true.svg');
}
.tm-button-checkbox-false {
	background-image: url('/images/bg/tm-button-checkbox-false.svg');
}

/*border radius*/
.tm-radius-8 {
	border-radius: 8px;
}
.tm-radius-24 {
	border-radius: 24px;
}
/*accordion*/
.tm-accordion-subtitle {
	font-size: 18px;
}
.uk-open .tm-accordion-subtitle {
	display: none;
}
.uk-accordion-title::before {
	background-image: url('/images/bg/add-square.svg') !important;
	fill: #828282;
}
.uk-open .uk-accordion-title::before {
	background-image: url('/images/bg/minus-square.svg') !important;
}
.tm-checked {
	background-color: #fff;
	color: #828282;
}
.tm-checked .uk-heading-medium {
	color:#828282 !important;
}
.tm-checked .uk-accordion-title span > p, .tm-checked .uk-accordion-title span {
	color:#2D2D2D !important;
}

/*favorites*/
.favorites span.tm-hidden-in-card {
	display: none;
}

/*compare*/
.tm-boxshadow {
	box-shadow: 0px 4px 12px 0px #0000000F;
}

/*form*/
.uk-select:not([multiple]):not([size]) {
	background-image: url('/images/bg/down.svg') !important;
}
.tm-variability-select > .control-group {
	margin-bottom: 0;
}
/*building*/
.tm-building-card {
	min-height: 705px;
}
/*mobile*/
@media screen and (max-width: 640px) {
	.uk-button,
	.el-title {
		font-size: 14px;
	}
	.tm-master-title, .tm-slave-title {
		font-size:18px;
		position: relative;
		top: -7px;
	}
	.tm-variability-select .control-group {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-left: -10px;
		flex-wrap: wrap;
	}
	.tm-variability-select .controls select {
		width: 100px;
	}
/*	.uk-navbar-left {
		width: 100%;
		justify-content: space-between;
	}*/
	.tm-building-tabs-link {
		padding: 0;
	}
	.tm-building-tabs-title {
		font-size: 11px;
	}
}