

/* Start:/bitrix/templates/ttcauto/components/bitrix/news.detail/manufacturer/style.css?176352640117001*/
.page-header.manufacturer{
	height: 510px;
	background: url(/img/auflieger_bg.webp) no-repeat;	
	background-size: cover;
}

.page-top.manufacturer.mobile{
	display: none;
}

.page-header.manufacturer .wrapper{
	height: 100%;
	padding-bottom: 60px;
}

.page-header.manufacturer .page-header-block{
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	align-items: stretch;
}

.page-header.manufacturer .page-header-block .title{
	max-width: 510px;
}

.page-header.manufacturer .page-header-block .page-header-desc{
	max-width: 355px;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 160%;
	color: #FFFFFF;
}


.auflieger-about-block{
	padding: 60px 0px;
	background: #0C0C0B;
}


.auflieger-about-block .auflieger-about{
	display: flex;
	gap: 30px;
	align-items: center;
}

.auflieger-about-block .auflieger-about .years{
	display: flex;
	flex-direction: column;
	gap: 15px;
	align-items: center;
}

.auflieger-about-block .auflieger-about .years .text{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 160%;
	text-transform: uppercase;
	background: linear-gradient(270deg, #E55C1B 0%, #C3291F 56.99%), #FFFFFF;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}

.auflieger-about-block .auflieger-about .auflieger-about-text{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	max-width: 500px;
	gap: 20px;
}

.auflieger-about-block .auflieger-about .map{
	max-width: 505px;
}

.auflieger-technics{
	padding: 60px 0px;
	/*background: #fff;*/
}

.auflieger-technics .auflieger-technics-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 150%;
	color: #0C0C0B;
}

.manufacturer-order{
	background: #0C0C0B;
	padding: 37px 45px;
	display: flex;
	align-items: center;	
	margin-top: 30px;
	justify-content: space-between;
}

.manufacturer-order .manufacturer-order-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 120%;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 350px;
}

.manufacturer-order .manufacturer-order-title span{
	color: #FFBB00;
}

.manufacturer-order a.btn{
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	text-transform: uppercase;
	color: #0C0C0B;
	width: 300px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.manufacturer-order .manufacturer-order-contacts{
	display: flex;
	gap: 15px;
}

.manufacturer-order .manufacturer-order-contacts img{
	flex-shrink: 0;
}

.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc a.order-phone{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 28px;
	line-height: 140%;
	color: #FFFFFF;
}

.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc > div .social{
	display: flex;
	gap: 10px;
}

.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc > div > a{
	font-weight: 700;
	font-size: 14px;
	line-height: 140%;
	color: #FFBB00;
}

.auflieger-technics-desc{
	display: flex;
	margin-top: 60px;
	justify-content: space-between;
	gap: 60px;
}

.auflieger-technics-desc .auflieger-technics-desc-left{	
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.auflieger-technics-desc .auflieger-technics-desc-left .auflieger-technics-desc-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 140%;
	text-transform: uppercase;
	color: #0C0C0B;
}

.auflieger-technics-desc .auflieger-technics-desc-text{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #0C0C0B;
}

.auflieger-technics-desc .auflieger-technics-desc-right{	
	display: flex;
	justify-content: space-between;
	background: #fff;
	width: 580px;
	flex-shrink: 0;
	gap: 20px;
}

.auflieger-technics-desc .auflieger-technics-desc-right .auflieger-technics-desc-text{
	padding: 49px 0px;	
	padding-left: 60px;
}

.auflieger-technics-desc .auflieger-technics-desc-right img{
	width: 199px;
}

.auflieger-fabric{
	padding: 60px 0px;
	background: #fff;
}

.auflieger-fabric .auflieger-fabric-top{
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
}

.auflieger-fabric .auflieger-fabric-top .auflieger-fabric-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 140%;
	text-transform: uppercase;
	color: #0C0C0B;
}

.auflieger-fabric .auflieger-fabric-top .auflieger-fabric-desc{
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #0C0C0B;
	display: flex;
	align-items: center;
	gap: 25px;
}

