/* ========================================================================================
	@font-face
======================================================================================== */
@font-face{font-family:"Open Sans";src:local("Open Sans"),local("OpenSans"),url(../fonts/opensans/opensans.woff2) format("woff2"),url(../fonts/opensans/opensans.woff) format("woff"),url(../fonts/opensans/opensans.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Open Sans";src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(../fonts/opensans/opensanssemibold.woff2) format("woff2"),url(../fonts/opensans/opensanssemibold.woff) format("woff"),url(../fonts/opensans/opensanssemibold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Open Sans";src:local("Open Sans Bold"),local("OpenSans-Bold"),url(../fonts/opensans/opensansbold.woff2) format("woff2"),url(../fonts/opensans/opensansbold.woff) format("woff"),url(../fonts/opensans/opensansbold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Open Sans";src:local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url(../fonts/opensans/opensansextrabold.woff2) format("woff2"),url(../fonts/opensans/opensansextrabold.woff) format("woff"),url(../fonts/opensans/opensansextrabold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Play;src:local("Play Regular"),local("Play-Regular"),url(../fonts/play/playregular.woff2) format("woff2"),url(../fonts/play/playregular.woff) format("woff"),url(../fonts/play/playregular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Play;src:local("Play Bold"),local("Play-Bold"),url(../fonts/play/playbold.woff2) format("woff2"),url(../fonts/play/playbold.woff) format("woff"),url(../fonts/play/playbold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Flaticon;src:url(../fonts/flaticon/Flaticon.eot);src:url(../fonts/flaticon/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/flaticon/Flaticon.woff) format("woff"),url(../fonts/flaticon/Flaticon.ttf) format("truetype"),url(../fonts/flaticon/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Flaticon-2;src:url(../fonts/flaticon-2/Flaticon.eot);src:url(../fonts/flaticon-2/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/flaticon-2/Flaticon.woff) format("woff"),url(../fonts/flaticon-2/Flaticon.ttf) format("truetype"),url(../fonts/flaticon-2/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Flaticon-3;src:url(../fonts/flaticon-3/Flaticon.eot);src:url(../fonts/flaticon-3/Flaticon.eot?#iefix) format("embedded-opentype"),url(../fonts/flaticon-3/Flaticon.woff) format("woff"),url(../fonts/flaticon-3/Flaticon.ttf) format("truetype"),url(../fonts/flaticon-3/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon;src:url(../fonts/flaticon/Flaticon.svg#Flaticon) format("svg")}}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon-2;src:url(../fonts/flaticon-2/Flaticon.svg#Flaticon) format("svg")}}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon-3;src:url(../fonts/flaticon-3/Flaticon.svg#Flaticon) format("svg")}}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon;font-size:1rem;font-style:normal}.flaticon-arrow:before{content:"\f100"}.flaticon-drop-silhouette:before{content:"\f101"}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon-2;font-size:1rem;font-style:normal}.flaticon-money:before{content:"\f100"}.flaticon-business-1:before{content:"\f101"}.flaticon-business:before{content:"\f102"}.flaticon-interface:before{content:"\f103"}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon-3;font-size:1rem;font-style:normal}.flaticon-repair:before{content:"\f100"}.flaticon-changing-car-oil:before{content:"\f101"}.flaticon-marketing-online:before{content:"\f102"}.flaticon-e-commerce:before{content:"\f103"}.flaticon-cart:before{content:"\f104"}


/* ========================================================================================
	reset (v2.0-modified) + normalize (v8.0.1) + bootstrap-reboot (v5.0.0-alpha1)
======================================================================================== */
*,::after,::before{box-sizing:border-box;-webkit-overflow-scrolling:touch}:focus{outline:0}html{height:100%;font-size:100%}body{min-width:320px;height:100%;margin:0;background:rgba(255,255,255,1);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-align:left}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}abbr[data-original-title],abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}ol,ul{margin:0;padding:0;list-style:none}a{background-color:transparent;text-decoration-skip-ink:auto;text-decoration:none}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-size:.875em;font-family:monospace}pre{display:block;margin-top:0;overflow:auto;-ms-overflow-style:scrollbar}pre code{font-size:inherit;color:inherit;word-break:normal}a>code{color:inherit}kbd{padding:.25rem .438rem;font-size:.875em;color:rgba(255,255,255,1);background:rgba(33,37,41,1);border-radius:.25rem}kbd kbd{padding:0;font-size:1rem;font-weight:700}figure{margin:0}img,svg{vertical-align:middle}table{width:100%;caption-side:bottom;border-collapse:collapse;border-spacing:0;background-color:transparent}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{border:none;-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}[role=button]{cursor:pointer}textarea{resize:vertical;overflow:auto}select{word-wrap:normal}[list]::-webkit-calendar-picker-indicator{display:none}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}


/* ========================================================================================
	variables
======================================================================================== */
:root {
	--text-color: rgba(64, 64, 64, 1);
	--white-color: rgba(255, 255, 255, 1);
	--dark-color: rgba(20, 20, 21, 1);
	--black-color: rgba(0, 0, 0, 1);
	--blue-color: rgba(22, 142, 234, 1);
	--light-blue-color: rgba(107, 181, 238, 1);
	--red-color: rgba(236, 26, 59, 1);
	--grey-bg: rgba(243, 243, 243, 1);
	--border-color: rgba(219, 223, 229, 1);
	--border-color-dakr: rgba(204, 204, 201, 1);
	--grey-text: rgba(134, 134, 134, 1);
	--main-font: "Open Sans";
	--second-font: "Play";

	--food-light-green: rgba(174, 201, 28, 1);
	--food-dark-green: rgba(0, 75, 66, 1);
	--food-light-bg: rgba(249, 251, 238, 1);
	--food-orange-color: rgba(246, 151, 0, 1;);
	--food-light-blue: rgba(53, 140, 202, 1);
	--food-dark-blue: rgba(3, 87, 148, 1);
}


/* ========================================================================================
	layouts
======================================================================================== */
body {
	overflow-x: hidden;
	color: var(--text-color);
	font: normal normal 400 1rem/1 var(--main-font), sans-serif;
}

.wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
}

.container {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

.container-center {
	width: 100%;
	max-width: 1320px;
	height: auto;
	margin: 0 auto;
	padding: 0 1rem;
}

/*
	max 1399.98px
	max 1199.98px
	max 991.98px
	max 767.98px
	max 575.98px
	max 359.98px
*/


	@media (max-width: 1399.98px) {

		html {
			font-size: 85% !important;
		}

		.container-center {
			max-width: 1140px;
		}
	}

	@media (max-width: 1199.98px) {

		.container-center {
			max-width: 960px;
		}
	}

	@media (max-width: 991.98px) {
		.container-center {
			max-width: 720px;
		}
	}

	@media (max-width: 767.98px) {
		.container-center {
			max-width: 540px;
		}
	}

/* container-flex
============================================================================= */
.container-flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	gap: normal;
}

.element-flex {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: auto;
	align-self: auto;
	order: 0;
}

/* container-inline
============================================================================= */
.container-inline {
	width: 100%;
	font-size: 0;
	line-height: 0;
	letter-spacing: -.063rem;
}

.block-inline {
	display: inline-block;
	width: auto;
	vertical-align: top;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: normal;
}

/* middle, content + sidebar
============================================================================= */
.middle {
	flex: 1 0 auto;

	/* background: #FFCCFF; */
}

.middle > .container-center {
	padding: 2.500rem 1rem 5rem;

	/* background: #CCCCFF; */
}

/* content + sidebar
============================================ */
.content-75 {
	flex-basis: 75%;
	max-width: 75%;
	padding: 0 2.500rem 0 0;
	overflow: hidden;

	/* background: #CCFFFF; */
}

@media (max-width: 991.98px) {

	.content-75 {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 3.125rem;
		padding: 0;
	}

}

/* sidebar
============================================ */
.sidebar {
	flex-basis: 25%;
	max-width: 25%;

	/* background: #FFCC33; */
}

@media (max-width: 991.98px) {

	.sidebar {
		flex-basis: 100%;
		max-width: 100%;
	}

}


/* ========================================================================================
	common elements and effects
======================================================================================== */
/* up
============================================================================= */
/* up
============================================================================= */
.up {
	display: block;
	position: fixed;
	right: 1.875rem;
	bottom: 7.5rem;
	z-index: 3;
	width: 3.125rem;
	height: 3.125rem;
	opacity: 0;
	background: var(--dark-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 1)' height='48' viewBox='0 96 960 960' width='48'%3E%3Cpath d='M450 896V370L202 618l-42-42 320-320 320 320-42 42-248-248v526h-60Z'/%3E%3C/svg%3E") no-repeat center / auto 1.875rem;;
	transition: opacity .7s .02s ease-in-out,
				background-color .3s .02s ease;
	cursor: pointer;
}

.up:hover,
.up:active {
	background-color: var(--red-color);
}


@media (max-width: 991.98px) {

	.up {
		display: none;
	}

}

/* social
============================================================================= */
.rutube {
	background:  url("data:image/svg+xml,%3Csvg width='112' height='98' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M59.007 59.258H17.572v-16.6h41.435c2.42 0 4.103.426 4.948 1.172.844.746 1.368 2.13 1.368 4.15v5.961c0 2.13-.524 3.513-1.368 4.259-.845.746-2.528 1.065-4.948 1.065v-.007zm2.843-32.252H0V98h17.572V74.903h32.384L65.323 98H85L68.058 74.794c6.246-.937 9.05-2.875 11.364-6.069 2.313-3.194 3.473-8.3 3.473-15.115v-5.323c0-4.042-.422-7.236-1.16-9.684-.737-2.448-1.998-4.578-3.788-6.49-1.89-1.81-3.996-3.086-6.523-3.94C68.896 27.427 65.738 27 61.85 27v.006z' fill='rgba(255, 255, 255, 1)'/%3E%3Cpath d='M98.5 27c7.456 0 13.5-6.044 13.5-13.5S105.956 0 98.5 0 85 6.044 85 13.5 91.044 27 98.5 27z' fill='rgba(255, 255, 255, 1)'/%3E%3C/svg%3E") no-repeat left 55% top 40% / auto 1.125rem;
}

.youtube {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(255, 255, 255, 1)' class='bi bi-youtube' viewBox='0 0 16 16'%3E%3Cpath d='M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto 1rem;
}

.vk {
	background: url("data:image/svg+xml,%3Csvg viewBox='0 0 38.462463 24' fill='rgba(255, 255, 255, 1)' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.949 24C7.808 24 .312 14.991 0 0h6.583c.216 11.003 5.069 15.664 8.912 16.625V0h6.199v9.49C25.49 9.08 29.477 4.756 30.822 0h6.199c-1.033 5.862-5.358 10.186-8.433 11.964 3.075 1.441 8 5.213 9.874 12.036H31.64c-1.465-4.565-5.116-8.096-9.945-8.577V24Z' fill='rgba(255, 255, 255, 1)' style='stroke-width:1.2012'/%3E%3C/svg%3E") no-repeat center;
	background-size: auto .750rem;
}

/* horizontal scroll
============================================================================= */
::-webkit-scrollbar {
	-webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
	width: .438rem;
}

::-webkit-scrollbar:horizontal {
	height: .438rem;
}

::-webkit-scrollbar-thumb {
	background-color: var(--red-color);
	border-radius: .313rem;
	border: .125rem solid #ffffff;
}

::-webkit-scrollbar-track {
	border-radius: .313rem;
	background-color: #ffffff;
}


/* ========================================================================================
	pushy menu (for mobile)
======================================================================================== */
.pushy {
	position: fixed;
	top: 0;
	width: 17.500rem;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	background: rgba(0, 0, 0, .9);
		-webkit-overflow-scrolling: touch;
}

.pushy.pushy-left {
	left: 0;
}

/* .pushy.pushy-right {
	right: 0;
} */

.pushy-content {
	padding: .938rem 0 0;
	visibility: hidden;

	/* background: #ccc; */
}

.pushy-content > ul > li:nth-of-type(5) {
	margin: .938rem 0 0;
	padding: .938rem 0 0;
	border-top: .063rem solid rgba(255, 255, 255, .15);
}

.pushy-link a {
	display: block;
	position: relative;
	padding: .625rem 1.250rem;
	color: var(--white-color);
	line-height: 1.2;
	text-decoration: none;
	-webkit-transition: color 0.3s 0.02s ease;
	transition: color 0.3s 0.02s ease;
}

.pushy-link a:hover {
	color: var(--blue-color);
}

/* menu movement
============================================ */
.pushy-left {
	-webkit-transform: translate3d(-17.500rem, 0, 0);
	-ms-transform: translate3d(-17.500rem, 0, 0);
	transform: translate3d(-17.500rem, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(17.500rem, 0, 0);
	-ms-transform: translate3d(17.500rem, 0, 0);
	transform: translate3d(17.500rem, 0, 0);
}

.pushy-open-left .pushy {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.pushy-open-left .pushy-content {
	visibility: visible;
}

/* menu transitions
============================================ */
#container,
.pushy,
.push {
	-webkit-transition: transform 0.2s cubic-bezier(.16, .68, .43, .99);
	transition: transform 0.2s cubic-bezier(.16, .68, .43, .99);
}

.pushy-content {
	-webkit-transition: visibility 0.2s cubic-bezier(.16, .68, .43, .99);
	transition: visibility 0.2s cubic-bezier(.16, .68, .43, .99);
}

/* pushy overlay
============================================ */
.pushy-overlay {
	display: none;
}

.pushy-open-left .pushy-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, .4);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* submenu appearance
============================================ */
.pushy-submenu {
	/* Submenu Buttons */
	/* Submenu Icon */
}

.pushy-submenu > ul {
	margin-left: .938rem;
	-webkit-transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}

.pushy-submenu > ul .pushy-link {
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.pushy-submenu > ul .pushy-link a {
	font-size: .875rem;
}

.pushy-submenu button {
	position: relative;
	width: 100%;
	padding: .625rem 1.250rem;
	border: 0;
	background: transparent;
	color: var(--white-color);
	line-height: 1.2;
	text-align: left;
	-webkit-transition: color 0.3s 0.02s ease;
	transition: color 0.3s 0.02s ease;
}

.pushy-submenu > button::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: .938rem;
	width: .375rem;
	height: .625rem;
	background: url("../images/pushy-arrow.svg") no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: transform 0.2s;
	transition: transform 0.2s;
}

.pushy-submenu button:hover {
	color: var(--blue-color);
}

/* submenu movement
============================================ */
.pushy-submenu-closed > ul {
	max-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.pushy-submenu-closed .pushy-link {
	opacity: 0;
}

.pushy-submenu-open {
	/* Submenu Icon */
}

.pushy-submenu-open > ul {
	max-height: 62.500rem;
	visibility: visible;
}

.pushy-submenu-open .pushy-link {
	opacity: 1;
}

.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

/* search-pushy
============================================================================= */
.search-pushy {
	margin: .938rem 0;
	padding: .938rem 1.250rem 0;
	border-top: .063rem solid rgba(255, 255, 255, .15);
}

.search-pushy form {
	position: relative;

	/* background: pink; */
}

.search-pushy input {
	display: inline-block !important;
	padding: .500rem 1.750rem .500rem .313rem !important;
	border: none !important;
	border-bottom: .063rem solid rgba(219, 223, 229, .7) !important;
	background: transparent !important;
	color: var(--white-color) !important;
	font-size: .875rem !important;
	-webkit-transition: all .15s linear !important;
	transition: all .15s linear !important;

	/* background: red !important; */
}

.search-pushy input::-webkit-input-placeholder {
	color: var(--white-color) !important;
}

.search-pushy input::-moz-placeholder {
	color: var(--white-color) !important;
}

.search-pushy input:-ms-input-placeholder {
	color: var(--white-color) !important;
}

.search-pushy input:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.search-pushy input:focus::-moz-placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.search-pushy input:focus:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.search-pushy [type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 1.750rem;
	padding: 0;
	border: none;
	background: none;
	-webkit-transition: none;
	transition: none;

	/* background: #ccc; */
}

.search-pushy [type="submit"] .zmdi {
	display: inline-block;
	color: var(--white-color);
	font-size: 1.125rem;
	-webkit-transition: color 0.3s 0.02s ease;
	transition: color 0.3s 0.02s ease;

	/* background: red; */
}

.search-pushy [type="submit"]:hover,
.search-pushy [type="submit"]:active {
	background: none;
	cursor: pointer;
}

.search-pushy [type="submit"]:hover .zmdi,
.search-pushy [type="submit"]:active .zmdi {
	color: var(--blue-color);
}

/* pushy-contacts
============================================================================= */
.pushy-contacts {
	padding: 0 .938rem 1.250rem 1.250rem;
	text-align: left;
}

/* phone-pushy
============================================ */
.phone-pushy {
	margin: 0 0 1.875rem;

	/* background: #FF0099; */
}

.phone-pushy span {
	display: block;
	margin: 0 0 .500rem;
}

.phone-pushy .town {
	margin: 0 0 .625rem;
	color: var(--grey-text);
	font-weight: 400;
	font-size: .875rem;
	font-family: "Open Sans";

	/* background: red; */
}

.phone-pushy a {
	display: inline-block;
	color: var(--white-color);
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	font-weight: 700;
	font-size: 1.313rem;
	line-height: 1.1;
	font-family: var(--second-font);
	text-decoration: none;
}

.phone-pushy a:hover,
.phone-pushy a:active {
	color: var(--blue-color);
}

.phone-pushy span:last-child a {
	display: inline-block;
	color: var(--red-color) !important;
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	font-weight: 600;
	font-size: 1rem;
	font-family: "Open Sans";
	text-decoration: none;
}

.phone-pushy span:last-child a:hover,
.phone-pushy span:last-child a:active {
	color: var(--blue-color) !important;
}

/* social-pushy
============================================ */
.social-pushy {
	display: flex;
	align-items: center;

	/* background: plum; */
}

.social-pushy a {
	width: 2.250rem;
	height: 2.250rem;
	border-radius: .250rem;
	transition: all .3s .02s linear;
}

@media (max-width: 991.98px) {

	.social-pushy a {
		width: 2.875rem;
		height: 2.875rem;
	}

}

.social-pushy a + a {
	margin: 0 0 0 .125rem;
}

@media (max-width: 991.98px) {

	.social-pushy a + a {
		margin: 0 0 0 .625rem;
	}

}

.social-pushy .rutube {
	background-size: auto 1.25rem;
}

@media (max-width: 991.98px) {

	.social-pushy .rutube {
		background-color: rgb(154 19 237);
	}

}


.social-pushy .youtube {
	background-size: auto 1.500rem;
}

@media (max-width: 991.98px) {

	.social-pushy .youtube {
		background-color: #ff0000;
	}

}

.social-pushy .youtube:hover,
.social-pushy .youtube:active,
.social-pushy .youtube:focus {
	background-color: #ff0000;
}

.social-pushy .vk {
	background-size: auto .875rem;
}

@media (max-width: 991.98px) {

	.social-pushy .vk {
		background-color: rgba(0, 119, 255, 1);
	}

}

.social-pushy .vk:hover,
.social-pushy .vk:active,
.social-pushy .vk:focus {
	background-color: rgba(0, 119, 255, 1);
}


/* ========================================================================================
	panel-top
======================================================================================== */
.panel-top {
	display: block;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 8888;
	width: 100%;
	background: var(--dark-color);
}

@media (max-width: 991.98px) {

	.panel-top {
		display: none;
	}

}

/* .panel-top .container-center {
	background: #ccc;
} */

/* .nav-pt
============================================================================= */
.nav-pt {
	position: relative;
	z-index: 1;

	/* background: yellowgreen; */
}

.nav-pt ul,
.nav-pt ul li,
.nav-pt ul li a {
	display: block;
	position: relative;
}

.nav-pt > ul {
	display: flex;

	/* background: #ccc; */
}

.nav-pt > ul > li {
	border-right: .063rem solid transparent;
}

.nav-pt > ul > li > a {
	display: block;
	padding: .750rem .750rem;
	color: var(--white-color);
	transition: background 0.2s 0.02s ease;
	font-size: 1rem;
	font-family: var(--second-font);
	text-align: center;
	text-decoration: none;
}

.nav-pt > ul > li.parent:first-child > a {
	padding-top: .813rem;
	padding-bottom: .813rem;
	background: var(--blue-color);
	font-weight: 700;
	font-size: .875rem;
	text-transform: uppercase;
}

.nav-pt > ul > li.parent > a {
	padding-right: 1.250rem;
}

.nav-pt > ul > li:hover > a,
.nav-pt > ul > li.active > a {
	background: var(--blue-color);
}

.nav-pt > ul > li.parent > a::after {
	position: absolute;
	top: 1.188rem;
	right: .188rem;
	width: .250rem;
	height: .250rem;
	border: .250rem solid transparent;
	border-top: .250rem solid var(--red-color);
	transform: translate(-50%, 0);
	transition: all 0.2s ease;
	content: "";
}

.nav-pt > ul > li.parent:first-child > a::after {
	border-top-color: var(--white-color);
}

.nav-pt > ul > li.parent:hover > a::after {
	border-top-color: var(--white-color);
}

.nav-pt ul ul {
	position: absolute;
	top: calc(100% + 1.250rem);
	left: -9999rem;
	width: 300%;
	max-width: 18.750rem;
	opacity: 0;
	visibility: hidden;
	background: var(--dark-color);
	transition: all .3s .02s ease;
}

.nav-pt li:hover > ul {
	top: 100%;
	left: auto;
	opacity: 1;
	visibility: visible;
}

.nav-pt ul ul li a {
	display: block;
	width: 100%;
	padding: .875rem 1.250rem;
	overflow: hidden;
	border-top: .063rem solid rgba(209, 208, 208, .5);
	background: var(--black-color);
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
	color: var(--white-color);
	font-weight: 400;
	font-size: .875rem;
	line-height: 1.3;
	text-decoration: none;

	/* background: red; */
}

.nav-pt ul ul li a::before {
	content: "\f2fb";
	display: inline-block;
	position: absolute;
	top: .750rem;
	left: -.625rem;
	color: var(--light-blue-color);
	font-size: 1rem;
	font-family: "Material-Design-Iconic-Font";
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.nav-pt ul ul li:last-child a {
	border-bottom: .063rem solid rgba(209, 208, 208, .5);
}

.nav-pt ul ul li:hover > a,
.nav-pt ul ul li a:hover {
	padding-left: 2rem;
	color: var(--light-blue-color);
}

.nav-pt ul ul li:hover > a::before,
.nav-pt ul ul li a:hover::before {
	left: 1.250rem;
}

/* search-pt
============================================================================= */
.search-pt {
	margin: 0 .063rem 0 auto;
	flex-basis: 20%;
	max-width: 20%;
	text-align: right;

	/* background: #FF9900; */
}

.search-pt form {
	position: relative;
	width: 100%;

	/* background: pink; */
}

.search-pt input {
	display: inline-block !important;
	width: 12.500rem !important;
	height: 2.500rem !important;
	margin: 0 !important;
	padding: 1.063rem 1.875rem 1.063rem .625rem !important;
	border: none !important;
	background: var(--grey-text) !important;
	color: var(--white-color) !important;
	font-size: .875rem !important;
	-webkit-transition: all .15s linear !important;
	transition: all .15s linear !important;

	/* background: red !important; */
}

.search-pt input::-webkit-input-placeholder {
	color: var(--white-color) !important;
}

.search-pt input::-moz-placeholder {
	color: var(--white-color) !important;
}

.search-pt input:-ms-input-placeholder {
	color: var(--white-color) !important;
}

.search-pt input:focus {
	width: 100% !important;
	z-index: 2;
}

.search-pt input:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.search-pt input:focus::-moz-placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.search-pt input:focus:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0) !important;
}

.search-pt [type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 2rem;
	height: 2.500rem;
	padding: 0;
	border: none;
	background: none;
	-webkit-transition: none;
	transition: none;

	/* background: #ccc; */
}

.search-pt [type="submit"] .zmdi {
	display: inline-block;
	margin: .125rem 0 0;
	color: var(--white-color);
	font-size: 1rem;
	-webkit-transition: color 0.3s 0.02s ease;
	transition: color 0.3s 0.02s ease;

	/* background: red; */
}

.search-pt [type="submit"]:hover,
.search-pt [type="submit"]:active {
	background: none;
	cursor: pointer;
}

.search-pt [type="submit"]:hover .zmdi,
.search-pt [type="submit"]:active .zmdi {
	color: var(--red-color);
}

/* social-pt
============================================================================= */
.social-pt {
	display: flex;
	align-items: center;

	/* background: plum; */
}

@media (max-width: 991.98px) {

	.social-pt {
		display: none;
	}

}

.social-pt a {
	width: 2.500rem;
	height: 2.500rem;
	transition: all .3s .02s linear;
}

.social-pt a + a {
	margin: 0 0 0 .063rem;
}

.social-pt .rutube {
	background-color: var(--grey-text);
	background-size: auto 1rem;
}

.social-pt .rutube:hover,
.social-pt .rutube:active,
.social-pt .rutube:focus {
	background-color: rgb(16 9 67);
}

.social-pt .youtube {
	background-color: var(--grey-text);
	background-size: auto 1.125rem;
}

.social-pt .youtube:hover,
.social-pt .youtube:active,
.social-pt .youtube:focus {
	background-color: rgba(255, 0, 0, 1);
}

.social-pt .vk {
	background-color: var(--grey-text);
	background-size: auto .625rem;
}

.social-pt .vk:hover,
.social-pt .vk:active,
.social-pt .vk:focus {
	background-color: rgba(0, 119, 255, 1);
}


/* ========================================================================================
	header
======================================================================================== */
/* .header {
	background: url(../images/ny-h.png) repeat-x 50% 0 / auto 1.875rem;
} */

@media (max-width: 991.98px) {

	.header {
		display: block;
		position: sticky;
		top: 0;
		left: 0;
		z-index: 8;
		width: 100%;
		box-shadow: 0 .125rem .188rem 0 rgba(20, 20, 21, .3);
		background: var(--white-color);

		/* background: var(--white-color) url(../images/ny-h.png) repeat-x 50% 0 / auto 1.500rem; */
	}

}

.header .container-center {
    padding: 1.875rem 1rem;

	/* padding: 3.125rem 1rem 1.875rem 1.500rem; */
	
    /* background: #CC9999; */
}

@media (max-width: 991.98px) {

	.header .container-center {
		position: relative;
		padding: .938rem 1rem;

		/* padding: 2rem 1rem .625rem; */
	}

}

.header .container-flex {
	flex-wrap: nowrap;
	align-items: center;

	/* background: chartreuse; */
}

/* logos
============================================================================= */
.logos {
	margin: 0 auto 0 0;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.logos {
		flex-wrap: nowrap;
		flex-basis: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		margin: 0;
	}

}

.logos a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	/* background: palegoldenrod; */
}

