.container-comparator {
	max-width: 1366px;
    padding-top: 5rem;
    margin-bottom: 5rem;
    width: 100%;
}
.container-comparator h1 {
	font-size: 4rem;
    color: #374f5b;
    font-family: 'D-DIN';
}
.container-comparator p {
	    font-size: 1.6rem;
    color: #3c3c3c;
    font-family: 'Montserrat', sans-serif;
	max-width: 900px;
}
.container-comparator .form2 {
	background: transparent;
	box-shadow: none;
}

.box-comparator .box-info {
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(231, 231, 231);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #374f5b;
    text-align: center;
    padding: 7px 10px;
    line-height: inherit;
    height: auto;
    min-height: 60px;
}
.box-comparator .col-static .box-info {
	font-weight: bolder;
	
}
.box-comparator--bottom .box-info:nth-of-type(odd) {
	background: rgb(231, 231, 231) !important;
}
.box-comparator .box-info:nth-of-type(odd),
.box-comparator--bottom .box-info:nth-of-type(even) {
	background: transparent;
}
.col-append {
	padding-left: 0;
}
.row-append .col-num,
.row-hide .col-num {
	padding: 0;
}
.img-space {
	position: relative;
	width: 100%;
	text-align: center;
	min-height: 34rem;
}
.box-lines:before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .1rem;
    background: rgb(231, 231, 231);
    height: 40%;
}
.row-append .col-num:nth-last-of-type(1) .box-lines:after {
	content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .1rem;
    background: rgb(231, 231, 231);
    height: 40%;
}
.row-append .col-num:nth-of-type(odd) .box-info:nth-of-type(even),
.row-hide .col-num:nth-of-type(odd) .box-info:nth-of-type(odd) {
	background: #efefef !important;
}
.img-space img {
	    width: 100%;
    height: 19rem;
    object-fit: contain;
    margin: auto;
    display: block;
}
.img-space h2 {
	font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #386f83;
    font-size: 2.5rem;
    text-transform: uppercase;
}
.img-space h2 span {
	display: block;
    font-size: 2.4rem;
    color: #687e89;
    letter-spacing: -1px;
    margin: 0;
	font-weight: 300;
}
.img-space .delete {
	position: absolute;
	right: 1rem;
    width: 2rem;
    height: 2.3rem;
    border-radius: .3rem;
    color: #2054ac;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.5rem;
}
.img-space .delete i {
	font-size: 3rem;
    width: 100%;
    margin-left: .1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-space .box-more .see-more {
	margin: auto;
    margin-top: 5px;
    width: fit-content;
    height: auto;
    padding: 9px 23px;
    align-items: center;
    justify-content: center;
    position: relative;
}
.box-comparator--bottom {
	position: relative;
	margin-top: 7rem;
	display: none;
}
.box-comparator--bottom:before {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -3rem;
    width: 20rem;
    height: .1rem;
    background: rgb(231, 231, 231);
}
.box-main {
	display: none;
}
.see-more {
	display: none;
	margin-bottom: 3rem;
}
.box-show {
	justify-content: center;
}
.box-colors {
	width: 100%;
    display: flex;
    justify-content: center;
	display: none;
}
.box-colors .color {
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 10rem;
    margin: .2rem .5rem;
}

@media (max-width: 960px) {
	.container-comparator .form2 .puts {
		margin-bottom: 2rem;
	}
	.content-table-comparator {
		overflow: hidden;
	}
	.content-table-comparator.scroll {
		overflow: auto;
	}
	.content-table-comparator .box-table {
		width: 976px;
	}
}
@media (max-width: 680px) {
	.box-comparator .col-static {
		flex: 0 0 25%;
    	max-width: 25%;
	}
	.box-comparator .col-append {
		flex: 0 0 75%;
    	max-width: 75%;
	}
	.box-comparator .col-append .col-count {
		flex: 0 0 33.333333%;
    	max-width: 33.333333%;
	}
	.row-hide .col-num {
		flex: 0 0 33.333333%;
    	max-width: 33.333333%;
	}
}