

/* Start:/local/templates/havens-truckoil/components/bitrix/news.list/advantages/style.css?17772849211646*/
.advantages-list {
	--gap-x: 40px;
	--gap-y: 40px;
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:var(--gap-y) var(--gap-x);
	@media (max-width:1024px) {
		--gap-x: 12px;
	}	
	@media (max-width:375px) {
		--gap-y: 20px;
	}	
}
.advantages-list .item {
	flex: 0 0 auto;
	width:calc((100% - 2 * var(--gap-x)) / 3);
	display:flex;
	flex-direction:column;
	padding: 28px 26px;
	gap: 18px;
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	@media (max-width:1024px) {
		width:calc((100% - var(--gap-x)) / 2);
	}
	@media (max-width:650px) {
		width:100%;
	}
	@media (max-width:468px) {
		position:relative;
		padding: 28px 20px;
	}
}

.advantages-list .item .index {
	display:flex;
	@media (max-width:468px) {
		position:absolute;
		right:20px;
		top:28px;
	}	
}
.advantages-list .item .index span {
	flex: 0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:43px;
	height:43px;
	color:var(--color-yellow);
	border:1px solid var(--color-yellow);
	border-radius:22px;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
}

.advantages-list .item .info {
	display:flex;
	flex-direction:column;
	gap: 8px;
	@media (max-width:468px) {
		gap: 12px;
	}	
}
.advantages-list .item .title {
	font-weight: 700;
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color:#fff;
	@media (max-width:1024px) {
		font-size: 24px;
	}
	@media (max-width:468px) {
		font-size: 22px;
		min-height:43px;
	}	
}
.advantages-list .item .text {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color: var(--color-text);
}
.advantages-list .item .text b {
	color: var(--color-yellow);
}
/* End */


/* Start:/local/templates/havens-truckoil/components/bitrix/news.list/catalog/style.css?177916869911055*/
.catalog-actions {
	width:100%;
	display:flex;
	gap:30px;
	align-items:center;
	justify-content:space-between;
	margin-bottom:46px;
	@media (max-width:1532px) {
		align-items:flex-start;
	}
	@media (max-width:468px) {
		margin-bottom:60px;
	}
	@media (max-width:375px) {
		padding:0px 20px;
	}
	
}
.catalog-action-tag-bar {
	display:flex;
	flex-wrap:wrap;
	gap:22px;
}
.catalog-action-tag-bar .tag-button {
	flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
	text-align:center;
    min-height: 35px;
	padding: 8px 24px;
    border: 1px solid #fff;
    border-radius: 18px;
    font-weight: 400;
	font-size: 16px;
    line-height: 1;
    color: #fff;
	background-color:transparent;
    text-decoration: none;
    cursor: pointer;
    transition: all .35s ease;
	@media (max-width:375px) {
		font-size:14px;
		padding: 13px 17px;
		min-height: 45px;
		border-radius: 23px;
	}
}
.catalog-action-tag-bar .tag-button:hover,
.catalog-action-tag-bar .tag-button.selected {
	background-color:#201B11;
	border-color:var(--color-yellow);
	color:var(--color-yellow);
}


.catalog-action-view-bar {
	display:flex;
	gap:17px;
	@media (max-width:768px) {
		display:none;
	}
}
.catalog-action-view-bar-item {
	flex: 0 0 auto;
	width: 26px;
	height: 24px;
	background:center no-repeat;
}
.catalog-action-view-bar-item:not(.selected):not(:hover) {
	filter: brightness(0) invert(1);
}
.catalog-action-view-bar-item:not(.selected) {
	cursor:pointer;
}
.catalog-action-view-bar-item[data-catalog-view="tile"] {
	background-image: url("data:image/svg+xml,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='11' height='10' rx='2' fill='%23F5BE0B'/%3E%3Crect y='14' width='11' height='10' rx='2' fill='%23F5BE0B'/%3E%3Crect x='15' width='11' height='10' rx='2' fill='%23F5BE0B'/%3E%3Crect x='15' y='14' width='11' height='10' rx='2' fill='%23F5BE0B'/%3E%3C/svg%3E%0A");
}
.catalog-action-view-bar-item[data-catalog-view="table"] {
	background-image: url("data:image/svg+xml,%3Csvg width='26' height='24' viewBox='0 0 26 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='26' height='3' rx='1.5' fill='%23F5BE0B'/%3E%3Crect y='7' width='26' height='3' rx='1.5' fill='%23F5BE0B'/%3E%3Crect y='14' width='26' height='3' rx='1.5' fill='%23F5BE0B'/%3E%3Crect y='21' width='26' height='3' rx='1.5' fill='%23F5BE0B'/%3E%3C/svg%3E%0A");
}