@media (max-width: 991.98px) {

	.logos a {
		flex-wrap: nowrap;
	}

}

.logos a span:first-child {
	flex-basis: 12.5rem;
	max-width: 12.5rem;
	margin: 0 0 .500rem;

	/* background: red; */
}

@media (max-width: 1199.98px) {

	.logos a span:first-child {
		flex-basis: 11.25rem;
		max-width: 11.25rem;
	}

}

@media (max-width: 991.98px) {

	.logos a span:first-child {
		flex-basis: 7.5rem;
		max-width: 7.5rem;
		margin: 0 1.250rem 0 0;
	}

}

.logos a span:last-child {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0 0 0 2.250rem;

	/* background: cadetblue; */
}

@media (max-width: 991.98px) {

	.logos a span:last-child {
		flex-basis: auto;
		max-width: none;
		padding: 0;
	}

}

.logos a span:last-child img {
	max-width: 9.375rem;
}

@media (max-width: 1199.98px) {

	.logos a span:last-child img {
		flex-basis: 8.125rem;
		max-width: 8.125rem;
	}

}

/* phones
============================================================================= */
.phones {
	justify-content: flex-end;
	display: flex;
	align-items: center;

	/* background: pink; */
}

@media (max-width: 991.98px) {

	.phones {
		display: none;
	}

}

.block-phones {
	position: relative;
	z-index: 1;
	flex-basis: auto;
	max-width: none;
	padding: 0 0 0 2.25rem;
	display: flex;
	flex-direction: column;

	/* background: chocolate; */
}

.block-phones + .block-phones {
	margin: 0 0 0 1.25rem;
}

@media (max-width: 1199.98px) {

	.block-phones + .block-phones {
		margin: 0 0 0 .5rem;
	}

}

/* .block-phones:nth-child(2) {
	background: crimson;
} */

.block-phones::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(45deg);
	width: 1.5rem;
	height: 1.5rem;
	border: .063rem solid rgba(236, 26, 59, 1);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='rgba(236, 26, 59, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / auto .875rem;
}


.town {
	margin: 0 0 .313rem;
	color: var(--grey-text);
	font-weight: 400;
	font-size: .875rem;
	white-space: nowrap;

	/* background: red; */
}

.town + a {
	flex-basis: auto;
	max-width: none;
	margin: 0 0 .25rem;
	color: var(--text-color);
	font-weight: 700;
	font-size: 1.063rem;
	line-height: 1.15;
	text-decoration: none;
	transition: color 0.2s 0.02s ease;
}

.town + a:hover,
.town + a:active {
	color: var(--blue-color);
}

.town + a span {
	display: inline-block;
	font-weight: 400;
	font-size: .875rem;
}


/* .link-call-order {
} */

.link-call-order a {
	display: inline-block;
	color: var(--red-color);
	transition: color 0.2s 0.02s ease;
	font-weight: 700;
	font-size: .938rem;
	white-space: nowrap;
	text-decoration: none;
}

/* pushy-button
============================================================================= */
.pushy-button {
	display: none;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.pushy-button {
		display: inline-block;
		position: absolute;
		top: 50%;
		right: .938rem;
		transform: translateY(-50%);

		/* top: 1.25rem; */

		/* background: red; */
	}

}

.pushy-btn {
	width: auto;
	padding: .438rem .813rem .625rem;
	border: 0;
	background: rgba(5, 105, 178, 1);
	cursor: pointer;
	color: var(--white-color);
	font-size: 1.500rem;
	text-align: center;
	-webkit-transition: background 0.3s 0.02s ease;
	transition: background 0.3s 0.02s ease;
}

.pushy-btn:hover {
	background: var(--dark-color);
}


/* ========================================================================================
	slogan
======================================================================================== */
/* .slogan {
} */

.po-s {
	background: url(../images/po-bg.jpg) repeat center;
}

.coolstream-s {
	background: url(../images/slogan-bg-coolstream.jpg) no-repeat center / cover;
}

.adblue-s {
	background: url(../images/slogan-bg-adblue.jpg) no-repeat center top 85% / cover;
}

.total-s {
	background: url(../images/slogan-bg-total.jpg) no-repeat center top 70% / cover;
}


.slogan .container-center {
	padding: 3.750rem 1rem 4.375rem;

	/* background: #FF9999; */
}

@media (max-width: 767.98px) {

	.slogan .container-center {
		padding: 3.125rem 0 3.875rem;
	}

}

@media (max-width: 575.98px) {

	.slogan .container-center {
		padding: 2.500rem 0;
	}

}

.slogan-text {
	color: var(--white-color);
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.4;
	font-family: var(--second-font);
	text-align: center;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.slogan-text {
		font-size: 1.875rem;
	}

}

@media (max-width: 767.98px) {

	.slogan-text {
		font-size: 1.625rem;
	}

}

@media (max-width: 575.98px) {

	.slogan-text {
		font-size: 1.500rem;
	}

}

.slogan-text span {
	display: inline-block;
	padding: 0 .313rem;
	border-radius: .313rem;

	/* background: blue !important; */
}

.po-s .slogan-text span {
	color: rgba(237, 26, 59, 1);
}

.coolstream-s .slogan-text span {
	color: rgba(255, 80, 0, 1);;
}

.adblue-s .slogan-text span {
	color: rgba(0, 142, 211, 1);
}

.total-s .slogan-text span {
	color: rgba(237, 26, 59, 1);
}


/* ========================================================================================
	main-buttons
======================================================================================== */
.main-buttons {
	position: relative;
	top: -.375rem;
	margin: 0 0 .625rem;
	overflow: hidden;
}

@media (max-width: 575.98px) {

	.main-buttons {
		top: 0;
		background: var(--dark-color);
	}

}

@media (max-width: 575.98px) {

	.main-buttons .container-center {
		padding: 0;
		overflow: hidden;
	}

}

.main-buttons .container-flex {
	align-items: center;
}

.main-buttons .element-flex {
	position: relative;
	z-index: 1;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
}

@media (max-width: 575.98px) {

	.main-buttons .element-flex {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.main-buttons .element-flex:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 10000%;
	height: 100%;
	background: var(--dark-color);
}

@media (max-width: 575.98px) {

	.main-buttons .element-flex:first-child::before {
		display: none;
	}

}

.main-buttons .element-flex:last-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 10000%;
	height: 100%;
	background: var(--dark-color);
}

@media (max-width: 575.98px) {

	.main-buttons .element-flex:last-child::after {
		display: none;
	}

}

.main-buttons .element-flex a {
	display: block;
	padding: 1.250rem 0;
	transition: background 0.3s 0.02s ease;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 767.98px) {

	.main-buttons .element-flex a {
		padding: 1.125rem 0;
		font-size: 1rem;
	}

}

.po-main-buttons a {
	padding: 1.500rem 0 !important;
	background: var(--red-color);
	font-size: 1.250rem !important;
}

@media (max-width: 767.98px) {

	.po-main-buttons a {
		padding: 1.125rem 0 !important;
		font-size: 1rem !important;
	}

}


.main-buttons .element-flex a br {
	display: none;
}

.main-buttons .element-flex a:hover,
.main-buttons .element-flex a:active {
	background: var(--blue-color);
	color: var(--white-color);
}


/* ========================================================================================
	bread-crumbs
======================================================================================== */
.bread-crumbs li {
	display: inline-block;
	color: var(--grey-text);
	font-size: .875rem;
}

.bread-crumbs li::after {
	content: "/";
	display: inline-block;
	margin: 0 .938rem;
}

.bread-crumbs li:last-child::after {
	content: none;
	margin: 0 0 0 .938rem;
}

.bread-crumbs a {
	display: inline-block;
	padding: .938rem 0 .313rem;
	color: var(--dark-color);
	text-decoration: none;
	transition: color 0.3s 0.02s ease;
}

.bread-crumbs a:hover,
.bread-crumbs a:active {
	color: var(--blue-color);
}


/* ========================================================================================
	banner-main
======================================================================================== */
/* .banner-main {
	margin: .938rem 0 0;
}

.banner-main .banner-content {
	position: relative;
	height: 13.750rem;
	overflow: hidden;
	background: url(../banners/banner-bg-m.jpg) no-repeat center;
	background-size: cover;
} */


/* ========================================================================================
	common styles
======================================================================================== */
/* typography
============================================================================= */
/* h1 - h6
============================================ */
.middle h1,
.h1 {
	margin: 0 0 2.500rem;
	color: var(--dark-color);
	font: 700 1.875rem/1.2 var(--second-font), serif;

	/* background: #ccc; */
}

.middle h1 span,
.h1 span {
	display: block;
	color: var(--grey-text);
	font-size: 1.500rem;
}

.middle h1::after,
.h1::after {
	content: "";
	display: block;
	width: 3.750rem;
	height: .125rem;
	margin: .938rem 0 0;
	background: var(--blue-color);
}


.middle h2,
.h2 {
	margin: 2.500rem 0 1.875rem;
	color: var(--dark-color);
	font: 700 1.500rem/1.2 var(--second-font), serif;

	/* background: #ccc; */
}

.middle h2::after,
.h2::after {
	content: "";
	display: block;
	width: 3.750rem;
	height: .125rem;
	margin: .875rem 0 0;
	background: var(--blue-color);
}


.middle h3,
.h3 {
	margin: 0 0 .938rem;
	color: var(--dark-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

.middle h3[id^="link-"],
.middle h3[id^="mobil-"],
.middle h3[id^="shell-"] {
	margin: 1.875rem 0 1.25rem;
	font-size: 1.250rem;
}


.h-center {
	text-align: center;
}

.h-center::after {
	margin: .875rem auto 0 !important;
}

.h-not-after::after {
	display: none;
}


.text {
	width: 80%;
	margin: 0 auto;
}

/* text elements
============================================ */
.middle p {
	margin: 0 0 .938rem;
	line-height: 1.5;
}

.middle p a {
	color: var(--red-color);
	text-decoration: underline;
}

.middle p a:hover {
	text-decoration: none;
}


strong,
.bold {
	font-weight: 700;
}

.bold-600 {
	font-weight: 600;
}

mark,
.mark {
	padding: .25rem .625rem;
	background: #ffee58;
}

.text-center {
	max-width: 60rem;
	margin: 0 auto 5rem;
}

.middle blockquote {
	position: relative;
	z-index: 1;
	margin: 2.500rem;
	font-style: italic;
	font-size: .875rem;
}

.middle blockquote::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -2.500rem;
	z-index: -1;
	width: 6.250rem;
	height: 6.250rem;
	background: url("data:image/svg+xml,%3Csvg width='56.08' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath style='fill:%23f3f3f3;fill-opacity:1;stroke-width:.109513' d='M-172.064 63.462c.046-14.573.01-13.78.728-16.63 2.528-10.043 11.61-17.543 21.827-18.026l1.396-.066v8.028h-.649c-2.43 0-5.609 1.007-7.91 2.505-4.378 2.85-6.983 7.251-7.38 12.47l-.078 1.014h16.017V76.74h-23.992zm32.055.416c0-13.754.006-13.943.558-16.425.568-2.56 1.955-5.785 3.44-8.002a24.14 24.14 0 0 1 16.96-10.51c.707-.092 1.677-.168 2.155-.168h.87v7.964l-1.122.06c-3.769.203-7.332 1.841-10.164 4.673s-4.47 6.395-4.673 10.164l-.06 1.123h16.02V76.74h-23.984z' transform='translate(172.105 -28.74)'/%3E%3C/svg%3E") no-repeat 0 0 / auto 100%;
}

/* btn
============================================================================= */
/* .btn {
	background: #ccc;
} */

.btn-mt-25 {
	margin-top: 2.5rem;
}

.btn a {
	display: inline-block;
	position: relative;
	margin: .625rem .625rem .625rem 0;
	padding: .875rem 2.500rem;
	overflow: hidden;
	border: .063rem solid var(--red-color);
	background: var(--red-color);
	text-decoration: none;
	color: var(--white-color);
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.2;
	text-transform: uppercase;
	text-align: center;
	-webkit-transition: all 0.3s 0.02s ease;
	transition: all 0.3s 0.02s ease;
}

.btn a:link::after,
.btn a:visited::after {
	content: "";
	position: absolute;
	height: 0;
	top: 50%;
	left: 50%;
	width: 150%;
	-webkit-transition: all 0.4s 0.02s linear;
	transition: all 0.4s 0.02s linear;
}

.btn a::after {
	opacity: 0;
	border: .188rem solid var(--dark-color);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}

.btn a:hover::after {
	height: 500% !important;
	opacity: 1;
}

.btn a:hover,
.btn a:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	color: rgba(51, 51, 51, 1) !important;
}


.btn .fa {
	display: inline-block;
	position: relative;
	top: .063rem;
	margin: 0 .313rem 0 0;
	font-size: 1rem;
}

/* btn-grey
============================================ */
.btn-grey a:last-child  {
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	color: var(--blue-color);
}

.btn-grey a:last-child:hover,
.btn-grey a:last-child:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	color: rgba(51, 51, 51, 1) !important;
}

.btn-grey .fa {
	top: 0;
}

/* btn-black
============================================ */
.btn-black a:last-child  {
	border: .063rem solid var(--black-color);
	background: var(--black-color);
	color: var(--white-color);
}

.btn-black a:last-child:hover,
.btn-black a:last-child:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	color: rgba(51, 51, 51, 1) !important;
}

/* btn-consultation
============================================ */
.btn-consultation {
	margin: 1.250rem 0 0;

	/* background: #ccc; */
}

.btn-consultation a {
	padding: .938rem 1.875rem .938rem 3.625rem;
	background: var(--red-color) url(../images/btn-consultation.png) no-repeat 1.250rem center;
	background-size: auto 1.500rem;
}

.btn-consultation a::after {
	border: .188rem solid var(--white-color);
}

.btn-consultation a:hover,
.btn-consultation a:active {
	border-color: var(--dark-color);
	background: var(--dark-color) url(../images/btn-consultation.png) no-repeat 1.250rem center;
	background-size: auto 1.500rem;
	color: var(--white-color) !important;
}

/* btn-ozon
============================================ */
.btn-ozon {
	display: inline-block;
	width: 8.5rem !important;
	height: 2.938rem !important;
	border-color: rgba(0, 91, 255, 1) !important;
	background: rgba(0, 91, 255, 1) url(../images/logo-ozon-w.png) no-repeat center / 50% auto !important;
}

.btn-ozon:hover,
.btn-ozon:focus-visible {
	background: var(--white-color) url(../images/logo-ozon.png) no-repeat center / 50% auto !important;
}


/* img
============================================================================= */
img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

.middle figure {
	width: 70%;
	margin: 0 auto 2.500rem;
}

/* .middle figure img {
	padding: .938rem;
	background: var(--white-color);
	box-shadow: 0 .063rem .625rem .063rem rgba(0, 0, 0, .1);
} */

.img-content-100 {
	width: 100% !important;
}

.img-h260 {
	text-align: center;
}

.img-h260 img {
	display: inline-block;
	width: auto;
	height: 21.250rem;
}

.img-h260 figcaption a {
	color: var(--red-color);
	text-decoration: underline;
}

.img-h260 figcaption a:hover {
	text-decoration: none;
}

.content-75 figure {
	width: 100%;
}

/* list-ul
============================================================================= */
.list-ul {
	margin: 0 0 1.250rem;
	padding: 0;
	list-style: none;
}

.list-ul li {
	margin: 0 0 .375rem;
	padding: 0 0 0 1.313rem;
	background: url(../images/list-ul-li.png) no-repeat 0 .688rem;
	line-height: 1.5;
}

.list-ul li a {
	color: var(--red-color);
	text-decoration: underline;
}

.list-ul li a:hover {
	text-decoration: none;
}


.ul-item-oil span {
	display: block;
}


.engine-list-ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.625rem;
}

@media (max-width: 767.98px) {

	.engine-list-ul {
		margin: 0;
	}

}

.engine-list-ul > li {
	flex-basis: calc(33.3333% - 1.25rem);
	max-width: calc(33.3333% - 1.25rem);
	margin: 0 .625rem;
}

@media (max-width: 767.98px) {

	.engine-list-ul > li {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

}

.engine-list-ul > li span {
	display: block;
	margin: 0 0 1.25rem;
	padding: .375rem .625rem;
	border-radius: .25rem;
	background-color: var(--dark-color);
	color: var(--white-color);
	font-weight: 600;
	line-height: 1.3;
}

.engine-list-ul > li li {
	margin: 0 0 .25rem;
	padding: 0 0 0 1.25rem;
	background: url(../images/list-ul-li.png) no-repeat 0 .5rem;
	line-height: 1.3;
}

/* forms
============================================================================= */
label {
	display: block;
	width: auto;
	margin: 0 0 .313rem;

	/* background: red; */
}

/* input text
============================================ */
input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]),
textarea {
	display: block;
	width: 100%;
	height: 2.875rem;
	margin: 0 0 .938rem;
	padding: 0 .938rem;
	overflow: visible;
	border: .063rem solid var(--border-color);
	-webkit-transition: border-color 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out;
	background-color: var(--white-color);
	outline: none;
	color: var(--text-color);
	font-size: .875rem;
	line-height: 1;
	font-family: inherit;
}

.name {
	padding-left: 2.250rem !important;
	background: url(../images/name-input.svg) no-repeat .625rem center;
}

.tel {
	padding-left: 2.250rem !important;
	background: url(../images/tel-input.svg) no-repeat .625rem center;
}

.pin {
	padding-left: 2.250rem !important;
	background: url(../images/pin-input.svg) no-repeat .625rem center / auto 1rem;
}

.mail {
	padding: 0 .938rem;
	padding-left: 2.250rem !important;
	background: url(../images/mail-input.svg) no-repeat .625rem center / auto .875rem;
}

.textarea {
	padding: .750rem 0 .938rem 2.250rem !important;
	background: url(../images/message-input.svg) no-repeat .750rem .938rem / auto 1rem;
}


textarea {
	height: 11.250rem;
	line-height: 1.3;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	opacity: 1;
	color: rgba(174, 174, 174, 1);
	-webkit-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"])::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: rgba(174, 174, 174, 1);
	-webkit-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):-ms-input-placeholder,
textarea:-ms-input-placeholder {
	opacity: 1;
	color: rgba(174, 174, 174, 1);
	-webkit-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus,
textarea:focus {
	border: .063rem solid var(--red-color);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: rgba(174, 174, 174, 0);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: rgba(174, 174, 174, 0);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="range"]):focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: rgba(174, 174, 174, 0);
}

/* input-checkbox
============================================================ */
.input-checkbox input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.input-checkbox {
	display: flex;
	position: relative;
	margin-bottom: 1.25rem;
	user-select: none;
	/* cursor: pointer; */

	/* border: 1px solid red; */
}

:where(.input-checkbox):last-of-type {
	margin-bottom: 0;
}