.auflieger-fabric .auflieger-fabric-top .auflieger-fabric-desc:before{
	background: url("data:image/svg+xml,%3Csvg width='44' height='100' viewBox='0 0 44 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='21.5' y1='2.18557e-08' x2='21.5' y2='100' stroke='%230C0C0B'/%3E%3Ccircle cx='22' cy='50' r='17' fill='%230C0C0B' stroke='white' stroke-width='10'/%3E%3Cpath d='M23.0576 43.6001C23.1243 43.6175 23.1917 43.6318 23.2573 43.6527C23.8288 43.8332 24.2355 44.1892 24.365 44.7937C24.5053 45.4466 24.2137 46.0388 23.6236 46.3768C22.9166 46.7802 21.9744 46.5771 21.4969 45.9187C20.9983 45.2309 21.2136 44.2753 21.9806 43.8283C22.1665 43.7227 22.3845 43.675 22.5874 43.6001H23.0576Z' fill='white'/%3E%3Cpath d='M24.2296 55.0093C24.1726 55.2479 24.1211 55.4726 24.0637 55.696C24.0569 55.7103 24.0472 55.723 24.0353 55.7335C24.0235 55.744 24.0096 55.7519 23.9946 55.7569C23.5244 55.9311 23.0618 56.1419 22.5801 56.2701C21.887 56.4541 21.1804 56.4711 20.5177 56.1346C19.9524 55.8475 19.6539 55.3709 19.6425 54.7243C19.6322 54.1104 19.7883 53.5262 19.95 52.9412C20.1784 52.1152 20.4068 51.2884 20.6089 50.4554C20.6683 50.1928 20.6847 49.9221 20.6576 49.6541C20.6231 49.2709 20.441 49.134 20.0592 49.0883C19.6774 49.0427 19.3233 49.1232 18.9708 49.2493C18.9283 49.2643 18.8851 49.2775 18.842 49.2911C18.8279 49.2923 18.8138 49.2923 18.7998 49.2911C18.8426 49.1047 18.8917 48.9235 18.9263 48.7392C18.9491 48.6166 19.0068 48.5532 19.127 48.5086C19.6591 48.3104 20.1836 48.0881 20.7444 47.9832C21.3317 47.8738 21.9112 47.8843 22.4619 48.1466C23.0797 48.4407 23.3879 49.0741 23.3503 49.7607C23.3029 50.6241 23.0047 51.4215 22.7974 52.2427C22.6592 52.7886 22.5096 53.3318 22.3828 53.8801C22.3206 54.146 22.2881 54.4187 22.3375 54.6961C22.3856 54.9643 22.5314 55.1253 22.794 55.1873C23.1367 55.2681 23.4733 55.2361 23.807 55.1424C23.9394 55.104 24.0713 55.0587 24.2296 55.0093Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
	width: 25px;
	height: 100px;
	content: '';
	display: block;
	flex-shrink: 0;
}

.auflieger-fabric .auflieger-fabric-photo{
	margin-top: 45px;
}

.auflieger-fabric .auflieger-fabric-text{
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 60px;
	margin-top: 45px;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #0C0C0B;
	padding-bottom: 60px;
	border-bottom: 1px solid #DCDCDC;
}

.auflieger-gallery{
	margin-top: 60px;
}

.auflieger-gallery .auflieger-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.auflieger-gallery .auflieger-top .auflieger-top-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 120%;
	text-transform: uppercase;
	color: #0C0C0B;
}

.auflieger-gallery .auflieger-top .auflieger-top-arrows{
	display: flex;
	gap: 5px;
}

.auflieger-big-about{
	padding-top: 60px;
}

.auflieger-about-row{
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 60px;	
}

.auflieger-about-row .auflieger-about-row-left{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.auflieger-about-row .auflieger-about-row-left .auflieger-about-left-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 150%;
	text-transform: uppercase;
	color: #0C0C0B;
}

.auflieger-about-row .auflieger-about-row-left .auflieger-about-left-text{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #0C0C0B;
}