.catalog-table-container {
	overflow-x: auto;
	border:1px solid #2C2C2C;
	@media (max-width:1200px) {
		width:calc(100% + var(--container-padding));
	}
	@media (max-width:960px) {
		margin-bottom:38px;
	}
	@media (max-width:768px) {
		display:none !important;
	}
}
.catalog-table-container:not(.selected) {
	display:none;
}

table.catalog-table {
	width:100%;
	border-collapse: collapse;
}
table.catalog-table tr.hide {
	display:none;
}
table.catalog-table td {
	padding:0;
	font-weight: 400;
	color: #D4D4D8;
	/* text-align:center; */
	height: 100%;
	/* white-space:nowrap; */
}
table.catalog-table  td > div {
	border-right:1px solid #2C2C2C;
	border-bottom:1px solid #2C2C2C;
	padding: 10px 20px;
	min-height:100%;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.01em;
}
table.catalog-table .head td > div {
	font-size: 15px;
	line-height: 18px;
	letter-spacing: 0.02em;
	padding: 15px 20px;
	font-weight: bold;
}
table.catalog-table tr:last-child td > div {
	border-bottom:0px;
}

table.catalog-table td:first-child {
	position: sticky;
	left: 0;
}
table.catalog-table td:first-child div {
	background-color:var(--color-black);
}

table.catalog-table td:last-child div {
	border-right:0px;
}
table.catalog-table tr:last-child td > div{
	border-bottom:0px;
}

table.catalog-table td:first-child span {
	display:block;
}

.catalog-table .name > div {
	display:flex;
	flex-direction:column;
	gap:2px;
	text-align:left;
}

.catalog-table .name span {
	font-weight: 700;
	font-size: 22px;
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.catalog-table .name span:first-child {
	font-weight: 700;
	font-size: 16px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #F5BE0B;
}
table.catalog-table td.name,
table.catalog-table td.passport {
	white-space:nowrap;
}

table.catalog-table td.passport a {
	color:var(--color-yellow);
}
table.catalog-table td.passport a:hover {
	color:var(--color-yellow2);
}

.catalog-table form[data-volume-app] {
	padding:0;
	margin:0;
	display:flex;
	align-items:center;
	gap:10px;
}
.bx-firefox .catalog-table form[data-volume-app] {
		min-width:calc(66px + 10px + 67px);
}
.catalog-table form[data-volume-app] .volume-list {
	flex: 0 0 auto;
	display:inline-flex;
	align-items: flex-start;
	flex-direction:column;
	gap:8px;
	min-width:66px;
}
form[data-volume-app] .volume-list .volume-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 5px 14px;
    gap: 10px;
    border: 1px solid #565656;
    border-radius: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #D4D4D8;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    transition: all .35s ease;
    cursor: pointer;
	white-space:nowrap;
	@media (max-width:768px) {
		min-height: 34px;
		font-size: 18px;
	}
}
form[data-volume-app] .volume-list .volume-item input[type="radio"] {
	display:none;
}
form[data-volume-app] .volume-list .volume-item:has(:checked),
form[data-volume-app] .volume-list .volume-item:hover {
	background-color: #28241A;
    border: 1px solid var(--color-yellow);
    color: var(--color-yellow);
}

form[data-volume-app] .volume-list .volume-item:has(:checked) {
    cursor: default;
}

form[data-volume-app] .volume-images {
	flex: 0 0 auto;
	display:flex;
}
form[data-volume-app] .volume-image {
	flex: 0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none !important;
	width:84px;
	height:84px;
	opacity:0;
	transition:all .35s ease;
}
form[data-volume-app] .volume-image:not(.selected) {
	width:0px !important;
	opacity:0;
}
form[data-volume-app] .volume-image.selected {
	opacity:1;
	visibility:visible;
}

form[data-volume-app] .volume-image picture {
	flex: 0 0 auto;
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center;
}
form[data-volume-app] .volume-image picture source {
	display:none;
}
form[data-volume-app] .volume-image img {
	flex: 0 0 auto;
	width:100%;
	height:100%;
	object-fit:scale-down;
}
	


.catalog-tile-container {
	display:flex;
	@media (max-width:768px) {
		display:flex !important;
	}
	
}
.catalog-tile-container:not(.selected) {
	display:none;
}