:where(.input-checkbox) .ico-checkbox {
	position: absolute;
	top: -.125rem;
	left: 0;
	flex-basis: 1.375rem;
	width: 1.375rem;
	height: 1.375rem;
	border-radius: .125rem;
	border: .063rem solid var(--border-color-dakr);
	transform: scale(1);
	transition: border-color .2s linear .02s,
				box-shadow .2s linear .02s,
				background .2s linear .02s;

	/* background: green; */
}

:where(.input-checkbox) .ico-checkbox svg {
	position: absolute;
	top: .25rem;
	left: .125rem;
	width: 1rem;
	height: .75rem;
	fill: none;
	stroke: var(--white-color);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 1rem;
	stroke-dashoffset: 1rem;
	transition: stroke-dashoffset .2s linear .02s;
}

:where(.input-checkbox) .label-checkbox {
	padding-left: 2.25rem;
	line-height: 1.3;

	/* border: 1px solid seagreen; */
}

@media (hover: hover) and (pointer: fine) {

	:where(.input-checkbox):hover .ico-checkbox {
		border-color: var(--red-color);
	}

}

:where(.input-checkbox) input[type="checkbox"]:checked + .ico-checkbox {
	background: var(--red-color);
	border-color: var(--red-color);
}

@media (hover: hover) and (pointer: fine) {

	:where(.input-checkbox):hover input[type="checkbox"]:checked + .ico-checkbox {
		box-shadow: none;
	}

}

:where(.input-checkbox) input[type="checkbox"]:checked + .ico-checkbox svg {
	stroke-dashoffset: 0;
}


:where(.input-checkbox) input[type="checkbox"]:disabled ~ .label-checkbox {
	cursor: default;
	color: var(--grey-text);
}

@media (hover: hover) and (pointer: fine) {
	
	:where(.input-checkbox):hover input[type="checkbox"]:disabled + .ico-checkbox {
		border-color: var(--border-color);
		box-shadow: none;
		cursor: default;
	}

}


.checkbox-fl-152 {
	margin-bottom: 1.25rem;
	text-align: left;
}


.checkbox-fl-152 .ico-checkbox {
	top: 0;
	width: 1.125rem;
	height: 1.125rem;
}

.checkbox-fl-152 .ico-checkbox svg {
	top: .063rem;
	left: .063rem;
	width: .875rem;
	height: .875rem;
	/* stroke-dasharray: .875rem;
	stroke-dashoffset: .875rem; */
}

.checkbox-fl-152 .label-checkbox {
	padding-left: 1.875rem;
	line-height: 1.2;
	color: var(--grey-text);
	font-size: .75rem;
}

.checkbox-fl-152 .label-checkbox a {
	color: var(--red-color);
	text-decoration: underline;
}

.checkbox-fl-152 .label-checkbox a:hover,
.checkbox-fl-152 .label-checkbox a:active {
	text-decoration: none;
}

/* select
============================================ */
/* ======= common for select ======= */
.jq-selectbox,
.jq-select-multiple {
	display: block;
	position: relative;
	width: 100% !important;
	margin: 0 0 .938rem;
}

.jq-selectbox select,
.jq-select-multiple select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	opacity: 0;
}

.jq-selectbox li,
.jq-select-multiple li {
		-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
}

.jq-selectbox {
	z-index: 2222;
}

.jq-selectbox__select {
	position: relative;
}

.jq-selectbox__select-text {
	overflow: hidden;
		-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.jq-selectbox__dropdown {
	position: absolute;
}

.jq-selectbox__search input {
	-webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.jq-selectbox__dropdown ul {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	list-style: none;
		-webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
	position: relative;
	overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
}

/* ======= theme for select ======= */
.jq-selectbox {
	width: 100%;
	cursor: pointer;

	/* background: #f50057 !important; */
} 

.jq-selectbox__select {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: center;
	width: 100%;
	height: 2.875rem;
	margin: 0;
	padding: 0 3.125rem 0 .938rem;
	border: .063rem solid var(--border-color);
	box-shadow: none;
	background: var(--white-color);
	outline: none;
	font-family: inherit;
	transition: border-color .3s .02s linear;

	/* background: peru; */
}

.jq-selectbox__select:hover {
	border-color: var(--black-color);
}

.jq-selectbox__select:active {
	border-color: var(--black-color);
}

.jq-selectbox.focused .jq-selectbox__select {
	border-color: var(--red-color);
}


.jq-selectbox__select-text {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100%;
	align-self: auto;
	order: 0;

	/* background: palegoldenrod; */
}

.jq-selectbox .placeholder {
	color: var(--grey-text);
	font-size: 1rem;
}


.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.500rem;
	height: 100%;
	margin-left: auto;
	/* border-left: 1px solid #CCC; */

	/* background: palegreen; */
}

.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: .313rem solid var(--text-color);
	border-right: .313rem solid transparent;
	border-left: .313rem solid transparent;
	transition: border-top-color .3s .02s linear;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	border-top-color: var(--red-color);
}


.jq-selectbox__dropdown {
	width: 100%;
	margin: .125rem 0 0;
	border: .063rem solid var(--border-color);
	background: var(--white-color);

	/* background: red; */
}


.jq-selectbox__dropdown ul {
	width: auto;
	margin: 0 !important;
	padding: 0 !important;

	/* background: green; */
}

.jq-selectbox__dropdown li {
	margin: 0 !important;
	padding: .750rem .625rem !important;
	background-image: none !important;
	user-select: none;
	color: var(--text-color);
	font-size: 1rem;
	line-height: 1.2 !important;
	white-space: normal;
}

.jq-selectbox__dropdown li.selected {
	background: var(--border-color) !important;
}

.jq-selectbox__dropdown li:hover {
	background: var(--border-color) !important;
}


.jq-selectbox__search {
	margin: .313rem .313rem 0;
}

.jq-selectbox__search input {
	height: 2.500rem !important;
	margin: 0 0 .750rem !important;
	padding: .750rem 2.750rem .750rem .938rem !important;
	border: .063rem solid var(--border-color);
	background: var(--white-color) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat calc(100% - .500rem) 50% !important;
	-webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.jq-selectbox__not-found {
	margin: .313rem;
	padding: .625rem;
	background: var(--red-color);
	color: var(--white-color);
	font-size: .813rem;
}


/* .jq-selectbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.jq-selectbox ul li {
	min-height: 1.250rem;
	margin: 0;
	padding: .625rem .938rem;
	background-image: none;
	-webkit-user-select: none;
	user-select: none;
	color: rgba(51, 51, 51, 1);
	line-height: 1.1;
}

.jq-selectbox li.selected {
	background-color: var(--grey-bg);
}

.jq-selectbox li:hover {
	background-color: var(--grey-bg);
	cursor: pointer;
}

.jq-selectbox li.option {
	padding: 0 0 0 1.250rem;
} */

/* [type="submit"]
============================================ */
[type="submit"] {
	display: inline-block;
	width: auto;
	height: 2.875rem;
	padding: .750rem 1.875rem;
	border: .063rem solid var(--blue-color);
	background: var(--blue-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	-webkit-transition: border-color 0.3s 0.02s linear,
						background 0.3s 0.02s linear,
						color 0.3s 0.02s linear;
	transition: border-color 0.3s 0.02s linear,
				background 0.3s 0.02s linear,
				color 0.3s 0.02s linear;
}

[type="submit"]:hover,
[type="submit"]:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	cursor: pointer;
	color: rgba(51, 51, 51, 1);
}


.suggestions-suggestions {
	text-align: left;
}

/* tabs
============================================================================= */
.tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
	border-bottom: .063rem solid var(--border-color);

	/* background: yellow; */
}

.tabs li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	position: relative;
	top: .063rem;
	padding: .938rem 1.250rem;
	border: .063rem solid var(--border-color);
	border-bottom: none;
	background: var(--grey-bg);
	transition: background .3s .02s linear,
				color .3s .02s linear;
	cursor: pointer;
	color: var(--grey-text);
	font-weight: 600;
}

.tabs li + li {
	border-left: none;
}

.tabs li:hover:not(.active),
.tabs li:focus:not(.active),
.tabs li:active:not(.active) {
	background: var(--dark-color);
	color: var(--white-color);
}

.tabs li.active {
	display: block;
	padding-top: .813rem;
	padding-bottom: 1rem;
	border-top: .188rem solid var(--blue-color);
	background: var(--white-color);
	cursor: default;
	color: rgba(51, 51, 51, 1);
}


.tab-accordion {
	display: none;
}


.content-tab {
	margin: 0 0 1.250rem;
	padding: 1.250rem;
	border: .063rem solid var(--border-color);
	border-top: none;
}

.content-tab p {
	margin: 0 0 .938rem;
	line-height: 1.5;
}

@media (max-width: 991.98px) {

	.tabs {
		display: none;
	}

	.tab-accordion {
		position: relative;
		display: block;
		padding: 1.250rem;
		border-top: .063rem solid var(--border-color);
		background: var(--grey-bg);
		transition: background .3s .02s linear;
		cursor: pointer;
		font-weight: 600;
		font-size: 1rem;
		text-transform: uppercase;
		color: var(--text-color);
			-webkit-touch-callout: none;
			-webkit-user-select: none;
		user-select: none;
	}

	.tab-accordion:last-of-type {
		margin: 0 0 1.875rem !important;
	}

	.tab-accordion:hover,
	.tab-accordion:active,
	.tab-accordion:focus {
		background: var(--blue-color);
		color: var(--white-color);
	}

	.tab-accordion::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.375rem;
		right: 1.250rem;
		width: .500rem;
		height: .500rem;
		border: .125rem solid var(--blue-color) ;
		border-top: none;
		border-right: none;
		transform: rotate(-45deg);
		transition: rotate .3s .02s linear;
	}

	.tab-accordion:hover::before,
	.tab-accordion:active::before,
	.tab-accordion:focus::before{
		border-color: var(--white-color);
	}

	.acc_active {
		background: var(--blue-color) ;
		color: var(--white-color);
	}

	.acc_active.tab-accordion::before {
		top: 1.375rem;
		border: .125rem solid var(--white-color);
		border-bottom: none;
		border-left: none;
	}

	.content-tab {
		margin: 0;
		padding: .938rem 0;
		border: none;
	}

	.content-tab:last-of-type + * {
		margin: 1.875rem 0 0 !important;
	}

}

/* table-content
============================================================================= */
.table-not-responsive {
	width: 100%;
	overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
}

.table-content {
	width: 100%;
	margin: 0 0 1.875rem;
	border: none;
	border-top: .125rem solid rgba(246, 151, 0, 1);
	border-bottom: .125rem solid rgba(246, 151, 0, 1);
	border-collapse: collapse;
	font-size: .875rem;
	line-height: 1.3;
	text-align: left;
}

.table-content th {
	padding: .938rem  .625rem;
	vertical-align: top;
	border: none;
	border-right: .063rem dotted var(--text-color);
	/* border-bottom: .125rem solid rgba(246, 151, 0, 1); */
	font-weight: 600;
}

.table-content tr th:last-child {
	border-right: none;
}

.table-content th span {
	display: block;
	padding: .938rem  .625rem;
	background: var(--blue-color);
	color: var(--white-color);
	font-weight: 700;
	font-size: 1rem;
	text-align: center;
}

.table-content tbody th,
.table-content td {
	padding: 1.250rem .938rem;
	vertical-align: top;
	border-right: .063rem dotted var(--text-color);
	/* border-bottom: .125rem solid rgba(246, 151, 0, 1); */
	border-bottom: .063rem dotted var(--text-color);
	line-height: 1.5;
}

.table-content tr td:last-child {
	border-right: none;
}

					/* table-long
					============================================================================= */
					.table-long {
						width: 100%;
						margin: 1.875rem 0;
						overflow: auto;
					}

					.table-long table {
						width: 100%;
						margin: 0 0 1.875rem;
						border: none;
						border-collapse: collapse;
						font-size: .875rem;
						line-height: 1.3;
						text-align: left;
					}

					.table-long table th {
						padding: 0 .625rem .625rem;
						vertical-align: top;
						border: none;
						border-right: .063rem dotted var(--text-color);
						border-bottom: .125rem solid rgba(246, 151, 0, 1);
						font-weight: 600;
					}

					.table-long table tbody th,
					.table-long table td {
						padding: 1.250rem .938rem;
						vertical-align: top;
						border-right: .063rem dotted var(--text-color);
						border-bottom: .125rem solid rgba(246, 151, 0, 1);
						line-height: 1.5;
					}

					.table-long table tr td:last-child {
						border-right: none;
					}

/* landing-po-analogues
============================================================================= */
.block-l-po h2 {
	margin: 0 0 3.750rem;
	font-size: 2rem;
	text-align: center;
}

.block-l-po h2::after {
	margin: .875rem auto 0;
}

.block-l-po .container-center {
	padding: 3.750rem 1rem;
}


.header + .main-buttons {
	margin: .313rem 0 0;
}

/* slider-l-po
============================================ */
.slider-l-po {
	margin: -1.375rem 0 0;
	background: url(../images/po-bg.jpg) repeat 0 0;
}

.slider-l-po .container-center {
	padding: 6.250rem 1rem;
}

@media (max-width: 991.98px) {

	.slider-l-po .container-center {
		padding: 3.750rem 1rem;
	}

}

/* ======= text-slider-l-po ======= */
.text-slider-l-po {
	flex-basis: 65%;
	max-width: 65%;
	padding: 0 0 0 5rem;

/* 	background: chartreuse; */
}

@media (max-width: 1399.98px) {

	.text-slider-l-po {
		padding: 0;
	}

}

@media (max-width: 991.98px) {

	.text-slider-l-po {
		flex-basis: 100%;
		max-width: 100%;
		text-align: center;
	}

}

.text-slider-l-po-1 {
	margin: 0 0 1.875rem;
	color: var(--white-color);
	font-weight: 700;
	font-size: 2.250rem;
	line-height: 1.3;
	font-family: var(--second-font);
}

@media (max-width: 991.98px) {

	.text-slider-l-po-1 {
		font-size: 1.875rem;
	}

}

@media (max-width: 575.98px) {

	.text-slider-l-po-1 {
		font-size: 1.500rem;
	}


}

.text-slider-l-po-1 span {
	color: var(--red-color);
}


.text-slider-l-po-2 {
	color: var(--white-color);
	font-weight: 700;
	font-size: 2.250rem;
	line-height: 1.5;
	font-family: var(--second-font);
	text-transform: uppercase;
}

@media (max-width: 991.98px) {

	.text-slider-l-po-2 {
		font-size: 1.750rem;
		line-height: 1.7;
	}

}

@media (max-width: 575.98px) {

	.text-slider-l-po-2 {
		font-size: 1.375rem;
	}


}

.text-slider-l-po-2 span {
	display: inline-block;
	padding: 0 .313rem;
	border-radius: .313rem;
	background: var(--white-color);
	color: var(--black-color);
	line-height: 1.2;
}

/* ======= img-slider-l-po ======= */
.img-slider-l-po {
	flex-basis: 35%;
	max-width: 35%;
	padding: 0 5rem 0 0;

	/* background: cadetblue; */
}

@media (max-width: 1399.98px) {

	.img-slider-l-po {
		padding: 0;
	}

}

@media (max-width: 991.98px) {

	.img-slider-l-po {
		display: none;
	}

}

/* video-l-po
============================================ */
/* .video-l-po {
	position: relative;
	z-index: 1;
} */

/* .video-l-po::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/o-kompanii-petrol-ofisi/pattern-l.png) no-repeat -35% 300%;
}

.video-l-po::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -50%;
	right: -15%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/o-kompanii-petrol-ofisi/pattern-r.png) no-repeat 100% 0 / auto 100%;
} */

@media (min-width: 575.98px) {

.video-l-po h2 br {
		display: none;
	}

}

/* ======= left-video-l-po ======= */
.left-video-l-po {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 1.875rem 0 0;

	/* background: cadetblue; */
}

@media (max-width: 991.98px) {

	.left-video-l-po {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		padding: 0;
	}

}

.left-video-l-po figure {
	position: relative;
	width: 100% !important;
	height: 100%;
	padding-bottom: 55%;
	overflow: hidden;
	border-radius: .313rem;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.left-video-l-po figure  {
		padding-bottom: 45%;
	}

}

.left-video-l-po figure iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ======= right-video-l-po ======= */
.right-video-l-po {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 1.875rem;
}

