.compare-section {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 60px 0px;
position: relative;
}
.compare-table__content-wrapper {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.compare-table__content {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.compare-table__content-tabs {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.compare-table__content-tab {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 255px;
position: relative;
}
.compare-table__content-tab.compare-table__content-tab_active {
display: block;
}
.compare-table__content-tab-labels {
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: calc(80px + (15px - 3px) + (20px * 2) + 15px);
left: 0px;
width: 255px;
min-width: 255px;
max-width: 255px;
z-index: 10;
}
.compare-table__content-tab-items {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0px 0px 0px -1px;
padding: 0px 0px 0px 0px;
position: relative;
width: calc(100% + 1px);
overflow-x: auto;
z-index: 5;
}
.compare-table__content-tab-items::-webkit-scrollbar-track, 
.compare-table__content-tab-items::-webkit-scrollbar {
background-color: #e6e3df;
}
.compare-table__content-tab-items::-webkit-scrollbar {
height: 4px;
}
.compare-table__content-tab-items::-webkit-scrollbar-thumb {
background-color: #fc0;
}
.compare-table__content-tab-item {
display: inline-block;
vertical-align: top;
margin: 0px -1px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 255px;
min-width: 255px;
max-width: 255px;
}
.compare-table__content-tab-item:last-child {
margin-right: 0px;
}
.compare-table__content-tab-item-head {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.compare-table__content-tab-item-head-img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 80px;
}
.compare-table__content-tab-item-head-actions {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 0px;
right: 30px;
visibility: hidden;
opacity: 0;
z-index: 10;
}
.compare-table__content-tab-item:hover .compare-table__content-tab-item-head-actions, 
.compare-table__content-tab-item:active .compare-table__content-tab-item-head-actions {
visibility: visible;
opacity: 1;
}
.compare-table__content-tab-item-head-actions-inner {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin: -8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 17px;
}
.compare-table__content-tab-item-head-action {
display: inline-block;
vertical-align: top;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 0px;
line-height: 0px;
opacity: 0.5;
cursor: pointer;
}
.compare-table__content-tab-item-head-action:hover, 
.compare-table__content-tab-item-head-action:active, 
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_active {
opacity: 1;
}
.compare-table__content-tab-item-head-action > i {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
}
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_compare > i {
width: 15px;
height: 15px;
background-image: url(../images/icon-product-item-compare-close.svg);
}
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_favorites > i {
width: 17px;
height: 15px;
background-image: url(../images/icon-product-item-favorites.svg);
}
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_active.compare-table__content-tab-item-head-action_compare > i {
opacity: 0.5;
}
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_active.compare-table__content-tab-item-head-action_compare:hover > i, 
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_active.compare-table__content-tab-item-head-action_compare:active > i {
opacity: 1;
}
.compare-table__content-tab-item-head-action.compare-table__content-tab-item-head-action_active.compare-table__content-tab-item-head-action_favorites > i {
background-image: url(../images/icon-product-item-favorites-active.svg);
}
.compare-table__content-tab-item-head-img-inner {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
height: 100%;
z-index: 3;
}
.compare-table__content-tab-item-head-img-inner > a, 
.compare-table__content-tab-item-head-img-inner > div {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
height: 100%;
text-decoration: none;
z-index: 10;
}
.compare-table__content-tab-item-head-img-inner > a:hover, 
.compare-table__content-tab-item-head-img-inner > a:active {
text-decoration: none;	
}
.compare-table__content-tab-item-head-img-inner > div > div {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.compare-table__content-tab[data-tab="alumdoors"] .compare-table__content-tab-item-head-img-inner > div > div, 
.compare-table__content-tab[data-tab="alumokna"] .compare-table__content-tab-item-head-img-inner > div > div, 
.compare-table__content-tab[data-tab="gates"] .compare-table__content-tab-item-head-img-inner > div > div {
background: #fdfbf9;
}
.compare-table__content-tab-item-head-img-inner img {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 100%;
max-height: 100%;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;
}
.compare-table__content-tab[data-tab="alumdoors"] .compare-table__content-tab-item-head-img-inner img, 
.compare-table__content-tab[data-tab="alumokna"] .compare-table__content-tab-item-head-img-inner img, 
.compare-table__content-tab[data-tab="gates"] .compare-table__content-tab-item-head-img-inner img {
mix-blend-mode: multiply;
}
.compare-table__content-tab[data-tab="dveri"] .compare-table__content-tab-item-head-img-inner img, 
.compare-table__content-tab[data-tab="tehdveri"] .compare-table__content-tab-item-head-img-inner img {
max-height: calc(100% + (7px * 2));
}
.compare-table__content-tab-item-head-title {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
margin: calc(15px - 3px) 0px 0px 0px;
padding: 0px 15px 0px 15px;
position: relative;
font-size: 14px;
line-height: 20px;
text-align: center;
height: calc(20px * 2);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; 
-webkit-box-orient: vertical;
}
.compare-table__content-tab-item-head-title a {
color: #000;
text-decoration: underline;
}
.compare-table__content-tab-item-head-title a:hover, 
.compare-table__content-tab-item-head-title a:active {
color: #e90520;
text-decoration: none;
}
.compare-table__content-tab-item-body {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
font-size: 14px;
line-height: 20px;
color: #5d5854;
}
.compare-table__content-tab-item-head + .compare-table__content-tab-item-body {
margin-top: 15px;
}
.compare-table__content-tab-item-body b, 
.compare-table__content-tab-item-body strong {
font-weight: 500;
}
.compare-table__content-tab-item-body table {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
width: 100%;
border: 1px solid #f0eeec;
border-spacing: 0px;
text-align: left;
}
.compare-table__content-tab-item-body table thead, 
.compare-table__content-tab-item-body table tbody {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.compare-table__content-tab-item-body table tr {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.compare-table__content-tab-item-body table thead tr th, 
.compare-table__content-tab-item-body table thead tr td {
background: #f0eeec;
}
.compare-table__content-tab-item-body table tbody tr:nth-child(2n-1) td {
background: #f9f8f7;
}
.compare-table__content-tab-item-body table tbody tr:nth-child(2n) td {
background: #ffffff;
}
.compare-table__content-tab-item-body table tr th, 
.compare-table__content-tab-item-body table tr td {
margin: 0px 0px 0px 0px;
padding: 10px 15px 9px 15px;
position: relative;
border-left: 1px solid #f0eeec;
}
.compare-table__content-tab-item-body table tr th:first-child, 
.compare-table__content-tab-item-body table tr td:first-child {
border-left: none;
}
.compare-table__content-tab-item-body table tr th {
font-weight: 500;
}
.compare-table__content-tab-item-body table tr th:not([colspan]), 
.compare-table__content-tab-item-body table tr td:not([colspan]) {
width: 100%;
}
.compare-table__content-tab-item-body-label {
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.compare-table__content-tab-item-body-value {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
max-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1; 
-webkit-box-orient: vertical;
}
.compare-table__content-tab-item-body-value a {
color: #c7152a;
text-decoration: underline;
}
.compare-table__content-tab-item-body-value a:hover, 
.compare-table__content-tab-item-body-value a:active {
color: #e90520;
text-decoration: none;
}
.compare-table__content-tab-item-body-dash {
letter-spacing: -0.15em;
}
@media (max-width: 1199px) {
	.compare-table__content-tab {
		padding-left: 0px;
	}
	.compare-table__content-tab-labels {
		display: none;
	}
	.compare-table__content-tab-items {
		margin-left: 0px;
		width: 100%;
	}
	.compare-table__content-tab-item-body-label {
		display: block;
	}
}
@media (max-width: 499px) {
	.compare-section {
		padding-bottom: 50px;
	}
	.compare-table__content-wrapper {
		margin-top: 30px;
	}
	.compare-table__content-tab-item-head-actions {
		visibility: visible !important;
		opacity: 1 !important;
	}
}
@media (max-width: 429px) {
	.compare-table__content-tab-item {
		width: 220px;
		min-width: 220px;
		max-width: 220px;
	}
}