.catalog-tile-container .swiper {
	width:100%;
	display: flex;
    flex-direction: column;	
	@media (max-width:768px) {
		width:calc(100% + 12px);
	}
	@media (max-width:468px) {
		flex-direction: column-reverse;
	}
	
}
.catalog-tile-container .swiper-wrapper {
	align-items:stretch;
}

.swiper-slide.catalog-tile-item {
	flex: 0 0 auto;
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 28px 26px;
	gap: 26px;

	width: 440px;
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	@media (max-width:960px) {
		width: 408px;
	}
	@media (max-width:375px) {
		padding: 28px 20px;
	}
		
}

.catalog-tile-item .head {
	flex: 0 0 auto;
	width:100%;
	display:flex;
	align-items:flex-start;
	gap:8px;
}
.catalog-tile-item .head-left {
	flex: 1 1 auto;
	display:inline-flex;
	flex-direction:column;
	gap:6px;
}
.catalog-tile-item .head .name {
	display:flex;
	flex-direction:column;
	gap:4px;
	font-weight: 700;
	font-size: 28px;
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.catalog-tile-item .head .name .brand{
	font-size: 20px;
	line-height: 160%;
	color: #F5BE0B;
}
.catalog-tile-item .head .specification{
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #79797C;
}

.catalog-tile-item .head .passport a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding: 5px 14px;
    gap: 10px;
    border: 1px solid #565656;
    border-radius: 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    color: #D4D4D8;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    transition: all .35s ease;
    cursor: pointer;
}
.catalog-tile-item .head .passport a:hover {
	background-color: #fff;
    color: var(--color-black);	
}
.catalog-tile-item .head-right {
	flex: 0 0 auto;
}

.catalog-tile-item form[data-volume-app] .volume-list {
	flex: 0 0 auto;
	display:inline-flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:10px;
	margin-bottom:2px;
}

.catalog-tile-item form[data-volume-app] .volume-image {
	width:138px;
	height:172px;
	@media (max-width:468px) {
		width:169px;
		height:210px;
	}
	@media (max-width:375px) {
		width:145px;
		height:180px;
	}
}
	
.catalog-tile-item .description {
	flex: 1 1 auto;
	width:100%;
	display:inline-flex;
	flex-direction:column;
	align-items:stretch;
	gap:14px;
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #D4D4D8;
	@media (max-width:768px) {
		font-size: 16px;
		gap:26px;
	}
	
}
.catalog-tile-item .description > * {
	margin:0;
}
.catalog-tile-item .description ol,
.catalog-tile-item .description ul {
	padding-left:1em;
}
.catalog-tile-item .delimetr {
	flex: 0 0 auto;
	width:100%;
	height:1px;
	background-color:#2A2C31;
}
.catalog-tile-item .ttx {
	flex: 0 0 auto;
	width:100%;
	display:inline-flex;
	flex-direction:column;
	gap:12px;
}
.catalog-tile-item .ttx-item {
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0px;
	gap: 18px;
	border-bottom: 1px dashed #2A2C31;
	font-size: 18px;
	line-height: 160%;
	letter-spacing: 0.02em;
}
.catalog-tile-item .ttx-item .label {
	color: #9E9EA3;
}
.catalog-tile-item .ttx-item .value {
	color: #FFFFFF;
}

.catalog-tile-container .swiper .swiper-pagination {
	position:static;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:21px;
	margin:42px 0 0;
	padding:0;
	@media (max-width:468px) {
		margin: 0 0 60px;
	}
	@media (max-width:375px) {
		padding:0px 20px;
	}
}
.catalog-tile-container .swiper .swiper-pagination:has(>*:only-child) {
	display:none;
}
.catalog-tile-container .swiper .swiper-pagination-bullet {
	flex: 0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width: 28px;
	height: 28px;
	background: #1A1A1A;
	border: 1px solid #D4D4D8;
	margin:0 !important;
	padding:0;	
	border-radius:50%;
	opacity:1;
	cursor:pointer;
}

.catalog-tile-container .swiper .swiper-pagination-bullet-active {
	border: 1px solid var(--color-yellow);
	cursor:default;
}

.catalog-tile-container .swiper .swiper-pagination-bullet-active:before {
	flex: 0 0 auto;
	content:"";
	width: 14px;
	height: 14px;
	background: var(--color-yellow);
	border-radius:50%;
	margin:0;
	padding:0;
}
/* End */


/* Start:/local/templates/havens-truckoil/vendor/fancybox/jquery.fancybox.min.css?173253141812795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/havens-truckoil/vendor/swiper@12.1.4/swiper-bundle.min.css?177839609514611*/
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/havens-truckoil/components/bitrix/news.list/confirmations/style.css?17776145652212*/
.confirmations-list {
	--gap-x: 40px;
	--gap-y: 40px;
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	gap:var(--gap-y) var(--gap-x);
	@media (max-width: 468px) {
		--gap-y: 20px;
	}	
}