@media (max-width: 991.98px) {

	.right-video-l-po {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.right-video-l-po li {
	margin: 0 0 .625rem;
	padding: .938rem .625rem .750rem 3.125rem;
	border-radius: .313rem;
	box-shadow: 0 .063rem .125rem 0 rgba(64, 64, 64, .3);
	background: var(--grey-bg) url(../images/o-kompanii-petrol-ofisi/li.svg) no-repeat .938rem .875rem / auto 1.375rem;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
}

@media (max-width: 575.98px) {

	.right-video-l-po li {
		font-size: 1rem;
	}

}

.right-video-l-po li:last-child {
	margin: 0;
}

/* analogs-l-po
============================================ */
/* .analogs-l-po {
} */

.left-analogs-l-po {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.500rem 0 0;

	/* background: cadetblue; */
}

@media (max-width: 991.98px) {

	.left-analogs-l-po {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.right-analogs-l-po {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.500rem;

	/* background: chocolate; */
}

@media (max-width: 991.98px) {

	.right-analogs-l-po {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}


.title-table-analogs-l-po {
	margin: 0 0 .938rem;
}

.title-table-analogs-l-po img {
	width: auto;
	height: 2rem;
}

@media (max-width: 575.98px) {

	.title-table-analogs-l-po img {
		height: 1.500rem;
	}

}

.logo-mobil-analogs-l-po {
	margin-top: 1rem;
}

.logo-mobil-analogs-l-po img {
	height: 1.875rem;
}

@media (max-width: 575.98px) {

	.logo-mobil-analogs-l-po img {
		height: 1.250rem;
	}

}

.logo-te-analogs-l-po img {
	height: 2.875rem;
}

@media (max-width: 575.98px) {

	.logo-te-analogs-l-po img {
		height: 2.500rem;
	}

}


.analogs-l-po .table-not-responsive {
	margin: 0 0 .625rem;
}

.table-analogs-l-po {
	position: relative;
	z-index: 1;
	width: 100%;
	border: .063rem solid var(--border-color);
	background: var(--white-color);
	text-align: left;
	white-space: nowrap;
}

.table-analogs-l-po::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 4.125rem;
	background: linear-gradient(to top, var(--grey-text), rgba(243, 243, 243, .25));
}

.table-analogs-l-po th {
	width: 50%;
	padding: .875rem .625rem;
	vertical-align: top;
	border: .063rem solid var(--border-color);
	font-weight: 700;
	font-size: 1.125rem;
	font-family: var(--second-font);
	text-align: center;
}

@media (max-width: 575.98px) {

	.table-analogs-l-po th {
		font-size: 1rem;
	}

}

.table-analogs-l-po td {
	padding: .875rem .625rem;
	vertical-align: top;
	border: .063rem solid var(--border-color);
	font-weight: 600;
	line-height: 1.5;
}

@media (max-width: 1199.98px) {

	.table-analogs-l-po td {
		font-size: .875rem;
	}

}

.table-analogs-l-po td a {
	color: var(--red-color);
	text-decoration: underline;
	transition: all .3s .02s linear;
}

.table-analogs-l-po td a:hover,
.table-analogs-l-po td a:active {
	color: var(--blue-color);
	text-decoration: none;
}


.analogs-l-po .btn {
	margin: 0 0 2.500rem;
}

@media (max-width: 575.98px) {

	.analogs-l-po .btn {
		margin: 0 0 1.250rem;
	}

}

.analogs-l-po .btn a {
	border-radius: .313rem;
}

/* all-analogs-l-po
============================================ */
.all-analogs-l-po {
	background: linear-gradient(to right, #C20D13, #132048);
}

.all-analogs-l-po .container-center {
	padding: 6.250rem 1rem;
}

@media (max-width: 575.98px) {

	.all-analogs-l-po .container-center {
		padding: 5rem 1rem;
	}

}

.all-analogs-l-po .container-flex {
	width: 90%;
	margin: 0 auto;
}


.left-all-analogs-l-po {
	flex-basis: 70%;
	max-width: 70%;
	color: var(--white-color);
	font-weight: 700;
	font-size: 2.250rem;
	line-height: 1.3;
	font-family: var(--second-font);

	/* background: chartreuse; */
}

@media (max-width: 991.98px) {

	.left-all-analogs-l-po {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
		font-size: 2rem;
	}
	
}

@media (max-width: 575.98px) {

	.left-all-analogs-l-po {
		font-size: 1.500rem;
	}

}


.right-all-analogs-l-po {
	flex-basis: 30%;
	max-width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;

	/* background: chocolate; */
}

@media (max-width: 991.98px) {

	.right-all-analogs-l-po {
		flex-basis: 100%;
		max-width: 100%;
		justify-content: flex-start;
	}
	
}

.right-all-analogs-l-po .btn {
	margin: 0;
}

.right-all-analogs-l-po .btn a {
	padding: 1.250rem 2.500rem;
	border-color: var(--white-color);
	border-radius: .313rem;
	font-size: 1rem;
}

@media (max-width: 575.98px) {

	.right-all-analogs-l-po .btn a {
		padding: .938rem 1.875rem;
		font-size: .875rem;
	}

}

/* potem-analogs-l-po
============================================ */
/* .potem-analogs-l-po {
	position: relative;
	z-index: 1;
	overflow: hidden;
} */

/* .potem-analogs-l-po::before {
	content: "";
	display: block;
	position: absolute;
	top: -50%;
	left: -15%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/o-kompanii-petrol-ofisi/pattern-l.png) no-repeat 0 0 / auto 100%;
} */

.potem-analogs-l-po .container-center {
	padding: 5rem 1rem 5rem;
}

.potem-analogs-l-po p {
	margin: 0;
	text-align: center;
}

.potem-analogs-l-po figure {
	margin: 2.500rem auto 0;
}

.potem-analogs-l-po figure img {
	border-radius: .313rem;
	box-shadow: 0 .125rem .250rem 0 rgba(20, 20, 21, .4);
}

/* approvals-l-po
============================================ */
/* .approvals-l-po {
	position: relative;
	z-index: 1;
	overflow: hidden;
} */

/* .approvals-l-po::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -50%;
	right: -15%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/o-kompanii-petrol-ofisi/pattern-r.png) no-repeat 100% 0 / auto 100%;
} */

.approvals-l-po .container-center {
	padding: 0 1rem 5rem;
}

.grid-approvals-l-po {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	grid-gap: 1.250rem;
	justify-content: center;
}

.cell-approvals-l-po {
	padding: 2.500rem;
	border: .063rem solid var(--border-color);
	border-radius: .313rem;
	background: var(--grey-bg);
	display: flex;
	justify-content: center;
	align-items: center;
}

.cell-approvals-l-po img {
	object-fit: cover;
}


/* partners-l-po
============================================ */
.partners-l-po {
	/* background: var(--grey-bg); */
	background: var(--dark-color);
}

.partners-l-po .container-center {
	padding: 5rem 1rem;
}

.partners-l-po h2 {
	color: var(--white-color);
}

.grid-partners-l-po {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
	grid-gap: 1.250rem;
	justify-content:center;
	justify-items: center;
}

.cell-partners-l-po {
	padding: 2.500rem;
	border: .063rem solid var(--border-color);
	border-radius: .313rem;
	background: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
}

/* history-l-po
============================================ */
/* .history-l-po {
} */

.history-po {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.250rem;
}

@media (max-width: 575.98px) {

	.history-po {
		gap: .625rem;
	}

}

.item-history-po {
	display: flex;
}

@media (max-width: 575.98px) {

	.item-history-po {
		flex-direction: column;
	}

}

.img-history-po {
	flex-basis: 25%;
	max-width: 25%;

	/* background: red; */
}

@media (max-width: 575.98px) {

	.img-history-po {
		flex-basis: 8.750rem;
		max-height: 8.750rem;
		max-width: 100%;
	}

}

.img-history-po img {
	height: 100%;
	object-fit: cover;
}

.date-text-history-po {
	flex-basis: 75%;
	max-width: 75%;
	padding: 1.500rem;
	background: var(--grey-bg);
}

@media (max-width: 575.98px) {

	.date-text-history-po{
		flex-basis: auto;
		max-width: 100%;
		height: 100%;
		padding: 1rem;

		/* background: #ccc; */
	}

}

.date-history-po {
	margin: 0 0 1.250rem;
	color: rgba(199, 150, 44, 1);
	font-weight: 700;
	font-size: 1.750rem;
}

.text-history-po {
	font-weight: 600;
}





/* btns-analogues
============================================================================= */
.btns-analogues-po {
	margin: 2.500rem 0 0;
}

.btns-analogues ul {
	display: flex;
	flex-wrap: wrap;
}

.btns-analogues ul li {
	position: relative;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
	margin: 0 0 .938rem;
	padding: 0 .625rem 0 .313rem;
	font-size: 1rem;
}

.btns-analogues ul li::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: .313rem;
	background: var(--red-color);
}

.btns-analogues ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: .875rem .875rem .875rem 1.250rem;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	border-left: none;
	background: var(--grey-bg);
	transition: all 0.2s 0.02s ease;
	color: var(--dark-color);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;

	/* background: #ccc; */
}

.btns-analogues-po ul li a {
	font-size: 1.125rem;
}

.btns-analogues-po ul li a span {
	flex-basis: 100%;
	max-width: 100%;
	color: var(--red-color);
	font-weight: 700;
	font-size: 1.250rem;
}

.btns-analogues ul li a:link::after,
.btns-analogues ul li a:visited::after {
	content: "";
	position: absolute;
	height: 0;
	top: 50%;
	left: 50%;
	width: 150%;
	-webkit-transition: all 0.4s 0.02s linear;
	transition: all 0.4s 0.02s linear;
}

.btns-analogues ul li a::after {
	opacity: 0;
	border: .188rem solid var(--dark-color);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}

.btns-analogues ul li a:hover::after {
	height: 500% !important;
	opacity: 1;
}

.btns-analogues ul li a:hover,
.btns-analogues ul li a:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	color: var(--blue-color) !important;
}


.btns-analogues ~ section h2 {
	margin-top: 0;
	padding: 2.500rem 0 0;
}

/* table-analogues
============================================================================= */
.wrap-banner-analogues {
	margin: 0 0 2.5rem;
}

.banner-analogues {
	position: relative;
	z-index: 1;
	display: flex;
	overflow: hidden;
	background-color: var(--grey-bg);
}

@media (max-width: 767.98px) {

	.banner-analogues {
		flex-wrap: wrap;
	}

}

.banner-analogues::before {
	content: "";
	display: block;
	position: absolute;
	top: -4.688rem;
	right: -4.688rem;
	z-index: -1;
	width: 9.375rem;
	height: 9.375rem;
	border-radius: 50%;
	background: #C7962C;
}

@media (max-width: 767.98px) {

	.banner-analogues::before {
		top: calc(50% - 6.25rem);
		right: -5rem;
	}

}


.text-banner-analogues {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	flex-basis: 50%;
	max-width: 50%;
	padding: 1.875rem 2.5rem;
	color: var(--white-color);
	font-weight: 600;
	font-size: clamp(1.375rem, 1.335rem + 0.2vw, 1.5rem);
	line-height: 1.3;
	font-family: var(--second-font);

	/* background: #ffee58; */
}

@media (max-width: 767.98px) {

	.text-banner-analogues {
		flex-basis: 100%;
		max-width: 100%;
		padding: 1.5rem;
		background: linear-gradient(80deg,rgba(194, 13, 19, 1) 12%, rgba(19, 32, 72, 1) 100%);
	}

}

.text-banner-analogues::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -2.5rem;
	transform: translateY(-50%);
	z-index: -1;
	width: calc(100% + 2.5rem);
	height: 30rem;
	border-radius: 50%;
	background: linear-gradient(80deg,rgba(194, 13, 19, 1) 12%, rgba(19, 32, 72, 1) 100%);
}

@media (max-width: 767.98px) {

	.text-banner-analogues::before {
		display: none;
	}

}


.logos-banner-analogues {
	margin: 2.5rem 0 0 2.5rem;

	/* background: palegreen; */
}

@media (max-width: 767.98px) {

	.logos-banner-analogues {
		flex-basis: 100%;
		max-width: 100%;
		margin: 2.5rem 0;
		padding: 0 0 0 1.5rem;
	}

}

.logos-banner-analogues img:first-child {
	width: 11.875rem;
	max-width: none;
	margin: 0 0 1rem;
}

/* @media (max-width: 767.98px) {

	.logos-banner-analogues img:first-child {
		margin: 0 auto 1rem;
	}

} */

.logos-banner-analogues img:last-child {
	width: 10rem;
	max-width: none;
}

/* @media (max-width: 767.98px) {

	.logos-banner-analogues img:last-child {
		margin: 0 auto;
	}

} */


.banner-analogues > img {
	position: absolute;
	right: -4.375rem;
	bottom: -.625rem;
	width: auto;
	max-width: auto;
	max-height: 12.5rem;
}

@media (max-width: 1199.98px) {

	.banner-analogues > img {
		right: -7.875rem;
		bottom: -1.25rem;
	}

}

@media (max-width: 767.98px) {

	.banner-analogues > img {
		right: clamp(-7rem, -8.24rem + 6.2vw, -3.125rem);
		bottom: -.625rem;
		max-width: none;
		height: 50%;
	}

}



.table-analogues {
	border-top: none;
}

.table-analogues th {
	padding: 0 .625rem;
	vertical-align: top;
	border: none;
	border-bottom: .063rem solid var(--blue-color);
	font-weight: 600;
}

.table-analogues th:first-child {
	width: 35%
}

.table-analogues th:last-child {
	width: 32%
}

.table-analogues tr td:first-child {
	font-weight: 700;
	font-size: 1rem;
}

.table-analogues tr td[data-label="Двигатель"] {
	font-weight: 400;
}

.table-analogues ul {
	list-style: none;
}

.table-analogues tr td:last-child ul li {
	margin: 0 0 .500rem;
}

.table-analogues tr td:last-child {
	font-weight: 600;
	font-size: .938rem;
	line-height: 1.2;
}

.table-analogues tr td:last-child a {
	display: inline-block;
	color: var(--red-color);
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	font-weight: 700;
	text-decoration: underline;
}

.table-analogues tr td:last-child a:hover,
.table-analogues tr td:last-child a:active {
	color: var(--blue-color);
	text-decoration: none;
}


.table-analogues-lubrications td {
	padding: 1.875rem .938rem;
}

/* table-analogues-cars
============================================================================= */
.analogues-cars {
	padding: 2.875rem 0 0;
}

.analogues-cars h2 {
	margin: 0 0 .875rem !important;
	padding: .625rem .875rem !important;
	border-radius: .5rem;
	background: var(--black-color);
	color: var(--white-color);
	font-weight: 400;
}

.analogues-cars h2::after {
	display: none;
}


.table-analogues-cars {
	border-block: .125rem solid rgba(246, 151, 0, 1);
}

.table-analogues-cars th {
	width: 30%;
	padding: .938rem;
	border-right: .063rem dotted var(--text-color);
	border-bottom: .063rem dotted var(--text-color);
	vertical-align: top;
	line-height: 1.4;
}

.table-analogues-cars td {
	padding: .938rem;
	border-bottom: .063rem dotted var(--text-color);
	vertical-align: top;
	line-height: 1.4;
}

.table-analogues-cars tr:last-child th,
.table-analogues-cars tr:last-child td {
	border-bottom: none;
}

.bt-tr-table-analogues-cars {
	position: relative;
	top: -.063rem;
	border-top: .063rem solid rgba(246, 151, 0, 1);
}

@media (max-width: 575.98px) {

	.table-analogues-cars tr {
		display: flex;
		flex-wrap: wrap;

		/* background: #74ebd5; */
	}

	.table-analogues-cars tr th,
	.table-analogues-cars tr td {
		flex-grow: 0;
		flex-shrink: 0;
	} 

	.table-analogues-cars tr th {
		flex-basis: 40%;
		width: 40%;
	}

	.table-analogues-cars tr td {
		flex-basis: 60%;
		width: 60%;
	}

	.table-analogues-cars .row-mobile-th,
	.table-analogues-cars .row-mobile-td {
		flex-basis: 100%;
		width: 100%;
	}

	.table-analogues-cars .row-mobile-th {
		border-right: none;
		border-bottom: none;
	}

	/* .table-analogues-cars .row-mobile-td {
	} */

}


.list-oil-po {
	display: flex;
	margin: 0 0 .938rem;
	padding: 0 0 .938rem;
	border-bottom: .063rem dotted var(--border-color);

	/* background: #9face6; */
}

.list-oil-po:last-of-type {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

.img-list-oil-po {
	flex-shrink: 0;
	flex-basis: 7.5rem;
	max-width: 7.5rem;
}

@media (max-width: 575.98px) {

	.img-list-oil-po {
		flex-basis: 6.25rem;
		max-width: 6.25rem;
	}


}

.descr-list-oil-po {
	display: flex;
	flex-direction: column;
}

.text-list-oil-po {
	margin: 0 0 .938rem;
	font-size: .875rem;
	line-height: 1.3;

	/* background: #9face6; */
}

.title-text-list-oil-po {
	margin: 0 0 .375rem;
	font-weight: 700;
	font-size: 1rem;
}

.btn-list-oil-po {
	margin: auto 0 0;
	display: flex;
	align-items: baseline;

	/* background: #C20D13; */
}

.ozon-list-oil-po {
	margin: 0 .938rem 0 0;
	padding: .375rem 2.875rem;
	border: .125rem solid rgba(0, 91, 255, 1);
	background: rgba(0, 91, 255, 1) url(../images/logo-ozon-w.png) no-repeat center / 47.5% auto;
	color: transparent;
	transition: all .3s .02s linear;
}

.ozon-list-oil-po:hover,
.ozon-list-oil-po:active {
	background: var(--white-color) url(../images/logo-ozon.png) no-repeat center / 47.5% auto;
}

.a-link {
	position: relative;
	top: -.125rem;
	padding: 0 0 .125rem;
	border-bottom: .063rem solid var(--red-color);
	color: var(--red-color);
	font-weight: 600;
	font-size: clamp(0.875rem, 0.7181rem + 0.7843vw, 1rem);
	transition: all .3s .02s linear;
}

.a-link:hover,
.a-link:focus-visible {
	border-bottom-color: transparent;
	color: var(--text-color);
}







/* tabs-radio
============================================================================= */
.tabs-radio {
	position: relative;
	margin: 2.500rem 0 1.875rem;

	/* background: yellow; */
}

.tabs-radio > .container-inline {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(75% - 5rem);

	/* background: red; */
}

.btn-tab-radio {
	margin: 0 .063rem 0 0;
	overflow: hidden;
}

.btn-tab-radio:last-child {
	margin: 0;
}

.btn-tab-radio input {
	position: absolute;
	left: -9999rem;
}

.btn-tab-radio label {
	display: block;
	width: 100%;
	margin: 0;
	padding: .500rem .938rem;
	border: .063rem solid var(--border-color-dakr);
	background-color: var(--grey-bg);
	cursor: pointer;
	font-weight: 600;
	font-size: .875rem;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.btn-tab-radio label:hover {
	border-color: var(--blue-color);
	background-color: var(--blue-color);
	color: var(--white-color);
}

.btn-tab-radio input:checked + label {
	border-color: var(--blue-color);
	background-color: var(--blue-color);
	color: var(--white-color);
	font-weight: 700;
}


.content-tabs-radio {
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: normal;

	/* background: #ccc; */
}

/* btns-tabs - в контактах
============================================================================= */
.btns-tabs {
	margin: 0 0 3.875rem;
}

.btns-tabs ul {
	display: flex;
	flex-wrap: wrap;
}

.btns-tabs ul li {
	position: relative;
	flex-basis: 20%;
	max-width: 20%;
}

@media (max-width: 767.98px) {

	.btns-tabs ul li {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.btns-tabs ul li a {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1.250rem .625rem 1.250rem 1.250rem;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	color: var(--blue-color);
	transition: all 0.15s 0.015s ease;
	font-weight: 700;
	font-size: 1.250rem;
	font-family: Play;
	text-decoration: none;
}

@media (max-width: 991.98px) {

	.btns-tabs ul li a {
		padding: 1rem .625rem 1rem 1rem;
		font-size: 1.125rem;
	}

}


.btns-tabs ul li a:link::after,
.btns-tabs ul li a:visited::after {
	content: "";
	position: absolute;
	height: 0;
	top: 50%;
	left: 50%;
	width: 150%;
	-webkit-transition: all 0.4s 0.02s linear;
	transition: all 0.4s 0.02s linear;
}

.btns-tabs ul li a::after {
	opacity: 0;
	border: .188rem solid var(--dark-color);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}

.btns-tabs ul li a:hover::after {
	height: 550% !important;
	opacity: 1;
}

.btns-tabs ul li a:hover,
.btns-tabs ul li a:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	color: rgba(51, 51, 51, 1) !important;
}

.btns-tabs ul li span {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 1.250rem .625rem 1.250rem 1.250rem;
	border: .063rem solid var(--dark-color);
	background: var(--dark-color);
	color: var(--white-color);
	font-weight: 700;
	font-size: 1.250rem;
	font-family: Play;
}

@media (max-width: 991.98px) {

	.btns-tabs ul li span {
		padding: 1rem .625rem 1rem 1rem;
		font-size: 1.125rem;
	}

}

.btns-tabs ul li span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 2.500rem;
	border: .750rem solid transparent;
	border-top: .625rem solid var(--dark-color);
}

/* o-kompanii
============================================================================= */
.note-about {
	padding: .938rem 1.250rem;
	border: .063rem solid var(--red-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3 !important;
}


.serts {
	display: flex;
	flex-direction: column;
	max-width: 25%;
}

@media (max-width: 991.98px) {

	.serts {
		display: flex;
		flex-direction: row;
		max-width: none;
	}

}

.serts a:first-child {
	display: block;
	position: relative;

	/* background: cadetblue; */
}

@media (max-width: 991.98px) {

	.serts a:first-child {
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}

}

.serts a:first-child::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .2s linear;
	background: url(../images/magnifier.png) no-repeat center;
}

.serts a:first-child:hover::after {
	opacity: .8;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.serts a:first-child img {
	margin: 0 auto 1.500rem;
	border: .063rem  solid var(--border-color);
}

.serts a:last-child {
	display: inline-block;
	color: var(--red-color);
	font-weight: 600;
	white-space: nowrap;
	transition: color .3s .02s linear;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.serts a:last-child {
		margin-left: 1.250rem;
	}

}

.serts a:last-child span.fa {
	display: inline-block;
	margin: 0 .313rem 0 0;
}

.serts a:last-child:hover,
.serts a:last-child:active {
	color: var(--dark-color);
	text-decoration: none;
}

/* catalog-buttons
============================================================================= */
.catalog-buttons {
	margin: 0 0 2.500rem;

	/*background: #CC9999;*/
}

.block-catalog-buttons {
	width: 20%;

	/*background: #ccc;*/
}

.block-catalog-buttons a {
	display: block;
	padding: 1.250rem;
	border: .063rem solid var(--border-color);
	-webkit-transition: background 0.2s 0.015s ease;
	transition: background 0.2s 0.015s ease;
	text-decoration: none;
}

.block-catalog-buttons img {
	display: block;
	max-width: 55%;
	margin: 0 auto;
}

.block-catalog-buttons span {
	display: block;
	margin: 1.250rem 0 0;
	color: var(--red-color);
	-webkit-transition: color 0.2s 0.015s ease;
	transition: color 0.2s 0.015s ease;
	font-weight: 700;
	font-size: 1.250rem;
	font-family: Play;
	text-align: center;
}

.block-catalog-buttons a:hover,
.block-catalog-buttons a:active {
	background: var(--grey-bg);
}

.block-catalog-buttons a:hover span,
.block-catalog-buttons a:active span {
	color: var(--blue-color);
}

/* intro-kia
============================================================================= */
.intro-kia {
	margin: 0 0 2.500rem;
}

.left-intro-kia {
	flex-basis: 50%;
	max-width: 50%;
	padding: 2.500rem 3.750rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	font-weight: 700;
	line-height: 1.5;
	color: var(--black-color);
	font-size: 1.250rem;
}

@media (max-width: 1199.98px) {

	.left-intro-kia {
		padding: 2.500rem 3.125rem;
	}

}

@media (max-width: 991.98px) {

	.left-intro-kia {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.500rem;
	}

	.intro-geely .left-intro-kia {
		margin: 0;
		order: 1;
	}

}

@media (max-width: 575.98px) {

	.left-intro-kia {
		padding: 1.875rem;
		font-size: 1.125rem;
	}

}


.right-intro-kia {
	flex-basis: 50%;
	max-width: 50%;

	/* background: pink; */
}

@media (max-width: 991.98px) {

	.right-intro-kia {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 2.5rem;
	}

}

.right-intro-kia .video {
	width: 100% !important;
	margin: 0;
	padding-bottom: 50%;
}

/* .right-intro-kia img {
	height: 100%;
	object-fit: cover;
} */

/* catalog-item
============================================================================= */
.catalog-item {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1.875rem;
	padding: 0 0 1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

.catalog-item:last-child {
	margin-bottom: 0;
	padding: 0;
	border-bottom: none;
}

.catalog-item h2 {
	flex-basis: 100%;
	width: 100%;
	margin-top: 0;
	margin-bottom: 1.875rem;

	/* background: #74ebd5; */
}

.catalog-item h2::after {
	display: none;
}

.catalog-item h3 {
	flex-basis: 100%;
	width: 100%;
	margin: 0 0 1.875rem;
}

.catalog-item h2 a,
.catalog-item h3 a {
	display: inline-block;
	color: var(--red-color);
	-webkit-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
	text-decoration: none;
}

.catalog-item h2 a span {
	display: block;
	color: var(--grey-text);
}

.catalog-item h3 a {
	font-weight: 700;
	font-size: 1.500rem;
}

.catalog-item h2 a:hover,
.catalog-item h2 a:active,
.catalog-item h3 a:hover,
.catalog-item h3 a:active {
	color: var(--blue-color);
}

.img-catalog-item {
	flex-basis: 17%;
	max-width: 17%;

	/* background: #777; */
}

@media (max-width: 991.98px) {

	.img-catalog-item {
		flex-basis: 20%;
		max-width: 20%;
	}

}

.img-catalog-item a {
	display: block;
}

@media (max-width: 767.98px) {

	.img-catalog-item {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.5rem;
	}

	.img-catalog-item a {
		width: clamp(13.75rem, 11.75rem + 10vw, 20rem);
		margin: 0 auto;
	}

}

.text-catalog-item {
	flex-basis: 83%;
	max-width: 83%;
	padding: 0 0 0 3.125rem;
	color: var(--text-color);

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.text-catalog-item {
		flex-basis: 80%;
		max-width: 80%;
	}

}

@media (max-width: 767.98px) {

	.text-catalog-item {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.text-catalog-item h4 {
	margin: 0 0 .625rem;
	font-weight: 600;
}

.text-catalog-item p {
	color: var(--text-color);
}

@media (max-width: 767.98px) {

	.text-catalog-item .btn {
		text-align: center;
	}

}

.text-catalog-item .btn-grey a {
	min-width: 11.625rem;
	text-align: center;
}

/* item-oil
============================================================================= */
h1 + p.bold {
	margin-bottom: 3.750rem;
}

.item-oil {
	padding: 0 0 2.500rem;
	border-bottom: .063rem solid var(--border-color);

	/* background: yellowgreen; */
}

.item-oil-no-tabs {
	margin: 2.500rem 0 1.875rem;
	padding: 0 0 2.500rem;
}

/* img-item-oil
============================================ */
.img-item-oil {
	width: 25%;

	/* background: pink; */
}

.img-item-oil a {
	display: block;
	position: relative;
	text-decoration: none;
}

.img-item-oil a:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	opacity: 0;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	background: url(../images/magnifier.png) no-repeat center;
}

.img-item-oil img {
	display: block;
	width: 100%;
}

.img-item-oil a:hover:after {
	opacity:.8;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

/* note-item-oil
============================================ */
.note-item-oil {
	width: 75%;
	padding: 4.375rem 0 0 5rem;

	/* background: blue; */
}

.item-oil-no-tabs .note-item-oil {
	padding-top: 0;
}


.art-item-oil {
	margin: 0 0 1.250rem;
	color: var(--grey-text);
	font-size: .875rem;
}

.art-item-oil span {
	font-weight: 700;
}


.note-item-oil .btn {
	margin-bottom: .625rem;
}

.note-item-oil .btn + p {
	color: var(--grey-text);
}

.note-item-oil .btn a {
	min-width: 14rem;
	text-align: center;
}

/* ======= marketplaces-item-oil ======= */
.marketplaces-item-oil {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 1.875rem;
}

@media (max-width: 575.98px) {

	.marketplaces-item-oil {
		justify-content: center;
	}

}

.title-marketplaces-item-oil {
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 .938rem;
	font-weight: 700;
	font-size: 1rem;
}

.marketplaces-item-oil a {
	flex-basis: 8.5rem;
	max-width: 8.5rem;
	height: 3.500rem;
	border: .063rem solid transparent;
	color: transparent;
	transition: all .3s .02s linear;
}

.marketplaces-item-oil a + a {
	margin: 0 0 0 .625rem;
}

.marketplaces-item-oil .ozon-marketplaces-item-oil {
	border-color: rgba(0, 91, 255, 1);
	background: var(--white-color) url(../images/logo-ozon.png) no-repeat center / 60% auto;
}

.marketplaces-item-oil .yam-marketplaces-item-oil {
	border-color: rgba(254, 212, 43, 1);
	background: var(--white-color) url(../images/logo-yam.png) no-repeat center / 75% auto;
}

.marketplaces-item-oil a:hover,
.marketplaces-item-oil a:active {
	border-color: var(--dark-color);
}

/* ======= price-item-oil ======= */
.price-item-oil {
	margin: 0 0 .625rem;
	font-weight: 600;
	font-size: 1.125rem;

	/* background: yellow; */
}

.price-item-oil span {
	display: inline-block;
	margin: 0 .313rem;
	font-weight: 700;
	font-size: 1.875rem;
}

.price-item-oil i {
	display: inline-block;
	font-size: 1.750rem;
}


.note-item-oil p {
	margin: 0 0 .313rem;
	font-weight: 600;
	font-size: 1rem;
}

/* .note-item-oil p::before {
	content: "\f1ab";
	display: inline-block;
	position: relative;
	top: .188rem;
	margin: 0 .625rem 0 0;
	font-size: 1.625rem;
	line-height: 1;
	font-family: "Material-Design-Iconic-Font";
} */

/* ======= no-sale-item-oil ======= */
.no-sale-item-oil {
	margin: 0 0 .500rem;
	color: rgba(5, 105, 178, 1);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
}

/* ======= item-oil-analogues ======= */
.item-oil-analogues {
	margin: 1.875rem 0 .625rem;
	text-align: left;

	/* background: cadetblue; */
}

.title-item-oil-analogues {
	display: inline-block;
	margin: 0 0 .938rem;
	padding: .500rem .875rem;
	border-radius: .250rem;
	background: var(--dark-color);
	color: var(--white-color);
	font-weight: 700;
	font-size: .875rem;
	text-transform: uppercase;
}

.item-oil-analogues .list-ul {
	margin: 0;
}

.item-oil-analogues a {
	font-weight: 700;
	text-decoration: none !important;
	transition: all .3s .02s linear;
}

.item-oil-analogues a:hover,
.item-oil-analogues a:active {
	color: var(--dark-color);
}


.item-oil-analogues + .btn {
	margin: 0;
	text-align: left;

	/* background: cadetblue; */
}

.item-oil-analogues + .btn a {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: var(--dark-color);
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
	text-decoration: underline;
	transition: all .3s .02s linear;

	/* background: chartreuse; */
}

.item-oil-analogues + .btn a:link::after,
.item-oil-analogues + .btn a:visited::after {
	display: none;
}

.item-oil-analogues + .btn a:hover,
.item-oil-analogues + .btn a:active {
	color: var(--red-color) !important;
	text-decoration: none;
}

/* about-oil
============================================================================= */
/* .about-oil {
} */

.about-oil .h2 {
	margin-top: 0;
	margin-bottom: 1.500rem;
	padding: 1.875rem 0 0;
}

.about-oil .h2::after {
	display: none;
}

.block-about-oil {
	margin: 0 0 1.500rem;
}


.list-about-oil {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.625rem;
}

@media (max-width: 575.98px) {

	.list-about-oil {
		margin: 0;
	}

}

.list-about-oil li {
	flex-basis: calc(50% - 1.250rem);
	max-width: calc(50% - 1.250rem);
	margin: 0 .625rem 1.250rem
}

@media (max-width: 575.98px) {

	.list-about-oil li {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.250rem
	}

}

.list-about-oil li a {
	display: block;
	position: relative;
	z-index: 1;
	height: 100%;
	padding: .938rem .938rem .938rem 2.500rem;
	border: .063rem solid var(--border-color);
	border-radius: .313rem;
	background: rgba(243, 243, 243, .5);
	color: var(--dark-color);
	font-weight: 600;
	line-height: 1.2;
	transition: all .3s .02s linear;
}

/* .about-oil .list-about-oil li a {
	background: rgba(243, 243, 243, .5);
} */

.list-about-oil li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 1.375rem;
	left: 1.250rem;
	z-index: -1;
	width: .375rem;
	height: .375rem;
	background: var(--red-color);
}

.list-about-oil li a:hover,
.list-about-oil li a:active {
	border-color: var(--red-color);
	background: var(--white-color);
}

/* news
============================================================================= */
.news {
	margin: 1.875rem 0;
	padding: 0 0 1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

.news:last-child {
	border-bottom: none;
}

.news header h2 {
	margin: 0 0 1.313rem;
}

.news header h2::after {
	display: none;
}

.news header h2 a {
	display: inline-block;
	color: var(--red-color);
	-webkit-transition: color 0.15s ease-in-out;
	transition: color 0.15s ease-in-out;
	font: 700 1.500rem/1.2 Play, serif;
	text-decoration: none;
}

.news header h2 a:hover,
.news header h2 a:active {
	color: var(--blue-color);
}

.news header time {
	display: block;
	margin: 0 0 1.250rem;
	color: rgba(174, 174, 174, 1);
	font-family: Tahoma, Geneva, sans-serif;
}

.news section {
	overflow: hidden;
}

.news-img {
	float: left;
	width: 20%;
}

.news-text {
	float: left;
	width: 80%;
	padding: 0 0 0 2.500rem;
}


.video {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin: 0 0 2.5rem;
	padding-bottom: 40%;
	overflow: hidden;

	/* background: red; */
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* tekhnicheskiy-servis
============================================================================= */
.note-ts {
	padding: .938rem 1.250rem;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3 !important;
}

.note-ts .fa {
	margin: 0 .313rem 0 0;
	color: var(--red-color);
	font-size: 1.250rem;
}

/* where-buy
============================================================================= */
/* where-buy-marketplaces
============================================ */
.where-buy-marketplaces {
	margin: 0 0 3.750rem;
	padding: 2.500rem;
	/* border-radius: .250rem; */
	/* background: var(--grey-bg); */
	background-image: linear-gradient(to right, #9face6 0%, #74ebd5 100%);
	/* background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); */
}

@media (max-width: 575.98px) {

	.where-buy-marketplaces {
		padding: 1.500rem;
	}

}

.where-buy-marketplaces h2 {
	margin-top: 0;
}

@media (max-width: 575.98px) {

	.where-buy-marketplaces h2 {
		font-size: 1.375rem;
	}

}

.where-buy-marketplaces h2::after {
	display: none;
}


@media (max-width: 991.98px) {

	.where-buy-marketplaces .container-flex {
		margin: 0 -.625rem;

		/* background: cadetblue; */
	}

}

.where-buy-marketplaces .element-flex {
	flex-basis: 25%;
	max-width: 25%;
	margin: 0 1.250rem 0 0;

	/* border: 1px solid red; */
}

@media (max-width: 991.98px) {

	.where-buy-marketplaces .element-flex {
		flex-basis: calc(33.3333% - 1.250rem);
		max-width: calc(33.3333% - 1.250rem);
		margin: 0 .625rem;
	}

}


@media (max-width: 575.98px) {

	.where-buy-marketplaces .element-flex {
		flex-basis: calc(50% - 1.250rem);
		max-width: calc(50% - 1.250rem);
		margin: 0 .625rem 1.250rem;
	}

}

@media (max-width: 575.98px) {

	.where-buy-marketplaces .element-flex:last-child {
		flex-basis: calc(100% - 1.250rem);
		max-width: calc(100% - 1.250rem);
		margin: 0 auto;
	}

}

.where-buy-marketplaces .container-flex a {
	display: block;
	height: 6.250rem;
	border: .125rem solid transparent;
	box-shadow: 0 .125rem .250rem 0 rgba(20, 20, 21, .1);
	color: transparent;
	transition: all .3s .02s linear;
}

@media (max-width: 575.98px) {

	.where-buy-marketplaces .container-flex a {
		height: 6.250rem;
	}

}

.ozon-where-buy-marketplaces {
	background: var(--white-color) url(../images/logo-ozon.png) no-repeat center / 50% auto;
}

@media (max-width: 767.98px) {

	.ozon-where-buy-marketplaces {
		background: var(--white-color)url(../images/logo-ozon.png) no-repeat center / 70% auto;
	}

}

.ozon-where-buy-marketplaces:hover,
.ozon-where-buy-marketplaces:active {
	border-color: rgba(0, 91, 255, 1);
}

.yam-where-buy-marketplaces {
	background: var(--white-color) url(../images/logo-yam.png) no-repeat center / 55% auto;
}

@media (max-width: 767.98px) {

	.yam-where-buy-marketplaces {
		background: var(--white-color) url(../images/logo-yam.png) no-repeat center / 70% auto;
	}

}

.yam-where-buy-marketplaces:hover,
.yam-where-buy-marketplaces:active {
	border-color: rgba(254, 212, 43, 1);
}


@media (min-width: 992px) {

	.btn-where-buy {
		display: none;
	}

}

.btn-where-buy a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--white-color);
	color: var(--text-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
}

@media (max-width: 767.98px) {

	.btn-where-buy a {
		font-size: 1rem;
	}

}

@media (max-width: 575.98px) {

	.btn-where-buy a {
		font-size: 1.063rem;
	}

}

.btn-where-buy a:hover,
.btn-where-buy a:active {
	border-color: var(--blue-color);
}

/* consultation-where-buy
============================================ */
/* .consultation-where-buy {
} */

.consultation-where-buy p {
	margin: 0 0 .625rem;
	font-weight: 600;
}

.consultation-where-buy .btn-consultation {
	margin: 0;
}

/* retail-wholesale-where-buy
============================================ */
.retail-wholesale-where-buy {
	margin: 0 0 3.750rem;
}

/* .retail-wholesale-where-buy h2 {
	display: inline-block;
	padding: 1.250rem 2.500rem;
	border-radius: .250rem;
	background: var(--dark-color);
	color: var(--white-color);
} */

.retail-wholesale-where-buy h2::after {
	display: none;
}


.retail-wholesale-where-buy .tabs {
	border-bottom: none;
	/* background: var(--grey-bg); */
}

.retail-wholesale-where-buy .tabs li {
	position: relative;
	/* flex-basis: 33.3333%;
	max-width: 33.3333%; */
	padding: 1.500rem 6.250rem;
	font-weight: 700;
	font-size: 1.375rem;
	font-family: Play;
}

.retail-wholesale-where-buy .tabs li:not(.active) {
	overflow: hidden;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	color: var(--grey-text);
	transition: all .4s .02s linear;
}

.retail-wholesale-where-buy .tabs li:not(.active)::after {
	content: "";
	position: absolute;
	height: 0;
	top: 50%;
	left: 50%;
	width: 150%;
	border: .188rem solid var(--dark-color);
	opacity: 0;
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transition: all .4s .02s linear;
}

.retail-wholesale-where-buy .tabs li:not(.active):hover::after {
	height: 500% !important;
	opacity: 1;
}

.retail-wholesale-where-buy .tabs li:not(.active):hover,
.retail-wholesale-where-buy .tabs li:not(.active):focus,
.retail-wholesale-where-buy .tabs li:not(.active):active {
	border-color: var(--black-color);
	background: var(--white-color);
	color: var(--dark-color);
}


.retail-wholesale-where-buy .tabs li.active {
	padding: 1.500rem 6.250rem;
	border: .063rem solid var(--black-color);
	border-color: var(--black-color);
	background: var(--black-color);
	color: var(--white-color);
}

.retail-wholesale-where-buy .tabs li.active::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 2.500rem;
	border: .750rem solid transparent;
	border-top: .625rem solid var(--black-color);
}


.retail-wholesale-where-buy .content-tab {
	margin: 0;
	padding: 3.125rem 0 0;
	border: none;
}


@media (max-width: 991.98px) {

	/* .acc_active + #tab-1 {
		display: none !important;
	} */

	.retail-wholesale-where-buy .tab-accordion {
		background: var(--blue-color);
		color: var(--white-color);
	}

	.retail-wholesale-where-buy .tab-accordion:last-of-type {
		margin: 0 0 1.875rem !important;
	}

	.retail-wholesale-where-buy .tab-accordion:hover,
	.retail-wholesale-where-buy .tab-accordion:active,
	.retail-wholesale-where-buy .tab-accordion:focus {
		background: var(--dark-color);
		color: var(--white-color);
	}

	.retail-wholesale-where-buy .tab-accordion::before {
		content: "";
		display: block;
		position: absolute;
		top: 1.375rem;
		right: 1.250rem;
		width: .500rem;
		height: .500rem;
		border: .125rem solid var(--white-color) ;
		border-top: none;
		border-right: none;
		transform: rotate(-45deg);
		transition: rotate .3s .02s linear;
	}

	.retail-wholesale-where-buy .tab-accordion:hover::before,
	.retail-wholesale-where-buy .tab-accordion:active::before,
	.retail-wholesale-where-buy .tab-accordion:focus::before{
		border-color: var(--white-color);
	}

	.retail-wholesale-where-buy .acc_active {
		background: var(--dark-color) ;
		color: var(--white-color);
	}

	.retail-wholesale-where-buy .acc_active.tab-accordion::before {
		top: 1.375rem;
		border: .125rem solid var(--white-color);
		border-bottom: none;
		border-left: none;
	}

	.retail-wholesale-where-buy .content-tab {
		margin: 0;
		padding: .938rem 0;
		border: none;
	}

	.retail-wholesale-where-buy .content-tab:last-of-type + * {
		margin: 1.875rem 0 0 !important;
	}

}

/* ======= gde-kupit ======= */
/* = colors-gde-kupit = */
.colors-gde-kupit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 0 .500rem;

	/* background: gold; */
}

.colors-gde-kupit li {
	padding: .250rem .625rem;
}

.colors-gde-kupit li span:last-child {
	display: inline-block;
	color: rgba(22, 142, 234, 1);
	text-decoration: underline;
	transition: color 0.3s 0.02s linear;
}

.colors-gde-kupit li:first-child {
	color: var(--text-color);
	font-weight: 600;

	/* background: #777; */
}

.colors-gde-kupit li:not(:first-child) span:last-child:hover,
.colors-gde-kupit li:not(:first-child) span:last-child:active {
	cursor: pointer;
	color: var(--text-color);
	text-decoration: none;
}

@media (max-width: 991.98px) {

	.colors-gde-kupit li:first-child {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .313rem;
	}

}

.colors-gde-kupit [class^="flaticon-"]::before,
.colors-gde-kupit [class*=" flaticon-"]::before,
.colors-gde-kupit [class^="flaticon-"]::after,
.colors-gde-kupit [class*=" flaticon-"]::after {
	font-size: 1.250rem;
	font-family: "Flaticon-3";
}

/* = map-gde-kupit = */
.map-gde-kupit {
	height: 32.813rem;
	margin: 0 0 2.500rem;
	overflow: hidden;

	/* border: 2px solid green; */
}

/* = akkordeon-gde-kupit = */
.akkordeon-gde-kupit {
	position: relative;

	/* background: #777; */
}

.akkordeon-gde-kupit .head-aac {
	display: block;
	position: relative;
	margin: 0 0 .625rem;
	padding: .938rem .625rem !important;
	border: .063rem solid rgba(219, 223, 229, 1);
	background: rgba(243, 243, 243, 1);
	-webkit-transition: all 0.3s 0.02s linear;
	transition: all 0.3s 0.02s linear;
	text-decoration: none;

	/* background: #74ebd5; */
}

.akkordeon-gde-kupit .icon-aac {
	display: block;
	position: absolute;
	top: 50%;
	left: .625rem;
	width: 1.875rem;
	height: 1.875rem;
	background: rgba(20, 20, 21, 1);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: transparent;
}

.akkordeon-gde-kupit .icon-aac::before,
.akkordeon-gde-kupit .icon-aac::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: .875rem;
	height: .125rem;
	border-radius: .250rem;
	background: rgba(255, 255, 255, 1);
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.akkordeon-gde-kupit .icon-aac::after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
	z-index: -1;
}

.akkordeon-gde-kupit.active .icon-aac::after {
	width: 0;
}

.akkordeon-gde-kupit .head-aac .title-aac {
	margin: 0;
	padding: 0 0 0 3.125rem;
	color: rgba(22, 142, 234, 1);
	font-size: 1rem;
	line-height: 1.2;
	text-transform: uppercase;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.akkordeon-gde-kupit .head-aac .title-aac {
		font-size: .875rem;
		font-weight: 700;
	}

}

.akkordeon-gde-kupit .head-aac:hover,
.akkordeon-gde-kupit .head-aac:active,
.akkordeon-gde-kupit.active .head-aac {
	background: rgba(255, 255, 255, 1);
}

.akkordeon-gde-kupit .head-aac:hover .title-aac,
.akkordeon-gde-kupit.active .title-aac {
	color: rgba(20, 20, 21, 1);
}

.akkordeon-gde-kupit .content-aac {
	display: none;
	padding: .313rem 0 0;
}

@media (max-width: 991.98px) {

	.akkordeon-gde-kupit .content-aac {
		padding: .313rem 0 .625rem;
	}

}


.akkordeon-gde-kupit .colors-gde-kupit {
	margin: 0 .250rem 0 !important;
}

.akkordeon-gde-kupit .colors-gde-kupit li {
	margin: 0 .625rem .500rem 0 !important;
	font-size: .875rem;
}

.akkordeon-gde-kupit .colors-gde-kupit li:first-child {
	margin: 0;
	font-weight: 400;
}

@media (max-width: 991.98px) {

	.akkordeon-gde-kupit .colors-gde-kupit li:first-child {
		flex-basis: auto;
		max-width: none;
	}

}

.akkordeon-gde-kupit .colors-gde-kupit [class^="flaticon-"]:before,
.akkordeon-gde-kupit .colors-gde-kupit [class*=" flaticon-"]:before,
.akkordeon-gde-kupit .colors-gde-kupit [class^="flaticon-"]:after,
.akkordeon-gde-kupit .colors-gde-kupit [class*=" flaticon-"]:after {
	font-size: 1rem;
}

/* = table-gde-kupit = */
.table-gde-kupit {
	border-top: .125rem solid rgba(64, 64, 64, 1);
	border-bottom: .125rem solid rgba(64, 64, 64, 1);
	font-size: .875rem;
	text-align: center;

	/* background: yellow; */
}

@media (max-width: 991.98px) {

	.table-gde-kupit{
		margin: 0 0 .313rem;
	}

}

.table-gde-kupit td {
	padding: .938rem;
	border-right: .063rem dotted var(--text-color);
	border-bottom: .063rem dotted var(--text-color);
	vertical-align: middle;
	line-height: 1.3;
	text-align: center;

	/* background: yellowgreen; */
}

.table-gde-kupit tr td:first-child {
	width: 1rem;
	padding: .938rem .625rem;

	/* background: red; */
}

.table-gde-kupit tr td:last-child {
	border-right: none;
}

.table-gde-kupit td:first-child [class^="flaticon-"]:before,
.table-gde-kupit td:first-child [class*=" flaticon-"]:before,
.table-gde-kupit td:first-child [class^="flaticon-"]:after,
.table-gde-kupit td:first-child [class*=" flaticon-"]:after {
	display: inline-block;
	font-size: 1.250rem;
	font-family: "Flaticon-3";
}

.red {
	color: rgba(236, 26, 59, 1);
}

.blue {
	color: rgba(5,105,178,1);
}

.orange {
	color: rgba(240, 146, 35, 1);
}

.green {
	color: rgba(0, 128, 0, 1)
}

.braun {
	color: #CC6600;
}

.table-gde-kupit tr td:nth-child(2) {
	min-width: 15rem;
	font-weight: 700;
	text-align: left;

	/* background: chartreuse; */
}

.town-table-gde-kupit {
	display: block;
	margin: 0 0 .313rem;
	font-size: .875rem;
	color: var(--blue-color);
	font-weight: 700;
}

.table-gde-kupit tr td:nth-child(2) span:last-child {
	display: block;
	margin: .188rem 0 0;
	color: rgba(134, 134, 134, 1);
	font-style: italic;
	font-weight: 400;
	font-size: .875rem;
}

.table-gde-kupit tr td:nth-child(2) span:last-child a {
	display: inline-block;
	margin: 0 0 0 .625rem;
	color: rgba(236, 26, 59, 1);
	font-weight: 600;
	font-style: normal;
	text-decoration: underline;
}

.table-gde-kupit tr td:nth-child(2) span:last-child a:hover,
.table-gde-kupit tr td:nth-child(2) span:last-child a:active {
	text-decoration: none;
}

.table-gde-kupit tr td:nth-child(3) {
	font-weight: 700;
	white-space: nowrap;
}

.table-gde-kupit tr td:nth-child(4) {
	white-space: nowrap;
}

.table-gde-kupit tr td:last-child {
	text-align: center;

	/* background: #ccc; */
}

.table-gde-kupit tr td:last-child a:before {
	content: "www";
	display: inline-block;
	color: rgba(22, 142, 234, 1);
	font-weight: 600;
	font-size: 1rem;
	text-decoration: underline;
}

.table-gde-kupit tr td:last-child a:hover::before,
.table-gde-kupit tr td:last-child a:active::before {
	text-decoration: none;
}

/* = table-where-buy = */
.icons-wholesale-where-buy {
	margin: 0 0 2.500rem;
}

.title-icons-wholesale-where-buy {
	margin: 0 0 1.250rem;
	font-weight: 700;
	font-size: 1.125rem;
}

.list-icons-wholesale-where-buy {
	display: flex;
	flex-wrap: wrap;

	/* background: chartreuse; */
}

.list-icons-wholesale-where-buy li {
	margin: 0 1.250rem 0 0;
	display: flex;
	white-space: nowrap;
	align-items: center;

	/* background: cadetblue; */
}

.list-icons-wholesale-where-buy li span {
	flex-basis: 1.875rem;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0 .250rem 0 0;
	color: transparent;
}

.ico-wholesale-where-buy {
	display: block;
	width: 1.875rem;
	height: 1.875rem;
	margin: 0 auto;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.ico-car-wholesale-where-buy {
	background: url(../images/car-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-truck-wholesale-where-buy {
	background: url(../images/truck-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-construction-wholesale-where-buy {
	background: url(../images/construction-equipment-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-transmission-wholesale-where-buy {
	background: url(../images/transmission-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-lubricants-wholesale-where-buy {
	background: url(../images/lubricants-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-industry-wholesale-where-buy {
	background: url(../images/industry-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-ship-wholesale-where-buy {
	background: url(../images/ship-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-moto-wholesale-where-buy {
	background: url(../images/moto-petrol-ofisi-red.png) no-repeat center / 100% auto;
}

.ico-sozh-wholesale-where-buy {
	background: url(../images/sozh-petrol-ofisi-red.png) no-repeat center / 100% auto;
}


.icons-wholesale-where-buy ~ .akkordeon-gde-kupit .head-aac {
	padding: 0 .625rem 1.125rem;
	color: transparent;
}


.table-where-buy {
	width: 100%;
	margin: 0 0 .625rem;
	border: none;
	border-top: .125rem solid rgba(246, 151, 0, 1);
	font-size: .875rem;
	line-height: 1.3;
	text-align: left;
}

.table-where-buy th {
	padding: .938rem  .625rem;
	border: none;
	border-right: .063rem dotted var(--text-color);
	border-bottom: .125rem solid rgba(246, 151, 0, 1);
	font-weight: 700;
	text-align: center;
}

.table-where-buy tr th:last-child {
	border-right: none;
}

.table-where-buy td {
	padding: 1.250rem .938rem;
	vertical-align: top;
	border-right: .063rem dotted var(--text-color);
	border-bottom: .063rem dotted var(--text-color);
	line-height: 1.5;
}

.table-content tr td:last-child {
	border-right: none;
}

.table-where-buy td:nth-child(3) {
	white-space: nowrap;
}

.table-where-buy td a {
	display: inline-block;
	color: var(--blue-color);
	text-decoration: underline;
}

.table-where-buy td a:hover,
.table-where-buy td a:active {
	text-decoration: none;
}

.table-where-buy td:last-child,
.table-where-buy td:nth-last-child(1),
.table-where-buy td:nth-last-child(2),
.table-where-buy td:nth-last-child(3),
.table-where-buy td:nth-last-child(4),
.table-where-buy td:nth-last-child(5),
.table-where-buy td:nth-last-child(6),
.table-where-buy td:nth-last-child(7) {
	min-width: 2.500rem;
	padding-right: .313rem;
	padding-left: .313rem;
	text-align: center;
}

/* contacts
============================================================================= */
/* grid-all-contacts
============================================ */
.grid-all-contacts {
	margin: 0 -.938rem;
}

@media (max-width: 767.98px) {

	.grid-all-contacts {
		margin: 0;
	}

}

.cell-all-contacts {
	flex-basis: calc(33.3333% - 1.875rem);
	max-width: calc(33.3333% - 1.875rem);
	margin: 0 .938rem 1.875rem;
	padding: 1.25rem 1.25rem .625rem;
	border: .063rem solid var(--border-color);
	display: flex;
	flex-direction: column;
}

@media (max-width: 991.98px) {

	.cell-all-contacts {
		flex-basis: calc(50% - 1.875rem);
		max-width: calc(50% - 1.875rem);
	}

}

@media (max-width: 767.98px) {

	.cell-all-contacts {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
	}

}

.title-all-contacts {
	margin: 0 0 1.25rem;
}

.title-all-contacts a {
	display: block;
	padding: .75rem 1.25rem;
	border: .063rem solid var(--black-color);
	background: var(--black-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	transition: all .3s .02s linear;
}

.title-all-contacts a:hover {
	border-color: var(--border-color);
	background: var(--grey-bg);
	color: var(--text-color);
}

.data-all-contacts {
	margin: 0 0 1.25rem 1.25rem;
}

.data-all-contacts li {
	position: relative;
	margin: 0 0 .625rem;
	padding: 0 0 0 1.5rem;
	line-height: 1.4;
}

.data-all-contacts .fa {
	position: absolute;
	top: .188rem;
	left: 0;
	color: var(--grey-text);
	font-size: 1.125rem;
}

.data-all-contacts .bold {
	display: block;
}

/* .tel-where-buy-partners {
} */

/* .adr-all-contacts {
} */

.cell-all-contacts .btn {
	margin: auto 0 0;
}

.cell-all-contacts .btn a {
	padding: .625rem 1.875rem;
}


/* contacts
============================================ */
.contacts {
	margin: 0 0 2.500rem;

	/* background: green; */
}

.contacts-left {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 2.500rem 0 0;
	display: flex;
	flex-wrap: wrap;
}

@media (max-width: 767.98px) {

	.contacts-left {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.contacts-left p {
	flex-basis: 50%;
	max-width: 50%;
	margin: 0 0 1.250rem;

	/* background: #ccc; */
}

@media (max-width: 575.98px) {

	.contacts-left p {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.250rem;
	}

}

.contacts-left p:nth-child(even) {
	padding: 0 0 0 1.250rem;

	/* background: cadetblue; */
}

@media (max-width: 575.98px) {

	.contacts-left p:nth-child(even) {
		padding: 0;
	}

}

.contacts-left p:nth-child(2) a {
	color: var(--dark-color);
	font-weight: 600;
	text-decoration: none;
	transition: color .3s .02s linear;
}

.contacts-left p:nth-child(2) a:hover,
.contacts-left p:nth-child(2) a:active {
	color: var(--red-color);
}



.contacts-left p .fa {
	display: block;
	margin: 0 0 .938rem;
	color: var(--red-color);
	font-size: 2.500rem;
	line-height: 1;
}

@media (max-width: 575.98px) {

	.contacts-left p .fa {
		display: none;
	}

}

.contacts-left p .fa-envelope {
	margin-top: .250rem;
	font-size: 2.250rem;
}

@media (max-width: 575.98px) {

	.contacts-left p .fa-envelope {
		font-size: 1.500rem;
	}

}

.contacts-left p a {
	color: var(--red-color);
	font-weight: 600;
	text-decoration: underline;
}

.contacts-left p a:hover {
	text-decoration: none;
}


.contacts-right {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.500rem;
}

@media (max-width: 767.98px) {

	.contacts-right {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.contacts-right form {
	overflow: hidden;
}

.contacts-right textarea {
	padding: .938rem;
	height: 6.938rem;
}

.contacts-right button {
	float: right;
	width: auto;
	padding: .750rem 2.500rem;
}


.map-yandex {
	position: relative;
	width: 100%;
	height: 31.125rem;

	/* background: red; */
}

.contacts + .map-yandex {
	margin: 0 0 1.250rem;
}

.map-balloonContentFooter {
	padding: 5px 0 0;
	border-top: 1px dotted rgba(34, 31, 31 ,1);
}

.map-balloonContentFooter a:first-child {
	color: var(--dark-color);
	font-weight: 700;
	font-size: 1rem;

	/* background: red; */
}

.map-balloonContentFooter a:last-child {
	color: var(--red-color);
	font-weight: 600;
	font-size: .875rem;

	/* background: red; */
}


.map-yandex + .btns-tabs {
	padding: 3.125rem 0 0;
}

/* map-oil
============================================================================= */
.map-oil h2::after {
	display: none;
}

.table-map-oil {
	border-top: .125rem solid rgba(246, 151, 0, 1);
	font-size: 1rem;
}

.table-map-oil td {
	padding: .938rem .938rem .938rem 2.500rem;
}

.table-map-oil td:first-child {
	width: 40%;
	font-weight: 600;
}

.table-map-oil td:last-child {
	font-weight: 600;
	font-size: .938rem;
	line-height: 1.2;
}

.table-map-oil ul {
	list-style: none;
}

.table-map-oil li {
	margin: 0 0 .500rem;
}

.table-map-oil a {
	display: inline-block;
	color: var(--red-color);
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	font-weight: 700;
	font-size: .938rem;
	text-decoration: underline;
}

.table-map-oil tr td:last-child a:hover,
.table-map-oil tr td:last-child a:active {
	color: var(--blue-color);
	text-decoration: none;
}

/* oil-model-car
============================================================================= */
.text-oil-model-car {
	display: inline-block;
	width: 59%;
	padding: 0 1.250rem 0 0;
	vertical-align: top;

	/* background: #ccc; */
}

.note-oil-model-car {
	display: inline-block;
	width: 39%;
	margin: .375rem 0 1.250rem;
	padding: 1.250rem;
	vertical-align: top;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	font-weight: 700;
	font-family: var(--second-font);
}

.note-oil-model-car p {
	margin: 0 0 .313rem;
	line-height: 1.4;
}


/* oil-selection
============================================================================= */
/* fixed-btn
============================================ */
.fixed-btn {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
}

@media (max-width: 991.98px) {

	.fixed-btn {
		top: auto;
		left: 0;
		bottom: -.125rem;
		transform: none;
	}

}

.fixed-btn a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 1.875rem 1.250rem 2.875rem;
	/* border-radius: .750rem 0 0 .750rem; */
	border: .063rem solid var(--border-color);
	border-right: none;
	background: var(--blue-color);
	overflow: hidden;
	color: var(--white-color);
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s .02s linear;
}

@media (max-width: 991.98px) {

	.fixed-btn a {
		padding: 1.250rem;
		border-color: var(--white-color);
		border-left: none;
		border-bottom: none;
		font-size: 1.125rem;
	}

	.fixed-btn a br {
		display: none;
	}

}

.fixed-btn a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3Csvg width='30' height='16.98' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' style='fill:none;stroke:%231a1d21;stroke-opacity:1' transform='rotate(90 15 15)'%3E%3Cmask id='b' maskUnits='userSpaceOnUse' x='-915' y='-2466' width='2536' height='6216'%3E%3Cpath d='M-914.456-2465.41H1620.2v6215.3H-914.456z' fill='%23fff'/%3E%3C/mask%3E%3Cg mask='url(%23b)' style='fill:none;stroke:%231a1d21;stroke-opacity:1'%3E%3Cpath d='M1.98 28.02 15 15 1.98 1.98' stroke='%23fff' stroke-width='3.96' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' style='fill:none;stroke:rgba(255, 255, 255, 1);stroke-opacity:1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16.98v30H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center bottom 1.250rem / auto .625rem;
	visibility: visible;
	opacity: 1;
}

@media (max-width: 991.98px) {

	.fixed-btn a::after {
		display: none;
	}

}

.fixed-btn a:hover,
.fixed-btn a:active,
.fixed-btn a:focus {
	background: var(--red-color);
}

/* quick-oil-selection
============================================ */
.quick-oil-selection {
	margin: 0 0 3.125rem;
	padding: 1.250rem;
	background: var(--grey-bg);
}

.quick-oil-selection input {
	margin: 0 !important;
	border-color: var(--red-color) !important;
}

.quick-oil-selection input:focus {
	border-color: var(--black-color) !important;
}


.quick-oil-selection .result button {
	background: var(--white-color);
}

/* oil-selection
============================================ */
.oil-selection {
	margin: 0 0 2.500rem;

	/* background: blue; */
}

.os-tabs-radio {
	position: relative;
	z-index: 0;
	margin: 0 -.313rem;

	/* background: yellow; */
}

@media (max-width: 991.98px) {

	.os-tabs-radio {
		flex-wrap: wrap;
		justify-content: center;
	}

}

.os-tab-radio {
	flex-basis: calc(14.2857% - .625rem);
	max-width: calc(14.2857% - .625rem);
	margin: 0 .313rem;
}

@media (max-width: 991.98px) {

	.os-tab-radio {
		flex-basis: calc(25% - .625rem);
		max-width: calc(25% - .625rem);
		margin: 0 .313rem .625rem;
	}

}

.os-tab-radio input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

.os-tab-radio label {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 4.750rem .938rem 1.250rem;
	background-color: var(--grey-bg);
	background-repeat: no-repeat;
	background-position: center top .625rem;
	background-size: auto 3.750rem;
	cursor: pointer;
}

@media (max-width: 991.98px) {

	.os-tab-radio label {
		padding: 4.750rem .938rem 0;
		background-position: center;
		background-size: auto 3.125rem;
	}

}

.os-tab-radio label::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -.625rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	width: .063rem;
	height: .625rem;
	opacity: 0;
	visibility: hidden;
	background: transparent;
	transition: all 0.15s ease-in-out;
}

@media (max-width: 991.98px) {

	.os-tab-radio label::after {
		display: none;
	}

}

.os-tab-radio label[for="tab-radio-1"] {
	background-image: url(../images/catalog-petrol-ofisi/car-petrol-ofisi-os-r.png);
}

.os-tab-radio label[for="tab-radio-2"] {
	background-image: url(../images/catalog-petrol-ofisi/van-petrol-ofisi-os-r.png);
}

.os-tab-radio label[for="tab-radio-3"] {
	background-image: url(../images/catalog-petrol-ofisi/truck-petrol-ofisi-os-r.png);
}

.os-tab-radio label[for="tab-radio-4"] {
	background-image: url(../images/catalog-petrol-ofisi/moto-petrol-ofisi-os-r.png);
}

.os-tab-radio label[for="tab-radio-5"] {
	background-image: url(../images/catalog-petrol-ofisi/tractor-petrol-ofisi-os-r.png);
}

.os-tab-radio label[for="tab-radio-6"] {
	background-image: url(../images/catalog-petrol-ofisi/excavator-petrol-ofisi-os-r.png);
}

.os-tab-radio label[for="tab-radio-7"] {
	background-image: url(../images/catalog-petrol-ofisi/industry-petrol-ofisi-os-r.png);
}

.os-tab-radio label span {
	display: block;
	font-weight: 600;
	font-size: .875rem;
	line-height: 1.2;
	text-align: center;
	transition: all 0.15s ease-in-out;
}

@media (max-width: 991.98px) {

	.os-tab-radio label span {
		display: none;
	}

}


.os-tab-radio label:hover,
.os-tab-radio input:checked + label {
	background-color: var(--red-color);
}

.os-tab-radio label:hover span,
.os-tab-radio input:checked + label span {
	color: var(--white-color);
}

.os-tab-radio input:checked + label::after {
	opacity: 1;
	visibility: visible;
	background: var(--red-color);

	/* background: cadetblue; */
}

.os-tab-radio label[for="tab-radio-1"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-1"] {
	background-image: url(../images/catalog-petrol-ofisi/car-petrol-ofisi-os-w.png);
}

.os-tab-radio label[for="tab-radio-2"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-2"] {
	background-image: url(../images/catalog-petrol-ofisi/van-petrol-ofisi-os-w.png);
}

.os-tab-radio label[for="tab-radio-3"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-3"] {
	background-image: url(../images/catalog-petrol-ofisi/truck-petrol-ofisi-os-w.png);
}

.os-tab-radio label[for="tab-radio-4"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-4"] {
	background-image: url(../images/catalog-petrol-ofisi/moto-petrol-ofisi-os-w.png);
}

.os-tab-radio label[for="tab-radio-5"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-5"] {
	background-image: url(../images/catalog-petrol-ofisi/tractor-petrol-ofisi-os-w.png);
}

.os-tab-radio label[for="tab-radio-6"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-6"] {
	background-image: url(../images/catalog-petrol-ofisi/excavator-petrol-ofisi-os-w.png);
}

.os-tab-radio label[for="tab-radio-7"]:hover,
.os-tab-radio input:checked + label[for="tab-radio-7"] {
	background-image: url(../images/catalog-petrol-ofisi/industry-petrol-ofisi-os-w.png);
}


.content-os-tabs-radio {
	margin: .625rem 0 0;
	padding: 1.250rem 1.250rem .500rem;
	border: .063rem solid var(--red-color);
}

.content-tab-oil-selection {
	margin: 0 -.625rem;
}

@media (max-width: 991.98px) {

	.content-tab-oil-selection {
		margin: 0;
	}

}

.select-oil-selection {
	flex-basis: calc(33.3333% - 1.250rem);
	max-width: calc(33.3333% - 1.250rem);
	margin: 0 .625rem;

	/* background: #ccc; */
}

@media (max-width: 991.98px) {

	.select-oil-selection {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .313rem;
	}

}


.descr-content-tab-oil-selection {
	max-width: 60%;
	margin: 5rem auto;
	color: var(--grey-color);
	font-weight: 600;
	font-size: 1.250rem;
	line-height: 1.5;
	text-transform: uppercase;
	text-align: center;
}

@media (max-width: 991.98px) {

	.descr-content-tab-oil-selection {
		max-width: 80%;
		margin: 2.500rem auto;
		font-size: 1.125rem;
	}

}

/* contacts-oil-selection
============================================ */
.contacts-oil-selection {
	margin: 0 0 3.125rem;
	text-align: center;
}

.contacts-oil-selection .contacts-result-oil-selection {
	flex-basis: auto;
	max-width: 15rem;
	margin: 0 auto;
	padding: 0;
	text-align: left;

	background: #ccc;
}

/* result-oil-selection
============================================ */
.result-oil-selection > .h2 {
	margin-bottom: 0;
	padding: 1.500rem .938rem 1.500rem;
	border-radius: .750rem .750rem 0 0;
	background: var(--grey-bg);
}

/* ======= source-data-oil-selection ======= */
.source-data-oil-selection {
	position: relative;
	z-index: 0;
	justify-content: center;
	margin: 0 0 1.875rem;
	padding: 0 .938rem 1.250rem;
	border-radius: 0 0 0 .750rem;
	background: var(--grey-bg);
}

.source-data-oil-selection::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
	width: 5rem;
	height: .063rem;
	background: var(--red);
}

.source-data-oil-selection .element-flex {
	margin: 0 0 .938rem;
	padding: 0 2.500rem 0 0;
	display: flex;
	font-size: 1.125rem;
}

@media (max-width: 991.98px) {

	.source-data-oil-selection .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .625rem;
		padding: 0;
	}

}


.title-source-data-oil-selection {
	margin: 0 .625rem 0 0;
	font-weight: 600;
}


.text-source-data-oil-selection {
	display: flex;
	flex-wrap: wrap;
}

.text-source-data-oil-selection span {
	margin: 0 .625rem .313rem 0;
}

.text-source-data-oil-selection span:not(:last-child)::after {
	content: "/";
	display: inline-block;
	margin: 0 0 0 .625rem;
}

/* @media (max-width: 991.98px) {

	.text-source-data-oil-selection span:not(:last-child)::after{
		display: none;
	}

} */

/* @media (max-width: 991.98px) {

	.text-source-data-oil-selection span {
		flex-basis: 100%;
		max-width: 100%;
	}

} */

/* ======= .result-oil-selection .accordion-item ======= */
.result-oil-selection .accordion-item {
	position: relative;
	margin: 0 0 .625rem;

	/* background: #777; */
}

.result-oil-selection .accordion-item .head-acc {
	display: block;
	position: relative;
	text-decoration: none;

	/* background: yellow; */
}

.result-oil-selection .accordion-item .icon-acc {
	display: block;
	position: absolute;
	top: 50%;
	right: .938rem;
	transform: translateY(-50%);
	width: 1.875rem;
	height: 1.875rem;
	background: var(--dark-color);
	transition: 0.3s ease-in-out;
}

.result-oil-selection .accordion-item .icon-acc::before,
.result-oil-selection .accordion-item .icon-acc::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: .750rem;
	height: .125rem;
	background: var(--white-color);
	transition: .3s ease-in-out;
}

.result-oil-selection .accordion-item .icon-acc::after {
	transform: translate(-50%, -50%) rotate(90deg);
	z-index: -1;
}

.result-oil-selection .accordion-item.active .icon-acc::after {
	width: 0;
}

.result-oil-selection .accordion-item .head-acc .title-acc {
	padding: 1.125rem 4rem 1.125rem 1.250rem;
	background: var(--grey-bg);
	color: var(--blue-color);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.2;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
}

.result-oil-selection .accordion-item .head-acc:hover .icon-acc::before,
.result-oil-selection .accordion-item .head-acc:hover .icon-acc::after {
	background: var(--white-color);
}

.result-oil-selection .accordion-item.active .icon-acc::before,
.result-oil-selection .accordion-item.active .icon-acc::after {
	background: var(--white-color);
}

.result-oil-selection .accordion-item .head-acc:hover .title-acc {
	background: var(--dark-color);
	color: var(--white-color);
}

.result-oil-selection .accordion-item.active .title-acc {
	background: var(--dark-color);
	color: var(--white-color);
}


.result-oil-selection .accordion-item .content-acc {
	display: none;
	padding: 2.500rem 0;
}

.result-oil-selection .accordion-item.active-first .content-acc {
	display: block;
}

/* ======= card-result-oil-selection ======= */
.note-result-oil-selection {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 45rem;
	margin: 0 auto 2.500rem;
	padding: 0 0 1.875rem;
	border-bottom: .063rem solid var(--border-color);
}

.note-result-oil-selection p {
	margin: 0 2.500rem 0 0;
	font-weight: 600;
	font-size: 1.125rem;
}

/* .note-result-oil-selection p:first-child {
} */

.note-result-oil-selection p:last-child {
	margin: 0;
	color: var(--grey-text);
}


.card-result-oil-selection {
	position: relative;
	z-index: 0;
	max-width: 45rem;
	margin: 0 auto 2.875rem;
	padding: 0 0 2.500rem;
	border-bottom: .063rem solid var(--border-color);

	/* background: cadetblue; */
}

.card-result-oil-selection:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


.img-card-result-oil-selection {
	flex-basis: 25%;
	max-width: 25%;
}

@media (max-width: 575.98px) {

	.img-card-result-oil-selection {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.875rem;
	}

	.img-card-result-oil-selection img {
		max-width: 10rem;
		margin: 0 auto;
	}

}

.img-card-result-oil-selection a {
	display: block;
	position: relative;
	z-index: 1;
}

.img-card-result-oil-selection a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3.750rem;
	height: 3.750rem;
	border-radius: .500rem;
	background: rgba(0, 0, 0, .5) url(../images/open-in-new-w.svg) no-repeat center / auto 50%;
	visibility: hidden;
	opacity: 0;
	transition: all .3s .02s linear;
}

.img-card-result-oil-selection a:hover:before,
.img-card-result-oil-selection a:active:before {
	visibility: visible;
	opacity: 1;
}


.info-card-result-oil-selection {
	flex-basis: 75%;
	max-width: 75%;
	padding: 0 0 0 3.750rem;
	display: flex;
	flex-direction: column;
}

@media (max-width: 575.98px) {

	.info-card-result-oil-selection {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
		text-align: center;
	}

}

.title-result-oil-selection {
	margin-top: 0;
	margin-bottom: 1.250rem;
}

.title-result-oil-selection a {
	display: inline-block;
	color: var(--black-color);
	font-weight: 600;
	transition: all .3s .02s linear;
}

.title-result-oil-selection a:hover,
.title-result-oil-selection a:active {
	color: var(--red-color);
}


.descr-result-oil-selection {
	margin: 0 0 1.875rem;
	/* font-weight: 500; */
	font-size: 1rem;
	line-height: 1.4;
}


.btn-card-result-oil-selection {
	margin: auto 0 0;

	/* background: #74ebd5; */
}

.btn .ozon-card-result-oil-selection {
	padding: .813rem 3.750rem;
	border: .125rem solid rgba(0, 91, 255, 1);
	background: var(--white-color) url(../images/logo-ozon.png) no-repeat center / 50% auto !important;
	transition: all .3s .02s linear;
	color: transparent;
}

.btn .ozon-card-result-oil-selection:hover,
.btn .ozon-card-result-oil-selection:active {
	border-color: var(--black-color);
	color: transparent;
}

/* ======= not-found-result-oil-selection ======= */
.not-found-result-oil-selection {
	display: flex;
	flex-wrap: wrap;
	max-width: 45rem;
	margin: 0 auto;
}

.not-found-result-oil-selection p {
	flex-basis: 50%;
	max-width: 50%;
	margin: 0;
	padding: 0 2.500rem 0 0;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.4;
}

@media (max-width: 575.98px) {

	.not-found-result-oil-selection p {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.500rem;
		padding: 0;
	}

}


.contacts-result-oil-selection {
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 0 0 2.500rem;

	/* background: chocolate; */
}

@media (max-width: 575.98px) {

	.contacts-result-oil-selection {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.250rem;
		padding: 0;
	}

}

.contacts-result-oil-selection li:not(:last-child) {
	margin: 0 0 .625rem;

	/* background: cadetblue; */
}

.contacts-result-oil-selection li a {
	display: inline-block;
	padding: .313rem 0 .313rem 2.500rem;
	color: var(--dark-color);
	font-weight: 600;
	font-size: 1rem;
	transition: all .3s .02s linear;
}

/* @media (max-width: 575.98px) {

	.contacts-result-oil-selection li a {
		font-size: 1.125rem;
	}

} */

.contacts-result-oil-selection .mail {
	background: url("data:image/svg+xml,%3Csvg width='21.053' height='18.74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.716 4.932h-2.737l-6.032-2.96-6.842 3.354v9.469C.947 14.795 0 13.907 0 12.822V5.1c0-.522.337-1.075.842-1.321L8.947 0l7.937 3.778c.453.226.769.69.832 1.154m1.231.986H5.263c-1.158 0-2.105.888-2.105 1.973v8.877c0 1.084.947 1.972 2.105 1.972h13.684c1.159 0 2.106-.887 2.106-1.972V7.89c0-1.085-.948-1.973-2.106-1.973m0 3.62-6.841 3.284-6.843-3.284V7.891l6.842 3.284 6.842-3.284v1.647z' fill-rule='evenodd' fill='rgba(237, 29, 36, 1)'/%3E%3C/svg%3E") no-repeat left center / auto 1.125rem;
}

/* @media (max-width: 575.98px) {

	.contacts-result-oil-selection .mail {
		background-size: auto 1.500rem;
	}

} */

.contacts-result-oil-selection li a:hover,
.contacts-result-oil-selection li a:active {
	color: var(--red-color);
}

/* lubribase
============================================ */
.lubribase {
	position: relative;
	z-index: 1;
	margin: 2.875rem 0 0;
}

.lubribase::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	background:  url(../images/lubribase-bg.jpg) no-repeat center / cover;
	filter: brightness(.7)
}

.lubribase a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 1.875rem;

	/* background-color: #74ebd5; */
}

.logo-lubribase {
	flex-basis: 3.75rem;
	max-width: 3.75rem;
	margin: 0 2.5rem 0 0;
}

@media (max-width: 479.98px) {

	.logo-lubribase {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.25rem;
	}

	.logo-lubribase img {
		max-width: 3.75rem;
	}

}

.lubribase span {
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.4;
	transition: all .3s .02s linear;
}

.text-1-lubribase {
	position: relative;
	z-index: 1;
	flex-basis: calc(50% - 3.125rem);
	max-width: calc(50% - 3.125rem);
	padding: 0 5rem 0 0;

	/* background: #9face6; */
}

@media (max-width: 991.98px) {

	.text-1-lubribase {
		flex-basis: calc(100% - 6.25rem);
		max-width: calc(100% - 6.25rem);
		padding: 0;
	}

}

@media (max-width: 479.98px) {

	.text-1-lubribase {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.text-1-lubribase::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/lubribase-skew.svg) no-repeat right 2.5rem center / auto 100%;
}

@media (max-width: 991.98px) {

	.text-1-lubribase::after {
		display: none;
	}

}

.text-2-lubribase {
	flex-basis: calc(50% - 3.125rem);
	max-width: calc(50% - 3.125rem);

	/* background: palevioletred; */
}

@media (max-width: 991.98px) {

	.text-2-lubribase {
		flex-basis: 100%;
		max-width: 100%;
		margin: 1.25rem 0 0;
		padding: 1.25rem 0 0;
		border-top: 1px solid var(--white-color);
		font-weight: 400 !important;
		font-size: 1rem !important;
	}

}

/* .lubribase a:hover,
.lubribase a:focus-visible {
	border-color: var(--border-color)
} */

/* .lubribase a:hover span,
.lubribase a:focus-visible span {
	color: var(--blue-color);
} */

/* ========================================================================================
	sidebar
======================================================================================== */
/* nav-sidebar
============================================================================= */
.nav-sidebar ul {
	list-style: none;
}

.nav-sidebar ul li {
	border-bottom: .063rem solid var(--border-color);
}

.nav-sidebar ul li a {
	display: block;
	position: relative;
	padding: 1.125rem 1.125rem 1.125rem 2.500rem;
	background: var(--grey-bg);
	-webkit-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
	color: var(--black-color);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
}

.nav-sidebar ul > li a:before {
	content: "\f101";
	display: inline-block;
	position: absolute;
	top: 1.375rem;
	left: 1.125rem;
	color: var(--red-color);
	font-weight: 400;
	font-size: 1rem;
	font-family: FontAwesome;
}

.nav-sidebar ul li a:hover,
.nav-sidebar ul li a.active {
	background: var(--dark-color);
	color: var(--white-color);
}


.item > a:before {
	content: "\f078" !important;
	font-size: .750rem !important;
}

.cute li a {
	padding: .938rem 1.125rem .938rem 3.750rem !important;
}

.cute li:first-child a {
	border-top: .063rem solid rgba(204,204,201,1);
}

.cute li a {
	font-size: .875rem;
}

.cute li a:before {
	top: .938rem !important;
	left: 2.500rem !important;
	font-size: .875rem !important;
}


/* ========================================================================================
	footer
======================================================================================== */
.footer {
	position: relative;
	z-index: 0;
	background: var(--white-color);

	/* background: var(--white-color) url(../images/ny-f.png) no-repeat 50% 0 / cover; */
}

@media (max-width: 991.98px) {

	.footer {
		margin: 0 0 3.75rem;
	}

}

/* footer-top
============================================================================= */
.footer-top {
	overflow: hidden;
}

@media (max-width: 575.98px) {

	.footer-top {
		background: var(--dark-color);
	}

}

@media (max-width: 575.98px) {

	.footer-top .container-center {
		padding: 0;
		overflow: hidden;
	}

}

.footer-top .container-flex {
	align-items: center;
}

.footer-top .element-flex {
	position: relative;
	z-index: 1;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
}

@media (max-width: 575.98px) {

	.footer-top .element-flex {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.footer-top .element-flex:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 10000%;
	height: 100%;
	background: var(--dark-color);
}

@media (max-width: 575.98px) {

	.footer-top .element-flex:first-child::before {
		display: none;
	}

}

.footer-top .element-flex:last-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 10000%;
	height: 100%;
	background: var(--dark-color);
}

@media (max-width: 575.98px) {

	.footer-top .element-flex:last-child::after {
		display: none;
	}

}

.footer-top .element-flex a {
	display: block;
	padding: 1.313rem 0;
	transition: background 0.3s 0.02s ease;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

@media (max-width: 767.98px) {

	.footer-top .element-flex a {
		padding: 1.125rem 0;
		font-size: 1rem;
	}

}

.po-footer-top a {
	position: relative;
	z-index: 1;
	padding: 1.875rem 0 !important;
	background: var(--red-color);
	font-size: 1.250rem !important;
}

@media (max-width: 767.98px) {

	.po-footer-top a {
		padding: 1.125rem 0 !important;
		font-size: 1rem !important;
	}

}

.footer-top .element-flex a br {
	display: none;
}

.footer-top .element-flex a:hover,
.footer-top .element-flex a:active {
	background: var(--blue-color);
}

/* footer-middle
============================================================================= */
.footer-middle .container-center {
	padding: 3.750rem 1rem 1.875rem;

	/* background: chocolate; */
}

@media (max-width: 767.98px) {

	.footer-middle .container-center {
		padding: 0 1rem 1.875rem;

	}

}

.title-block-fm {
	margin: 0 0 2.500rem;
	color: var(--dark-color);
	font-weight: 600;
	font-size: 1.500rem;
}

/* footer-middle ul
============================================ */
@media (max-width: 575.98px) {

	.footer-middle ul {
		margin: 0 0 2.500rem;
	}

}

.footer-middle ul li {
	margin: 0 0 .750rem;
}

.footer-middle ul li a {
	display: inline-block;
	color: var(--grey-text);
	transition: color 0.1s 0.02s linear;
	text-decoration: none;
}

.footer-middle ul li a:hover,
.footer-middle ul li a:active {
	color: var(--red-color);
}

/* block-fm-1
============================================ */
.block-fm-1 {
	flex-basis: 35%;
	max-width: 35%;

	/* background: cadetblue; */
}

@media (max-width: 991.98px) {

	.block-fm-1 {
		display: none;
	}

}


.logos-f {
	margin: 0 0 1.875rem;

	/* background: red; */
}

.logos-f a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	/* background: palegoldenrod; */
}

.logos-f a span:first-child {
	flex-basis: 13.750rem;
	max-width: 13.750rem;
	margin: 0 0 .500rem;

	/* background: red; */
}

.logos-f a span:last-child {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0 0 0 2.250rem;

	/* background: cadetblue; */
}

.logos-f a span:last-child img {
	max-width: 10.625rem;
}


.slogan-f {
	color: var(--blue-color);
	font-weight: 600;
	font-size: 1.250rem;
	line-height: 1.4;
}

/* block-fm-2
============================================ */
.block-fm-2 {
	flex-basis: 20%;
	max-width: 20%;
	padding: 0 0 0 2.5rem;

	/* background: red; */
}

@media (max-width: 991.98px) {

	.block-fm-2 {
		flex-basis: 35%;
		max-width: 35%;
		padding: 0;
	}

}

@media (max-width: 767.98px) {

	.block-fm-2 {
		display: none;
	}

}

/* block-fm-3
============================================ */
.block-fm-3 {
	flex-basis: 45%;
	max-width: 45%;
	padding: 0 0 0 2.5rem;

	/* background: green; */
}

@media (max-width: 991.98px) {

	.block-fm-3 {
		flex-basis: 65%;
		max-width: 65%;
	}

}

@media (max-width: 767.98px) {

	.block-fm-3 {
		display: none;
	}

}

/* ================= phones-f ================= */
.phones-f {
	display: flex;
	flex-wrap: wrap;

	/* background: chartreuse; */
}

.block-phones-f {
	position: relative;
	flex-basis: 50%;
	max-width: 50%;
	margin: 0 0 1.250rem;
	padding: 0 0 0 2.500rem;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.1;
	font-family: var(--second-font);
}

.block-phones-f::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.875rem;
	height: 1.875rem;
	border: .125rem solid var(--red-color);
	border-radius: 50%;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='rgba(236, 26, 59, 1)'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") no-repeat center / auto 1rem;
}

.block-phones-f:last-child {
	margin: 0;
}

.town-f {
	display: block;
	margin: 0 0 .313rem;
	color: var(--grey-text);
	font-weight: 400;
	font-size: .875rem;
	font-family: var(--main-font);
}

.block-phones-f a {
	display: block;
	color: var(--text-color);
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	line-height: 1.15;
	text-decoration: none;
}

.block-phones-f a:hover,
.block-phones-f a:active {
	color: var(--blue-color) !important;
}

.block-phones-f a span {
	display: inline-block;
	font-weight: 400;
	font-size: 1.125rem;
}

.link-call-order-f {
	display: block;
}

.link-call-order-f a {
	display: inline-block;
	color: var(--red-color) !important;
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	font-weight: 400;
	font-size: 1rem;
	font-family: var(--second-font);
	text-decoration: none;
}

/* fm-bottom
============================================ */
.fm-bottom {
	flex-basis: 100%;
	max-width: 100%;
	margin: 2.5rem 0 0;
	padding: 2.5rem 0 0;
	border-top: .063rem solid var(--border-color);
	justify-content: center;

	/* background: crimson; */
}

@media (max-width: 991.98px) {

	.fm-bottom {
		top: 0;
		margin: 1.250rem 0 0;
	}

}

@media (max-width: 767.98px) {

	.fm-bottom {
		border-top: none;
		margin: 0;
		text-align: center;
	}

}

/* ======= copyright ======= */
.copyright {
	margin: 0 2.500rem 0 0;
	font-size: .875rem;
	line-height: 1.3;

	/* background: #ccc; */
}

@media (max-width: 575.98px) {

	.copyright {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .938rem;
	}

}

/* ======= social-f ======= */
.social-f {
	display: flex;
	align-items: center;
	margin: -.313rem 2.250rem 0 0;

	/* background: plum; */
}

@media (max-width: 575.98px) {

	.social-f {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .938rem;
		justify-content: center;
	}

}

.social-f a {
	width: 2rem;
	height: 2rem;
	border-radius: .250rem;
	transition: all .3s .02s linear;
}

.social-f a + a {
	margin: 0 0 0 .125rem;
}

.social-f .rutube {
	background-color: var(--grey-text);
	background-size: auto .875rem;
}

.social-f .rutube:hover,
.social-f .rutube:active,
.social-f .rutube:focus {
	background-color: rgb(16 9 67);
}

.social-f .youtube {
	background-color: var(--grey-text);
	background-size: auto 1.125rem;
}

.social-f .youtube:hover,
.social-f .youtube:active,
.social-f .youtube:focus {
	background-color: rgba(255, 0, 0, 1);
}

.social-f .vk {
	background-color: var(--grey-text);
	background-size: auto .625rem;
}

.social-f .vk:hover,
.social-f .vk:active,
.social-f .vk:focus {
	background-color: rgba(0, 119, 255, 1);
}

/* ======= made-f ======= */
.made-f {
	line-height: 1.2;

	/* background: #FF99CC; */
}

@media (max-width: 575.98px) {

	.made-f {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.made-f a {
	display: inline-block;
	color: var(--black-color);
	font-weight: 700;
	font-size: .875rem;
	text-decoration: none;
	-webkit-transition: color 0.3s 0.02s ease;
	transition: color 0.3s 0.02s ease;
}

.made-f a:hover,
.made-f a:active {
	color: var(--red-color);
}

/* footer-bottom
============================================================================= */
.footer-bottom {
	background: var(--dark-color);
}

.footer-bottom .container-center {
	padding: 1.125rem 1rem;
	color: var(--white-color);
	font-size: .875rem;
	line-height: 1.3;
	text-transform: uppercase;
	text-align: center;
}

.footer-bottom a {
	display: inline-block;
	color: var(--red-color);
	-webkit-transition: color 0.2s 0.02s ease;
	transition: color 0.2s 0.02s ease;
	text-decoration: underline;
}

.footer-bottom a:hover,
.footer-bottom a:active {
	color: var(--blue-color);
	text-decoration: none;
}


/* ========================================================================================
	index
======================================================================================== */
.block-index h1 {
	margin: 0 0 1.875rem;
	font-size: 1.875rem;
}

@media (max-width: 991.98px) {

	.block-index h1 {
		text-align: center;
	}

}

@media (max-width: 991.98px) {

	.block-index h1::after {
		margin-right: auto;
		margin-left: auto;
	}

}

.block-index h2 {
	margin: 0 0 2.500rem;
	font-size: 1.750rem;
	text-align: center;
}

.block-index h2::after {
	margin: .875rem auto 0;
}

/* slider-index
============================================================================= */
.slider-index {
	width: auto;
	height: auto;
	border-top: .063rem solid var(--border-color);

	/*background: #ff9933;*/
}

.slick-loading .slick-list {
	background: var(--white-color) url("../images/ajax-loader.gif") no-repeat center;
}

.slick-slider-bg {
	width: 100%;
	height: auto;

	/* background: cadetblue; */
}

.slide-po {
	position: relative;
	z-index: 1;
}

.slide-po::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/po-bg.jpg) repeat 0 0;
}

.slide-po a {
	background: url(../images/po-wolf.png) no-repeat right center;
	background-size: auto 70%;
}

@media (max-width: 767.98px) {

	.slide-po a {
		background: none;
	}

}

/* .slide-adblue {
	background: url(../images/slider-index/slide-adblue.jpg) no-repeat center top 85%;
	background-size: cover;
}

.slide-total {
	background: url(../images/slider-index/slide-total.jpg) no-repeat center top 60%;
	background-size: cover;
} */

.slick-slider-content {
	display: flex;
	padding: 5rem 0 7.500rem;
	align-items: center;

	/* background: #ff9999; */
}

@media (max-width: 991.98px) {

	.slick-slider-content {
		padding: 3.750rem 0 6.250rem;
	}

}

@media (max-width: 767.98px) {

	.slick-slider-content {
		padding: 3.125rem 0 5.625rem;
	}

}

@media (max-width: 575.98px) {

	.slick-slider-content {
		padding: 2.500rem 0;
	}

}

.text-ssc {
	flex-basis: 100%;
	max-width: 100%;
	color: var(--white-color);
	font-weight: 700;
	font-size: 2.625rem;
	font-family: var(--second-font);
	line-height: 1.3;

	/* background: green; */
}

@media (max-width: 991.98px) {

	.text-ssc {
		font-size: 2.375rem;
	}

}

@media (max-width: 767.98px) {

	.text-ssc {
		font-size: 2rem;
		text-align: center;
	}

}

@media (max-width: 575.98px) {

	.text-ssc {
		font-size: 1.500rem;
	}

}

.text-ssc span {
	display: inline-block;
	margin: .938rem 0 0;
	padding: 0 .750rem;
	border-radius: .250rem;
	background: rgba(255, 255, 255, .85);
	font-size: 2.875rem;
	text-shadow: none;
}

@media (max-width: 991.98px) {

	.text-ssc span {
		font-size: 2.500rem;
	}

}

@media (max-width: 767.98px) {

	.text-ssc span {
		font-size: 2.125rem;
	}

}

@media (max-width: 575.98px) {

	.text-ssc span {
		font-size: 1.625rem;
	}

}

.slide-po .text-ssc span {
	color: rgba(237, 26, 59, 1);
}

.slide-adblue .text-ssc span {
	color: rgba(0, 142, 211, 1);
}

.slide-total .text-ssc span {
	color: rgba(237, 26, 59, 1);
}

/* arrows */
.slick-prev,
.slick-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: none;
	background: none;
	-webkit-transition: background 0.1s 0.02s linear;
	transition: background 0.1s 0.02s linear;
	z-index: 1;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	outline: none;
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.slick-prev {
	left: 1.563rem;
	background: url(../images/prev.png) no-repeat center;
}

.slick-next {
	right: 1.563rem;
	background: url(../images/next.png) no-repeat center;
}

/* .slick-prev:hover,
.slick-prev:focus {
	background: url(../images/prev.png) no-repeat center;
}

.slick-next:hover,
.slick-next:focus {
	background: url(../images/next.png) no-repeat center;
} */

/* main-buttons-index
============================================================================= */
.main-buttons-index {
	position: relative;
	top: -1.875rem;
	overflow: hidden;

	/* background: red; */
}

@media (max-width: 575.98px) {

	.main-buttons-index {
		top: 0;
		background: var(--black-color);
	}

}

@media (max-width: 575.98px) {

	.main-buttons-index .container-center {
		padding: 0;
		overflow: hidden;
	}

}

.main-buttons-index .container-flex {
	align-items: center;

	/* background: palevioletred; */
}

.main-buttons-index .element-flex {
	position: relative;
	z-index: 1;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex {
		flex-basis: 100%;
		max-width: 100%;
	}

}

.main-buttons-index .element-flex:first-child::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 10000%;
	height: 100%;
	background: var(--grey-bg);
}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex:first-child::before {
		display: none;
	}

}

.main-buttons-index .element-flex:last-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 10000%;
	height: 100%;
	background: var(--grey-bg);
}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex:last-child::after {
		display: none;
	}

}

.main-buttons-index .element-flex a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.875rem 1.500rem;
	background: var(--grey-bg);
	transition: background 0.2s 0.02s linear;

	/* background: cadetblue; */
}

@media (max-width: 767.98px) {

	.main-buttons-index .element-flex a {
		padding: 1.875rem 1.250rem;
	}

}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex a {
		justify-content: flex-start;
		padding: 1.250rem 1.250rem;
		background: var(--black-color);
	}

}

.po-main-buttons-index a {
	display: block !important;
	padding: 1.875rem 1.500rem !important;
	border-radius: .313rem;
	border: .063rem solid var(--border-color);
	background: #eae9ea !important;
	/* box-shadow: 0 0 .125rem 0 rgba(20, 20, 21, .3); */
}

@media (max-width: 767.98px) {

	.po-main-buttons-index a {
		padding: 1.250rem 1.250rem !important;
	}

}

@media (max-width: 575.98px) {

	.po-main-buttons-index a {
		display: flex !important;
		padding: 1.250rem 1.250rem !important;
		border-radius: 0;
		border: none;
		background: var(--red-color) !important;
	}

}

.main-buttons-index .element-flex img {
	flex-basis: 33.3333%;
	max-width: 33.3333%;

	/* background: #777; */
}

@media (max-width: 767.98px) {

	.main-buttons-index .element-flex img {
		flex-basis: 40%;
		max-width: 40%;
	}

}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex img {
		flex-basis: 3.750rem;
		max-width: 3.750rem;
	}

}

.po-main-buttons-index img {
	margin: 0 auto .938rem;
}

@media (max-width: 575.98px) {

	.po-main-buttons-index img {
		margin: 0;
	}

}

.main-buttons-index .element-flex span {
	padding: 0 0 0 .938rem;
	color: var(--blue-color);
	transition: color 0.2s 0.02s linear;
	font-weight: 700;
	font-size: 1.375rem;
	line-height: 1.1;
	font-family: var(--second-font);

	/* background: #ccc; */
}

@media (max-width: 767.98px) {

	.main-buttons-index .element-flex span {
		font-size: 1rem;
	}

}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex span {
		color: var(--white-color);
		font-size: 1.125rem;
	}

}

@media (max-width: 575.98px) {

	.main-buttons-index .element-flex span br {
		display: none;
	}

}

.po-main-buttons-index span {
	display: block !important;
	padding: 0 !important;
	color: var(--red-color) !important;
	text-align: center;
}

@media (max-width: 575.98px) {

	.po-main-buttons-index span {
		display: inline-block !important;
		padding: 0 0 0 .938rem !important;
		color: var(--white-color) !important;
		text-align: left;
	}

}

.main-buttons-index .element-flex a:hover,
.main-buttons-index .element-flex a:active {
	background: var(--border-color) !important;
}

.main-buttons-index .element-flex a:hover span,
.main-buttons-index .element-flex a:active span {
	color: var(--red-color);
}

.po-main-buttons-index a:hover span,
.po-main-buttons-index a:active span {
	color: var(--blue-color) !important;
}

/* banner-index
============================================================================= */




/* about-index
============================================================================= */
.about-index .container-center {
	padding: 1.875rem 1rem 3.750rem;

	/* background: #FF9933; */
}

.about-index .element-flex:first-of-type {
	flex-basis: 75%;
	max-width: 75%;
	padding: 0 1.250rem 0 0;
}

@media (max-width: 991.98px) {

	.about-index .element-flex:first-of-type {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 1.250rem;
		padding: 0;
	}

}

.about-index .element-flex:last-of-type {
	flex-basis: 25%;
	max-width: 25%;
	padding: 0 0 0 1.250rem;
}

@media (max-width: 991.98px) {

	.about-index .element-flex:last-of-type {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
	}

}

.about-index .element-flex:last-of-type .btn {
	text-align: center;
}

.about-index .element-flex:last-of-type .btn a {
	padding: .875rem 2.500rem;
}

/* advantages-index
============================================================================= */
.advantages-index {
	border-top: .063rem solid rgba(219, 223, 229, .5);
	border-bottom: .063rem solid rgba(219, 223, 229, .5);
	background: var(--border-color);
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}

.advantages-index .container-center {
	padding: 3.750rem 1rem 1.250rem;

	/* background: pink; */
}

.advantages-index h2 {
	margin-bottom: 3.750rem;
}

.advantages-index .element-flex {
	flex-basis: 25%;
	max-width: 25%;
	margin: 0 0 2.500rem;
	padding: 0 2.500rem;
	text-align: center;

	/* background: #ccc; */
}

/* .advantages-index .element-flex:nth-child(2n) {
	background: #999;
} */

@media (max-width: 991.98px) {

	.advantages-index .element-flex {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 .625rem;
	}

}

/* .block-aic:nth-child(2n) {
	background: greenyellow;
} */

.advantages-index .element-flex span:first-child[class^="flaticon-"]:before,
.advantages-index .element-flex span:first-child[class*=" flaticon-"]:before,
.advantages-index .element-flex span:first-child[class^="flaticon-"]:after,
.advantages-index .element-flex span:first-child[class*=" flaticon-"]:after {
	display: block;
	width: 6.250rem;
	height: 6.250rem;
	margin: 0 auto;
	padding: 1.500rem 0 0;
	border: .125rem solid var(--red-color);
	border-radius: 100%;
	background: var(--white-color);
	color: var(--red-color);
	font-size: 2.875rem;
	font-family: "Flaticon-2";
	text-align: center;
}

@media (max-width: 575.98px) {

	.advantages-index .element-flex span:first-child[class^="flaticon-"]:before,
	.advantages-index .element-flex span:first-child[class*=" flaticon-"]:before,
	.advantages-index .element-flex span:first-child[class^="flaticon-"]:after,
	.advantages-index .element-flex span:first-child[class*=" flaticon-"]:after {
		width: 5rem;
		height: 5rem;
		padding: 1.250rem 0 0;
		font-size: 2.250rem;
	}

}

.advantages-index .element-flex span:last-child::before {
	content: "";
	display: block;
	width: 2.500rem;
	height: .125rem;
	margin: .938rem auto 1.125rem;
	background: var(--border-color-dakr);
}

.advantages-index .element-flex span:last-child {
	display: block;
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.3;
}

@media (max-width: 575.98px) {

	.advantages-index .element-flex span:last-child {
		font-size: 1rem;
	}

}

/* sert-index
============================================================================= */
/* .sert-index {
	background: red;
} */

.sert-index .container-center {
	padding: 3.750rem 1rem;
	
	/* background: red; */
}


.sert-index .container-flex {
	position: relative;
	z-index: 1;
	max-width: 80%;
	margin: 0 auto;
	justify-content: center;
}

@media (max-width: 991.98px) {

	.sert-index .container-flex {
		max-width: 100%;
	}

}

.sert-index .container-flex::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: calc(-50% + 25rem);
	transform: translateY(-50%);
	z-index: -1;
	width: 12.500rem;
	height: .125rem;
	background: var(--red-color);
}

.sert-index .container-flex::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: calc(-50% + 25rem);
	transform: translateY(-50%);
	z-index: -1;
	width: 12.500rem;
	height: .125rem;
	background: var(--red-color);
}

@media (max-width: 1199.98px) {

	.sert-index .container-flex::before {
		left: calc(-50% + 20rem);
	}

	.sert-index .container-flex::after {
		right: calc(-50% + 20rem);
	}

}

@media (max-width: 991.98px) {

	.sert-index .container-flex::before {
		display: none;
	}

	.sert-index .container-flex::after {
		display: none;
	}

}


.sert-index .element-flex {
	flex-basis: 40%;
	max-width: 40%;
	padding: 0 2.5rem;
}

@media (max-width: 991.98px) {

	.sert-index .element-flex {
		flex-basis: 50%;
		max-width: 50%;
		padding: 0 2.5rem;
	}

}

@media (max-width: 767.98px) {

	.sert-index .element-flex {
		padding: 0 1.25rem;
	}

}

@media (max-width: 575.98px) {

	.sert-index .element-flex {
		flex-basis: 100%;
		max-width: 100%;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.left-sert-index {
		margin: 0 0 2.5rem;
	}

}

.sert-index h3 {
	text-align: center;
}

@media (max-width: 575.98px) {

	.sert-index h3 {
		flex-basis: 100%;
		max-width: 100%;
		text-align: left;
	}

}

.sert-index a {
	display: block;
	text-align: center;
}

@media (max-width: 575.98px) {

	.sert-index a {
		flex-basis: 50%;
		max-width: 50%;
		text-align: left;
	}

}

.sert-index .fancybox {
	margin: 0 0 1.25rem;
	border: .063rem solid var(--border-color);
}

@media (max-width: 575.98px) {

	.sert-index .fancybox {
		margin: 0;
	}

}

.sert-index a:last-child {
	color: var(--dark-color);
	font-weight: 600;
	transition: all .3s .02s linear;
}

@media (max-width: 575.98px) {

	.sert-index a:last-child {
		padding: 1.25rem 0 0 1.25rem;
	}

}

.sert-index a:last-child .fa {
	margin: 0 .5rem 0 0;
	font-weight: 400;
}

.sert-index a:last-child:hover,
.sert-index a:last-child:active {
	color: var(--red-color);
}


/* ========================================================================================
	cookies
======================================================================================== */
.cookies {
	position: fixed;
	bottom: .625rem;
	left: 0;
	z-index: 8888;
	display: none;
	width: 100%;
}

.cookies-active {
	display: block;
}


.inner-cookies {
	display: flex;
	align-items: center;
	max-width: 1320px;
	margin-inline: auto;
	padding: 1rem 1rem;
	border: .063rem solid var(--border-color);
	border-radius: .125rem;
	background: var(--grey-bg);
}

@media (max-width: 575.98px) {

	.inner-cookies {
		flex-wrap: wrap;
	}

}

.text-cookies {
	margin-right: 1.875rem;

	/* background: #999; */
}

@media (max-width: 575.98px) {

	.text-cookies {
		flex-basis: 100%;
		width: 100%;
		margin-bottom: .875rem;
	}

}

.text-cookies p {
	margin: 0;
	line-height: 1.2;
}

.text-cookies p:first-child {
	margin-bottom: .313rem;
	font-weight: 700;
	
	/* background: palegreen; */
}

/* .text-cookies p:last-child {
	background: palegreen;
} */

.text-cookies p a {
	color: var(--red-color);
	text-decoration: underline;
}

.text-cookies p a:hover,
.text-cookies p a:active {
	text-decoration: none;
}


.inner-cookies button {
	width: auto;
	height: 2.875rem;
	margin-left: auto;
	padding: .750rem 1.875rem;
	border: .063rem solid var(--blue-color);
	background: var(--blue-color);
	color: var(--white-color);
	font-weight: 600;
	font-size: 1rem;
	transition: border-color 0.3s 0.02s linear,
				background 0.3s 0.02s linear,
				color 0.3s 0.02s linear;
}

@media (max-width: 575.98px) {

	.inner-cookies button {
		margin-left: 0;
	}

}

.inner-cookies button:hover,
.inner-cookies button:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	cursor: pointer;
	color: rgba(51, 51, 51, 1);
}


/* ========================================================================================
	modal
======================================================================================== */
.reveal-modal-bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 8;
}

.reveal-modal {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -40%);
	width: 100%;
	max-width: 25rem; /*400px*/
	visibility: hidden;
	background: var(--white-color);
	z-index: 9;
}

.reveal-modal a.close-reveal-modal {
	position: absolute;
	top: .500rem;
	right: .688rem;
	font-size: 1.375rem;
	line-height: .5;
	color: rgba(255, 255, 255, .7);
	-webkit-transition: color 0.2s 0.02s linear;
	transition: color 0.2s 0.02s linear;
	font-weight: 600;
	cursor: pointer;
}

.reveal-modal a.close-reveal-modal:hover,
.reveal-modal a.close-reveal-modal:active {
	color: var(--white-color);
}

.title-modal {
	padding: 1.250rem 1.875rem;
	background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) var(--dark-color);
	background-blend-mode: multiply,multiply;
	border: .063rem solid rgba(70, 70, 70, 1);
	color: var(--light-blue-color);
	font-weight: 600;
	font-size: 1.250rem;
	line-height: 1.3;
	text-transform: uppercase;
	/* text-align: center; */
}

.title-modal span {
	display: block;
	margin: .500rem 0 0;
	color: var(--white-color);
	font: normal normal 600 .875rem/1.3 "Open Sans";
	text-transform: none;
}

.title-modal span + span {
	color: var(--red-color);
	font-size: .750rem;
}

.title-modal span + span::before {
	content: "\f041";
	display: inline-block;
	margin: 0 .500rem 0 0;
}

.content-modal {
	padding: 1.875rem;
	text-align: center;

	/* background: #ccc; */
}

.content-modal p:first-child {
	margin: 0 0 .938rem;
	font-weight: 600;
	font-size: 1rem !important;
	text-align: left;
}


.list-modal-opt li:first-child {
	margin: 0 0 .313rem;
}

.list-modal-opt li a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: .875rem;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	color: var(--blue-color);
	-webkit-transition: all 0.15s 0.015s ease;
	transition: all 0.15s 0.015s ease;
	font-weight: 600;
	font-size: .875rem;
	text-align: left;
	text-decoration: none;
}


.list-modal-opt li a:link::after,
.list-modal-opt li a:visited::after {
	content: "";
	position: absolute;
	height: 0;
	top: 50%;
	left: 50%;
	width: 150%;
	-webkit-transition: all 0.4s 0.02s linear;
	transition: all 0.4s 0.02s linear;
}

.list-modal-opt li a::after {
	opacity: 0;
	border: .188rem solid var(--dark-color);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}

.list-modal-opt li a:hover::after {
	height: 550% !important;
	opacity: 1;
}

.list-modal-opt li a:hover,
.list-modal-opt li a:active {
	border-color: var(--dark-color);
	background: var(--white-color);
	color: rgba(51, 51, 51, 1) !important;
}


.content-modal form p:last-of-type {
	margin: 0 0 1.250rem;
	font-size: .875rem;
	text-align: left;
}

.content-modal textarea {
	height: 5.75rem;
}

/* buy-modal
============================================================================= */
.buy-modal .content-modal {
	padding: 1.250rem 1.250rem 1.875rem;
	text-align: left;
}

/* hide-block-modal
============================================ */
.hide-block-modal {
	display: none;
	margin: 1.250rem 0 0;
}


.online-shops-modal:not(:last-of-type) {
	margin: 0 0 .625rem;
	padding: 0 0 .625rem;
	border-bottom: .063rem solid var(--border-color);
}

.online-shops-modal .block-inline:first-of-type {
	width: 60%;
	color: var(--dark-color);
	font-weight: 700;
	font-size: 1rem;
	font-family: Play, serif;

	/* background: #ccc; */
}

.online-shops-modal .block-inline:last-of-type {
	width: 40%;

	/* background: #777; */
}

.online-shops-modal .block-inline:last-of-type a {
	display: inline-block;
	padding: 0 0 .188rem;
	border-bottom: .063rem solid var(--red-color);
	color: var(--red-color);
	font-weight: 600;
	font-size: .875rem;
	text-decoration: none;
	-webkit-transition: border-bottom-color 0.2s 0.02s linear;
	transition: border-bottom-color 0.2s 0.02s linear;
}

.online-shops-modal .block-inline:last-of-type a:hover,
.online-shops-modal .block-inline:last-of-type a:active {
	border-bottom-color: transparent;
}


/* ====================================================================== */
/* food
====================================================================== */
/* food btn
============================================================================= */
.food .btn-consultation {
	margin-left: .625rem;
	text-align: right;
}

.food .btn-consultation a:hover,
.food .btn-consultation a:active {
	border-color: var(--food-dark-green);
	background: var(--food-dark-green) url(../images/btn-consultation.png) no-repeat 1.250rem center;
	background-size: auto 1.500rem;
}

/* food panel-top
====================================================================== */
.food .panel-top {
	background: var(--food-light-green);
}

.food .nav-pt > ul > li.parent:first-child > a {
	background: var(--food-dark-green);
}

.food .nav-pt > ul > li:hover > a,
.food .nav-pt > ul > li.active > a {
	background: var(--food-dark-green);
}

.food .nav-pt ul ul li a {
	background: var(--food-light-green);
}

.food .nav-pt ul ul li a::before {
	color: var(--food-dark-green);
}

.food .nav-pt ul ul li:hover > a,
.food .nav-pt ul ul li a:hover {
	color: var(--food-dark-green);
}

/* food search-pt
============================================================================= */
.food .search-pt input {
	background: var(--food-light-bg) !important;
	color: var(--grey-text) !important;
}

.food .search-pt input::-webkit-input-placeholder {
	color: var(--grey-text) !important;
}

.food .search-pt input::-moz-placeholder {
	color: var(--grey-text) !important;
}

.food .search-pt input:-ms-input-placeholder {
	color: var(--grey-text) !important;
}

.food .search-pt input:focus::-webkit-input-placeholder {
	color: rgba(134, 134, 134, 0) !important;
}

.food .search-pt input:focus::-moz-placeholder {
	color: rgba(134, 134, 134, 0) !important;
}

.food .search-pt input:focus:-ms-input-placeholder {
	color: rgba(134, 134, 134, 0) !important;
}

.food .search-pt [type="submit"] .zmdi {
	color: var(--grey-text);
}

/* food main-buttons
====================================================================== */
.food .main-buttons {
	top: 0;
	margin: 0;
}

.food .main-buttons .element-flex:first-child::before {
	background: var(--food-dark-green);
}

.food .main-buttons .element-flex:last-child::before {
	background: var(--food-dark-green);
}

.food .main-buttons .element-flex a:hover,
.food .main-buttons .element-flex a:active {
	background: var(--food-light-green);
}

/* food slogan
====================================================================== */
.slogan-food {
	position: relative;
	top: -.375rem;
	border-bottom: .313rem solid var(--red-color);
	background: url(../images/slogan-bg-food.jpg) no-repeat center;
	background-size: cover;
}

@media (max-width: 767.98px) {

	.slogan-food {
		display: none;
	}

}

.slogan-food .container-center {
	padding: 3.875rem 1rem;
		background: url(../images/slogan-center-bg-food.png) no-repeat right bottom 130%;
		background-size: 35%;

	/* background: #FF9999; */
}

@media (max-width: 991.98px) {

	.slogan-food .container-center {
		background: url(../images/slogan-center-bg-food.png) no-repeat right bottom 130%;
		background-size: 38%;
	}

}

.slogan-food .slogan-text {
	color: var(--white-color);
	font-family: Play;

	/* background: #ccc; */
}

.slogan-food .slogan-text span:first-child {
	display: block;
	width: 70%;
	margin: 0 0 2.500rem;
	color: rgba(72, 72, 78, 1);
	font-weight: 700;
	font-size: 2.750rem;
	line-height: 1;

	/* background: #ccc; */
}

@media (max-width: 1199.98px) {

	.slogan-food .slogan-text span:first-child {
		font-size: 2.500rem;
	}

}

@media (max-width: 991.98px) {

	.slogan-food .slogan-text span:first-child {
		width: 100%;
	}

}

.slogan-food .slogan-text span:nth-child(2) {
	display: block;
	width: 70%;
	margin: 0 0 2.500rem;
	padding: 0;
	border-radius: none;
	background: none;
	color: rgba(237, 26, 59, 1);
	font-weight: 700;
	font-size: 1.750rem;
	text-shadow: none;
}

@media (max-width: 1199.98px) {

	.slogan-food .slogan-text span:nth-child(2) {
		font-size: 1.500rem;
	}

}

.slogan-food .slogan-text span:last-child {
	display: block;
	width: 70%;
}

.slogan-food .slogan-text span:last-child img {
	width: 33%;
}


/* ========================================================================================
	food middle content
======================================================================================== */
/* food typography
============================================================================= */
.food .middle h1 {
	margin: 0 0 1.875rem;
	color: var(--food-dark-green);
	font-size: 2rem;
}

.food .middle h2 {
	margin-left: .625rem;
	color: var(--red-color);
	font-size: 1.750rem;
	text-align: left;
}

/* food text-food
============================================================================= */
.text-food {
	padding: 0 0 1.250rem;
	border-bottom: .063rem solid var(--border-color);
	overflow: hidden;
}

.img-text-food {
	float: left;
	width: 15%;
	margin: 0 5% 0 0;
	padding: 4.688rem 0 0;
}

@media (max-width: 575.98px) {

	.img-text-food {
		display: none;
	}

}

.img-text-food img {
	display: block;
	width: 100%;
}

.note-text-food {
	float: left;
	width: 75%;
}

@media (max-width: 575.98px) {

	.note-text-food {
		float: none;
		width: 100%;
	}

}

/* food btns-analogues
============================================================================= */
.food .btns-analogues {
	margin: 1.875rem 0 0;
}

.food .btns-analogues ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.625rem;
}

