

/* Start:/local/templates/future_2021/css/collaborations.css?17534653246871*/
* {
	font-family: 'Raleway', sans-serif;
}

.collab {
	padding: 0 0 143px;
}

.collab .collab-top {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 34px;
}

.collab .floor1 {
	position: absolute;
	top: 211px;
	right: 0;
	z-index: -1;
}

.collab .collab-top .column {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 25px;
}

.collab .collab-top .column .image {
	width: 300px;
	min-width: 300px;
	height: 506px;
	position: relative;
}

.collab .collab-top .column .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.collab .collab-top .column .image .mobileImg {
	display: none;
}

.collab .collab-top .column .image .AntonIcon {
	position: absolute;
	top: 25px;
	left: 28px;
	width: 67px;
	height: 67px;
}

.collab .collab-top .column .descrip {
	max-width: 225px;
	width: 100%;
}

.collab .collab-top .column .descrip h3 {
	font-weight: 700;
	font-size: 26px;
	line-height: 31px;
}

.collab .collab-top .column:first-child .descrip p {
	margin-top: 32px;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}

.collab .collab-top .column:last-child .descrip p {
	margin-top: 16px;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}

.collab .collab-top .column .descrip a {
	width: 100%;
	color: #fff;
	background-color: #29332d;
	padding: 13px;
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	border: 1px solid #29332d;
	transition: all 0.25s ease;
	display: block;
	margin-top: 32px;
	text-align: center;
	border-radius: 100px;
}

.collab .collab-top .column .descrip a:hover {
	background-color: transparent;
	color: #29332d;
}

.collab .collab-bottom {
	margin-top: 40px;
	position: relative;
}

.collab .collab-bottom .descrip {
	position: absolute;
	right: 70px;
	top: 54%;
	transform: translateY(-50%);
	max-width: 471px;
}

.collab .collab-bottom .descrip h3 {
	color: #fff;
	font-weight: 700;
	font-size: 26px;
	line-height: 30px;
}
.collab .collab-bottom .descrip p {
	color: #fff;
	margin-top: 22px;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}
.collab .collab-bottom .descrip a {
	width: 100%;
	color: #fff;
	background-color: #29332d;
	padding: 13px;
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	border: 1px solid #29332d;
	transition: all 0.25s ease;
	display: block;
	margin-top: 36px;
	text-align: center;
	max-width: 274px;
	border-radius: 100px;
}

.collab .collab-bottom .descrip a:hover {
	background-color: #fff;
	color: #29332d;
}

.collab .collab-bottom .image .mobileImg {
	display: none;
}

.collab-dop {
	padding-bottom: 100px;
}

.collab-dop .wide-head {
	font-size: 40px;
	line-height: 47px;
	font-weight: 700;
	font-family: 'Raleway', sans-serif;
}

.collab-dop .bottom {
	margin-top: 24px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 102px;
}

.collab-dop .bottom .text {
	max-width: 546px;
	margin-top: 9px;
	font-size: 16px;
	line-height: 19px;
}

.collab-dop .bottom .image {
	max-width: 493px;
}

.collab-dop .bottom .text .heading {
	margin-top: 28px;
	font-size: 26px;
	line-height: 30px;
	font-weight: 700;
	color: #000;
}
.collab-dop .bottom .text .subtext {
	margin-top: 23px;
	font-size: 16px;
	line-height: 19px;
	font-weight: 400;
	color: #000;
}

.collab-dop .bottom .text .text-head {
	font-size: 40px;
	line-height: 47px;
	font-weight: 700;
	color: #000;
}

.collab-dop.artplay .bottom .text p {
	margin-top: 20px;
}

.collab-dop.artplay .bottom .text p:first-of-type {
	margin-top: 4px;
}

.collab-dop.artplay .bottom .text {
	max-width: 520px;
}

.collab-dop.artplay .bottom {
	gap: 119px;
}

.collab-dop.artplay .bottom .text {
	margin-top: 12px;
}

.collab-dop .cards-container {
	margin-top: 16px;
}

.collab-dop.anton .bottom {
	margin-top: 27px;
	gap: 65px;
}