.confirmations-list .item {
	flex: 0 0 auto;
	width:100%;
	display:flex;
	align-items:stretch;
	padding: 28px 26px;
	gap: 40px;
	isolation: isolate;
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	@media (max-width: 960px) {
		flex-direction:column-reverse;
	}
	@media (max-width: 468px) {
		padding: 28px 20px;
		gap: 20px;
	}	
}


.confirmations-list .item .info {
	flex: 1 1 auto;
	display:flex;
	flex-direction:column;
	gap: 8px;
	@media (max-width: 960px) {
		width:100%;
	}	
}
.confirmations-list .item .title {
	font-weight: 700;
	font-size: 26px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	color:#fff;
	@media (max-width: 960px) {
		display:none;
	}	
}
.confirmations-list .item .text {
	
	font-size: 18px;
	line-height: 1.86;
	letter-spacing: 0.02em;
	color: var(--color-text);
}
.confirmations-list .item .text p {
	margin: 0 0 1.86em;
}
.confirmations-list .item .text p:last-child,
.confirmations-list .item .text p:has(+ul) {
	margin: 0;
}
.confirmations-list .item .text ul {
	margin-top:0;
	margin-bottom:0;
	padding-left:1em;
}
.confirmations-list .item .text a {
	color:var(--color-yellow);
}
.confirmations-list .item .text a:hover {
	color:var(--color-yellow2);
}


.confirmations-list .item .media {
	flex: 0 0 auto;
	width:654px;
	display:inline-flex;
	@media (max-width: 1400px) {
		width:50%;
	}
	@media (max-width: 960px) {
		flex-direction:column;
		gap:40px;
		width:100%;
	}	
	@media (max-width: 468px) {
		gap:20px;
	}	
}
.confirmations-list .item .media .title {
	display:none;
	font-weight: 700;
	font-size: 26px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	@media (max-width: 960px) {
		display:block;
	}	
}
.confirmations-list .item .media picture {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	border-radius:8px;
	overflow:hidden;
}
	

.confirmations-list .item .media picture source {
	display:none;
}
.confirmations-list .item .media picture img {
	width:100%;
	height:100%;
	object-fit:cover;
}
/* End */


/* Start:/local/templates/havens-truckoil/components/bitrix/news.list/recommend-letters/style.css?17789080151667*/
.recommend-letters {
	display:flex;
	flex-direction:column;
	padding: 28px 26px;
	gap: 32px;
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	@media (max-width:468px) {
		padding: 28px 20px;
	}	
}
.recommend-letters h2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	padding:0;
	margin:0;
	
}

.recommend-letters-list {
	--gap-x: 40px;
	--gap-y: 40px;
	display:flex;
	flex-wrap:wrap;
	gap: var(--gap-y) var(--gap-x);
	@media (max-width:468px) {
		--gap-y: 20px;
	}	
}
.recommend-letters-list .item {
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	padding: 28px 26px;
	gap: 18px;
	width: calc((100% - 2 * var(--gap-x)) / 3);
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	text-decoration:none;
	transition:all .35s ease;
	@media (max-width:1200px) {
		width: calc((100% - var(--gap-x)) / 2);
	}
	@media (max-width:960px) {
		width: 100%;
	}
}
.recommend-letters-list .item:hover {
	border-color:var(--color-yellow);
}

.recommend-letters-list .item:before {
	flex: 0 0 auto;
	content:"📄";
	display:inline-flex;
	font-weight: 700;
	font-size: 24px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #000000;
}
.recommend-letters-list .item .info {
	display:flex;
	flex-direction:column;
	gap: 8px;
	max-width:100%;
	overflow:hidden;
}
.recommend-letters-list .item .info .title {
	font-weight: 700;
	font-size: 22px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	hyphens:auto;
}
.recommend-letters-list .item .info .text {
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: var(--color-yellow);
}
/* End */


/* Start:/local/templates/havens-truckoil/components/bitrix/news.list/permits/style.css?17773045501154*/
.permits {
	display:flex;
	flex-direction:column;
	padding: 28px 26px;
	gap: 32px;
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	@media (max-width:468px) {
		padding: 28px 20px;
	}	
}
.permits h2 {
	font-weight: 700;
	font-size: 26px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	padding:0;
	margin:0;
	
}