@media (max-width: 575.98px) {

	.food .btns-analogues ul {
		margin: 0;
	}

}

.food .btns-analogues li {
	flex-basis: calc(25% - 1.250rem);
	max-width: calc(25% - 1.250rem);
	margin: 0 .625rem 1.250rem;
	padding: 0 0 0 .313rem;
}

@media (max-width: 991.98px) {

	.food .btns-analogues li {
		flex-basis: calc(33.3333% - 1.250rem);
		max-width: calc(33.3333% - 1.250rem);
	}

}

@media (max-width: 767.98px) {

	.food .btns-analogues li {
		flex-basis: calc(50% - 1.250rem);
		max-width: calc(50% - 1.250rem);
	}

}

@media (max-width: 575.98px) {

	.food .btns-analogues li {
		flex-basis: 100%;
		max-width: 100%;
		margin: 0 0 .938rem;
	}

}

.food .btns-analogues li a {
	border: .063rem solid var(--food-dark-green);
	background: var(--food-dark-green);
	color: var(--white-color);
}

/* for-food
============================================ */
.for-food {
	position: relative;
	margin: 0 0 1.250rem;
}

.for-food a {
	display: block;
	padding: .938rem 1.250rem .938rem 11.875rem;
	overflow: hidden;
	border: .063rem solid var(--border-color);
	background: var(--grey-bg);
	-webkit-transition: all 0.2s 0.02s ease;
	transition: all 0.2s 0.02s ease;
	color: var(--food-dark-blue);
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
}