.collab-dop.anton .bottom .text {
	margin-top: 0px;
	max-width: 580px;
}

.collab-dop .products__litres {
	width: 104px;
	height: 20px;
	background: url('/local/templates/future_2021/css/../images/collaboration/additional/LitressIcon.svg') no-repeat center / contain;
	position: absolute;
	top: 8px;
	left: 3px;
}

.collab-dop .products__anton {
	width: 67px;
	height: 67px;
	background: url('/local/templates/future_2021/css/../images/collaboration/additional/DetoxFondIcon.svg') no-repeat center / contain;
	position: absolute;
	top: 19px;
	left: 0px;
}

.collab .container .collab-bottom:first-child {
	margin-bottom: 45px;
}

.collab .container .collab-bottom:first-child .descrip h3 {
	color: black;
}

.collab .container .collab-bottom:first-child .descrip p {
	color: black;
}

@media only screen and (max-width: 1024px) {
	.collab,
	.collab-dop {
		padding-left: 14px !important;
		padding-right: 14px !important;
		padding-bottom: 60px;
	}

	.collab .collab-top {
		flex-direction: column;
		gap: 59px;
	}

	.collab .floor1 {
		display: none;
	}

	.collab .collab-top .column {
		flex-direction: column;
		gap: 21px;
		width: 100%;
	}

	.collab .collab-top .column .image {
		width: 100%;
		min-width: 100%;
		height: 100%;
		max-height: 400px;
	}

	.collab .collab-top .column .image .mobileImg {
		display: block;
		max-height: 400px;
	}

	.collab .collab-top .column .image .desktopImg {
		display: none;
	}

	.collab .collab-top .column .image .AntonIcon {
		position: absolute;
		top: 18px;
		left: 16px;
	}

	.collab .collab-top .column .descrip {
		max-width: 100%;
	}

	.collab .collab-top .column .descrip h3 {
		font-size: 26px;
		line-height: 30px;
		max-width: 90%;
	}

	.collab .collab-top .column .descrip h3 br {
		display: none;
	}

	.collab .collab-top .column:first-child .descrip p {
		margin-top: 24px;
		font-size: 16px;
		line-height: 19px;
	}

	.collab .collab-top .column:last-child .descrip p {
		margin-top: 29px;
	}

	.collab .collab-top .column .descrip a {
		margin-top: 24px;
	}

	.collab .collab-bottom {
		margin-top: 62px;
	}

	.collab .collab-bottom .image .mobileImg {
		display: block;
		width: 100%;
		height: 100%;
	}

	.collab .collab-bottom .image .desktopImg {
		display: none;
	}

	.collab .collab-bottom .descrip {
		position: static;
		max-width: 100%;
		transform: none;
		margin-top: 23px;
	}

	.collab .collab-bottom .descrip h3 {
		color: #000;
		font-size: 26px;
		line-height: 31px;
	}

	.collab .collab-bottom .descrip p {
		color: #000;
	}

	.collab .collab-bottom .descrip a {
		max-width: 100%;
	}

	.collab .collab-bottom .image .mobileImg {
		max-height: 400px;
		object-fit: cover;
	}

	.collab-dop .bottom {
		flex-direction: column;
		gap: 30px;
	}

	.collab-dop .bottom .image {
		max-width: 100%;
	}

	.collab-dop {
		padding-bottom: 40px;
	}

	.collab-dop.artplay .bottom {
		gap: 30px;
		margin-top: 0;
	}

	.collab-dop.anton .bottom {
		gap: 30px;
	}

	.collab-dop .wide-head {
		font-size: 26px;
		line-height: 30px;
	}

	.collab-dop .bottom .text .heading {
		font-size: 20px;
		line-height: 24px;
	}

	.collab-dop .bottom .text .text-head {
		font-size: 26px;
		line-height: 30px;
	}
}

/* End */


/* Start:/local/templates/future_2021/components/bitrix/catalog.section/collaboration/style.css?171532011588*/
.category__title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
}
/* End */
/* /local/templates/future_2021/css/collaborations.css?17534653246871 */
/* /local/templates/future_2021/components/bitrix/catalog.section/collaboration/style.css?171532011588 */