.permits-list {
	--gap-x: 40px;
	--gap-y: 40px;
	display:flex;
	flex-wrap:wrap;
	gap: var(--gap-y) var(--gap-x);
	@media (max-width:468px) {
		--gap-y: 20px;
	}	
}
.permits-list .item {
	flex: 0 0 auto;
	display:flex;
	flex-direction:column;
	gap: 8px;
	padding: 28px 26px;
	width: calc((100% - 2 * var(--gap-x)) / 3);
	background: #16171A;
	border: 1px solid #2A2C31;
	border-radius: 8px;
	text-decoration:none;
	@media (max-width:1200px) {
		width: calc((100% - var(--gap-x)) / 2);
	}
	@media (max-width:960px) {
		width: 100%;
	}
}
.permits-list .item .title {
	font-weight: 700;
	font-size: 22px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.permits-list .item .text {
	font-weight: 400;
	font-size: 18px;
	line-height: 160%;
	letter-spacing: 0.02em;
	color: var(--color-text);
}
/* End */


/* Start:/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/style.css?178109341414063*/
.diler-block {
	/* height:737px; */
	height:537px;
	display:flex;
	align-items:stretch;
	border-radius: 3px;
    overflow: hidden;	
	position:relative;
	@media (max-width:960px) {
		height:545px;
	}
}

.diler-map {
	flex:1 1 auto;
	background-color:#ccc;
	display:flex;
	align-items:center;
	justify-content:center;
}
.diler-map:empty:before {
	content:attr(data-loading);
}

.diler-filter-block {
	display:flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:0 auto 46px;
	gap:17px 35px;
	width:1400px;
	max-width:100%;
	@media (max-width:960px) {
		padding:0 66px;
		margin-bottom:45px;
	}
	@media (max-width:468px) {
		padding:0 20px;
	}
}
p + .diler-filter-block {
	margin-top:40px;
}
.diler-filter-item {
	display:flex;
	flex: 0 0 auto;
	max-width:100%;
}
.diler-filter-item.hidden {
	display:none !important;
}
.diler-filter-item.type {
	overflow: hidden;
	max-height: 240px;
	opacity: 1;
	transition: max-height .45s ease, opacity .45s ease;
}
.diler-filter-item.type.hidden {
	display: flex !important;
	max-height: 0;
	max-width: 0;
	opacity: 0;
	padding: 0;
	margin: 0 -35px 0 0;
	pointer-events: none;
}
.diler-filter-item.reset {
	height: 51px;
	align-items:center;
}
.diler-filter-item.reset a {
	color: #F5BE0B;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: underline;
}

.diler-filter-item .select {
	display:flex;
	position:relative;
	padding-bottom:7px;
	cursor:pointer;
	margin:0;
	padding:0;
	max-width:none;
}
.diler-filter-item .select-value {
	display:flex;
	align-items:center;
	padding:0 23px;
	gap:23px;
	width:291px;
	height:51px;
	border-radius: 25px;
	border: 1px solid #0E0E0E;	
	color: #0E0E0E;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	background-color: #fff;
	user-select: none;
}
.diler-filter-item .select-value [data-value] {
	flex: 1 1 auto;
	overflow:hidden;
	text-overflow:ellipsis;
	text-transform:uppercase;
	white-space:nowrap;
}
.diler-filter-item .select-value [data-selector] {
	flex: 0 0 auto;
	width:17px;
	height:9px;
	background: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 1L8.5 8L1 1' stroke='%230E0E0E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
}
	
.diler-filter-item .select-values {
	position:absolute;
	display:none;
	flex-direction:column;
	width: 364px;
	max-height:min(70vh, 364px);
	overflow:auto;
	background-color: #FFF;
	z-index:3;
	left:0;
	top:calc(100% + 10px);
	border-radius: 3px;
	border: 1px solid #0E0E0E;
	color:#0E0E0E;
}

.diler-filter-item .select.focus .select-values {
	display:flex;
}
.diler-filter-item .select-list-values {
	max-height:272px;
	overflow:auto;
	width:100%;
}
.diler-filter-item .select-values [data-value] {
	flex: 0 0 auto;
	padding:8px 17px;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	display:flex;
	text-transform:none;
	cursor:pointer;
	width:100%;
	max-width: 100%;
	overflow:hidden;
	white-space:nowrap;
	user-select: none;
}
.diler-filter-item .select-values [data-value].selected,
.diler-filter-item .select-values [data-value]:hover {
	background-color:#E4E4E4;
}
.diler-filter-item .select-values [data-value].hidden {
	display:none;
}
	
.diler-filter-item .select-values [data-search] {
	flex: 0 0 auto;
	display:flex;
	align-items:center;
	gap:5px;
	height:38px;
	padding:0 17px;
	width: 100%;
	max-width: inherit;
	overflow:hidden;
	margin-bottom:2px;
	position:relative;
}
.diler-filter-item .select-values [data-search]:after {
	content:"";
	position:absolute;
	width:calc(100% - 16px);
	left:8px;
	bottom:0;
	height: 1px;
    background-color: #0E0E0E;
}
.diler-filter-item .select-values [data-search] input {
	flex: 1 1 auto;
	border:none !important;
	outline:none !important;
	background:transparent !important;
	color:#0E0E0E;
}
.diler-filter-item .select-values [data-search] [data-lupa] {
	flex: 0 0 auto;
	width:16px;
	height:17px;
	background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67634 10.3287C10.5112 9.49386 10.9286 8.49144 10.9286 7.32143C10.9286 6.15141 10.5112 5.15216 9.67634 4.32366C8.84784 3.48884 7.84859 3.07143 6.67857 3.07143C5.50856 3.07143 4.50614 3.48884 3.67132 4.32366C2.84282 5.15216 2.42857 6.15141 2.42857 7.32143C2.42857 8.49144 2.84282 9.49386 3.67132 10.3287C4.50614 11.1572 5.50856 11.5714 6.67857 11.5714C7.84859 11.5714 8.84784 11.1572 9.67634 10.3287ZM15.7857 15.2143C15.7857 15.5432 15.6656 15.8278 15.4252 16.0681C15.1849 16.3084 14.9003 16.4286 14.5714 16.4286C14.2299 16.4286 13.9453 16.3084 13.7176 16.0681L10.4637 12.8237C9.33166 13.6079 8.06994 14 6.67857 14C5.77418 14 4.90774 13.8261 4.07924 13.4782C3.25707 13.1241 2.54557 12.6497 1.94475 12.0552C1.35026 11.4544 0.87593 10.7429 0.521763 9.92076C0.173921 9.09226 0 8.22582 0 7.32143C0 6.41704 0.173921 5.55376 0.521763 4.73158C0.87593 3.90309 1.35026 3.19159 1.94475 2.5971C2.54557 1.99628 3.25707 1.52195 4.07924 1.17411C4.90774 0.81994 5.77418 0.642856 6.67857 0.642856C7.58296 0.642856 8.44624 0.81994 9.26842 1.17411C10.0969 1.52195 10.8084 1.99628 11.4029 2.5971C12.0037 3.19159 12.4781 3.90309 12.8259 4.73158C13.1801 5.55376 13.3571 6.41704 13.3571 7.32143C13.3571 8.7128 12.965 9.97452 12.1808 11.1066L15.4347 14.3605C15.6687 14.5945 15.7857 14.8791 15.7857 15.2143Z' fill='%230E0E0E'/%3E%3C/svg%3E%0A") center no-repeat;
}

.diler-filter-item .select-values .select-shortcuts {
	padding:8px 17px;
	display:flex;
	flex-flow:row wrap;
	gap:0 21px;
	align-items:baseline;
}
.diler-filter-item .select-values .select-shortcuts [data-value] {
	color: #B68D08;
	font-size: 14px;
	font-weight: 400;
	line-height: 225%;
	text-decoration-line: underline;
	width:auto;
	padding:0;
	margin:0;
}
.diler-filter-item .select-values .select-shortcuts [data-value].all-city {
	font-weight:bold;
}
.diler-filter-item .select-values .select-shortcuts [data-value].selected,
.diler-filter-item .select-values .select-shortcuts [data-value]:hover {
	background-color:transparent;
	color: #212529;
}

.diler-filter-item .radio {
	border-radius: 50px;
	border: 1px solid #0E0E0E;
	display:flex;
	align-items:stretch;
	height: 50px;
	padding:0;
	position:relative;
}
.diler-filter-item .radio [data-animated-button] {
	position:absolute;
	height:100%;
	top:0;
	width:92px;
	background-color: #F5BE0B;	
	border-radius: 50px;
	z-index:0;
	transition:all .15s ease;
}
.diler-filter-item .radio [type="radio"] {
	display:none;
}
.diler-filter-item .radio label {
	z-index:1;
	cursor:pointer;
	height: 48px;
	border-radius: 50px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color: #0E0E0E;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	padding:0 32px;
	user-select: none;
}

.diler-filter-item .checkbox {
	display:flex;
	align-items:stretch;
	min-height: 50px;
	padding:0;
	gap:5px 41px;
	flex-wrap:wrap;
	max-width: 100%;
}
.diler-filter-item .checkbox [type="checkbox"] {
	display:none;
}
.diler-filter-item .checkbox label {
	cursor:pointer;
	height: 48px;
	display:inline-flex;
	flex-wrap:wrap;
	gap:8px;
	align-items:center;
	justify-content:center;
	color: #0E0E0E;
	text-align: center;
	font-size: 16px;
	line-height: normal;
	padding:0;
}
.diler-filter-item .checkbox label:before {
	content:"";
	width: 36px;
	height: 36px;
	border-radius:50%;
	background-color:#F2F2F2;
	background-position:center;
	background-repeat:no-repeat
}
.diler-filter-item .checkbox label span {
	user-select:none;
}
.diler-filter-item .checkbox label[for="type-sto"]:before {
	background-image:url(/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/imgs/sto.png);
}
.diler-filter-item .checkbox label[for="type-azs"]:before {
	background-image:url(/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/imgs/azs.png);
}
.diler-filter-item .checkbox label[for="type-roznica"]:before {
	background-image:url(/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/imgs/roznica.png);
}
.diler-filter-item .checkbox label[for="type-internet-magaziny"]:before {
	background-image:url(/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/imgs/internet-magaziny.png);
}
.diler-filter-item .checkbox label[for="filter-truck"]:before {
	background-image:url(/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/imgs/truck.png);
}
.diler-filter-item .checkbox :checked + label:before {
	background-color:#F5BE0B;
}
.diler-filter-item .checkbox label:hover span,
.diler-filter-item .checkbox :checked + label span {
	text-decoration:underline;
}


.diler-tabs {
	display:none;
}
.diler-tab {
	width:calc(50% - 1px);
	height:63px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-top:1px solid #585858;
	border-right:1px solid #585858;
}
.diler-tab:first-child {
	border-right:none;
}
.diler-tab span {
	color:#FFF;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform:uppercase;
}
.diler-tab.selected {
	cursor:pointer;
}
.diler-tab.selected span {
	color: #F5BE0B;
	text-decoration-line: underline;
}

@media (max-width:768px) {
	.diler-block > div {
		width:100%;
		height:100%;
	}
}


.diler-block .ymaps-2-1-79-balloon__content {
	padding:18px 20px;
}
.diler-popup {
	padding:0;
}
.diler-popup a {
	color:#0E0E0E;
}

.diler-popup .title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom:16px;
}
.diler-popup .title2 {
	font-size: 14px;
	line-height: normal;
	margin-bottom:16px;
}