.for-food a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: auto;
	padding: .938rem 1.250rem;
	background: var(--blue-color);
	-webkit-transition: all 0.2s 0.02s ease;
	transition: all 0.2s 0.02s ease;
	color: var(--white-color);
	font-weight: 600;
	font-size: 1.125rem;
	text-transform: uppercase;
	text-align: center;
}

.for-food a:hover,
.for-food a:active {
	border-color:  var(--light-blue-color);
	background: transparent;
}

.for-food a:hover span,
.for-food a:active span {
	background: var(--light-blue-color);
}

/* table-food
============================================================================= */
.table-food th {
	border-bottom: .063rem solid var(--food-light-green);
}

.table-food th:first-child {
	width: 20%;

	/* background: #ccc; */
}

.table-food th:last-child {
	width: 15%;

	/* background: #ccc; */
}

.table-food th span {
	background: var(--food-light-green);
	color: var(--food-dark-green);
}

.name-tf {
	font-weight: 800;
	font-size: 1.125rem;
}

.name-tf a {
	display: inline-block;
	color: var(--text-color);
	text-decoration: none;
}

.name-tf span {
	display: block;
	color: var(--red-color);
	font-weight: 700;
}

.buy-tf {
	display: block;
	margin: 0 0 .750rem;
}

.buy-tf a {
	display: inline-block;
	margin: .625rem 0 0;
	padding: .250rem 1.250rem;
	border: .063rem solid rgba(246, 151, 0, 1);
	background: rgba(246, 151, 0, 1);
	-webkit-transition: all 0.2s 0.02s ease;
	transition: all 0.2s 0.02s ease;
	color: var(--white-color);
	font-weight: 600;
	font-size: .875rem;
	text-decoration: none;
}

