html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
input::placeholder { font-style: italic; font-weight: normal; color: #999999; }
input::-webkit-input-placeholder { font-style: italic; font-weight: normal; color: #999999; }
input:-moz-placeholder { font-style: italic; font-weight: normal; color: #999999; }
* {
	font-family: arial, helvetica, sans-serif;
	line-height: 1.2em;
	margin-block-start: 0;
	margin-block-end: 0;
}

.-font-narrow { font-family: "Helvetica Narrow", "Arial Narrow", Narrow, Tahoma, Arial, Helvetica, sans-serif; }
.-font-arial { font-family: Arial, 'Helvetica', 'Sans-serif'; }
.-font-roboto { font-family: 'Roboto', arial, helvetica, sans-serif; }
.-svg-horse, H1:before, .catalog-box-models .catalog-name:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75px' height='106px' version='1.1' style='shape-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 376 533'%3E%3Cpath fill='%232377AF' d='M34 444l0 31 30 -31 25 0 -26 26 18 45 23 -71 20 0 23 69 0 -69 32 0 15 50 17 -50 31 0 0 69 22 -69 20 0 24 73 25 -58 -25 0 0 -15 61 0 -30 74 30 0 -1 15 -81 0 -4 -10 -26 0 -3 10 -39 0 0 -48 -15 48 -21 0 -16 -48 0 48 -37 0 -3 -10 -27 0 -3 10 -35 0 -17 -42 -7 7 0 35 -27 0 0 -89 27 0zm76 38l-9 26 17 0 -8 -26zm160 0l-8 26 16 0 -8 -26zm-270 -87l376 0 0 15 -376 0 0 -15zm235 -60c-6,-4 -12,-8 -18,-11 -1,-9 -10,-14 -15,-19 -3,-7 -7,-13 -10,-19 -9,-11 -24,-10 -10,-25 6,-3 6,-3 9,-3 5,11 9,15 20,22 12,13 9,30 21,42 1,2 6,12 3,13zm22 41c-2,-11 -2,-12 -3,-15 -9,2 -17,3 -20,-6 -8,5 -11,5 -20,5 -3,-7 -6,-14 -9,-21 -2,-2 -5,-4 -7,-5 -7,-9 -8,-17 -20,-22 -10,-15 -10,-15 -29,-19 -5,-2 -12,-5 -17,-5 2,3 4,6 6,9 4,2 7,3 11,4 8,8 9,22 18,31 1,-4 0,-5 -1,-9 14,0 20,5 21,19 -8,19 -25,17 -34,0 -2,-2 -16,-9 -31,-16 -5,-8 -8,-17 -15,-24 -8,-4 -15,-9 -21,-15 -1,-8 -2,-14 -6,-20 -3,-3 -17,-13 -17,-16 -17,-6 -12,-65 -10,-79 6,-16 6,-16 8,-27 1,-13 1,-13 3,-49 5,-9 12,-15 0,-19 4,-10 14,-16 18,-25 0,-4 -1,-6 -1,-8 15,-10 27,-16 33,-34 6,-6 6,-6 11,-10 1,0 1,0 2,0 -1,5 -1,10 -1,15 16,-3 17,-3 19,-3 -2,3 -2,4 -3,8 5,0 10,1 15,1 16,6 36,-1 52,4 3,2 3,6 3,9 11,2 14,12 4,15 -6,1 -12,1 -18,3 0,1 0,2 1,3 5,0 10,0 15,0 2,10 -7,19 -16,13 -13,1 -13,1 -21,2 -3,8 -19,9 -26,9 -2,15 -1,30 0,45 15,-2 22,-2 37,2 8,-5 17,-10 25,-13 34,-9 72,-3 106,-3 2,0 4,0 6,0 -1,4 -4,7 -6,9 -8,3 -16,5 -16,6 1,1 1,1 5,3 -3,10 -30,6 -32,15 2,2 2,2 6,3 -22,10 -41,1 -63,0 -2,1 -4,1 -6,2 8,14 10,40 10,60 0,1 0,2 1,3 9,17 13,34 16,53 2,8 7,13 11,20 3,8 3,8 8,27 4,7 8,14 13,21 3,11 18,27 17,35 -3,0 -10,7 -11,9 -7,0 -14,0 -21,0z'/%3E%3Cpath fill='%23ffc600' d='M212 34c-1,1 -2,1 -3,2 -4,1 -8,-1 -7,-5 0,0 10,3 10,3zm-62 -1c5,-5 11,-5 12,1 -3,4 -10,3 -12,-1zm-12 115c-10,-21 -7,-48 -6,-70 3,0 7,0 9,3 -3,22 -3,45 -3,67zm61 85c-5,-7 -10,-14 -19,-7 -1,-1 -2,-1 -2,-1 -1,-7 5,-4 9,-9 -3,-18 -22,-37 -33,-50 -3,-11 -3,-21 -4,-32 11,0 20,2 30,7 1,-2 0,-4 0,-7 42,13 36,46 27,69 -5,7 -13,2 -13,13 8,0 10,5 14,11 0,4 -5,6 -9,6zm-50 3c-2,-2 -2,-3 -2,-6 13,-7 7,-16 -4,-22 -1,-3 -2,-5 -3,-7 1,-1 2,-3 2,-4 16,-1 24,-2 29,14 -1,5 -6,10 -9,14 -4,8 -4,10 -13,11zm-19 12c-8,-2 -16,-3 -24,-3 -14,-6 -20,-9 -21,-24 3,-4 5,-5 10,-7 8,6 16,12 22,20 6,3 11,1 17,5 5,1 5,1 6,1 0,1 0,2 1,2 -4,3 -7,5 -11,6zm-1 62c-4,-8 -8,-14 -12,-21 -8,-8 -19,-12 -11,-22 2,0 4,0 6,0 11,10 9,29 25,38 0,1 0,2 0,3 -3,1 -5,1 -8,2zm115 3c-8,-4 -6,-11 -6,-18 -6,-10 -10,-20 -21,-24 -3,-6 -11,-15 -6,-21 14,0 16,10 19,21 6,12 12,23 19,35 -1,1 -1,3 -1,5 -1,1 -3,1 -4,2zm12 22c0,0 -1,0 -1,1 -2,-1 -4,-1 -6,-1 0,-3 0,-3 1,-5 1,0 2,0 4,0 0,1 1,3 2,5zm-1 1c0,-1 1,-1 1,-1 2,2 9,14 8,17 -2,2 -4,3 -5,5 -3,-3 -3,-17 -4,-21z'/%3E%3C/svg%3E"); }
.-svg-open { background: transparent url('data:image/svg+xml;charset=UTF-8,%3csvg width="800px" height="800px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cg stroke="none" fill="%23bee2f3" fill-rule="evenodd"%3e%3cg transform="translate(85.333333, 64.000000)"%3e%3cpath d="M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z"%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e') 0 0/20px 20px no-repeat; }


.width100 { width: 100%; }
.content .cntr, .cntr {	text-align: center; }
.content .bld, .bld { font-weight: bold; }

.jstf { text-align: justify; }
.b { font-weight: bold; }
.red { color: red; }
.dred { color: darkred; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.lt { text-decoration: line-through; }
.nw { white-space: nowrap; }





BODY {
	display: block;
	min-width: 100%;
	background: white;
	font-family: arial, helvetica, sans-serif;
}



H1, H2, H3, H4 {
	font-family: Arial, 'Helvetica', 'Sans-serif';
	line-height: 1.1em;
}
H1 {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 20px 20px 40px 60px;
	letter-spacing: 0.5px;
	font-weight: 900;
	color: #2377AF;
	font-size: 30pt;
	text-transform: uppercase;
}
H1:before {
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	position: relative;
	float: left;
	height: 1em;
	width: auto;
	aspect-ratio: 53 / 75;
	padding-right: 10px;
}
.h1-small { font-size: 20pt; }
H2 {
	color: #DB0000;
	font-size: 17pt;
	margin: 40px 20px 30px 20px;
	text-align: center;
	white-space: break-spaces;
}
.h2-blue { color: #0d618e; }
.h2-orange { color: #00336b; }
.h2-gray { color: #333333; }
.h2-oil { color: #535362; }

@media screen and (max-width: 700px) {
	H1 {
		font-size: 5.5vw;
		margin: 2vw 0 7vw 5vw;
	}
	.h1-small { font-size: 4.2vw; }
	H2 {
		font-size: 3.8vw;
	}
}



A:hover {
	text-decoration: none;
}
.comments {
	position: relative;
	overflow: hidden;
	margin: 20px 80px 0 80px;
}
.comments .h2-comments {
	display: block;
	position: relative;
	overflow: hidden;
	text-align: left;
	color: #00668c;
	font-style: italic;
	font-family: calibri;
	border-bottom: dashed 1px #00668c;
	margin: 0 0 10px 0;
}
.comments .h2-comments::before,.h2-comments::after {
	content: "";
	padding: 0;
}
.comments .vote-count { margin-bottom: 30px; font-size: 11pt; }
.comments .items {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.comments .items .item-info {
	position: relative;
	overflow: hidden;
	float: left;
	width: 20%;
	height: 100%;
	font-size: 12pt;
}
.comments .items .item-info .info-box-comments {
	position: relative;
	overflow: hidden;
	padding: 15px;	
}
.comments .items .item-info .info-box-comments .name {
	color: #003040;
	font-weight: bold;
	font-family: arial;
	font-size: 15pt;
}
.comments .items .item-info .info-box-comments .email {
	color: #5900b3;
	font-family: arial;
}
.comments .items .item-info .info-box-comments .date {
	overflow: hidden;
	white-space: nowrap;
	color: #757575;
	font-weight: bold;
	font-style: italic;
	font-family: arial;
}
.star-on, .comments .star-off {
	display: inline-block;
	position: relative;
	overflow: hidden;
	float: left;
	width: 17px;
	height: 16px;
	padding: 0;
	margin: 2px 5px 2px 0;
}
.star-on {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23px" height="22px" version="1.1" viewBox="0 0 23 22"><polygon fill="%23FFC926" stroke="%23898989" stroke-width="1" points="12,2 14,9 22,9 16,14 18,21 12,17 6,21 7,14 2,9 9,9 "/></svg>') center center/17px 16px no-repeat;
}
.comments .star-off {
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23px" height="22px" version="1.1" viewBox="0 0 23 22"><polygon fill="%23aeaeae" stroke="%23898989" stroke-width="1" points="12,2 14,9 22,9 16,14 18,21 12,17 6,21 7,14 2,9 9,9 "/></svg>') center center/17px 16px no-repeat;
}
.comments .items .msg-box {
	position: relative;
	overflow: hidden;
	width: 80%;
	float: left;
}
.comments .items .msg-box .msgid {
	position: absolute;
	right: 20px;
	bottom: 10px;
	font-size: 9pt;
	color: #ccc;
}
.comments .items .msg-box .item-msg {
	position: relative;
	overflow: hidden;
	min-height: 100px;
	height: 100%;
	white-space: pre-wrap;
	font-family: arial;
	font-size: 12pt;
	padding: 10px 10px 30px 30px;
	color: #264040;
	background-color: #eef7f7;
	background-image: url(/img/bg.webp);
	background-position: center center;
	border-radius: 5px;
	border: solid 1px #d7ecec;
}
.comments .items .msg-box .answer {
	background-image: url(/img/bg.webp);
	border-radius: 7px;
	color: #0f707d;
	background-color: #d1eaed;
	border: solid 1px #46aab5;
	padding: 7px 10px 10px 25px;
	font-weight: bold;
	margin: 15px 20px 0 0;
	overflow: hidden;
	font-size: 11pt;
}
.comments .items .msg-box .answer DIV {
	font-style: italic;
	color: #d93600;
	font-size: 9pt;
	text-shadow: 0px 0px 1px black;
}
.comments .frm {
	display: none;
	overflow: hidden;
	margin: 0 auto;
	width: 50%;
}
.comments .frm > DIV {
	margin: 0 0 3px 0;
}
.comments .frm > DIV > LABEL {
	display: inline-block;
	float: left;
	width: 40%;
	text-align: right;
	padding: 0 10px 0 0;
	margin: 0;
	color: #004040;
	font-weight: bold;
	font-size: 12pt;
}
.comments .frm > DIV > LABEL > SPAN {
	color: red;
}
.comments .frm > .inpt > INPUT {
	height: 20px;
	width: 50%;
	padding: 0;
	margin: 0;
	font-size: 14pt;
	font-weight: bold;
	color: #004040;
}
.comments .frm > .inpt > SELECT, .comments .frm > .inpt > SELECT OPTION {
	font-size: 18pt;
	font-weight: bold;
	color: #004040;
}
.comments .frm > .but {
	margin: 0 0 30px 0;
}
.comments .frm > .but > INPUT {
	height: 30px;
	width: 100%;
	font-size: 14pt;
	font-weight: bold;
	cursor: pointer;
	color: #004040;
}
.comments .frm > DIV > TEXTAREA {
	height: 80px;
	width: 50%;
	resize: vertical;
	font-size: 14pt;
	font-weight: bold;
	color: #004040;
}
.comments .frm .progress {
	display: none;
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
	color: #004d66;
	margin-bottom: 50px;
	text-align: center;
}
.nocomments {
	text-align: center;
	margin: 0 auto 40px auto;
	padding: 7px;
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;
	color: #498132;
	font-family: calibri;
}
.comments .butwrap {
	text-align: center;
}
.comments .butwrap .button-new-comment {
	display: inline-block;
	overflow: hidden;
	height: auto;
	min-width: 100px;
	margin: 0 auto 45px auto;
	padding: 12px 28px 12px 28px;
	font: bold 12pt Arial;
	text-align: center;
	color: white;
	background: #427700;
	cursor: pointer;
	border-radius: 5px;
	border: dashed 1px #6ac100;
	text-shadow: black 1px 1px 2px;
	box-shadow: black 1px 2px 3px;
	opacity: 0.8;
}
.comments .butwrap .button-new-comment:hover {
	background: #69bf00;
	border: dashed 1px #93ff0f;
	text-shadow: black 2px 2px 3px;
	opacity: 1;
}

@media (max-width: 1100px) {
	.comments .h2-comments { font-size: 18pt; }
	.comments { margin: 10px; }
	.comments .items .item-info .info-box-comments { padding: 7px; }
	.comments .items .item-info .info-box-comments .name { font-size: 12pt; }
	.comments .items .item-info .info-box-comments .email { font-size: 10pt; }
	.comments .items .item-info .info-box-comments .date { font-size: 8pt; }
	.comments .items .msg-box .item-msg { font-size: 11pt; }
}
@media (max-width: 800px) {
	.comments .frm { width: 70%; }
	.comments .items .msg-box .msgid { bottom: 5px; }
	.comments .items .item-info { width: 100%; }
	.comments .items .msg-box { width: 100%; }
	.comments .items .msg-box .item-msg { padding: 7px 7px 20px 10px; min-height: 30px; }
	.comments .h2-comments { font-size: 16pt; }
	.comments { margin: 7px; }
	.comments .vote-count { margin-bottom: 20px; }
	.comments .items .item-info .info-box-comments { padding: 7px; }
	.comments .items .item-info .info-box-comments .name { font-size: 9pt; }
	.comments .items .item-info .info-box-comments .email { font-size: 9pt; }
	.comments .items .item-info .info-box-comments .date { font-size: 9pt; }
	.comments .items .msg-box .item-msg { font-size: 9pt; padding: 10px 0 30px 5px; }
	.comments .items .msg-box .answer { font-size: 9pt; }
}
@media (max-width: 640px) {
	.comments .frm { width: 97%; }
	.comments .frm > .inpt > INPUT { height: 30px; font-size: 18pt; }
	.comments .frm > DIV > TEXTAREA { height: 80px;	width: 95%; font-size: 18pt; }
	.comments .butwrap .button-new-comment { font-size: 10pt; margin-bottom: 10px; }
}

.content .informer {
	position: relative;
	display: block;
	clear: both;
	max-width: 350px;
	margin: 10px auto 10px auto;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: bold;
	padding: 10px 15px 10px 18px;
	/*background: #ffefbf;*/
	border-radius: 12px;
	box-shadow: 0px 2px 5px black;
	color: #ffffff;
	text-align: center;
	text-shadow: 1px 1px 2px black;
	vertical-align: center;
	overflow: hidden;
	opacity: 0.7;
	background: #52747c;
}
.content .informer:hover { opacity: 1; }
.informer IMG {
	float: left;
	margin: 0 15px 0 0;
}







.tooltip {
	padding: 0 3px 0 3px;
	border: dashed 1px #bdbdc4;
	font-style: normal;
	font-weight: bold;
	font-size: 8pt;
	text-shadow: 1px 1px 1px black;
	line-height: 7pt;
	cursor: pointer;
	border-radius: 2px;
	padding: 0 4px 0 4px;
	color: white;
	background: #757584;
}

.tooltip .popup {
	position: absolute;
	display: none;
	top: 20px;
	left: 0;
	max-width: 300px;
	font: normal 13pt helvetica;
	z-index: 999;
	font: normal 10pt helvetica;
	background: #ffefbf;
	color: black;
	border: dashed 1px gray;
	border-radius: 7px;
	padding: 7px;
	text-align: justify;
	text-shadow: none;
	box-shadow: 1px 1px 2px black;
}

.header {
	width: 100%;
	height: 120px;
	background-color: #1a4f73;
	background-image: url(/img/bg.webp);
	background-position: center center;
	z-index: 110;
}
.header .wrapper {
	position: relative;
	width: 680px;
	height: 120px;
	margin: 0 auto 0 auto;
	padding: 0;
	margin: 0 auto;
	white-space: nowrap;
}
.header .wrapper .kamaz {
	display: block;
	position: absolute;
	top: 0;
	left: -100px;
	width: 100px;
	height: 159px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 110;
	box-shadow: 0px 1px 3px #000e15;
	opacity: 0.67;
	border: solid 1px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #002739;
	border-right-color: #002739;
}
.header .wrapper .atk {
	display: block;
	position: absolute;
	top: 7px;
	left: 0px;
	width: 480px;
	height: 105px;
	background-repeat: no-repeat;
	background-position: -110px -2px;
	overflow: hidden;

}
.header .wrapper .description {
	position: absolute;
	top: 70px;
	left: 15px;
	width: 300px;
	height: 42px;
	white-space: nowrap;
}
.header .wrapper .description SPAN { color: #ffc600; opacity: 0.7; font-size: 0.8em; }
.header .wrapper .description > DIV {
	line-height: 18px;
	height: 18px;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: #E0F3FF;
	text-align: center;
	text-shadow: 0px 2px 2px #162029;
}
.header .wrapper .contacts-bg {
	position: absolute;
	top: 9px;
	left: 440px;
	width: 250px;
	height: 102px;
	background-color: #004257;
	opacity: 0.5;
	z-index: 100;
	border-radius: 12px;
	border: solid 1px;
	border-top-color: #5fb0d6;
	border-bottom-color: #002739;
	border-left-color: #007db8;
	border-right-color: #007db8;

	box-shadow: 0px 1px 3px #000e15;
}
.header .wrapper .contacts {
	position: absolute;
	top: 12px;
	left: 440px;
	width: 220px;
	height: 100px;
	padding: 5px 0 0 20px;
	z-index: 200;
}
.header .wrapper .contacts DIV {
	position: relative;
	overflow: hidden;
	font-size: inherit;
	line-height: inherit;
	font: normal 10pt 'Roboto', arial, helvetica, sans-serif;
	white-space: nowrap;
	color: #ececfb;
	letter-spacing: 2px;
}
.header .wrapper .contacts DIV A {
	display: block;
	overflow: hidden;
	position: relative;
	padding-bottom: 3px;
	text-align: left;
	white-space: nowrap;
	color: #ffc600;
	text-decoration: none;
	font: normal 11pt 'Roboto', arial, helvetica, sans-serif;
	line-height: inherit;
	letter-spacing: 1px;
}
.header .wrapper .contacts DIV A SPAN { font-weight: normal; }
.header .wrapper .contacts DIV A:hover {
	color: #ffff06;
	text-decoration: underline;	
}
.header .wrapper .contacts DIV > SPAN {
	color: white;
	font-size: inherit;
	opacity: 0.3;
	padding-right: 3px;
	padding-left: 5px;
}
.header .wrapper .samosval {
	position: absolute;
	top: 3px;
	left: 658px;
	width: 165px;
	height: 160px;
	background-repeat: no-repeat;
	background-position: 0px -195px;
	z-index: 250;
}
#turns {
	position: absolute;
	overflow: hidden;
	top: 48px;
	left: 696px;
	width: 130px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: -200px -240px;
	z-index: 251;
	opacity: 0;
}



@media (min-width: 701px) { 
	.header .wrapper .kamaz, .header .wrapper .atk, .header .wrapper .samosval, #turns {
		background-image: url(/img/header-sprites2.webp);
	}
}

@media (max-width: 975px) { 
	.header .wrapper .samosval, #turns { display: none !important; }

	.content .informer { font-size: 11pt !important; line-height: 11pt; }
	
	.nocomments { font-size: 14pt; }
}
@media (max-width: 990px) { 
	.header .wrapper .samosval, #turns { display: none !important; }
	.header .wrapper .contacts-bg {
		width: 235px;
	}
	.header .wrapper .contacts DIV > SPAN { padding-left: 15px; }
}
@media (max-width: 500px) {
	.content .informer { width: 70%; max-width: 70%; margin: 15px auto;  }
	.nocomments { font-size: 13pt; }
}
@media (max-width: 400px) {
	.content .informer { font-size: 9pt !important; line-height: 9pt; }
	.nocomments { font-size: 11pt; }
}



@media (max-width: 890px) { .header .wrapper .kamaz { display: none; } }



.content {
	display: block;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	min-height: 100vh;
	background-color: white;
	padding: 15px 0 30px 0;
	z-index: 90;
}


/* NAVIGATION */
.navigation {
	position: relative;
	overflow: hidden;
	margin: 0 10px 0 60px;
	z-index: 50;
}
.navigation DIV {
	position: relative;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0 0 0 5px;
	white-space: nowrap;
}
.navigation DIV::before { content: '\00BB'; padding-right: 5px; }
.navigation DIV:first-child::before { content: ''; padding-right: 0; }
.navigation A, .navigation DIV {
	font: normal 9pt helvetica, arial;
	line-height: 1.2em;
	color: #545454;
	position: relative;
}
.navigation A { text-decoration: underline; }
.navigation A:visited { color: #545454; }
.navigation A:hover { text-decoration: none; }
.navigation .home {
	display: block;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="15" height="14"><path fill="%23101820" d="M30,15a1,1,0,0,1-.58-.19L16,5.23,2.58,14.81a1,1,0,0,1-1.16-1.62l14-10a1,1,0,0,1,1.16,0l14,10A1,1,0,0,1,30,15Z"/><path fill="%23101820" d="M5,9A1,1,0,0,1,4,8V4A1,1,0,0,1,5,3H9A1,1,0,0,1,9,5H6V8A1,1,0,0,1,5,9Z"/><path fill="%23101820" d="M25,29H20a1,1,0,0,1-1-1V21H13v7a1,1,0,0,1-1,1H7a3,3,0,0,1-3-3V16a1,1,0,0,1,2,0V26a1,1,0,0,0,1,1h4V20a1,1,0,0,1,1-1h8a1,1,0,0,1,1,1v7h4a1,1,0,0,0,1-1V16a1,1,0,0,1,2,0V26A3,3,0,0,1,25,29Z"/></svg>') center top no-repeat;
	width: 15px;
	height: 18px;
	content: ' ';
	text-decoration: none;
}
@media (max-width: 700px) {
	.navigation { margin: 0 10px 0 1.5vw; }
}


.top-links {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	padding: 0;
	margin: 0 0 30px 0;
	width: 100%;
}

.top-links DIV {
	position: relative;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	color: #CCCCCC;
	font-size: 12pt;
	white-space: nowrap;
	height: 35px;
}
.top-links A { 
	font: inherit;
	line-height: 1em;
	height: 35px;
	white-space: inherit;
    color: #555555;
    text-decoration: none;
    border-bottom: dashed 1px #555555;
}
.top-links A:hover {
	border-bottom: dashed 1px transparent;
}




.clearfix::before,.clearfix::after { content: " "; display: table; }
.clearfix::after { clear: both; }
.clearfix { z-index: 100; }
NAV {
	height: 40px;
	width: 100%;
	font-size: 10pt;
	font-family: calibri, Roboto, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	top: 0;
	left: 0;
	/*border-bottom: 2px solid #1a4e71;*/
	z-index: 100;
	background-color: #1A72AD;
	box-shadow: 0px 1px 2px #4d4d4d;
}
NAV UL {
	padding: 0;
	margin: 0 auto;
	width: 680px;
	height: 40px;
	box-shadow: none;
}
NAV LI {
	display: block;
	position: relative;
	float: left;
	background-color: #146DA9;
}
NAV LI > A {
	display: inline-block;
	border-right: 1px solid #2b8aca;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #ECF0F1;
	width: 85px;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 40px;
	white-space: nowrap;
	/*text-shadow: 1px 1px 0px #162029;*/
	height: 40px;
}
NAV .avto { font-size: 1.05em; letter-spacing: 2px; }
NAV .kamaz-engineering A {
	width: 170px;
	text-align: center;
}
NAV .kamaz-engineering SPAN {
	background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="48px" height="28px" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd" viewBox="0 0 97 57"><defs><style type="text/css"><![CDATA[.f1{fill:%23FFE000;fill-rule:nonzero} .f0{fill:url(%23id0)}]]></style><linearGradient id="id0" gradientUnits="userSpaceOnUse" x1="20" y1="0" x2="77" y2="57"><stop offset="0" style="stop-opacity:1; stop-color:%2300A0E3"/><stop offset="1" style="stop-opacity:1; stop-color:%232dc0ff"/></linearGradient></defs><g><rect stroke="%23bfecff" stroke-width="5" class="f0" width="97" height="57"/><path class="f1" d="M56 31c5,0 10,-4 10,-9 0,-5 -5,-10 -10,-10 -5,0 -9,5 -9,10 0,5 4,9 9,9zm-6 5c0,0 0,0 1,0 0,0 1,0 1,-1 0,-1 0,-2 -1,-2 -4,-2 -7,-7 -7,-11 0,-1 -1,-2 -2,-2l-10 0c-1,0 -2,1 -2,2 0,1 1,1 2,1l9 0c0,1 0,2 0,3l-4 0c-1,0 -2,0 -2,1 0,1 1,2 2,2l6 0c1,3 4,5 7,7zm31 -16l-11 0c-1,0 -1,1 -1,2 0,6 -6,12 -13,12 0,0 -1,0 -1,1l-5 7c-1,1 -1,2 0,2 0,1 1,1 1,1 1,0 1,-1 1,-1l5 -7c6,0 10,-3 13,-8l6 0c1,0 2,-1 2,-2 0,-1 -1,-1 -2,-1l-5 0c1,-1 1,-2 1,-3l9 0c0,0 1,0 1,-1 0,-1 -1,-2 -1,-2zm-65 22l-3 -4 3 -4c1,0 1,-1 0,-2l-3 -3 3 -4c1,-1 1,-2 0,-2l-3 -4 3 -4c1,-1 1,-2 0,-2l-3 -4 3 -4c1,-1 1,-2 0,-2 -1,-1 -2,-1 -2,0l-3 3 -3 -3c-1,-1 -2,-1 -3,0 0,0 0,1 0,2l3 4 -3 4c0,0 0,1 0,2l3 4 -3 4c0,0 0,1 0,2l3 4 -3 3c0,1 0,2 0,2l3 4 -3 4c0,1 0,2 0,2l3 4 -3 4c0,1 0,2 0,2 1,0 1,1 1,1 1,0 1,-1 2,-1l3 -3 3 3c0,0 0,1 1,1 0,0 1,-1 1,-1 1,0 1,-1 0,-2l-3 -4 3 -4c1,0 1,-1 0,-2zm-7 -28l2 -3 2 3 -2 2 -2 -2zm0 10l2 -3 2 3 -2 2 -2 -2zm0 9l2 -2 2 2 -2 3 -2 -3zm0 10l2 -2 2 2 -2 3 -2 -3z"/></g></svg>');
	background-position: left center;
	background-size: 20px auto;
	background-repeat: no-repeat;
}
NAV LI:last-child A {
	border-right: 0;
}
.nav-current {
	text-shadow: 0px 0px 2px white;
}
.nav-current A { color: white; }
NAV LI > A:hover, NAV LI > A:active {
	background-color: #489fd9;
}
NAV .wrap-panel { display: none; z-index: 100; }
NAV .contact {
	display: none;
	overflow: hidden;
	width: 100%;
	color: white;
	text-transform: none;
	font-size: 12pt;
	font-weight: normal;
	background-color: #1a4f73;
    background-image: url(/img/bg.webp);
}
NAV .contact > DIV {
	overflow: hidden;
	padding-bottom: 12px;
	border-bottom: solid 2px #bfdfff;
	z-index: 900;
}
NAV .contact > DIV > DIV {
	overflow: hidden;
	margin: 12px 7px 7px 15px;
}
NAV .contact > DIV > DIV P {
	font-size: 10pt;
	margin: 0;
	padding: 0;
	text-indent: 0;
	text-shadow: 0px 0px 2px black;
}
NAV .contact > DIV > DIV A, NAV .contact > DIV > DIV A:visited {
	font-size: 12pt;
	text-decoration: underline;
	color: #bfefff;
	height: auto;
	text-shadow: 0px 0px 1px black;
}
NAV .contact A:hover, .contact A:active { text-decoration: none; }
@media (max-width: 700px) {
	.content { margin-top: 50px; }
	.header { display: none; }
	.header .wrapper .kamaz, .header .wrapper .atk, .header .wrapper .samosval, #turns { background-image: none; }
	NAV { height: 50px; position: fixed; background-color: transparent; }
	NAV { box-shadow: none; }
	NAV UL {
		width: 100%;
		display: none;
		overflow: hidden;
		height: auto;
		box-shadow: 0px 1px 3px black;
	}
	NAV LI { width: 25%; }
	NAV LI:last-child > A { border-right: 1px solid #1d5881; }
	NAV LI > A { 
		text-align: left;
		width: 100%;
		text-indent: 25px;
		border-bottom: 1px solid #1d5881;
		border-right: 1px solid #1d5881;
	}
	NAV .kamaz-engineering { width: 50%; }
	NAV .kamaz-engineering A { width: 100%; letter-spacing: 2px; }




	NAV .wrap-panel {
		display: block;
		position: relative;
		width: 100%;
		height: 50px;
		background-color: rgb(20,109,169);
		background: linear-gradient(0deg, rgba(20,109,169,1) 0%, rgba(18,98,152,1) 50%, rgba(20,109,169,1) 100%);
		box-shadow: 0px 1px 3px black;
	}
	NAV #pull {
		display: block;
		position: relative;
		float: left;
		overflow: hidden;
		width: 50px;
		height: 50px;
		background-color: transparent;
		background-image: url(/img/pull.svg);
		background-position: center center;
		background-size: 25px auto;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	NAV #pull-kamaz {
		display: block;
		position: absolute;
		top: 0; left: 0;
		overflow: hidden;
		width: 230px;
		height: 50px;
		z-index: 10000;
	}
	NAV .panel-mobile {
		display: block;
		float: left;
		width: calc(100% - 50px);
		height: 50px;
		background-color: transparent;
		background-image: url(/img/l-kamaz.svg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 150px auto;
		filter: url(#shadow);
	}
	NAV .panel-mobile:after { clear: both; }
	NAV .panel-mobile .button {
		display: block;
		position: relative;
		float: right;
		width: 45px;
		height: 50px;
		background-position: left center;
		background-size: 35px 35px;
		background-color: transparent;
		background-repeat: no-repeat;
		filter: url(#shadow);
	}
	NAV .panel-mobile .call { background-image: url(/img/call.svg); }
	NAV .panel-mobile .wa { background-image: url(/img/wa.svg); }
	NAV .panel-mobile .tg { background-image: url(/img/tg.svg); }
	NAV .contact { display: block; }

	NAV #pull.clse {
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20px" height="18px" version="1.1" viewBox="0 0 190 171"><rect fill="none" width="190" height="171"/><rect fill="white" transform="matrix(0.911955 -0.911955 0.883301 0.883301 15.762 140.841)" width="148" height="27"/><rect fill="white" transform="matrix(0.911955 0.911955 -0.883301 0.883301 39.9884 6.2447)" width="148" height="27"/></svg>');
	}
}
@media (max-width: 450px) {
	NAV LI > A { text-align: center; text-indent: 0; }
	NAV .kamaz-engineering A { text-align: center; text-indent: 0; letter-spacing: 0; }
}
@media (max-width: 359px) {
	NAV .panel-mobile .button { width: 35px; background-size: 25px 25px; }
	NAV .panel-mobile { background-size: 110px auto; }
	NAV LI { width: 50%; }
	NAV .kamaz-engineering { width: 100%; }
	NAV #pull-kamaz { width: 160px; }
}






.afisha {
	margin: 40px 0 40px 0;
	overflow: hidden;
}
.afisha A {
	width: 100%;
}
.afisha A IMG {
	width: 100%;
	height: auto;
}
@media (max-width: 850px) {
	.afisha { margin: 15px 0 15px 0; }
}
@media (max-width: 600px) {
	.afisha { margin: 0; }
}




.flags::after { clear: both; }
.flags .flags-wrap {
	display: block;
	overflow: hidden;
	width: 95%;
	margin: 0 auto 0 auto;
}
.flags .flags-wrap .flag {
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	width: 25%;
	aspect-ratio: auto 3/4;
	margin: 20px 0 20px 0;
	padding: 0;
}
.flags .flags-wrap .flag A {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 95%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: auto 95%;
	background-position-y: 0;
}
.flags .flags-wrap .flag .f-catalog { background-position-x: 0; }
.flags .flags-wrap .flag .f-lizing { background-position-x: calc((100% / 3) ); }
.flags .flags-wrap .flag .f-service { background-position-x: calc(100% / 1.5); }
.flags .flags-wrap .flag .f-contacts { background-position-x: 100%; }
.flags .flags-wrap .flag A:hover { opacity: 0.8; }
@media (max-width: 600px) {
	.flags .flags-wrap { width: 99%; }
	.flags .flags-wrap .flag A { width: 99%; background-size: auto 99%; }
}





.catalog-box {
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: stretch;
	width: 100%;
}
.catalog-box > .item {
	width: 30%;
	padding-bottom: 30px;
}
.catalog-box .catalog-img {
	display: block;
	line-height: 0;
	aspect-ratio: 360 / 270;
	width: 100%;
	height: auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
}
@media (min-width: 501px) {
	.catalog-box .spectehnika { background-image: url(/avto/spectehnika/av-10-65116/av-10-65116-thumb.webp); }
	.catalog-box .samosval { background-image: url(/avto/samosval/65115/65115-thumb.webp); }
	.catalog-box .bortovoy { background-image: url(/avto/bortovoy/65117/65117-thumb.webp); }
	.catalog-box .tyagach { background-image: url(/avto/tyagach/54901/54901-thumb.webp); }
	.catalog-box .pricep { background-image: url(/avto/pricep/nefaz-8560-02/nefaz-8560-02-thumb.webp); }
	.catalog-box .shassi { background-image: url(/avto/shassi/65115/65115-thumb.webp); }
}
@media (max-width: 500px) {
	.catalog-box .spectehnika { background-image: url(/avto/spectehnika/av-10-65116/av-10-65116-thumb-m.webp); }
	.catalog-box .samosval { background-image: url(/avto/samosval/65115/65115-thumb-m.webp); }
	.catalog-box .bortovoy { background-image: url(/avto/bortovoy/65117/65117-thumb-m.webp); }
	.catalog-box .tyagach { background-image: url(/avto/tyagach/54901/54901-thumb-m.webp); }
	.catalog-box .pricep { background-image: url(/avto/pricep/nefaz-8560-02/nefaz-8560-02-thumb-m.webp); }
	.catalog-box .shassi { background-image: url(/avto/shassi/65115/65115-thumb-m.webp); }
}
.catalog-box .catalog {
	display: block;
	position: relative;
	overflow: hidden;
	font-size: 18pt;
	line-height: 1.1em;
	letter-spacing: 0.1em;
	font-family: arial, helvetica, serif;
	font-weight: 900;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 20px;
	color: #cd0000;
}
.catalog-box .catalog:hover { text-decoration: none; }
.catalog-box BUTTON {
	display: block;
	margin: 20px auto 0 auto;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 11pt;
	padding: 5px 12px 5px 12px;
	color: #5900b3;
	border-color: #5900b3;
	border-radius: 15px;
	border-style: outset;
	border-width: 2px;
	background: #ececfb;
	background-image: url(/img/bg.webp);
    background-position: center center;
}
.catalog-box BUTTON:hover, .catalog-box BUTTON:active {
	color: #5900b3;
	border-color: #5900b3;
	box-shadow: 0px 0px 4px black;
}
.catalog-box-models { display: none; }
.catalog-box-models .catalog-name {
	display: table;
	position: relative;
	overflow: hidden;
	padding: 25px 3px 15px 3px;
	letter-spacing: 0.5px;
	font-weight: 900;
	font-family: Roboto, arial, helvetica;
	font-size: 20pt;
	line-height: 1em;
	text-align: left;
	color: #2377AF;
	margin: 0 auto;
}
.catalog-box-models .catalog-name:before {
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
	position: relative;
	float: left;
	aspect-ratio: 53 / 75;
	height: 1em;
	width: auto;
	padding-right: 10px;
}
.catalog-box-models .wrapper-grid {
	display: grid;
	grid-template-columns: auto auto;
}
.catalog-box-models .item {
	display: grid;
	grid-template-areas:
		"img . .  .  .  ."
		"img . m  m  m  m"
		"img . .  .  .  ."
		"p1  . p2 p3 p4 p5";
	grid-template-columns: 100px 5px repeat(4, auto);
	grid-template-rows: 7px auto 7px auto;
	grid-gap: 2px;
	align-items: start;
	padding: 10px 10px 10px 3px;
	border-bottom: dotted 1px #dbdbea;
	cursor: pointer;
}
.catalog-box-models .item:nth-child(odd) { border-right: dotted 1px #dbdbea; }
.catalog-box-models .item:nth-child(1), .catalog-box-models .item:nth-child(2) { border-top: dotted 1px #dbdbea; }
.catalog-box-models .item IMG {
	display: block;
	position: relative;
	padding: 0;
	background-color: transparent;
	aspect-ratio: 100 / 70;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-shadow: none;
}
.catalog-box-models .item .model {
	width: 100%;
	display: block;
	text-overflow: ellipsis;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	text-decoration: underline;
	white-space: normal;
	text-align: left;
	font-weight: bold;
	font-size: 14pt;
	font-family: Roboto, arial, helvetica;
	line-height: 1em;
	color: #686859;
	background: transparent;
	border: 0;
	box-shadow: none;
}
.catalog-box-models .item DIV {
	padding: 3px 7px 3px 7px;
	text-align: center;
	white-space: nowrap;
	font-size: 9pt;
	line-height: 1em;
	color: #646473;
	background-color: #fffff2;
	border: solid 1px #dfdfd0;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #eeeeee;
}
.catalog-box-models .item:hover .model, .catalog-box-models .item:active .model { color: #cd0000; text-decoration: none; }
.catalog-box-models .item:hover DIV { color: #ececfb; background-color: #aa0000; border: solid 1px #cd0000; }
.catalog-box-models .item IMG { grid-area: img; }
.catalog-box-models .item .model { grid-area: m; }
.catalog-box-models .item .p1 { grid-area: p1; }
.catalog-box-models .item .p2 { grid-area: p2; }
.catalog-box-models .item .p3 { grid-area: p3; }
.catalog-box-models .item .p4 { grid-area: p4; }
.catalog-box-models .item .p5 { grid-area: p5; }

@media (max-width: 1200px) {
	.catalog-box .catalog { font-size: 2vw; }
}
@media (max-width: 900px) {
	.catalog-box-models .item DIV { font-size: 8pt; padding: 3px 0.5vw 3px 0.5vw; }
}
@media (max-width: 700px) {
	.catalog-box .catalog { font-size: 3.7vw; margin-top: 10px; }
	.catalog-box > .item { width: 45%; }
	.catalog-box BUTTON { font-size: 3vw; margin-top: 4vw; padding: 0.8vw 3vw 0.8vw 3vw; }


	.catalog-box-models .wrapper-grid { grid-template-columns: auto; }
	.catalog-box-models .item:nth-child(1) { border-top: dotted 1px #dbdbea; }
	.catalog-box-models .item:nth-child(odd) { border-right: none; }
	.catalog-box-models .item:nth-child(2) { border-top: none; }
	.catalog-box-models .item .model { font-size: 12pt; }
}
@media (max-width: 500px) {
	.catalog-box-models .catalog-name { font-size: 6.7vw; }
	.catalog-box-models .item { grid-template-columns: 19vw 5px repeat(4, auto); }
	.catalog-box-models .item DIV { font-size: 7.2pt; padding: 3px 0.2vw 3px 0.2vw; }
}




.top-banners { 
	position: relative;
	width: 100%;
	padding: 20px 0 20px 0;
	overflow: hidden;
}
.top-banners A { 
	display: block;
	float: left;
	width: 50%;
}
@media (max-width: 700px) {
	.top-banners A { width: 100%; }
}



.footer {
	display: grid;
	overflow: hidden;
	grid-template-columns: 
		minmax( 2%, 2% )
		minmax( 22.5%, 22.5% )
		minmax( 2%, 2% )
		minmax( 22.5%, 22.5% )
		minmax( 2%, 2% )
		minmax( 22.5%, 22.5% )
		minmax( 2%, 2% )
		minmax( 22.5%, 22.5% )
		minmax( 2%, 2% );
	grid-template-rows: auto;
	gap: 0 0;
	grid-auto-flow: row;
	grid-template-areas:
		"p1 about p2 certificate p3 popular p4 cities p5"
		"cpr cpr cpr cpr cpr cpr cpr cpr cpr";
	width: calc(100% - 2px);
	background: #1a4f73 url(/img/bg.webp) repeat center top;
	border-top: solid 1px #164361;
	border-left: solid 1px #133c57;
	border-right: solid 1px #103045;
	margin: 0 auto;
}
.footer > DIV {
	width: 100%;
	position: relative;
	padding: 15px 0px 3px 0px;
}
.footer .title {
	font-size: 16pt;
	color: #d6e9f5;
	border-bottom: dotted 1px #226795;
	text-shadow: black 1px 1px 2px;
	white-space: nowrap;
	margin-bottom: 10px;
	font-family: "Helvetica Narrow", "Arial Narrow", Narrow, Tahoma, Arial, Helvetica, sans-serif;
}
.footer .text {
	color: #ccc;
	font-size: 9pt;
	text-indent: 12pt;
	line-height: 1.05em;
	letter-spacing: 0px;
	margin-bottom: 7px;
}
.footer .wrap { white-space: wrap !important; }
.footer .about {
	grid-area: about;
}
.footer .dealers {
	margin-bottom: 7px;
	font-size: 12.5pt;
	line-height: 1.1em;
	font-weight: normal;
	letter-spacing: 0px;
	white-space: nowrap;
	font-family: "Helvetica Narrow", "Arial Narrow", Tahoma,Arial, Helvetica, sans-serif;
	color: #b7e0ff;
	text-shadow: 0px 0px 2px black;
}
.footer .descr {
	font-family: inherit;
	color: #eeeeee;
	font-weight: normal;
	font-size: 10pt;
	line-height: 1.1em;
	letter-spacing: 0px;
}
.footer .descr SPAN {
	color: #b7e0ff;
	font-size: 1.1em;
}
.footer .certificate {
	grid-area: certificate;
}
.footer .certificate A {
	display: block;
	float: left;
	margin: 0 10px 3px 0;
	aspect-ratio: 80 / 100;
	width: 35%;
	height: auto;
	background-position: center center;
	background-size: 120% auto;
	background-repeat: no-repeat;
	text-decoration: none;
}
.footer .certificate A:hover {
	opacity: 0.8;
	text-decoration: none;
}
.footer .popular {
	grid-area: popular;
	
}
.footer .popular UL {
	list-style-type: none;
	padding-inline-start: 0;
}
.footer .popular UL LI {
	font-size: 12pt;
	line-height: 16pt;
	list-style: none;
	white-space: nowrap;
	padding: 0 0 7px 0;
}
.footer .popular UL LI A {
	display: inline;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #b7e0ff;
	font-size: 15pt;
	line-height: 16pt;
	height: 16pt;
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
	text-decoration: none;
	white-space: nowrap;
}
.footer .popular UL LI A:hover {
	font-weight: bold;
	color: #ffdc73;
}
.footer .cities {
	grid-area: cities;
}
.footer .cities .grid {
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: repeat(7, 1fr);
	gap: 0 0;
	grid-auto-flow: column;
}
.footer .cities .grid DIV {
	color: #b7e0ff;
	line-height: 1em;
}
.footer .cities .grid DIV A {
	display: inline-block;
	position: relative;
	width: 100%;
	font-family: "Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	letter-spacing: 0px;
	white-space: nowrap;
	font-weight: normal;
	color: #b7e0ff;
	text-decoration: none;
	font-size: 14pt;
	line-height: 25pt;
	text-align: left;
}
.footer .cities .grid DIV A:before {
	content: "★";
	padding-right: 4px;
	color: white;
	font-family: arial, helvetica, sans-serif;
	font-size: inherit;
	line-height: inherit;
}
.footer .cities .grid DIV A:hover {
	color: #ffdc73;
}
.footer .cities .grid DIV A:hover::before {
	color: #ffdc73;
}
.footer .copyright {
	grid-area: cpr;
	background: #00001a;
	text-align: center;
	opacity: 0.4;
	padding: 0;
}
.footer .copyright SPAN {
	display: inline-block;
	color: white;
	font-size: 9pt;
	line-height: 1.3em;
	font-family: var(--font-narrow);
	font-weight: normal;
	text-shadow: 0px 0px 1px white;
	white-space: nowrap;
}
.footer .copyright:hover {
	opacity: 1;
}
@media (max-width : 1200px) {
	.footer .title { font-size: 1.8vw; }
	.footer .text { font-size: 1vw; }
	.footer .dealers { font-size: 1.4vw; }
	.footer .descr { font-size: 1.12vw; }
	.footer .descr SPAN { font-size: 1.22vw; }
	.footer .certificate A { margin: 0 0.8vw 0.3vw 0; }
	.footer .popular UL LI { padding-bottom: 0.58vw; }
	.footer .popular UL LI { font-size: 1.3vw; line-height: 1.71vw; }
	.footer .popular UL LI A { font-size: 1.67vw; line-height: 1.71vw; }
	.footer .cities .grid DIV A { font-size: 1.55vw; line-height: 2.8vw; }
}
@media (max-width : 900px) {
	.footer {
		display: grid;
		grid-template-columns: 
			minmax( 4%, 4% )
			minmax( 44%, 44% )
			minmax( 4%, 4% )
			minmax( 44%, 44% )
			minmax( 4%, 4% );
		grid-template-areas:
			"p1 about p2 certificate p3"
			"p4 cities p5 popular p6"
			"cpr cpr cpr cpr cpr";
	}

	.footer .title { font-size: 3.6vw; }
	.footer .text { font-size: 2vw; }
	.footer .dealers { font-size: 2.8vw; }
	.footer .descr { font-size: 2.24vw; }
	.footer .descr SPAN { font-size: 2.44vw; }
	.footer .certificate A { margin: 0 1.6vw 0.6vw 0; }
	.footer .popular UL LI { padding-bottom: 1.16vw; }
	.footer .popular UL LI { font-size: 2.6vw; line-height: 3.42vw; }
	.footer .popular UL LI A { font-size: 3.34vw; line-height: 3.42vw; }
	.footer .cities .grid DIV A { font-size: 3.05vw; line-height: 6vw; }
}
@media (max-width : 515px) {
	.footer .popular, .footer .cities { padding-top: 0; }
	.footer .title { font-size: 3.8vw; }
	.footer .text { font-size: 2.95vw; line-height: 2.95vw; margin-bottom: 10px; }
	.footer .dealers { font-size: 2.9vw; line-height: 1.3em; margin-bottom: 10px; }
	.footer .descr { font-size: 2.5vw; line-height: 1.4em; }
	.footer .descr SPAN { font-size: 2.6vw; }
	/*.footer .popular UL LI:nth-child(7) { display: none; }
	.footer .popular UL LI:nth-child(8) { display: none; }*/
	.footer .popular UL LI A { font-size: 3.4vw; line-height: 6.2vw; }
	.footer .cities .grid DIV A { font-size: 3.4vw; line-height: 8.1vw; }
}
@media (max-width : 300px) {
	.footer {
		display: grid;
		grid-template-columns: 
			minmax( 8%, 8% ) minmax( 84%, 84% ) minmax( 8%, 8% )
			minmax( 8%, 8% ) minmax( 84%, 84% ) minmax( 8%, 8% )
			minmax( 8%, 8% ) minmax( 84%, 84% ) minmax( 8%, 8% )
			minmax( 8%, 8% ) minmax( 84%, 84% ) minmax( 8%, 8% );
		grid-template-areas:
			"p1 about p2"
			"p3 certificate p4"
			"p5 cities p6"
			"p7 popular p8"
			"cpr cpr cpr";
	}
	.footer > DIV, .footer .popular, .footer .cities { padding: 20px 0 15px 0; }
	.footer .title { font-size: 7.7vw; }
	.footer .text { font-size: 4vw; line-height: 4vw; margin-bottom: 10px; }
	.footer .dealers { font-size: 5.7vw; line-height: 1.3em; margin-bottom: 10px; }
	.footer .descr { font-size: 4vw; line-height: 1.3em; }
	.footer .descr SPAN { font-size: 5.2vw; }
	/*.footer .popular UL LI:nth-child(7) { display: none; }
	.footer .popular UL LI:nth-child(8) { display: none; }*/
	.footer .popular UL LI, .footer .popular UL LI A { font-size: 6.8vw; line-height: 12vw; }
	.footer .cities .grid DIV A { font-size: 6.8vw; line-height: 16.2vw; }
	.footer .copyright SPAN { font-size: 4vw; }
}












.content > .deviz {
	font-size: 11pt;
	font-family: calibri;
	font-weight: bold;
	text-align: center;
	margin: 0 50px 15px 50px;
	color: #69767f;
}
.content > .deviz SPAN {
	white-space: nowrap;
	text-decoration: underline;
}
.content > .deviz A {

}
@media (max-width: 400px) {
	.content > .deviz { margin: 0 3px 12px 3px; font-size: 9pt; line-height: 9pt; }
}
@media (max-width: 700px) {
	.content > .deviz { margin: 0 4px 12px 4px; font-size: 10pt; line-height: 10pt; }
}
@media (max-width: 950px) {
	.content > .deviz { margin: 0 5px 12px 5px; font-size: 11pt; }
}




.toast {
	display: none;
	width: 200px;
	height: 20px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 50px;
	background-color: #006cd9;
	opacity: 0.9;
	color: white;
	font-family: Calibri;
	font-size: 14pt;
	padding: 10px;
	text-align: center;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
	-moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
	box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
	z-index: 15000;
}
.toast B {
	color: #FFFDE6;	
}


.btn-up {
	position: fixed;
	background-color: #3794d0;
	right: 12px;
	bottom: 0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 50px;
	opacity: 0.7;
	z-index: 7000;
}
.btn-up::before {
	content: "";
	width: 40px;
	height: 40px;
	background: transparent no-repeat center center;
	background-size: 100% 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
}
.btn-up_hide {
	display: none;
}
@media (hover: hover) and (pointer: fine) {
	.btn-up:hover { opacity: 1; }
}



.modal_iframe {
	width: auto;
	padding: 20px;
}
.modal_iframe TABLE {
	width: 100%;
	border-collapse: collapse;
}
.modal_iframe > TABLE {
	box-shadow: #cccccc -1px 1px 3px;
}
.modal_iframe TABLE TR {
	border-bottom: dotted 1px #cccccc;
	background-color: #f9f9f9;
}
.modal_iframe TABLE TR:last-child {
	border-bottom: none;
}
.modal_iframe TABLE TR:nth-child(2n) {
	background-color: white;
}
.modal_iframe TABLE TR TH {
	font-weight: normal;
	color: white;
	font-size: 10pt;
	line-height: 12px;
	background-color: #4b5096;
	vertical-align: middle;
	padding: 2px 7px 2px 7px;
	border-right: solid 1px #a6aad2;
	border-bottom: solid 1px #a6aad2;
	letter-spacing: 2px;
	font-family: Calibri;

}
.modal_iframe TABLE TR TD {
	padding-right: 10px;
	vertical-align: top;
	font-size: 12pt;
	padding: 3px;
	font-family: Arial;
}
.modal_iframe TABLE TR TD:last-child {
	padding-right: 0px;
}



.warranty {
	margin: 30px 0 25px 0;
	position: relative;
	overflow: hidden;
}
.warranty H2 {
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
}
.warranty > DIV {
	width: 50%;
	overflow: hidden;
	float: left;
	
}
.warranty > DIV > .c1 { padding: 0 20px 0 120px; border-right: dashed 1px; color: #9ba1ab; }
.warranty > DIV > .c2 { padding: 0 120px 0 20px; }
.warranty > DIV IMG {
	float: left;
	margin: 0 15px 10px 0;
	width: 30%;
	height: auto;
}
.warranty > DIV P {
	text-indent: 30px;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	color: #335371;
}
@media (max-width: 1200px) {
	.warranty H2 { font-size: 16pt; }	
	.warranty > DIV > .c1 { padding: 0 20px 0 90px; }
	.warranty > DIV > .c2 { padding: 0 90px 0 20px; }
}
@media (max-width: 800px) {
	.warranty H2 { font-size: 14pt; margin: 10px 0 10px 0; }
	.warranty > DIV > .c1 { padding: 0 20px 0 45px; }
	.warranty > DIV > .c2 { padding: 0 45px 0 20px; }
	.warranty > DIV P { text-indent: 20px; font-size: 10pt; }
}
@media (max-width: 700px) {
	.warranty H2 { font-size: 14pt; }
	.warranty > DIV > .c1 { padding: 0 20px 0 25px; }
	.warranty > DIV > .c2 { padding: 0 25px 0 20px; }
}
@media (max-width: 640px) {
	.warranty H2 { font-size: 14pt; text-align: center; margin: 25px 0 10px 0; }
	.warranty > DIV { width: 100%; float: none; }
	.warranty > DIV > .c1 { padding: 0 20px 0 20px; border-right: none; }
	.warranty > DIV > .c2 { padding: 0 20px 0 20px; }
	.warranty > DIV IMG { margin: 0 15px 10px 0; width: 18%; height: auto; }
}
@media (max-width: 450px) {
	.warranty H2 { font-size: 12pt;  }
	.warranty > DIV IMG { width: 30%; height: auto; }
	.warranty > DIV P { font-weight: normal; font-size: 9pt; }
	.warranty > DIV > .c1 { padding: 0 5px 0 5px; }
	.warranty > DIV > .c2 { padding: 0 5px 0 5px; }
}





.price-boxer {
	position: relative;
	overflow: hidden;
	padding: 0 60px 0 60px;
}
.price-boxer::after { clear: both; }
.price-boxer .wrap {
	position: relative;
	overflow: hidden;
	width: 33%;
	width: calc(100% / 3);
	height: auto;
	float: left;
}
.price-boxer .item {
	position: relative;
	overflow: hidden;
	border: solid 1px #dbeff9;
	background-color: #f4fafd;
	margin: 5px;
	padding: 15px 5px 5px 25px;
	border-radius: 0px;
	aspect-ratio: 1 / 0.7;
	cursor: pointer;
}
.price-boxer H3 {
	position: relative;
	font-size: 14pt;
	line-height: 1em;
	color: #2377AF;
	padding: 0 25px 0 0;
	margin: 0 0 0.5em 0;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}
.price-boxer H3 SPAN {
	display: block;
	font-size: 0.8em;
	line-height: 1em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.price-boxer .model {
	position: relative;
	overflow: hidden;
	clear: both;
	margin-bottom: 5px;
}
.price-boxer .img {
	position: relative;
	overflow: hidden;
	float: left;
	width: 35%;
	aspect-ratio: 1 / 0.7;
}
.price-boxer A {
	display: block;
	position: relative;
	overflow: hidden;
}
.price-boxer IMG {
	width: 100%;
	height: auto;
}
.price-boxer .price {
	position: relative;
	overflow: hidden;
	width: 65%;
	cursor: pointer;
}
.price-boxer .oldc, .price-boxer .akcia, .price-boxer .newc {
	display: block;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 1em;
	cursor: pointer;
}
.price-boxer .oldc { color: #963636; font-size: 12pt; text-decoration: line-through; }
.price-boxer .akcia { color: green; font-size: 10pt; font-weight: 700; margin-bottom: 10px; }
.price-boxer .newc { color: #154768; font-size: 17pt; font-weight: 700; text-shadow: 0px 0px 3px #93c4ff; }
.price-boxer .opis {
	position: relative;
	overflow: hidden;
	font-size: 10pt;
	line-height: 1em;
	color: #56768B;
	cursor: pointer;
}
.price-boxer .opis::before { clear: both; }
.price-boxer .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: linear-gradient(transparent, #f4fafd);
	cursor: pointer;
}
.price-boxer .open {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	z-index: 1;
	cursor: pointer;
	background: url('data:image/svg+xml;charset=UTF-8,%3csvg width="800px" height="800px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg"%3e%3cg stroke="none" fill="%23bee2f3" fill-rule="evenodd"%3e%3cg transform="translate(85.333333, 64.000000)"%3e%3cpath d="M128,63.999444 L128,106.666444 L42.6666667,106.666667 L42.6666667,320 L256,320 L256,234.666444 L298.666,234.666444 L298.666667,362.666667 L4.26325641e-14,362.666667 L4.26325641e-14,64 L128,63.999444 Z M362.666667,1.42108547e-14 L362.666667,170.666667 L320,170.666667 L320,72.835 L143.084945,249.751611 L112.915055,219.581722 L289.83,42.666 L192,42.6666667 L192,1.42108547e-14 L362.666667,1.42108547e-14 Z"%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e') 0 0/20px 20px no-repeat;
}
.price-boxer .sm {
	font-size: 10pt;
	font-weight: bold;
	color: green;
}
@media (max-width: 1050px) {
	.price-boxer .item { padding: 12px 5px 5px 18px; }
	.price-boxer H3 { font-size: 13pt; }
	.price-boxer .oldc { font-size: 11pt; }
	.price-boxer .akcia { font-size: 9pt; }
	.price-boxer .newc { font-size: 15pt; }
	.price-boxer .opis { font-size: 9pt; }
}
@media (max-width: 950px) {
	.price-boxer .item { padding: 9px 5px 5px 12px; }
	.price-boxer H3 { font-size: 12pt; }
	.price-boxer .oldc { font-size: 10pt; }
	.price-boxer .akcia { font-size: 8pt; }
	.price-boxer .newc { font-size: 14pt; }
	.price-boxer .open { top: 5px; right: 5px; }
}
@media (max-width: 850px) {
	.price-boxer { padding: 0 15px 0 15px; }
	.price-boxer H3 { font-size: 11pt; }
	.price-boxer .bg { height: 20px; }
	.price-boxer .oldc { font-size: 9pt; }
	.price-boxer .akcia { margin-bottom: 7px; }
	.price-boxer .newc { font-size: 13pt; }
}
@media (max-width: 750px) {
	.price-boxer .newc { font-size: 12pt; }
}
@media (max-width: 700px) {
	.price-boxer { padding: 0 5px 0 5px; }
	.price-boxer .item { aspect-ratio: 1 / 0.8; }
	.price-boxer .wrap { width: 50%; }
	.price-boxer H3 { font-size: 13pt; padding-right: 15px; }
	.price-boxer .oldc { font-size: 11pt; }
	.price-boxer .akcia { font-size: 10pt; margin-bottom: 15px; }
	.price-boxer .newc { font-size: 15pt; }
	.price-boxer .open { right: 0; background-size: 15px 15px; }
}
@media (max-width: 600px) {
	.price-boxer { padding: 0; }
	.price-boxer .item { padding: 5px; }
	.price-boxer H3 { font-size: 12pt; }
	.price-boxer .oldc { font-size: 10pt; }
	.price-boxer .akcia { font-size: 9pt; margin-bottom: 10px; }
	.price-boxer .newc { font-size: 14pt; }
	.price-boxer .opis { font-size: 9pt; }
}
@media (max-width: 500px) {
	.price-boxer H3 { font-size: 11pt; }
	.price-boxer .item { margin: 2px; aspect-ratio: 1 / 0.9; }
	.price-boxer .oldc { font-size: 9pt; }
	.price-boxer .akcia { font-size: 8pt; margin-bottom: 7px; }
	.price-boxer .newc { font-size: 12pt; }
}
@media (max-width: 450px) {
	.price-boxer H3 { font-size: 10pt; }
	.price-boxer .item { aspect-ratio: 1 / 0.9; }
	.price-boxer .akcia { margin-bottom: 4px; }
	.price-boxer .newc { font-size: 11pt; }
}
@media (max-width: 400px) {
	.price-boxer .item { aspect-ratio: 1 / 1.1; }
	.price-boxer H3 { font-size: 9pt; }
	.price-boxer .akcia { margin-bottom: 3px; font-weight: normal; }
	.price-boxer .newc { font-size: 9pt; }
}
@media (max-width: 360px) {
	.price-boxer .akcia { margin-bottom: 0px; }
	.price-boxer .item { aspect-ratio: 1 / 1.2; }
}