.diler-popup .city {
	display:flex;
	gap:6px;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;	
	margin-bottom:7px;
}

.diler-popup .city .marker {
	flex: 0 0 auto;
	width:11px;
	height:15px;
	background: url("data:image/svg+xml,%3Csvg width='11' height='15' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.93476 14.2175C0.772578 8.45788 0 7.86676 0 5.75C0 2.8505 2.46242 0.5 5.5 0.5C8.53758 0.5 11 2.8505 11 5.75C11 7.86676 10.2274 8.45788 6.06524 14.2175C5.7921 14.5942 5.20787 14.5941 4.93476 14.2175ZM5.5 7.9375C6.76566 7.9375 7.79167 6.95813 7.79167 5.75C7.79167 4.54187 6.76566 3.5625 5.5 3.5625C4.23434 3.5625 3.20833 4.54187 3.20833 5.75C3.20833 6.95813 4.23434 7.9375 5.5 7.9375Z' fill='%23F5BE0B'/%3E%3C/svg%3E%0A") center no-repeat;
}

.diler-popup .address {
	font-size: 14px;
	line-height: normal;
	margin-bottom:16px;
}

.diler-popup .site {
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	margin-bottom:7px;
}
.diler-popup .site a {
	text-decoration:underline;
}
.diler-popup .phone, .diler-popup .phone a {
	font-size: 14px;
	line-height: normal;
}
.diler-popup .phone {
	margin-bottom:7px;
}