.buy-tf a:hover,
.buy-tf a:active {
	background: var(--food-light-bg);
	color: var(--food-dark-green);
}

.info-tf {
	display: inline-block;
}

.info-tf .fa {
	margin: 0;
	color: var(--red-color);
	font-size: 1rem;
}

.info-tf a {
	display: inline-block;
	margin: .750rem 0 0;
	color: var(--food-dark-blue);
	text-decoration: underline;
}

.info-tf a:hover,
.info-tf a:active {
	text-decoration: none;
}


.table-food ul {
	list-style: none;
}

.table-food td:nth-child(2) ul li {
	padding: 0 0 0 .750rem;
	background: url(../images/table-ul-li.png) no-repeat 0 .438rem;
}


/* ========================================================================================
	food footer
======================================================================================== */
.food .footer {
	background: var(--white-color);
}

/* food footer-top
============================================================================= */
.food .footer-top .element-flex:first-child::before {
	background: var(--food-light-green);
}

.food .footer-top .element-flex:last-child::before {
	background: var(--food-light-green);
}

.food .footer-top .element-flex a:hover,
.food .footer-top .element-flex a:active {
	background: var(--food-dark-green);
}

/* food footer-middle
============================================================================= */
/* food accordion-mobile-f
============================================ */
.food .accordion-mobile-f {
	color: var(--food-dark-green);
}

/* food block-fm-1
============================================ */
.food .logo-slogan-f span {
	color: var(--food-light-green);
}

/* food footer-bottom
============================================================================= */
.food .footer-bottom {
	background: var(--food-light-green);
}

.food .footer-bottom a {
	color: rgba(51, 51, 51, 1);
}

.food .footer-bottom a:hover,
.food .footer-bottom a:active {
	color: var(--food-dark-green);
}