.buttons_func {
	margin: 10px;
}
.buttons_func div {
	display: inline-block;
	padding: 0 10px 0 0;
}
.buttons_func label {
	margin: 0 0 0 5px;
}
.buttons_func label:hover {
	cursor: pointer;
}
.difference {
	color: #bbb;
}
.swiper-container {
	float: left;
	width: calc(100% - 255px) !important;
}
.titles {
	float: left;
	width: 225px;
	margin-right: 30px;
}
.titles div, .column > div {
	border-bottom: 1px dashed #E4E4E4;
	padding: 6px;
	font-weight: 300;
	font-size: 14px;
	line-height: 28px;
	color: #323232;
}
.titles div {
	font-weight: 400;
	padding: 6px 0;
}

.titles div:last-child,
.column div:last-child {
	border-bottom: none;
}


.compare_name {
	text-align: left;
	border-bottom: none !important;
}
.compare-wrap {
	padding: 30px;
	background: #FFFFFF;
	border: 1px solid #F4F4F4;
	margin-bottom: 30px;
}
.compare-wrap .tab-pane:after {
	content: '';
	display: block;
	clear: both;
}

.compare-wrap .nav-tabs span {
	/*content: 'Список сравнения:';*/
	display: flex;
	align-items: center;
	font-weight: 300;
	font-size: 15px;
	line-height: 30px;
	color: #323232;
	margin-right: 15px;
}
.compare-wrap .nav-tabs {
	background: #FFFFFF;
	padding: 0 0 20px;
	border-bottom: 1px solid #F4F4F4;
	border-radius: 4px 4px 0 0;
	margin-bottom: 15px;
	margin-right: 200px;
}
.compare-wrap .nav-tabs li {
	padding: 15px 15px;
	border-radius: 6px;
	height: initial;
}
.compare-wrap .nav-tabs li.active {
	padding: 15px 30px;
	margin: 0 15px;
	background: #202020;
	color: #fff
}
.compare-wrap .nav-tabs > li:first-child {
	margin-left: 0;
}
.compare-wrap .nav-tabs li a {
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: #3F4E5D;
}
.compare-wrap .nav-tabs li.active a {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #fff !important;
}
.compare-wrap .nav-tabs li a:after {
	border-bottom: 1px dashed #3F4E5D !important;
	width: 100%;
}
.compare-wrap .nav-tabs li.active a:after,
.compare-wrap .nav-tabs li a:hover:after {
	display: none;
}

.compare-wrap .product-thumb {
	box-shadow: 0 5px 10px rgba(0,0,0,.06);
}

.diff-wrap {
	position: relative;
}
.diff-wrap label {
	position: absolute;
	right: 0;
	top: 8px;
	font-weight: 300;
	font-size: 15px;
	line-height: 30px;
	color: #323232;
}
.diff-wrap label img {
	margin-left: 13px;
}
.diff-wrap input {
	position: absolute !important;
	left: -500px !important;
	opacity: 0 !important;
}
.diff-wrap input + label  {
	cursor: pointer;
}
.diff-wrap input + label .on {
	display: none;
}
.diff-wrap input:checked + label .off {
	display: none;
}
.diff-wrap input:checked + label .on {
	display: inline-block;
}

.titles .compare_name {
	height: 360px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.titles .compare_name .buttons_func {
	padding: 0;
}
.titles .compare_name .buttons_func a {
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	height: 48px;
	margin-top: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.titles .compare_name .buttons_func a.btn-default {
	color: #828282;
}

.compare_name .product-layout {
	height: 100%;
}
.compare_name .product-layout .product-thumb {
	margin-bottom: 0;
	height: 100%;
}

.compare-wrap .swiper-button-next:before {
	display: none;
}
.compare-wrap .swiper-button-next:after {
	content: url("/image/catalog/new-theme/compare/arrow-right.svg");
}
.compare-wrap .swiper-button-prev:before {
	display: none;
}
.compare-wrap .swiper-button-prev:after {
	content: url("/image/catalog/new-theme/compare/arrow-left.svg");
}
.compare-wrap .swiper-pager {
	width: calc(100% - 255px)!important;
	right: 0;
	top: 0;
}
.compare-wrap .swiper-button-next,
.compare-wrap .swiper-button-prev {
	top: 200px;
}

.tab-compare .tab-pane {
	position: relative;
}
.compare-wrap .swiper-button-next,
.compare-wrap .swiper-button-prev {
	width: 66px;
	height: 66px;
	margin-top: 0;
}
.compare-wrap .swiper-button-next {
	right: -30px;
}
.compare-wrap .swiper-button-prev {
	left: -30px;
}
.compare-wrap .swiper-pagination {
	display: none !important;
}

.attribute_group {
	margin-top: 30px;
}
.attribute_group strong {
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #323232;
}
.difference {
	opacity: 0.2 !important;
}


@media (max-width:991px) {
	.compare-wrap .titles {
		float: none;
		display: flex;
		width: 100%;
	}
	.compare-wrap .titles div[class*="compare_attribute"],
	.compare-wrap .titles .attribute_group {
		display: none !important;
	}
	.swiper-container {
		float: none;
		width: 100% !important;
	}

	.titles .compare_name {
		height: initial !important;
	}
	.compare-wrap {
		padding: 10px;
	}
	.diff-wrap:before {
		content: 'Список сравнения:';
		display: flex;
		align-items: center;
		font-weight: 300;
		font-size: 15px;
		line-height: 30px;
		color: #323232;
		margin-right: 15px;
	}
	.compare-wrap .nav-tabs:before {
		display: none;

	}
	.compare-wrap .nav-tabs {
		padding-top: 10px;
		position: relative;
		margin-right: 0;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
		padding-left: 15px;
	}
	.compare-wrap .nav-tabs li.active a,
	.compare-wrap .nav-tabs li a {
		font-size: 13px;
		line-height: 15px;
	}
	.diff-wrap label {
		top: 0;
	}
	.titles .compare_name .buttons_func {
		height: initial !important;
		display: flex;
		padding: 0;
		margin: 0;
	}
	.titles .compare_name .buttons_func a {
		width: initial;
		font-weight: 700;
		font-size: 12px;
		text-align: center;
		margin-right: 10px;
	}
	.column>div[class*="compare_attribute"] {
		overflow: hidden;
	}
	.products-block {
		flex-wrap: nowrap;
	}
	.products-block > div {
		max-width: 50%;
	}
	.compare-wrap .swiper-button-next,
	.compare-wrap .swiper-button-prev {
		display: none;
	}
	.compare_name .product-thumb__cart {
		position: relative;
		margin-top: 10px;
	}
}