.auflieger-about-row .auflieger-about-row-right{
	display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 10px;
} 

.auflieger-about-row .auflieger-about-row-right .photo{
	grid-column: span 4/span 4;
	height: 135px;
}

.auflieger-about-row .auflieger-about-row-right .photo:nth-child(4),
.auflieger-about-row .auflieger-about-row-right .photo:nth-child(7){
	grid-column: span 8/span 8;
}

.auflieger-about-row .auflieger-about-row-right .photo img{
	width: 100%;
	height: 135px;
	object-fit: cover;
}

.auflieger-about-desc{
	display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));	
    gap: 60px;
    margin-top: 60px;
}

.auflieger-about-desc div{
	font-weight: 400;
	font-size: 14px;
	line-height: 160%;
	color: #0C0C0B;
	padding-left: 45px;
	border-left: 1px solid #000000;
	display: flex;
	align-items: center;
}

.auflieger-service{
	padding: 60px 0px;
	background: #0C0C0B;
	margin-top: 60px;
}

.auflieger-service .auflieger-service-banner{
	position: relative;
}

.auflieger-service .auflieger-service-banner img{
	width: 100%;
}

.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc{
	padding: 60px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc .auflieger-service-banner-title{
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 130%;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 470px;
}

.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc .auflieger-service-banner-text{
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 160%;
	color: #FFFFFF;
	max-width: 395px;
}


.auflieger-service .auflieger-about-desc div{
	color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

.auflieger-sliders__img {
    width: 480px;
    height: 320px
}


@media (max-width: 992px){
	.page-header.manufacturer{
		height: 330px;
	}

	.auflieger-about-block .auflieger-about{
		flex-wrap: wrap;
	}	

	.auflieger-about-block .auflieger-about .years{
		order: 1;
		width: 20%;
	}

	.auflieger-about-block .auflieger-about .auflieger-about-text{
		order: 3;
		width: 100%;
		max-width: initial;
		font-size: 14px;
	}

	.auflieger-about-block .auflieger-about .map{
		order: 2;
		width: 70%;		
	}

	.auflieger-technics .auflieger-technics-title{
		font-size: 24px;
	}

	.manufacturer-order{
		flex-wrap: wrap;
		justify-content: space-between;		
		padding: 25px 45px;
	}

	.manufacturer-order .manufacturer-order-title{
		order: 1;
		width: 45%;
		font-size: 28px;
	}

	.manufacturer-order .manufacturer-order-contacts{
		order: 2;
		width: 50%;
	}

	.manufacturer-order a.btn{
		order: 3;
		width: 100%;
		margin-top: 30px;
		height: 70px;
	}

	.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc a.order-phone{
		font-size: 24px;
	}

	.manufacturer-order .manufacturer-order-contacts img{
		width: 70px;
		height: 70px;
	}

	.manufacturer-order .manufacturer-order-contacts .manufacturer-order-contacts-desc > div > a{
		font-size: 12px;
	}

	.auflieger-technics-desc{
		flex-direction: column;
		gap: 45px;
		margin-top: 45px;
	}

	.auflieger-technics-desc .auflieger-technics-desc-left{
		gap: 30px;
	}

	.auflieger-technics-desc .auflieger-technics-desc-left .auflieger-technics-desc-title{
		font-size: 24px;
	}

	.auflieger-technics-desc .auflieger-technics-desc-text{
		font-size: 13px;
	}

	.auflieger-technics-desc .auflieger-technics-desc-right{
		width: 100%;
		align-items: center;
	}

	.auflieger-technics-desc .auflieger-technics-desc-right .auflieger-technics-desc-text{
		padding-left: 45px;
	}

	.auflieger-technics-desc .auflieger-technics-desc-right img{
		height: 240px;
		width: auto;
	}

	.auflieger-fabric{
		padding: 45px 0px;
	}

	.auflieger-fabric .auflieger-fabric-top{
		grid-template-columns: repeat(1,minmax(0,1fr));
		gap: 30px;
	}

	.auflieger-fabric .auflieger-fabric-top .auflieger-fabric-title{
		font-size: 32px;		
	}

	.auflieger-fabric .auflieger-fabric-top .auflieger-fabric-title br{
		display: none;
	}

	.auflieger-fabric .auflieger-fabric-text{
		margin-top: 30px;
		font-size: 13px;
		padding-bottom: 45px;
	}

	.auflieger-gallery{
		margin-top: 45px;
	}

	.auflieger-sliders__img{
		height: 190px;
	}

	.auflieger-gallery .auflieger-top .auflieger-top-title{
		font-size: 32px;
	}

	.auflieger-gallery .auflieger-top .auflieger-top-arrows{
		display: none;
	}

	.auflieger-big-about{
		padding: 45px 0px;
		padding-bottom: 0px;
	}

	.auflieger-about-row{
		grid-template-columns: repeat(1,minmax(0,1fr));
  		gap: 30px;
	}

	.auflieger-about-row .auflieger-about-row-left .auflieger-about-left-title{
		font-size: 20px;
	}

	.auflieger-about-row .auflieger-about-row-left{
		gap: 30px;
	}

	.auflieger-about-row .auflieger-about-row-left .auflieger-about-left-text{
		font-size: 13px;
	}

	.auflieger-about-row .auflieger-about-row-right .photo{
		height: 112px;
	}

	.auflieger-about-row .auflieger-about-row-right .photo img{
		height: 112px;
	}

	.auflieger-about-desc{
		margin-top: 45px;
		grid-template-columns: repeat(1,minmax(0,1fr));
		gap: 10px;
	}

	.auflieger-about-desc div{
		padding-left: 20px;
		font-size: 13px;
	}

	.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc{
		gap: 30px;
		padding: 45px;
	}

	.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc .auflieger-service-banner-title{
		font-size: 32px;		
		max-width: 400px;
	}

	.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc .auflieger-service-banner-text{
		font-size: 14px;
	}

	.auflieger-service .auflieger-service-banner img{
		height: 405px;
		object-fit: cover;
	}
}

@media (max-width: 479px){
	.page-header.manufacturer{
		height: 200px;
		background-position: 50%;
	}

	.page-top.manufacturer.mobile{
		display: block;
		background: #000;
	}

	.page-header.manufacturer .page-header-block{
		display: none;
	}

	.page-top.manufacturer.mobile .page-header-block .title{
		color: #fff;
	}

	.page-top.manufacturer.mobile .page-header-desc{
		margin-top: 30px;
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 160%;
		color: #FFFFFF;
	}	

	.auflieger-about-block .auflieger-about .years .text{
		font-size: 30px;
	}

	.auflieger-about-block .auflieger-about .map{
		
	}

	.manufacturer-order{
		padding: 25px;
	}

	.manufacturer-order a.btn{
		margin-top: 0px;
		order: 2;
		height: 60px;
	}

	.manufacturer-order{
		flex-direction: column;
		align-items: stretch;
		gap: 25px;
	}

	.manufacturer-order .manufacturer-order-contacts{
		order: 3;
		width: 100%;
	}

	.manufacturer-order .manufacturer-order-title{
		width: 100%;
	}

	.auflieger-technics-desc .auflieger-technics-desc-right .auflieger-technics-desc-text{
		padding: 30px;
	}

	.auflieger-technics-desc .auflieger-technics-desc-right img{
		display: none;
	}

	.auflieger-fabric .auflieger-fabric-text{
		grid-template-columns: repeat(1,minmax(0,1fr));
		gap: 30px;
	}

	.auflieger-gallery .auflieger-top .auflieger-top-title{
		font-size: 28px;
	}

	.auflieger-service .auflieger-service-banner img{
		height: auto;
	}

	.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc{
		position: initial;
		padding: 0px;
		margin-top: 30px;
	}

	.auflieger-service .auflieger-service-banner .auflieger-service-banner-desc .auflieger-service-banner-title{
		font-size: 24px;
	}
}
/* End */
/* /bitrix/templates/ttcauto/components/bitrix/news.detail/manufacturer/style.css?176352640117001 */