.diler-popup .email, .diler-popup .email a {
	font-size: 14px;
	line-height: normal;
}
.diler-popup .email a {
	text-decoration:underline;
}
.clusterIcon {
	background: url(/local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/cluster.svg) center no-repeat;
	font-weight:bold;
	color:#F5BE0B;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
}
.clusterIcon img {
	position:absolute;
	left:0;
	top:0;
}
.clusterIcon span {
	position:absolute;
	left:30px;
	top:17px;
	text-align:center;
	transform:translate(-50%, 0);
	font-size: 13px;
	font-weight: 700;	
}


.popover {
    position: absolute;
    z-index: 1010;
    max-width: 90vw;
    text-align: left;
    white-space: normal;
    background-color: #fff;
	border-radius: 3px;
	box-shadow: 2px 6px 10px 0px rgba(0, 0, 0, 0.17);
	display: block;
	padding:18px 34px 18px 20px;
	transform:translate(calc(-100% - 44px), -50%);
}
.popover .close {
    opacity: .5;
	width:38px;
	height:38px;
	background: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.18457 1L12.6469 12.4623' stroke='%23000' stroke-linecap='round'/%3E%3Cpath d='M1 12.4624L12.4623 1.0001' stroke='%23000' stroke-linecap='round'/%3E%3C/svg%3E%0A") center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}
.popover .close:hover {
    opacity: 1;
}

.btn {
	margin-top: 10px;
}

.ymaps-2-1-79-b-cluster-tabs__menu-item-text {
	color: #000 !important;
	font-weight:bold;
	font-size:14px;
}


.diler-filter-item.opt {
	display:inline-flex;
	align-self: center;
}
.diler-filter-item.opt a {
	color:#191C1D;
	text-decoration:underline;
	font-size: 16px;
	line-height: 19px;
}
.diler-filter-item.opt a.contacts {
	display:inline-flex;
	align-items:center;
	gap:8px;
}
.diler-filter-item.opt a.contacts:before {
	flex: 0 0 auto;
	content:"";
	width:36px;
	height:36px;
	background:#F5BE0B  url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4867 13.4261L13.5491 11.6448C13.3809 11.5691 13.1939 11.5532 13.0164 11.5994C12.8389 11.6455 12.6804 11.7513 12.5647 11.9009L10.8209 14.1497C8.08423 12.7877 5.88181 10.4629 4.59149 7.57419L6.72199 5.73353C6.86391 5.61169 6.96436 5.44436 7.00813 5.25687C7.0519 5.06939 7.03661 4.87195 6.96457 4.69445L5.27705 0.53813C5.19798 0.346794 5.05815 0.190574 4.88165 0.0964089C4.70516 0.00224336 4.50307 -0.0239658 4.31023 0.0223006L0.653918 0.912941C0.467997 0.958259 0.302119 1.06876 0.183355 1.2264C0.064592 1.38405 -4.28284e-05 1.57953 2.12917e-08 1.78094C2.12917e-08 11.2997 7.30911 19 16.3128 19C16.5037 19.0001 16.6889 18.9319 16.8384 18.8066C16.9878 18.6812 17.0925 18.5061 17.1355 18.3098L17.9792 14.4503C18.0228 14.2458 17.9974 14.0316 17.9075 13.8447C17.8176 13.6577 17.6688 13.5097 17.4867 13.4261Z' fill='black'/%3E%3C/svg%3E%0A") center no-repeat;
	border-radius:50%;
}
.diler-filter-item.opt a.contacts:after {
	flex: 0 0 auto;
	content:"";
	width:14px;
	height:14px;
	background:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 1.75H12.25M12.25 1.75V5.25M12.25 1.75L5.83333 8.16667M10.5 7.58333V11.0833C10.5 11.3928 10.3771 11.6895 10.1583 11.9083C9.9395 12.1271 9.64275 12.25 9.33333 12.25H2.91667C2.60725 12.25 2.3105 12.1271 2.09171 11.9083C1.87292 11.6895 1.75 11.3928 1.75 11.0833V4.66667C1.75 4.35725 1.87292 4.0605 2.09171 3.84171C2.3105 3.62292 2.60725 3.5 2.91667 3.5H6.41667' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); center no-repeat;
}

/* End */
/* /local/templates/havens-truckoil/components/bitrix/news.list/advantages/style.css?17772849211646 */
/* /local/templates/havens-truckoil/components/bitrix/news.list/catalog/style.css?177916869911055 */
/* /local/templates/havens-truckoil/vendor/fancybox/jquery.fancybox.min.css?173253141812795 */
/* /local/templates/havens-truckoil/vendor/swiper@12.1.4/swiper-bundle.min.css?177839609514611 */
/* /local/templates/havens-truckoil/components/bitrix/news.list/confirmations/style.css?17776145652212 */
/* /local/templates/havens-truckoil/components/bitrix/news.list/recommend-letters/style.css?17789080151667 */
/* /local/templates/havens-truckoil/components/bitrix/news.list/permits/style.css?17773045501154 */
/* /local/templates/havens-truckoil/components/bitrix/news.list/office-points-v3/style.css?178109341414063 */
