.clear { clear:both; height:0px; font-size:1px; line-height:1px; }
.clear_left { clear:left; height:0px; font-size:1px; line-height:1px; }
.clear_right{ clear:right; height:0px; font-size:1px; line-height:1px; visibility: hidden; content:".";}
a { color: #B70303; }
a img { border:0; }
p { line-height: 15px; margin-bottom: 15px; color: #555;}
* {padding:0px; margin:0px; font-size:12px; line-height:normal; font-family: Arial, sans-serif;}

.article p {
    line-height: 1.38;
    margin-bottom: 15px;
    color: #555;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    letter-spacing: -0.005em;
}
.article strong, .article b, .article span {
    font-size: 14px;
    font-family: Roboto, sans-serif;
}
.article a {
    font-size: 14px;
    font-family: Roboto, sans-serif;
}
.article a.btn {
    font-size: 13px;
}
.article h3.landing {
	color: #46596a;
}
p.p-btn {
	line-height: 3;
}

#flash-transport-container {height:0;}

:root {
	--color-btn-buy: #f56e21;
	--color-btn-buy-hov: #ee5600;

	--font-head: Inter, Roboto, Arial, sans-serif;
	--font-head-r: Roboto, Arial, sans-serif;
	--font-btn: Roboto, Arial, sans-serif;
	/*
	--color-btn-buy: #82b440;
	--color-btn-buy-hov: #74a139;
    */
}

/* font for bootstrap 4 */

.fs90 { font-size: 90%; }
.fs100 { font-size: 100%; }

.form-control-iw { display:inline; width:auto; }

/* colors */

:root {
    --color-base:#b70303;
    --color-summer:#fdb30b;
    --color-green:#28eb24;
    --color-winter:#667cae;
    --color-allseason:#333;
}


.name-nowrap
{
    white-space: nowrap;
}

#main .feature
{
	background-color: transparent;
}


.feature .badge-brown,
.badge-brown {
	color: #fff;
	background-color: #706a63;
}


.alert, .well {
    font-size: 13px;
    font-family: Inter, Roboto, sans-serif;
}
.alert {
    font-weight: 500;
}

.alert-db {
    font-weight: 400;
	line-height: 1.35;

	background-color: #f9f9f9;
	border-width: 0 0 0 4px;
	border-color: #a7a3a0;
	border-radius: 1px;
	color: #555;
}
.alert-db strong, .alert-db b {
    font-size: 13px;
}

/* basic */
a.css-link-secondary {
	color: #6992b1;
}
a.css-link-secondary:hover {
	color: #000;
}

.model-info {
	width: 500px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	float:left;
	margin-left: 30px;
}

.model-info-stat {
	color: #4C4C4C;
	font-family: var(--font-head);
	font-size: 12px;
	line-height: 1.5;

	padding: 10px 0;
}

.model-info-stat span {
	color: #333;

	font-family: var(--font-head-r);
	font-size: 13px;
	font-weight:bold;

	text-transform:uppercase;
	
	display:block;
	margin-bottom: 5px;
}

span.w-param, 
span.w-color {
    display: inline;
	color: #333;

	font-family: var(--font-head-r);
    font-size: 12px;
	font-weight: 400;

	border: 1px solid #bbb;
    padding: 4px 8px;
	margin-right:3px;
    border-radius: 20px;
	text-transform:none;
	line-height:28px;
	white-space:nowrap;
}


.block-menu-top-list {
	background-color: #EBEBEC;
	overflow:hidden;
	margin-bottom: 30px;
}

.block-menu-top-list li
{
	list-style:none;
	display:block;
	float:left;
	border-right: 1px solid #fff;
}

.block-menu-top-list li.divider
{
	width: 50px;
	height:80px;
}

.block-menu-top-list.menu-databases li.divider
{
	width: 30px;
}

.block-menu-top-list li a
{
	padding: 40px 10px 10px 10px;
	color: #333;
	text-decoration:none;
	display:block;
	font-size: 11px;
	width: 100px;
	text-transform:uppercase;
	font-family: "PT Sans Narrow", "Franklin Gothic", Arial;
	border-bottom: 3px solid transparent;
	transition-duration:0.15s;
    box-sizing: initial;
	white-space: nowrap;
}

.block-menu-top-list li.menu-tyre a
{
    width: 100px;
	background: url("/templates/img/menu-tyre.png") no-repeat 45px 57px;
}

.block-menu-top-list li.menu-db-tyre a
{
    width: 100px;
	background: url("/templates/img/menu-tyre.png") no-repeat 40px 57px;
}

.block-menu-top-list li.menu-wheel a
{
    width: 120px;
	background: url("/templates/img/menu-wheel.png") no-repeat 75px 55px;
}

.block-menu-top-list li.menu-db-wheel a
{
    width: 100px;
	background: url("/templates/img/menu-wheel.png") no-repeat 55px 55px;
}

.block-menu-top-list li.menu-db-vehicle a
{
	background: url("/templates/img/menu-car5.png") no-repeat 55px 50px;
}

.block-menu-top-list li.menu-db-car a
{
    width: 90px;
	background: url("/templates/img/menu-car5.png") no-repeat 50px 50px;
}

.block-menu-top-list.menu-databases li a
{
	padding: 40px 0 10px 10px;
}

.block-menu-top-list li a span
{
	font-weight:bold;
	font-size: 18px;
	font-family: "PT Sans Narrow", "Franklin Gothic", Arial;
	display:block;
	margin-top: -2px;
	white-space: nowrap;
}

.block-menu-top-list li a:hover,
.block-menu-top-list li a.active
{
	padding: 20px 10px 30px 10px;
	border-bottom: 3px solid #b70303;
	color: #000;
    background-color: rgba(0,0,0,0.03);
	transition-duration:0.2s;
}

.block-menu-top-list.menu-databases li a:hover,
.block-menu-top-list.menu-databases li a.active
{
	padding: 20px 0 30px 10px;
}


table.supplier-table
{
	text-align:left;
}

table.supplier-table th,
table.supplier-table td
{
	background-color: white;
	color: #333;
	padding: 5px 10px;
}

table.supplier-table td
{
	vertical-align:top;
}

table.supplier-table th
{
	background-color: #333;
	color: white;
}

.top-bg
{
	background-image: url(/templates/img/topbg3.jpg);
	background-size:cover;
	overflow:hidden;
}

.find-tyres {
	background-color: rgba(0,0,0,0.2);
	width: 300px;
	margin-left: 10px;
	margin-bottom: 55px;
	padding: 50px 0 20px 0;
	float:left;
}

.find-tyres:hover
{
	background-color: rgba(103, 138, 34, 0.4);
}

.find-tyres h1
{
	margin-bottom: 8px;
	border:0;
}

.find-tyres h1 a {
	color: white;
	background-color: black;
	display:inline;

	font-family: var(--font-head-r);
	font-size: 26px;
	font-weight:normal;
	letter-spacing: -0.01em;
	text-decoration: none;

	padding: 2px 10px 2px 10px;
}

.find-tyres h1 a strong
{
	font-size: 26px;
}

.find-tyres h1 a:hover
{
	text-decoration: none;
	background-color: #b70303;
}


.f-select-size,
.f-select-auto
{
	margin-top: 10px;
	margin-left: 10px;
}

.f-select-auto a,
.f-select-size a
{
	color: white;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
	margin: 0 45px 0 5px;
	padding: 2px 10px;
}

.f-vert a,
.f-select-auto a
{
	display:block;
}

.f-select-auto a
{
    font-size: 15px;
    width: 120px;
    float: left;
    margin-bottom: 3px;
    margin-right: 10px;
}

.f-hor a
{
	float:left;
	margin: 0 0 0 0;
	font-size: 14px;
}

.f-hor a small
{
	font-size: 14px;
	font-weight:normal;
}

.f-hor
{
	overflow:hidden;
	margin: 9px 0 0 15px;
}

.f-select-size a:hover,
.f-select-auto a:hover
{
	text-decoration: none;
	background-color: #000;
}


.model-top-flat .model
{
	overflow:hidden;
	border-bottom: 1px solid #ddd;
	padding: 1px;
}

.model-top-flat .model .name a 
{
	text-decoration:none;
	color: #000;
}

.model-top-flat .model .name a:hover
{
	text-decoration:underline;
}

.model-top-flat .model .position
{
	padding: 14px 10px;
	width: 8px;
	text-align:center;
	color: #999;
	float:left;
}

.model-top-flat .model .name
{
	padding: 14px 10px;
	width: 250px;
	text-align:left;
	color: #000;
	float:left;
}

.model-top-flat .model .params
{
	float:left;
	width: 180px;
	text-align:left;
}

.model-top-flat .model .price
{
	margin-top: 7px;
	float:left;
	width: 250px;
}

.tyre-select
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 25px;
}

.tyre-select-type
{
	display:inline;
	margin-right: 30px;
}

.tyre-select-type a,
.tyre-select-type span.head a
.tyre-select-type .submenu a
{
	text-decoration:none;
	padding-bottom: 7px;
}

.tyre-select-type a:hover,
.tyre-select-type a.active,
.tyre-select-type .submenu a:hover,
.tyre-select-type .submenu a.active,
.tyre-select-type span.head a:hover,
.tyre-select-type span.head a.active
{
	color: #000;
	border-bottom: 2px solid #333;
}

.tyre-select-type span.head a
{
	font-size: 16px;
	margin-right: 7px;
	color: #333;
	font-weight:bold;
    font-family: 'Roboto', sans-serif;
}

.tyre-select-type .submenu a
{
	font-size: 12px;
	margin-right: 5px;
	color: #999;
}


/* tyre select for page - page-select */

ul.page-select
{
	border-bottom: 1px solid #ddd;
	padding-bottom: 7px;
	margin-bottom: 25px;
}

.v2 ul.page-select
{
	margin-top: 10px;
}

ul.page-select li
{
	list-style:none;
	display:inline;
	margin-right: 30px;
}

ul.page-select li ul
{
	display:inline;
	margin-left: 7px;
}

ul.page-select li ul li
{
	list-style:none;
	display:inline;
	margin-right: 5px;
}

ul.page-select li a
{
	text-decoration:none;
	padding-bottom: 7px;
}

ul.page-select li a:hover,
ul.page-select li a.active
{
	color: #000;
	border-bottom: 2px solid #333;
}

ul.page-select li a
{
	font-size: 16px;
	margin-right: 7px;
	color: #333;
	font-weight:bold;
}

.v2 ul.page-select li a
{
	font-size: 20px;
}

ul.page-select li ul li a
{
	font-weight:normal;
	font-size: 12px;
	margin-right: 5px;
	color: #999;
}

.v2 ul.page-select li ul li a
{
	font-size: 14px;
}






h4
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

h3
{
	font-size: 14px;
	color:black;
	background-color: #eee;
	overflow:hidden;
	margin-bottom: 15px;
	vertical-align:middle;
	padding: 3px 0;
}

h3 span
{
	font-size: 11px;
	color:black;
	padding: 3px;
	margin-left: 5px;
	color: #333;
}

h3 em
{
	font-size: 12px;
	text-transform:uppercase;
	padding: 7px 10px 7px 50px;
	color:white;
	font-style:normal;
	margin: -3px;
	background-color: #585C68;
}

.t-block, section
{
	margin-bottom: 40px;
	overflow: hidden;
}

section.product-db
{
	overflow:inherit;
}

.page-wide section.product-db {
	margin-bottom: 50px;
}

section.no-margin
{
	margin-bottom: 0px;
}

section.margin-sm
{
	margin-bottom: 10px;
}

section.margin-lg,
.page-wide section.margin-lg
{
	margin-bottom: 40px;
}

section .section-more
{
	margin-top: 20px;
	text-align: center;
}

.page-wide section { margin:0 20px 20px 20px; }
.page-wide section.inner { margin:0 0 20px 0; }

.find-more-info
{
	margin-top: 20px;
}

section .section-more a.btn-more, 
.model .find-more-info a.btn-more				/* search */
{
	font-family:sans-serif;
	border:1px solid gray;
	display:inline-block; 
	padding: 10px 10px; 
	text-decoration:none; 
	color:#777;
	text-transform:uppercase;
}

.model .find-more-info a.btn-more				/* search */
{
	padding: 8px 10px; 
	margin-right:10px;
}

section .section-more a.btn-more:hover,
.model .find-more-info a.btn-more:hover		/* search */
{
	background-color: #B70303;
	color:#fff;
	transition-duration: 0.2s;
}

a.btn-sort,								/* sort */
a.btn-common
{
	font-family:sans-serif;
	border:1px solid gray;
	display:inline-block; 
	padding: 5px 20px; 
	text-decoration:none; 
	color:#777;
	text-transform:uppercase;
}

a.btn-common.btn-common-light
{
	border:1px solid #aaa;
	color:#fff;
}

a.btn-sort.active, a.btn-sort:hover
{
	background-color: #bf9135;
	color:#fff;
}

a.btn-common.active, a.btn-common:hover
{
	background-color: #b70303;
	color:#fff;
}

.btn-skew
{
	transform: skewX(-25deg);
	padding-left: 17px !important;
	padding-right: 17px !important;
}

.btn-skew span
{
	transform: skewX(25deg);
    display: block;
}

.section-sort
{
	margin-bottom:10px;
}

#buy-modal .input-text
{
	font-size: 14px;
	width: 220px;
	padding: 4px 5px;
}

/* tyres list */


.tyres-list-cont
{
	width: 100%;
	height: 180px;
	overflow:hidden;
	position:relative;
}

.tyres-list
{
    width: 2000px;
	overflow:hidden;
}

.tyres-list-tyre
{
	float:left;
	margin-right: 1px;
}

.tyres-list-tyre a.model-name-vm {
	position:absolute;
	margin-top: -50px;
	background-color: rgba(0,0,0,0.7);
	display:block;
	width: 160px;
	padding: 7px 10px;
	transition-duration:0.2s;
}
/*
.tyres-section .tyre:hover a.model-name-vm {
	margin-top: -30px;	
}
*/

.tyres-list-tyre span.mod-green
{
	margin-top: -135px;
}

.tyres-list-tyre span.mod-uhp
{
	margin-top: -155px;
}

.tyres-list-tyre img
{
	display: block;
	width: 180px;
	height: 180px;
}

.tyres-list-tyre a
{
	color: white;
	text-decoration:none;
}


/* tyres new\line list */

.tyres-section
{
	overflow:hidden;
}

.tyres-section .tyre
{
	float:left;
	margin-right: 1px;
	margin-bottom: 10px;
	overflow:hidden;
	width:180px;

	border:1px solid transparent;
	padding: 20px 0;
}

.tyres-section .tyre:hover    
{
	border:1px solid #ddd;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.10);
	overflow: hidden;
	position:relative;
}

.tyres-section .tyre-name-only
{
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tyres-section .tyre.tyre-wide
{
	margin-right: 10px;
}

.tyres-section .tyre a.model-name-vm
{
	position:absolute;
	margin-top: -60px;
	background-color: rgba(0,0,0,0.7);
	display:block;
	width: 180px;
	padding: 7px 10px;
	transition-duration:0.2s;
	box-sizing: border-box;
}
.tyres-section .tyre:hover a.model-name-vm {
	transition-duration:0.2s;
	margin-top: -45px;	
}

.tyres-section .tyre-name-only a.model-name-vm
{
	background-color: rgba(0,0,0,0.7);
	display:block;
	width: 160px;
	padding: 7px 10px;
}

.tyres-section .tyre.season-allseason:hover a.model-name-vm
{
	background-color: rgba(0,0,0,0.9);
}

.tyres-section .tyre.season-summer a.model-name-vm,
.tyres-section .tyre-name-only.season-summer a.model-name-vm
{
	background-color: rgba(175,118,3,0.8);
}

.tyres-section .tyre.season-summer:hover a.model-name-vm
{
	background-color: rgba(175,118,3,0.9);
}

.tyres-section .tyre.season-winter a.model-name-vm,
.tyres-section .tyre-name-only.season-winter a.model-name-vm
{
	background-color: rgba(7,35,111,0.8);
}

.tyres-section .tyre.season-winter:hover a.model-name-vm
{
	background-color: rgba(7,35,111,0.9);
}

.tyres-section .tyre a.model-name-vm strong,
.tyres-section .tyre-name-only a.model-name-vm strong
{
	font-size: 14px;
	font-family: 'Roboto',sans-serif;
	font-weight: bold;
}

.tyre .tyre-small-info
{
	margin-left:10px;
	margin-right:10px;
}

.tyre .tyre-test
{
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #494b56;
	text-align:center;
	margin-bottom: 15px;
}

.tyre .tyre-test span
{
	display:block;
	font-size: 11px;
	color: #bbb;
}

.tyres-section .tyre span.mod-green
{
	margin-top: -135px;
}

.tyres-section .tyre span.mod-uhp
{
	margin-top: -155px;
}

.tyres-section .tyre img
{
	display: block;
	width: 180px;
	height: 180px;
}

.tyres-section .tyre a,
.tyres-section .tyre-name-only a
{
	color: white;
	text-decoration:none;
}

.tyres-section .tyre a:focus
{
	outline:0;
}

/* tyres hlist - lower tyres-section! */

.tyres-hlist
{
	white-space:nowrap;

	width: 100%;
	overflow:hidden;
	position:relative;
	-webkit-overflow-scrolling:touch;
}

.tyres-hlist .tyre
{
	margin-bottom:10px;
	float:none;
	display:inline-block;
}


@media (max-width: 767px) {
	.tyres-section .tyre 			{	margin-bottom: 20px; width:140px;	}
	.tyres-section .tyre.tyre-wide 	{	margin-right: 10px; 	}

	.tyres-section .tyre a.model-name-vm { width: 120px; padding: 7px 7px;}
	.tyres-section .tyre img 	{ width: 135px; height: 135px; }
	.tyre-price strong 	{ font-size: 14px; }
	.tyre .tyre-small-info {margin:0;}
}


/* bottom line */


.bottom-widget
{
	position:fixed;
	bottom:0;
	margin-left:500px;
	z-index:1000;
}

.bw-head
{
	width: 250px;
	float:left;
	margin-bottom:0;
	border-right: 1px solid #777;
	color: white;
}


.bw-head h4
{
	background-color: #000;
	opacity:0.9;
	padding: 5px 15px;
	color: white;
}

.bw-head h4 a
{
	color:white;
	text-decoration:none;
}


.bw-head ul.bw-block-list
{
	position:absolute;
	display:none;
	bottom:25px;
	width:250px;
	background-color: #000;
}

.bw-head:hover ul.bw-block-list
{
	display:block;
}

.bw-head ul.bw-block-list li
{
	list-style:none;
	padding: 5px 5px 5px 15px;
	background-color: #000;
}

.bw-head ul.bw-block-list li:hover
{
	background-color: #555;
}

.bw-head ul.bw-block-list li a
{
	color: white;
	text-decoration:none;
}

.bw-head ul.bw-block-list li a:hover
{
	text-decoration:underline;
}

.bw-head ul.bw-block-list li .delete
{
	float:right;
}



/**/

.slider-controls
{
/*	opacity: 0.6; */
}

.slider-controls a.prev-page
{
	background-image:url(/templates/img/arrows.png);
	height:50px;
	display:block;
	width:40px;
	margin-top:23px;
	z-index:300;
}

.slider-controls a.prev-page:hover {
	background-color: #aaa;
}

.slider-controls a.next-page
{
	background-image:url(/templates/img/arrows.png);
	height:50px;
	display:block;
	background-position: 40px  0;
	width:40px;
	margin-top:60px;
	z-index:300;
}

.slider-controls a.next-page:hover {
	background-color: #aaa;
}


.topic-short a {
	display:block;
	font-size: 13px;
	text-decoration:none;
	padding: 2px 10px;
	margin-bottom: 6px;
}

.topic-short a:hover {
	background-color: #B70303;
	color: #fff;
	border-radius: 7px;
}

.footer-blocks
{
	overflow:hidden;
	padding: 20px 30px;
	background-color: #fff;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
	border: 1px solid #eee;
	margin: 20px 0;
}

.footer-block  {
	float:left;
	width: 300px;
	padding: 0 40px 0px 0;
	margin-bottom: 10px;
}

.footer-blocks h4 {
	font-size: 13px;
	font-family: 'Roboto', arial, sans-serif;
	font-weight: bold;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 20px;
	padding-bottom: 6px;
	text-transform:uppercase;
	color: #555;
}


.footer-block-wheels {
	width:auto;
}

.footer-block-wheels a {
	margin-right: 2px;
}

.footer-block-wheels img {
	width: 90px;
	height: 90px;
	border: 1px solid #ddd;
	padding: 7px;
}


.block-videos {
	display:flex;
}

.video-thumb {
	float:left;
	margin-right: 5px;
}

.video-thumb img {
	height: 90px;
}

.video-thumb.swiper-slide { 
	width:213px; 
	text-align: center;
}

.block-videos .video-thumb img {
	height: 120px;
	width:auto;
}



.tyre-head-stat
{
	float:right;
}

.tyre-inline-stat
{
	display:inline;
}

.tyre-stat
{
	height: 40px;
	width: 100px;
	margin: 5px 20px 0 20px;
}

.tyre-stat span, .tyre-stat a span
{
	height:40px;
	display:block;
	margin-right:1px; 
	float:left;
	width: 12px;
}

.tyre-stat span
{
	text-decoration:none;
	border-bottom:2px solid transparent;
}

.tyre-stat span:hover
{
	border-bottom:2px solid gray;
}

.tyre-stat .zero
{
	margin-top: 19px;
	height: 2px;
	background-color: #555;
}

.feature
{
	background-color: #ddd;
}

.v2 .feature {
	font-size: 14px;
	background-color: transparent;
}

.tyre-stat .control
{
	background-color: #995804;
}

.tyre-stat .noise
{
	background-color: #70A828;
}

.tyre-stat .adhesion
{
	background-color: #555;
}

.tyre-stat .problems
{
	background-color: #CC9E0A;
}

.tyre-stat .aqua
{
	background-color: #2890A8;
}

.tyre-stat .ice,
.tyre-stat .snow
{
	background-color: #4F6396;
}

.tyre-stat .plus3
{
	height: 20px;
}

.tyre-stat .plus2
{
	margin-top: 6px;
	height: 14px;
}

.tyre-stat .plus1
{
	margin-top: 13px;
	height: 7px;
}

.tyre-stat .minus1
{
	margin-top: 20px;
	height: 10px;
	background-color: #962222;
}

.tyre-stat .minus2
{
	margin-top: 20px;
	height: 20px;
	background-color: #962222;
}

.tyre-stat .minus3
{
	margin-top: 20px;
	height: 20px;
	background-color: #962222;
}

div.paid
{
	padding: 10px 10px 5px 10px;
	background-color: #eee;
}

div.paid h3
{
	color: #980000;
	font-size: 14px;
	margin-bottom: 10px;
}

div.paid h3 span
{
	color: #555;
	font-size: 11px;
}

.country-head
{
	padding: 10px 0 5px 23px;
}

.country-head a, .navigation-bar .country-head a
{
	text-decoration:none;	
	font-size: 18px;
	text-align:left;
	color: #aaa;
	margin-right: 30px;	
}

.country-head a:hover
{
	text-decoration:underline;	
	color: #fff;
}

.country-head a.active
{
	color: #fff;
}

.location-bar
{
	background-color: #555;
	background-image: url(/templates/img/bg/carbon_fibre.png);
}

ul.bar-location a
{
	color: #fff;
	display:block;
	width: 120px;
	padding: 2px 10px;
	margin:0;
	text-decoration:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

ul.bar-location a:hover, ul.bar-location a.active
{
	background-color: #000;
	text-decoration:none;
}

ul.bar-location
{
	overflow:hidden;
	padding: 5px 10px 15px 10px;
}

ul.bar-location li
{
	width: 150px;
	margin: 3px 5px;
	text-align:left;
	list-style:none;
	float:left;
}



ul.r-select
{
	display:block;
	float:left;
	margin-bottom:0;
}

ul.r-select li
{
	list-style:none;
	display:inline;
	padding: 8px 15px;
	margin:0;
}

ul.r-select li:hover
{
	background-color: #eee;
}

ul.r-select li a
{
	margin:0;
}

ul.r-select li:hover a
{
	color: #333;
	text-decoration:none;
}


ul.r-select li:hover ul.ra-select
{
	display:block;
}

ul.ra-select
{
	display:none;
	position:absolute;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin-top: 8px;
	margin-left: -1px;
	z-index:10000;
}

ul.ra-select li
{
	list-style:none;
	background-color: #eee;
	display:block;
	padding: 3px;
	margin:0;
	border-bottom: 1px solid #f1f1f1;
}

ul.ra-select li a
{
	color: #333;
	text-align:left;
	padding: 4px 10px;
	margin:0;
	display:block;
	width: 130px;
	text-decoration:none;
	z-index:100;
}

ul.ra-select li:hover a
{
	background-color: #ddd;
}

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


ul.ra-u-select
{
	position:absolute;
	display:none;
	margin: -24px 0 0 123px;
	border: 1px solid #ddd;
}

ul.ra-select li:hover ul.ra-u-select
{
	display:block;
}

ul.ra-select li:hover ul a
{
	background-color: #eee;
}

ul.ra-select li:hover ul li:hover a
{
	background-color: #ddd;
}


.auto-v-photo
{
	position: relative;
	float:left;
	display:inline;
}

.auto-v-photo img
{
	border: 1px solid #ddd;
	padding: 2px;
	margin-right: 5px;
	height: 100px;
}

.auto-v-photo a:hover img
{
	border: 1px solid #777;
}

.auto-v-photos
{
	overflow:hidden;
	margin-top: 10px;
}


.underbar
{
	background-color: #878787;
	margin-top: -10px;
	margin-bottom: 10px;
	color: white;
	padding: 10px 20px;
	font-size: 12px;
}

.under-r a
{
	font-weight:bold;
	color: white;
	display:block;
	text-decoration:none;
	padding: 3px 10px;
}

.under-r a:hover
{
	background-color: #777;
}




.model-video h4
{
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
}

.model-video
{
	margin-bottom: 20px;
}

.pay-type
{
}

.pay-type a
{
	display:block;
	border: 1px solid #eee;
	float:left;
	margin-right: 5px;
	margin-bottom: 5px;
	text-decoration:none;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 50%);
	background-color: #f5f5f5;
	position:relative;
}

.pay-type a:hover
{
	border: 1px solid #6b6baf;
/*	background-color: #f1f1f1;*/
}

.pay-type a:hover img
{
}

.pay-type a i 
{
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    position: absolute;
	left: 3px;
	bottom: 2px;
	color: #63759d;
	text-transform: uppercase;
}

.pay-type a span
{
	display:table-cell;
	width: 100px;
	height: 60px;
	vertical-align:middle;
	text-align:center;
}

.pay-type a span.legend
{
	color: #555;
	font-size:11px;
}

.pay-type a img
{
	vertical-align:middle;
	border:0;
}


@media (max-width: 767px) {
	.pay-type a { width:90px; }
}

.header-logo
{
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 23px;
}

a.mob-menu {
	font-weight:bold;
	text-decoration:none;
	font-family:sans-serif;
	font-size:34px;
	line-height: 1;

    margin-right: 18px;
	display:none;
}

a.mob-menu i {
	font-size: 28px;
}

nav.mob-menu-content 
{
    background: #656773;
    width: 70%;
    height: 100%;
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 200;
    padding:10px 10px 10px 20px;
    transition: left 0.65s;
}

.mob-menu-list
{
	margin-top:20px;
	width:100%;
}

nav.mob-menu-content a 
{
	color:#fff;
	font-size:1.1em;
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	padding: 15px 0;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}

nav.mob-menu-content a:hover
{
	color:#ef4c0e;
}

nav.mob-menu-content a.mob-menu-close 
{
    width: 47px;
    height: 47px;
    background: url(/templates/img/icons/cross-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    margin: -10px -10px 0 0;
    padding: 0;
    float: right;
}

nav.mob-menu-content a.mob-menu-close:hover
{
    background-color: #818390;
}

nav.mob-menu-content .mob-top-login
{
	margin-top:5px;
}

nav.mob-menu-content .mob-top-login a
{
	font-size: 12px;
	display:inline;
}

.logo {
	padding: 26px 23px 5px 0;

	display: flex;
	gap: 20px;
}

.logo img {	
	width:190px; 
	height: 44px;	
}

.logo-b2b {	
	background: #f5f5f5;
	padding: 2px 15px;
	border-radius: 7px;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 11px;
}
.logo-b2b:hover {	
	text-decoration:none;
	background-color: #e5d5c8;
}

.logo-b2b i {
	opacity:0;
	width:0;
	transition: .3s;
	color:#555;
	margin-left:0;
}	
.logo-b2b:hover i {
	margin-left:10px;
	opacity:1;
	width:auto;
	color:#df0404;
}	

.logo-b2b .txt {
	color:#777;
	font-size:13px;
}
.logo-b2b:hover .txt {
	color:#000;
}

/* mobile */
@media (max-width: 479px) {
	.logo { display:block; }
}


.top-teasers
{
	margin-top: 6px;
}


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

	.header-logo {
	    justify-content: flex-start;
	}

	.top-teasers, .menubar {
		display:none;
	}

	a.mob-menu	{  display:block;  }
	.logo		{  padding:20px 23px 5px 0;  }
	.logo img	{  width:160px; height: 39px;  }

	.top-bg 	{  height:150px;  }
	.find-tyres {  display:none;  }
}


.top-teaser
{
	width: 200px;
	float:right;
	margin-left: 10px;
	overflow: hidden;
}

.top-teaser a img
{
	border:0;
	margin-right: 10px;
	float:left;
	opacity:0.8;
	height: 50px;
	width: 50px;
}

.top-teaser a
{
	color: gray;
	text-decoration:none;
}

.top-teaser a:hover
{
	color: black;
}

.top-teaser a:hover img
{
	opacity:1;
}

.top-teaser a:hover span span
{
	color: #770000;
}

.top-teaser a span span
{
	color: #980000;
}

.top-teaser .text
{
	display:block;
	padding-top: 10px;
}









.stat-player a:hover
{
	background-color: #aaa;
}

.stat-player a
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 0 20px 2px;
	color: white;
	text-decoration:none;
	float:right;
	text-align:right;
	margin-top: -6px;
}

.stat-nick
{
	font-weight:bold;
	font-size: 18px;
}

.stat-club
{
	margin-top: -4px;
	font-size: 12px;
}


.game-score
{
	overflow:hidden;
}

.game-score span
{
	font-size: 16px;
}

.game-score span.score-num
{
	display:inline-block;
	width: 30px;
}

.game-score span.score-nick
{
	display:inline-block;
	width: 400px;
	font-size: 22px;
	color: #333;
}

.game-question
{
	font-size: 22px;
	color: #555;
	margin-bottom: 20px;
}

.game-play
{
	width: 670px;
}

.game-tyres span.vs
{
	display:block;
	margin: 70px 15px;
	font-size: 22px;
	float:left;
}

.game-tyres
{
	background-color: #eee;
	width: 460px;
	padding: 10px 15px;
	overflow:hidden;
}

.game-tyres .game-model-small
{
	display:block;
	width: 188px;
	height: 188px;
	float:left;
}

.game-model-small span.info
{
	position:relative;
	margin: -55px 0 0 6px;
	color: white;
	background-color: transparent;
	font-size: 14px;
	font-weight:bold;
	display:block;
}

.game-model-small span.info-bg
{
	display:block;
	position:relative;
	height: 60px;
	width: 180px;
	margin: -64px 0 0 4px;
	opacity: 0.6;
}

.winter .info-bg
{
	background-color: #07236F;
}

.summer .info-bg
{
	background-color: #DF7E0D;
}


.game-stat
{
	font-size: 16px;
	padding: 10px 20px 12px;
	background-color: #777;
	color: white;
	margin-bottom: 20px;
}

.game-stat span
{
	font-weight:bold;
	font-family: verdana;
	color: #fff;
	font-size: 18px;
}

.game-tyres a img
{
	border: 4px solid #fff;
}

.game-tyres a:hover img
{
	border: 4px solid #C5D0E0;
}

.game-tyres .true a img
{
	border: 4px solid #03AF06;
}

.game-tyres .false a img
{
	border: 4px solid #C91E08;
}

.use-stat-panel
{
	overflow:hidden;
}

.use-stat-panel h3
{
	font-size: 14px;
	color: #555;
	margin-bottom: 15px;
	padding-bottom: 3px;
	border-bottom: 4px solid #eee;
}

.use-stat-data
{
	width: 310px;
	margin-right: 50px;
	float:left;
	overflow:hidden;
}

.use-stat-data a
{
	color: #777;
	text-decoration:none;
}

.use-stat-data a:hover
{
	text-decoration:underline;
}

.use-stat-record
{
	width: 310px;
	overflow:hidden;
	margin-bottom: 7px;
}

.use-stat-data .name
{
	width: 200px;
	float:left;
}

.use-stat-data .percent
{
	width: 100px;
	color: white;
	padding: 1px 2px;
	float:left;
}

.use-stat-data .percent span
{
	padding: 1px 2px;
	position:absolute;
	background-color: #777;
}



.content
{
	overflow: hidden;
	margin-bottom: 20px;
}

/* -- links -- */

.links {
	overflow:hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}

.links a
{
	color: #555;
}

.links a:hover
{
	color: #000;
}

.link-block
{
	width: 185px;
	margin-bottom: 30px;
	float:left;
}

.link-block h3 a, .link-block h3 a span
{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	font-weight:bold;
	padding:0;
}


/*  -- used -- */

.used-list
{
	min-width: 650px;
}

.used
{
	margin-bottom: 10px;
	color: #000;
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

.used-info
{
	overflow: hidden;
	padding-bottom: 10px;
}

.used-model
{
	overflow: hidden;
	color: #555;
	float:left;
	width: 250px;
}

div.used-list-main:hover
{
	background-color: #f1f1f1;
}

.used-list-position
{
	overflow: hidden;
	padding: 10px 5px;
}

.used-list-more
{
	background-color: #f1f1f1;
	padding: 10px;
}

.used-city
{
	width: 100px;
	float: left;
	margin-top: 7px;
}

a.used-more
{
	margin-top: 7px;
	display:block;
	float:left;
	text-decoration:none;
	border-bottom: 2px dotted #b70303;
}

.used-more img
{
	vertical-align:bottom;
	border:0;
}

.used-plus-info
{
	width: 100px;
	float: left;
}

.used-info a
{
	display:block;
	font-size: 14px;
	text-decoration:none;
}

span.used-size
{
	color: black;
	font-size: 12px;
}

/**/

.discount
{
	margin-bottom: 20px;
	color: #000;
}

.discount-info
{
	margin-right: 150px;
}

#discounts-info-data .discount-info
{
	margin-right: 5px;
}

.discount-value
{
	font-size: 14px;
	color: #980000;
	font-weight:bold;
}

.discount-condition
{
	font-size: 12px;
	color: #777;
}

#discounts-info-data .discount-condition
{
	color: #555;
}

h2.big
{
	font-size: 18px;
	padding:0;
	margin-bottom: 10px;
	background-color: transparent;
	color: #980000;
}

h2.list-head a.btn, .index-new-list a.btn
{
	font-size: 13px;
	float: right;
	color:white;
	text-decoration:none;
	margin-top: -1px;
	background-color: #B70303;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0 10px 1px;
}

h2.list-head a.btn:hover, .index-new-list a.btn:hover
{
	background-color: #aaa;
}

.title-db {
	font-family:'Roboto', sans-serif;
	font-size:32px;
	font-weight:300;
	background-color:transparent;
	color: #000;
	text-transform:uppercase;
	padding:0;
	margin: 0 0 15px 0;
}

.title-db span {
	font-family:'Roboto', sans-serif;
	font-size:32px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline;
}

.title-db .desc {
	color:#888;
	font-family:'Roboto', sans-serif;
	font-size:12px;
	text-transform:uppercase;
}

.index-new-list a.btn
{
	display:block;
	margin-top: 10px;
	float:left;
}

.index-new-list
{
	float:right;
	width: 140px;
}

.new-models-list
{
	margin-left: 2px;
}

.new-models-list a
{
	color: black;
	text-decoration:none;
}

.new-model-small span.big
{
	font-size: 12px;
	font-weight:bold;
	display:block;
}

.new-model-small a div.info
{
	position:absolute;
	margin-top: -40px;
	color: white;
	background-color: transparent;
	font-size: 12px;
}

.new-model-small a div.info-bg
{
	position:absolute;
	height: 40px;
	width: 130px;
	margin-top: -40px;
	background-color: #000;
	opacity: 0.6;
}

.new-model-small
{
	padding: 0;
	overflow:hidden;
	margin-bottom: 20px;
}

.new-model-small img
{
	border: 0;
	width: 120px;
	height: 120px;
	display:block;
}


.review-small-img
{
	display:block;
	float:right;
	padding-right: 0px;
}

.review-img-t img, .review-img-b img
{
    width: 90px;
	height: 90px;
	padding: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.review-small 
{
	margin-right: 130px;
}

.review-small a {
	font-size:13px;
	display:block;
	padding: 3px 3px;
	text-decoration: none;
}

.review-small a span
{
	font-weight: bold;
}

.review-small a:hover
{
	color: white;
	background-color: #980000;
}


.model-small-list-rating
{
	float:right;
	width: 160px;
}

span.t-param 
{
	margin-bottom: 2px;
	line-height: 18px;
}

.model-list-cont
{
	width: 600px;
	overflow:hidden;
	margin-bottom: 5px;
}

.search-nowrap-block
{
    white-space: nowrap;
}

.s-wheels-list-cont
{
	overflow:hidden;
	margin-bottom: 5px;
}

.s-wheels-list-cont .model
{
	overflow:hidden;
	margin-bottom: 10px;
}

.s-wheels-list-cont .model .model-img
{
	float:left;
}

.s-wheels-list-cont .model .model-img img
{
	width: 180px;
	height: 180px;
}

.s-wheels-list-cont .model .model-data
{
	margin-left: 210px;
	margin-bottom: 20px;
}

/* mobile  */
@media (max-width: 479px) {
	.s-wheels-list-cont .model .model-img	{	float:none;		}
	.s-wheels-list-cont .model .model-data 	{ 	margin-left: 0; }
}

.s-wheels-list-cont .model .model-data a.name
{
	display:block;
	padding-bottom:5px;
	margin-bottom: 10px;
	font-family:'Roboto',sans-serif;
	font-weight:bold;
	font-size: 20px;
	color: #222;
	text-decoration:none;
	border-bottom: 3px solid #eee;
}

.s-wheels-list-cont .model .model-data a.name:hover
{
	text-decoration:underline;
}

.s-wheels-list-cont .model .model-data .name span
{
	font-weight:normal;
	font-size: 11px;
}


.languages .flags img
{
	border: 1px solid #ccc;
	width: 20px;
	height: 13px;
}

h3.heading,
.paid-block h3.heading {
	color: #980000;
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 5px;
	background-color: transparent;
}

.paid-block h3.heading {
	font-size: 15px;
	font-weight: 500;
}

section.services h3.heading
{
	font-family: "Roboto", sans-serif;
	font-weight: bold;
}

h3.heading-promo
{
	color: #980000;
	font-size: 22px;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	margin: 20px 0 5px;
	background-color: transparent;
}

h3.landing {
	color: #980000;
	font-size: 20px;
	font-weight: bold;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	margin: 0 0 7px;
	background-color: transparent;
}

h3.heading-top
{
	color: #980000;
	font-size: 14px;
	margin: 0 0 5px;
	background-color: transparent;
}

.param-api
{
	color: #980000;
	font-size: 16px;
	font-family: "PT Sans Narrow", Arial, sans-serif;
	margin: 5px 0;
	display:block;
}

table.price-table th
{
	text-align:left;
	color: #555;
	padding: 6px 4px;
	font-weight: normal;
	border-bottom: 2px solid #aaa;
}

table.price-table td
{
	border-bottom: 1px solid #ccc;
	text-align:left;
	color: #333;
	padding: 6px 4px;
}


.index-compare-panel
{
	overflow:hidden;
	width: 780px;
}

.block-compare
{
	display:inline;
    white-space: nowrap;
}

/* mobile  */
@media (max-width: 767px) {
	.block-compare 		{ 	display:block; margin-bottom:4px;	}
	.block-compare-btn 	{ 	margin-top:15px;	}
}

.index-compare span
{
	font-weight: bold;
	font-size:13px;
	font-family:'Roboto',Arial,sans-serif;
}

.index-compare select
{
	font-size: 13px;
	font-weight:500;
	font-family:'Roboto',Arial,sans-serif;
	border-radius:3px;
	padding: 5px 0 6px 5px;
	background: #5c4d41;
	color: #fff;
	outline:0;
}

.index-compare .btn
{
	margin-top: -3px;
}


.index-compare-panel h2,
.index-tests-list h2
{
	margin:0;
}

.price-list
{
	padding:10px 0;
	margin-bottom:15px;
	border-bottom:1px solid #e5e5e5;
}

.price-list h3
{
	background-color:transparent;
	padding: 0;
	margin-bottom: 5px;
	font-family: 'Roboto';
    font-size: 15px;
	font-weight: bold;
}

.price-list .c-button
{
	display:block;
}

.price-list .price-type
{
	margin-bottom:10px;
}

.price-list .price-stat
{
	color: #333;
}

.price-list .alert
{
	margin-bottom: 3px;
}

.price-list .price-list-entry
{
	padding: 3px 5px;
	margin-bottom: 2px;
	overflow:hidden;
}

.price-list .price-list-entry a
{
	display:block;
	width: 160px;
	float:left;
}

.price-list .price-list-entry span
{
	display:block;
	width: 60px;
	float:left;
}


.top-banner
{
	float:right;
	margin: 15px 25px 0 0;
	padding-bottom: 5px;
}

.model-top-prices
{
	margin-top: 20px;
	margin-bottom: 40px;
	overflow: hidden;
}

.model-top-prices .price-shop-head
{
	background-color: #eee;
	color: #444;
	font-weight:bold;
}

.model-top-prices .price-shops
{
	background-color: #fafafa;
}


.model-list-data-size
{
	font-size: 16px;
	margin: 10px 0 0 10px;
}

.find-tyre-form
{
	overflow:hidden;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 4px solid #ccc;
	background-color: #f5f5f5;
	padding: 10px 20px;
}

.find-tyre-content
{
	margin-bottom: 10px;
	overflow: hidden;
}

.button-find
{
	padding: 5px 20px;
}

.find-block 
{
	font-size: 12px;
	overflow:hidden;
	float:left;
	margin-right: 20px;
	color: #000;
}

.find-block label
{
	font-size: 13px;
	color: black;
}

.find-block label.head
{
	border-bottom: 1px dashed #aaa;
	float:left;
	color: #555E89;
	margin-top: 6px;
}

.find-block .find-data {
	margin: 0 0 10px 0;
	text-align:left;
	margin-left: 70px;
}

.find-block .find-data label
{
	display:block;
	margin-bottom: 3px;
}



.light-green
{
	background-color: #F0FFDF;
}

.index-compare-panel a
{
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding: 0;
}

.index-compare-panel a:hover
{
	background-color: #f1f1f1;
}


.tw-sample
{
	width: 500px;
	margin: 50px 0 100px 100px;
}

.model-like
{
	/* background-color: #f1f1f1; */
	/* padding: 5px 0 3px 10px; */
	margin-top: 20px;
	margin-bottom: 20px;
}

.model-like #vk_like
{
	display:block;
	float:left;
	width: 150px;
}

.model-like span.text
{
	float:left;
	margin-top: 3px;
	color: #555;
	font-weight:bold;
	margin-right: 10px;
}


.game-like
{
	display:block;
	float:right;
	width: 150px;
	background-color: #f1f1f1;
	padding: 10px;
}

.game-like #vk_like
{
	display:block;
	float:left;
	width: 150px;
}

.game-like span
{
	display:block;
	margin-bottom: 10px;
}

.game-like span.text
{
	float:left;
	margin-top: 3px;
	color: #555;
	font-weight:bold;
	margin-right: 10px;
}


.model-list-prices a {
	color: #fff;

	font-size: 13px;
	font-family: var(--font-btn);
	font-weight:bold;
	text-decoration:none;

	background-color: #DB3908;
	padding: 4px 8px 4px 12px;
	border-radius: 5px;
}

.model-list-prices
{
	float:right;
	text-align:right;
	margin-top: 15px;
}

.model-list-prices .prices
{
	margin-bottom:5px;
}

.model-list-prices a i {
	margin-left: 5px;
}

/*
ul.city-location li
{
	list-style-type: none;
}

ul.city-location li:hover ul.city-select
{
	display:block;
}
*/

ul.city-select
{
	background-color: #999;
	margin-top: 20px;
	width: 130px;
	display:none;
	border: 1px solid gray;
	border-top:none;
	position:absolute;
	padding: 5px;
	text-align:left;
}

ul.city-select a
{
	width: 120px;
	display:block;
	color: #fff;
	text-decoration:underline;
	padding: 2px 10px 2px 4px;
}

ul.city-select a:hover
{
	text-decoration:none;
	background-color: #B70303;
	color:white;
}

ul.city-select li
{
	margin-bottom: 5px;
	display:block;
	list-style-type: none;
}

.vendor-models-list
{
	clear:bottom;
	overflow:hidden;
}

.vendor-wheels
{
	overflow:hidden;
}

.blog-preview
{
	float:left;
	width: 200px;
}

.blog-preview p
{
	color:white;
}

.blog-preview p font
{
	color:#ee0000;
}

.preview-content
{
	margin-top: 10px;
}


#insert-blog-modal textarea
{
	width:300px;
	height:170px;
	font-size: 12px;
}

.menu img
{
	border:0;
	vertical-align:-3px;
}

span.updown
{
	margin-top: 5px;
	float:right;
}

span.updown img
{
	border:0;
}

.help-photos img
{
	border: 5px solid #ccc;
}

span.step
{
	margin: 0 10px 0 0;
	float:left;
	background-color: #bb0000;
	font-size: 12px;
	font-family:verdana;
	color: #fff;
	font-weight:bold;
	padding: 3px 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

span.step-other
{
	background-color: #555;
}

.step-info
{
	margin: 3px 0 0 35px;
}

span.user
{
	background: url(/templates/img/icons/tyre-login.png) 0 0 no-repeat;
	padding: 4px 30px;
	font-size: 14px;
	font-weight:bold;
	color: #fff;
}

.review-comments
{
	margin-left: 40px;
}

.review-comment
{
    color: #333;
	background-color: #f1f1f1;
	padding: 3px 5px;
	margin-bottom: 10px;
}

.review-comment span
{
	color: #980000;
}

.comment-user-info
{
	overflow:hidden;
	margin-bottom: 5px;
}

.comment-user-info span
{
	float:left;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 5px;
	font-weight:bold;
	color:#333;
}

.comment-user-info img
{
	float:left;
	width: 24px;
	height:24px;
}

.add-comment-close
{
	float:right;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight:bold;
	padding: 0 5px;
	text-decoration:none;
}

.add-comment-close:hover
{
	background-color: #980000;
}

.review-footer
{
	margin-top: 10px;
}

.review-comment-add
{
	width: 620px;
}

.review-comment-full
{
	background-color: #555;
	width: 550px;
	padding: 10px;
}

.review-comment-full textarea
{
	width: 460px;
	display:block;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 13px;
}

.review-comment-full input
{
	width: 150px;
	padding: 2px;
	margin-bottom: 10px;
	font-size: 12px;
}

.login_error
{
	background-color: #B70303;
	border-left: 20px solid #e80000;
	color: white;
	font-weight:bold;
	padding: 2px 20px 2px 40px;
	margin-right: 10px;
}

.login-input
{
	font-size: 12px;
	padding: 2px 3px;
	display:block;
	margin-bottom: 5px;
}

.info-message
{
	font-size: 14px;
	margin: 20px 10px;
	color: #333;
}

.info
{
	color: #333;
	background-color: #E0E7EF;
	padding: 5px;
}

.yandex-url
{
	margin-bottom: 20px;
}

.noelements-wide
{
	font-size: 12px;
	padding: 0 0 20px 20px;
	border-bottom: 1px dotted #aaa;
}

input.page-text
{
	font-size: 12px;
	padding: 3px 5px;
}

/* main blocks */

.block-menu
{
	width: 200px;
	margin-right: 0px;
	float:left;
}

.block-content
{
	margin-left: 220px;
	min-height: 400px;
}

.block-content-left
{
	overflow: hidden;
}

.block-right {
	width: 180px;
	margin-left: 40px;
	margin-right: 0;
	float:right;
}


.ads-resp-desktop 	{ display:block; 	}
.ads-resp-mobile 	{ display:none; 	}

/* mobile - ads left to content */

@media (max-width: 767px) {

	.block-right 		{ float:none; width:100%; margin-left:0;	}
	.block-content-left { margin-right:0;	}
	.ads-resp-desktop 	{ display:none; 	}
	.ads-resp-mobile 	{ display:block; 	}
}

.block-vendors-img
{
	height: 50px; 
	overflow:hidden; 
	text-align:center;
}

/**/

/* forms */
.common-form input[type=text],
.common-form input[type=file],
.common-form input[type=password],
.common-form select
{
	font-size: 14px;
	padding: 4px 6px 6px 4px;
}

.form-help
{
	color: #aaa;
	margin-top: 5px;
}

.common-form label
{
	display:block;
	margin-bottom: 3px;
	color: #fff;
	font-size: 12px;
}

/**/

.user-info
{
	overflow:hidden;
}

.user-info img
{
	float:left;
	border: 1px solid #555;
}

.user-info p
{
	margin-left: 70px;
	color: #aaa;
}

.user-info p strong
{
	color: #b70303;
	font-size: 16px;
}

.loggedin img
{
	width: 16px;
	vertical-align: -4px;
	margin-right: 7px;
}

.login-content input
{
	margin-bottom: 7px;
	width:100%;
}

.login-logo
{
	margin:10px auto 20px auto;
	text-align:center;
}

.login-logo img
{
	width:120px;
}

.login-buttons
{
	margin-top:15px;
	font-family:'Roboto',sans-serif;
}

.login-buttons input
{
	width:100%;
}

.login-with
{
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top:10px;
	font-family:'Roboto',sans-serif;
	font-weight:bold;
	text-align:center;
}

.login-with-buttons
{
	margin-top:10px;
}

.login-with-icon
{
	width: 50px; 
	padding: 10px; 
	border: 1px solid #ddd;
}

/* confirm modal */

#confirm-modal
{
	position:absolute;
	background-color: #333;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	min-width: 250px;
}

#confirm-modal input.modal-submit 
{
	margin-top:0;
	padding: 0 10px 2px;
}

#confirm-modal .confirm-buttons
{
	margin: 10px 30px;
}

#confirm-modal h2
{
	font-size: 13px;
	margin-top: 10px;
	background-color: #980000;
}

#confirm-modal a
{
	margin-left: 10px;
	color: white;
	font-weight: bold;
	text-decoration:none;
}

#confirm-modal a:hover
{
	text-decoration:underline;
}


/* location modal */

#location-modal .close img,
#login-modal .close img
{
	border:1px solid #ccc;
	vertical-align:middle;
	width: 12px;
	height:12px;
	float:right;
}

#location-modal .close:hover img, 
#login-modal .close:hover img
{
	border:1px solid #fff;
}

#location-modal
{
	width: 150px;
	position:absolute;
	background-color: #f1f1f1;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}

#location-modal .find-list
{
	margin: 5px;
}

#location-modal h2
{
	font-size: 12px;
	margin-top: 0;
}


.shop-list
{
	margin-top: 20px;
}

.shop-info
{
	padding: 0 10px;
    border-radius: 0.25rem;
    margin-bottom:1em;
}

.shop-info h3
{
	padding: 10px 0 0 0;
	margin-bottom: 5px;
	background-color:transparent;
}

.shop-info h3 a
{
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.shop-info h3 a:hover
{
	text-decoration:underline;
	color:#B70303;
}

.shop-info .shop-tags
{
	margin-bottom: 10px;
}

.shop-info .contact
{
	margin-bottom: 10px;
	background-color:transparent;
}


.shop-review
{
	background-color: #EFEFEF;
}

.shop-deleted, .shop-status-deleted
{
	background-color: #ddd;
}

.shop-banned, .shop-status-banned
{
	background-color: #FFEADF;
}

.shop-status-inactive
{
	background-color: #ebeff5;
}

.shop-info h3 span
{
	font-size:12px;
	font-weight:normal;
	margin-left: 20px;
	color: #980000;
}

.search .search-img
{
	height: 22px;
}

.search .search-text	
{
	width:150px;
	border:1px solid #cccccc;
	color:#b2b2b2; 
	font-size:13px; 
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:3px 5px; 
	outline:none;
}

table.offices-list-table
{
	width: 780px;
}

table.offices-list-table th
{
	background-color: #777;
	color: white;
	text-align:left;
	padding: 4px 10px;
}

table.offices-list-table tr
{
	margin-bottom: 10px;
}

table.offices-list-table td
{
	padding: 4px 4px;
	border-bottom: 2px solid #eee;
	line-height: 20px;
}

/* map */

.map-addr, .map-phones, .map-site, .map-shop
{
	color: #333;
	margin-bottom: 10px;
}

.map-addr span, .map-phones span, .map-site span
{
	display:block;
	border-bottom: 3px solid #eee;
	margin-bottom: 5px;
	font-weight:bold;
	color: #980000;
}

.map-shop span
{
	display:block;
	margin-bottom: 10px;
	font-weight:bold;
	font-size: 16px;
	color: #980000;
}

/**/

.compare-share
{
	padding: 4px;
	border-bottom: 1px solid gray;
}

.compare-share .share-help
{
	margin-left: 10px;
}

.compare-share input.copy-text
{
	width: 400px;
	font-size: 10px;
	padding: 2px;
	color: gray;
	background-color: #eee;
	border: 1px solid #ccc;
}




a.a-button .arrow
{
	background-color: #000;
	margin-left:10px;
	padding: 1px 3px 2px;
}

a.a-button .arrow img
{
	vertical-align:-3px;
	padding:0;
	border:0;
}

a.a-button
{
	background-color: #B70303;
	color: #fff;
	text-decoration:none;
	padding: 1px 0px 3px 7px;
	text-transform: lowercase;
	font-size: 10px;
	margin-top: 5px;
	display:inline-block;
}

a.a-button:hover
{
	background-color: #555;
	color: #fff;
}


/* headers\vendor */

h2.ilist-head, h2.ilist-head span
{
	background-color: transparent;
	color: #444;
	font-weight:bold;
	font-size: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}

h2.list-head
{
	background-color: #000;
	padding: 0;
	margin-top:0;
	margin-bottom: 20px;
	position:relative;
}

h2.list-head span,
h2.list-head a
{
	display:inline-block;
	background-color: #B70303;
	padding: 5px 80px 6px 12px;
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;
}

h2.list-head a:hover
{
	background-color: #E0470B;
	color: #fff;
	text-decoration:none;
}

h2.list-head span a
{
	font-size: 11px;
	text-transform: uppercase;
}

/**/

/* shop */

span.price-cost img
{
	vertical-align:bottom;
	border:0;
}

span.price-cost a
{
	text-decoration:none;
	border-bottom: 2px dotted #b70303;
}

span.price-cost a:hover
{
	border-bottom: 2px solid #b70303;
}

.price-shop-head
{
	background-color: #aaa;
	padding: 5px;
	color: white;
}

.price-shop-head span
{
	display:inline-block;
	width: 130px;
}

.price-shop-head span.short
{
	display:inline-block;
	width: 60px;
}

.price-shop-head span.long
{
	display:inline-block;
	width: 230px;
}

.price-shop
{
	padding: 5px;
}

.price-shop span
{
	display:inline-block;
	width: 130px;
	vertical-align:top;
}

.price-shop span.short
{
	display:inline-block;
	width: 60px;
	vertical-align:top;
}

.price-shop span.long
{
	display:inline-block;
	width: 230px;
	vertical-align:top;
}

.price-shop span b
{
	font-weight:normal;
	display:inline;
	color: #000;
}

span.shop-info-head
{
	display:block;
	font-weight:bold;
	width: 100px;
	float:left;
}

/**/

/* models prices*/

.price-shops
{
	background-color: #f5f5f5;
	padding: 0 1px 20px 1px;
}

.price-shop
{
	color: #777;
}

.model-prices
{
	margin-top: 20px;
}

.model-prices img.updown
{
	width: 12px;
	height: 12px;
}

.model-price
{
	display:flex;
	color: #333;
}

.model-price:hover
{
	background-color: #fafafa;
}

.model-price .price-head
{
	font-weight:bold;
	border-bottom: 2px solid #fff;
	padding: 7px 5px;
	width:33.3%;
}

.model-price .price-head-wheel
{
	width:20%;
}

.model-price span
{
	border-bottom: 1px solid #fff;
	padding: 7px 5px;
}

.model-price .price-info 			{	width: 33.3%; white-space:nowrap; 	}
.model-price .price-info-wheel 		{	width: 20%; 	}
.model-price .price-index-weight 	{		}
.model-price .price-index-speed		{	width: 110px;	}
.model-price .col-rf		{	width: 90px;	}
.model-price .col-xl		{	width: 70px;	}
.model-price .col-price		{	width: 170px; }

.model-price .col-price a 
{
	text-decoration: none;
    font-weight: bold;
    font-family: 'Roboto';
    font-size: 13px;
}

.model-price .col-price a:hover
{
	text-decoration: underline;
}

.model-prices-menu, .wheel-prices-r-select, .tyre-prices-r-select
{
	margin-bottom: 10px;
	margin-top: -5px;
}

.model-prices-menu a
{
	margin-right: 20px;
	font-size: 14px;
	border-bottom: 2px dotted;
	text-decoration:none;
}

.wheel-prices-r-select a, .tyre-prices-r-select a
{
	margin-right: 20px;
	border-bottom: 2px dotted;
	text-decoration:none;
	font-size: 16px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: bold;
	line-height: 200%;
}

.model-prices-menu a.active, .wheel-prices-r-select a.active, .tyre-prices-r-select a.active,
.model-prices-menu a:hover, .wheel-prices-r-select a:hover, .tyre-prices-r-select a:hover
{
	border-bottom: 3px solid #b70303;
}


/**/

.index-season-panel-winter
{
	overflow:hidden;
	background-color: #fff;
}

.index-season-panel-summer
{
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 30px;
}

.fast-select-size
{
	position:absolute;
	margin-left: 30px;
	margin-top: -93px;
}

.fast-select-auto
{
	position:absolute;
	margin-left: 385px;
	margin-top: -25px;
}

.fast-select-auto a,
.fast-select-size a
{
	color: white;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
	margin-right: 10px;
}

.fast-select-auto a:hover,
.fast-select-size a:hover
{
	text-decoration: underline;
}

.fast-select-size a
{
    font-size:11px;
	display:block;
	width: 80px;
}


/* contact */
.form-contact input[type=submit]
{
	padding: 3px 10px;
}

.form-contact input[type=text],
.form-contact textarea
{
	padding: 3px;
	font-size: 12px;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.form-contact textarea
{
	width: 40em;
	height: 10em;
}



.vehicle-tyres-top .model-list-data span.feature
{
	display:block;
	margin: 0 0 2px 0;
}

.left-menu-ads
{
	text-align:center;
	padding: 20px 0;
}

@media (max-width: 767px) {
	.left-menu-ads
	{
		min-height:250px;
	}
	.right-menu-ads
	{
		min-height:350px;
	}
}

.menu-help
{
	padding: 3px;
	font-size: 11px;
}

.index-banners #banner-left
{
	width: 373px;
	height: 145px;
	overflow:hidden;
	margin: 0 -5px 0 0;
}

/* model */
.like-header
{
	float:right;
	margin-right: 5px;
	font-size: 10px;
}

.like-header img
{
	border:0;
	vertical-align:-2px;
	margin-right: 2px;
	width:15px;
	height:14px;
}

/**/

/* index */

.index-banners
{
	height: 145px;
	overflow: hidden;
	margin:0;
	background-color: #000;
}

.index-banners a
{
	margin:0;
}

.index-banners img
{
	margin:0;
	border: 0;
}

.index-banners #banner-left
{
	float:left;
}


.index-compare
{
	color: #fff;
	background-color: #5c5451;
	padding: 7px 20px;
	display:flex;
	align-items:center;
}

.block-wheel-auto-photo
{
	width: 100%;
	position:relative;
}

.block-wheel-auto-photo.shadow {
	box-shadow:none !important;
}

.index-compare #fl_vendor_id,
.index-compare #fr_vendor_id 
{
	width: 100px;
	margin: 0px 5px 0 0;
}

.index-compare #fl_model_id,
.index-compare #fr_model_id
{
	width: 140px;
	margin-right: 10px;
}


.media-cont img {
	width:100%;
}

/**/

/* tests\test */

.tests-sources
{
	position:absolute;
	right:0;
	margin: 0 0 10px 10px;
	z-index:2;
}

.tests-sources img
{
	display:block;
}

.tests-list
{
	margin-left: 10px;
	margin-bottom: 3px;
	margin-left: 5px;
}

.tests-list.new a {
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

.tests-list a {
	font-size:13px;
	text-decoration:none;
	background: url("/templates/img/arrows/arrow_grey.gif") no-repeat scroll left 4px transparent;
	padding-left: 10px;
	display: block;
    margin-bottom: 7px;
}

.tests-list a:hover
{
	text-decoration:underline;
	background: url("/templates/img/arrows/arrow_red.gif") no-repeat scroll left 4px transparent;
}

.test-elem {
	display:flex;
	gap: 30px;
	width:auto;
	margin-bottom:40px;
}

.test-elem .test-photo img {
    border: 1px solid #eee;
    width: 150px;
    height: 150px;
}

.test-elem .test-info {
	width:100%;
}

.test-elem .test-info p {
	font-size:13px;
}

.test-elem .test-info a.model-name-list {
	font-size:14px;
}



span.test-source
{
	display:block;
	margin: 20px 0;
	border-top: 2px solid #ddd;
	padding-top: 5px;
}

.tyre-tests
{
	display:flex;
	align-items:stretch;
}

.card-test {
	margin-right:1px;
	width:200px !important;
	height:auto !important;
}

.card-test a, .card-test span
{
	font-family:'Roboto',sans-serif;
	text-decoration:none;
	color: #000;
}

.card-test img
{
	display:block;
	width:200px;
	height:230px;
}

.card-test:hover img
{
	filter: brightness(120%);
	transition: all 0.5s ease;
}

.card-test .info-block
{
	padding:20px 10px 25px;
	background-color: #c1bab1;
	height:100%;
}

.card-test:hover .info-block {
	background-color: #dbcebb;
}

.card-test-summer .info-block {
	background-color: #d5dbbb;
}

.card-test-summer:hover .info-block {
	background-color: #cee5a0;
}

.card-test .tester
{
	font-weight:bold;
	font-size:1.3em;
	text-transform:uppercase;
	display:block;
}

.card-test .size
{
	display:block;
	margin-bottom: 10px;
}

.card-test .name
{
	display:block;
}

/**/

/* main */

h3.color-best
{
	background-color: #777;
	padding: 4px 10px;
	color:white;
	margin-bottom: 10px;
	font-size: 11px;
}

h3.color-worst
{
	background-color: #980000;
	padding: 4px 10px;
	color:white;
	margin-bottom: 10px;
	font-size: 11px;
}

h3.rating-best-title {
	color:white;

	font-size: 14px;
	font-family: var(--font-head-r);
	font-weight: 500;

	background-color: #777;
	padding: 7px 10px;
	margin-bottom: 10px;

	display:flex;
	align-items:center;
	justify-content:space-between;
}

h3.rating-best-title span {
	padding:0;
}

/* model tests list - one line */

.tyre-test-info
{
	overflow:hidden;
	margin-bottom: 3px;
}

#test .tyre-test-info
{
	margin-bottom: 0;
}

#test .model-list
{
	overflow:hidden;
	width: auto;
}

.model-list
{
	overflow:hidden;
	width: 400px;
	margin-bottom: 10px;
}

/* vehicle tyres top */

span.fail
{
	background-color: #B70303;
	font-weight: bold;
	font-size:14px;
	/*color: white;
	padding: 0 5px;*/
	margin-right: 5px;

	background-image: url(/templates/img/minus.gif);
	width: 16px;
	display:inline-block;
	height: 16px;
	color: transparent;
}

span.ok
{
	background-color: #444;
	font-weight: bold;
	font-size:14px;
	/* color: white; 
	padding: 0 4px;*/
	margin-right: 5px;

	background-image: url(/templates/img/plus.gif);
	width: 16px;
	display:inline-block;
	height: 16px;
	color: transparent;
}

span.okf
{
	color: #27aae8;
}

span.failf
{
	color: #e85c27;
}

.vehicle-tyres-top .model-list-data 
{
	color: #000;
	line-height: 20px;
}



.tyres-top {
	display:flex;
	justify-content: space-between;
	gap:40px;
}

.vehicle-tyres-top {
	width: 100%;
}




h3.color-summer
{
	background-color: #DF7E0D;
	padding: 4px 10px;
	color:white;
	margin-bottom: 10px;
	font-weight: bold;
}

h3.color-winter
{
	background-color: #07236F;
	padding: 4px 10px;
	color:white;
	margin-bottom: 10px;
	font-weight: bold;
}

/**/

/* comment */

.comment-text {
	font-size: 13px;
	margin-left: 150px;
	color: #333;
}

.comment-author {
	font-size: 14px;
	width: 150px;
	margin-bottom: 5px;
}
.comment-author span {
	font-size: 14px;
	font-weight:bold;
	color: #980000;
}

.comment-data
{
	float:left;
}

span.comment_date {
	font-size: 12px;
}


div.comment
{
	background-color:#f1f1f1;
	padding: 7px 5px 20px;
	margin-bottom: 5px;
	overflow:hidden;
}


/**/

/* add comment form */

.button-submit
{
	padding: 2px 10px;
	border: 1px solid #000;
	background-color: #000;
	color: white;
	font-weight:bold;
}

.button-submit:hover
{
	border: 1px solid #B70303;
	background-color: #B70303;
}

div.comment-add
{
	margin: 10px 0 20px;
}

div.comment-add .comment-add-name
{
	margin: 0 0 5px;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 2px;
	margin-right: 5px;
}

div.comment-add label
{
	display:block;
}

div.comment-add .comment-text
{
	margin: 0 0 5px;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 2px;
	height: 6em;
	width: 50em;
	display:block;
}


a.more-link
{
	background-color: #B70303;
	color: #fff;
	text-decoration:none;
	padding: 3px 10px;
	font-weight: bold;
	font-size: 12px;
	-moz-border-radius: 5px;
}

/**/

a.more-link:hover
{
	background-color: #000;
}

.breadcrumb a.sitename span, span.sitename span
{
	color: #980000;
}

.breadcrumb a.sitename, span.sitename
{
	color: #000;
}

.breadcrumb a.sitename:hover span
{
	color: #000;
}

span.sitenamew span
{
	color: #DF2929;
}

span.sitenamew
{
    font-weight:bold;
	color: #fff;
}


.compare-cont {
	display:flex;
	gap:20px;
	overflow-x:auto;
}


.compare-model span.attr_rating
{
	float:right;
	width: auto;
	padding: 1px 5px;
}

.compare-model span.rating_negative
{
	background-color: #980000;
	color: white;
}

.compare-model span.rating_positive
{
	background-color: #809f00;
	color: white;
}

.attr_line
{
	height: 5px;
}

.compare-model span.attr,
.compare-model span.attr_line
{
	color: #000;
	display:block;
	width: 200px;
	margin-bottom: 10px;
}

.compare-model span.attr
{
	min-width: 150px;
	max-width: 400px;
	width: auto;
}

.model-compare-photo
{
	overflow:hidden;
	height: 200px;
	margin-bottom: 20px;
}

.model-compare-photo .model-name-bg
{
	width: 200px;
	top: -50px;
}

.compare-model
{
	float:left;
	min-width: 150px;
	max-width: 400px;
	padding: 0 20px;
	margin-top: 10px;
	flex-grow: 1;
	flex-basis: 0;
}

.compare-model a.model-photo-a img
{
	border:0;
}

.compare-description
{
	margin-bottom:0;
    color: #333;
    font-size: 13px;
}

input.add-review-comment {
	padding: 8px 10px;
	width: 300px;
	border: 1px solid #ddd;
	color: #aaa;
}

ul.pubs-list
{
	list-style:none;
}

ul.pubs-list li a
{
	font-size: 14px;
	font-weight:bold;
}

ul.pubs-list li
{
	margin-bottom: 5px;
}

span.thanks a
{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	padding: 3px 7px;
	color: gray;
	text-decoration: none;
}

span.thanks a:hover
{
	background-color: #eee;
	border-color: black;
	color: black;
	text-decoration: none;
}

span.thanks img
{
	vertical-align:-1px;
	border:0;
}

h1
{
	color: #000;
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: 4px solid #000;
	padding-bottom: 10px;
}

h1.wmenu
{
	margin-bottom: 0px;
}

h1.flat
{
    border-bottom: 1px solid #ddd;
    background-color: #ebebeb;
    margin: 0 -15px 10px -20px;
    padding: 15px 10px 13px 25px;
    overflow: hidden;
	font-size: 22px;
}

.page-wide h1.flat
{
    margin: 0 0 10px 0;
}

.v2 h1.flat
{
    border-bottom: 0;
    background-color: transparent;
    padding: 25px 10px 10px 25px;
	font-size: 24px;
}

.v2 h1.flat span.back
{	
	position:absolute; 
	margin-top:-21px;
}

.v2 h1.flat span.back span
{
	display:block;
	float:left;
	margin-left: 5px;
	margin-top: 1px;
}

.v2 h1.flat span.back img
{
	display:block;
	float:left;
}

.h1-section span.back
{	
	display: block;
	margin: 4px 0 0 5px;
	display:flex;
	align-items: center;
}

.h1-section span.back a, 
.h1-section span.back a span
{	
	color: #000;
	text-decoration: none;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 11px;
}

.h1-section span.back a:hover span
{	
	color: #B70303;
}

.h1-section span.back span
{
	margin-left:4px;
	margin-right:4px;
}

.h1-section span.back img
{
	margin-right: 8px;
	width: 10px;
	height: 15px;
}

.page-wide .h1-section { margin-left: 20px; margin-right: 20px; }

.h1-section h1
{
    border-bottom: 0;
    background-color: transparent;
    padding: 20px 0 5px 5px;

	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 900;
	line-height:normal;
}

.h1-section h1 a
{
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;

	text-decoration: none;
	color: #555;
}

h1 a
{
	font-size: 20px;
	text-decoration: none;
	color: #000;
}

h1 .model-name-details a
{
	font-size:12px;
}

h1 a:hover
{
	text-decoration: underline;
}

h2
{
	background-color: #555;
	font-size: 16px;
	padding: 5px 10px;
	font-weight:bold;
	color: #fff;
	margin: 20px 0 5px;
}

h2.section-title, h2.section-title a {
	background-color: transparent;
	color: #000;
	font-family:var(--font-head);
	font-weight:800;
    font-size: 21px;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    padding: 0;
}

h2.section-title span
{
	font-weight: normal;
    display: block;
    font-size: 10px;
    color: #777;
}

h2.section-title span.light {
	display:inline;
	font-family:var(--font-head);
    font-weight: 300;
    font-size: 21px;
    color: #555;
}

h2.section-title a:hover span.light {	/* for red linked */
	color:#b70303;
}

h2.section-title .desc {
	font-weight: 500;
}

h2.section-title a
{
	color: #000;
}

h2.section-title a:hover, h2.section-title.active a
{
	color: #b70303;
}

h2.section-title span a
{
	font-size:13px;
	padding:2px 5px;
}

h2.section-title span a:hover
{
	color:#fff;
}

h3.section-title
{
	background-color: transparent;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    padding: 0;
}

h3.section-title gray
{
    font-size: 16px;
    color: #777;
}

h5.section-title
{
	background-color: transparent;
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    padding: 0;
}

h2.no-color, h2.no-color span
{
	background-color: #fff;
	font-weight:bold;
	font-size: 10px;
	text-transform: uppercase;
	padding: 5px 0;
	color: #000;
	margin: 20px 0 5px;
}

h2.model-page
{
	background-color: #ddd;
	color: #333;
}

h2 a
{
	font-size: 18px;
	text-decoration:none;
	color: #fff;
}

h2 a:hover
{
	color: #eee;
}


.tyres-list-vendor
{
	margin-bottom: 20px;
}

.tyres-list-vendor h2 a
{
	color: #444444;
	font-size: 16px;
	text-decoration:none;
}

.tyres-list-vendor h2 a:hover
{
	color: #bc0505;
}

.tyres-list-vendor-models a
{
	color: #bc0505;
}

.tyres-list-vendor-model
{
	display:block;
}


.nav-bar
{
	padding: 7px;
	background-color: #f1f1f1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	width: 610px;
}

.nav-bar a
{
	padding: 5px 3px 0 3px;
	margin: 0 5px 0 0;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.nav-bar a:hover, .nav-bar a.active 
{
	background-color: #fff;
}

.nav-bar a img
{
	border: 0;
}

.form-error
{
	border-bottom: 1px solid #000;
	padding: 10px 20px;
	margin-bottom: 10px;
	background-color: #B70303;
	color: #fff;
}

.form-success
{
	border-bottom: 1px solid #000;
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: #525D99;
	color: #fff;
}

ul.left-block-list li a.delete
{
	z-index: 100;
	float:right;
	margin: 5px 7px 0 0;
	padding: 0;
	display:none;
}

ul.left-block-list li a.delete img
{
	border: 0;
}

ul.left-block-list li:hover a.delete
{
	display:block;
}


/* forms */
.tyre-width-select 		{width: 50px;}
.tyre-profile-select 	{width: 50px;}
.tyre-r-select 			{width: 50px;}

.test-tyre-rating
{
	margin: 10px 0;
}

#model .test-tyre-rating
{
	margin: 0;
}

span.star
{
	background:url("/templates/img/star.gif") no-repeat scroll 0 0 transparent;
	width: 16px;
	height:16px;
	display:block;
	float:left;
}

span.star_on
{
	background-position: 0 -16px;
}


.model-list-data-sizes
{
	margin: 10px 0 20px 10px;
}

/*
.model-list-data-sizes a
{
	display:block;
	width: 150px;
	float:left;
	margin-bottom: 5px;
	color: #980000;
}
*/
.model-list-data
{
	margin-left: 100px;
	margin-bottom: 20px;
}

.model-top {
	margin-bottom: 20px;
	padding: 0 2px 5px 0;

	display:flex;
	gap:15px;
	overflow:hidden;
}

.model-top-info {
	margin-left: 0;
	width: 100%;
}

.model-top .model-small-list img {
	width:110px;
	height:110px;
	border: 1px solid #dddddd;
}


.allseason .model-name-list
{
	background-color: #ddd;
}

.winter .model-name-list
{
	background-color: #E0E3EF; /* #777E9F 07236F; */
}

.summer .model-name-list
{
	background-color: #E0EFA4; /* #849F77 DF7E0D; */
}

.model-name-list
{
	color: #333;
    font-size:13px;
	font-family: var(--font-head-r);
	font-weight: 500;

	background-color: #aaa;
	display:block;
	padding:6px 10px;

	z-index:2;
	text-decoration:none;
	left: 10px;
}

.model-name-list span
{
	font-weight:normal;
	font-size: 11px;
}

.model-addict-comment
{
	background-color: #222;
	padding: 5px;
	color: white;
}


.find-vendor {
	display:flex; 
	gap:10px;
	justify-content:space-between;

	overflow:hidden; 
	margin-bottom: 30px;
}

.find-data input,
.find-vendor select,
.find-tyre-content select {
	font-size: 13px;
	padding: 5px 5px;
	outline: none;
}

.find-vendor select 
{
	font-size:14px;
	font-weight:bold;
	padding:7px 10px;
	border:1px solid #aaa;
}

/* mobile  */
@media (max-width: 479px) {
	.find-vendor 			{ display:block; }
	.find-vendor select		{ display:block; width:100% !important; margin-bottom:5px; }
}

#filter_auto_brand_id {
	min-width: 180px;
	flex:1;
}

#filter_auto_model_id {
	min-width: 170px;
	flex:1;
}

#filter_auto_model_year {
	min-width: 130px;
	flex:1;
}

#filter_auto_model_engine {
	min-width: 140px;
	flex:1;
}


.p-tyres, .p-wheels
{
	margin-top: 30px;
}

.p-params h2 span.bg
{
	position:absolute;
	background-color: #000;
	width: 193px;
	height: 20px;
	opacity:0.7;
	margin-left:-193px;
	margin-top:42px;
}

.p-params h2 span
{
	position:absolute;
	color: #fff;
	margin-left:-180px;
	margin-top:44px;
}

.p-params
{
	width: 280px;
	float:left;
	margin-right: 50px;
}


.tyres-p-section
{
	margin: 0 0 20px 0;
}

.tyres-p-size
{
	margin: 3px 0;
}

.find-list
{
    overflow:hidden;
}

.find-list-w
{
    overflow:hidden;
	margin: 0;
}

.find-list a, .find-list-w a
{
	display:block;

	font-family: var(--font-head-r);
	font-size: 13px;
	text-decoration:none;

	margin-bottom: 5px;
	margin-right: 10px;

	float:left;
	width: 110px;
	color: #980000;
	padding: 3px 5px;
}

.find-list a:hover, .find-list a.active,
.find-list-w a:hover, .find-list-w a.active
{
	background-color: #980000;
	color: white;
	text-decoration:none;
}

.find-list a.inactive,
.find-list-w a.inactive
{
	color: gray;
}

/* auto brands list */

.auto-brands-list
{
	column-width: 115px;
}

.auto-brands-list a
{
	font-family:'Roboto',sans-serif;
	font-size: 14px;
	font-weight: bold;

	text-decoration:none;
	margin-bottom: 5px;
	margin-right: 10px;
	display:inline-block;
	width: 110px;
	color: #980000;
	padding: 2px;
}

.auto-brands-list a:hover, .auto-brands-list a.active
{
	background-color: #980000;
	color: white;
	text-decoration:none;
}


.footer-wheels, .footer-tyres {
    columns:6;
}

.footer-wheels a, .footer-tyres a {
	width:150px;
}


/* finder cars  */

.finder-cars {
	column-width: 150px;
}

.finder-cars .am-elem {
	margin-bottom: 15px;
	margin-right: 15px;
	display:inline-block;
}

.finder-cars .am-thumb {
	display:block;
	height:90px;
	margin-bottom: 10px;
}

.finder-cars a.am-elem div {
	display:block;
	width: 145px;
	padding: 5px 10px;
	border-left: 1px solid #eee;
}

.finder-cars a div {
	font-family:'Roboto',sans-serif;
	font-size:14px;
	font-weight: bold;

	text-decoration:none;
	color: #980000;
}

.finder-cars a span {
	display:block;
    color: #aaa;

    font-family: Roboto, sans-serif;
	font-size: 12px;
    font-weight: 400;
}

.finder-cars a img {
	border-top: 1px solid transparent;
}
.finder-cars a:hover img {
	border-top: 1px solid #ccc;
	transition-duration:.3s;
}
.finder-cars a:hover {
	color:#fff;
	text-decoration:none;
}
.finder-cars a:hover div, 
.finder-cars a.active div {
	transition-duration:.1s;
	background-color: #980000;
	color: white;
	text-decoration:none;
}

.finder-cars a.active span,
.finder-cars a:hover span {
	color: #ddd;
}


/* auto models list - obsolete? */

.auto-models-list {
	column-width: 150px;
}

.auto-models-list .am-elem {
	display:inline-block;
}
.auto-models-list .am-thumb {
	display:block;
	height:90px;
	margin-bottom: 10px;
}

.auto-models-list .am-elem a {
	display:block;
	width:140px;
	padding-left: 10px;
	border-left: 1px solid #eee;
}

.auto-models-list a {
	font-family: var(--font-head-r);
	font-size:14px;
	font-weight: bold;

	text-decoration:none;
	width: 145px;
	color: #980000;
	padding: 2px;
	margin-bottom: 15px;
	margin-right: 15px;
	display:inline-block;
}

.auto-models-list a span {
	display:block;
	font-family: var(--font-head-r);
	font-size:11px;
	font-weight: 500;
	color: #999;
}

.auto-models-list a:hover, 
.auto-models-list a.active
{
	background-color: #980000;
	color: white;
	text-decoration:none;
}

.auto-models-list a:hover span
{
	color: #fff;
}


/* auto years&mods list */

.auto-years-list a,
.auto-mods-list a
{
	font-family:'Roboto',sans-serif;
	font-size:14px;
	font-weight: bold;
	text-decoration:none;
	margin-bottom: 5px;
	margin-right: 10px;
	display:inline-block;
	width: 110px;
	color: #980000;
	padding: 2px;
}

.auto-years-list a:hover, .auto-years-list a.active,
.auto-mods-list a:hover, .auto-mods-list a.active
{
	background-color: #980000;
	color: white;
	text-decoration:none;
}




.find-list a.wheel-vendor-list
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.ta-tab
{
	overflow:hidden;
	background-color: #eee;
	padding: 20px;
	margin: 0 0 10px 0;
}

.ta-tab-style {
	overflow:hidden;
	background-color: #eee;
	padding: 20px;
	margin: 0 0 10px 0;
	border-top: 2px solid #b7080a;
}

.model-name-details
{
	font-weight:normal;
}

.box_width_td_left
{
	display:block;
	width:200px;
	min-height: 400px;
}

/* -- left block menu */

ul.left-block-menu-list
{
	margin:0;
	list-style:none outside none;
	padding:0;
}

ul.left-block-menu-list li
{
	background-color: #f1f1f1; /* #B70303; */
}

ul.left-block-menu-list li.blonde
{
	background-color: #F7D4D4;
}

ul.left-block-menu-list.shop-menu li
{
	background-color:#ddd;
}

.left-block-menu-list a
{
	text-decoration:none;
	display:block;
	color: #333;
	font-size:12px;
	font-weight:normal;
	line-height:11px;
	padding:7px 0 8px 8px;
	vertical-align:top;
	border-bottom: 1px solid #fff;
}

.left-block-menu-list a.small
{
	padding: 5px 0 6px 17px;
	font-size:11px;
}

.left-block-menu-list a:hover,
.left-block-menu-list a.active
{
	background-color: #B70303;
	color: #fff;
}

/* -- left blocks  */

.left-block, .left-block-menu
{
	margin-bottom: 20px;
}

.left-block-head
{
	color:#FFFFFF;
	font-size:12px;
	padding:4px 8px;
	background-color: #777;
	margin:0 0 2px;
	margin-bottom: 5px;
	margin-top: 30px;
	text-transform:uppercase;
	font-weight:bold;
}

.left-block-head.lbh-similar
{
	background-color: #777;
}

ul.left-block-list
{
	margin:0;
	list-style:none outside none;
	padding:0;
}

ul.left-block-list li
{
	background:none repeat scroll 0 0 #F2F2F2;
	border-bottom:1px solid #FFFFFF;
}

.left-block-list a
{
	text-decoration:none;
	display:block;
	color: #5E656D;
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	padding:7px 0 8px 8px;
	vertical-align:top;
}

.left-block-list a:hover
{
	color: #202428;
}

/* content bottons */

table.offices-list-table tr:hover 
{
	background-color: #EFEFEF;
}

.shop-info:hover .btn-cont,
.office-info:hover .btn-cont
{
	display:block;
}

.btn-cont
{
	float:right;
	margin-top: 3px;
	display:none;
}

table.offices-list-table tr:hover .c-button,
div.discount:hover .c-button,
div.used:hover .c-button
{
	display:block;
}

div.used .c-button
{
	margin-top: 8px;
}

.c-button
{
	float:right;
	display:none;
}

.c-button b
{
	font-size:14px;
	vertical-align:-2px;
}

.c-button a
{
	font-size: 12px;
	color: white;
	text-decoration:none;
	padding: 1px 5px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.c-button a:hover
{
	background-color: #809F00;
}

.cb-red a
{
	background-color: #B70303;
}

/**/

/* submenu for title */

.ititlemenu
{
	margin: 7px 10px 0 7px;
	vertical-align:top;
	float:right;
}

.ititlemenu img
{
	width:32px;
	height:32px;
}

.v2 .ititlemenu
{
	margin-top: -7px;
}

.v2 h1.tyre .ititlemenu
{
	margin-top: 7px;
}

.css-i-photo-add {
	margin-top:6px;
	font-size:28px;
}

.ititlemenu a
{
	padding: 1px 5px 1px;
	opacity:0.5;
	text-decoration:none;
}

.ititlemenu a:hover
{
	opacity:1;
}

.ititlemenu a img
{
	border:0;
}

.titlemenu,
.left-buttons
{
	margin-left: 7px;
	vertical-align:top;
	float:right;
}

.left-buttons
{
	margin-top: 20px;
}

.titlemenu a {
	font-size: 10px;
	color: white;
	background-color: #5F5F5F;
	text-decoration:none;
	padding: 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.tm-red a
{
	background-color: #B70303;
}

.titlemenu-big a
{
	font-size: 12px;
	color: white;
	background-color: #B70303;
	text-decoration:none;
	padding: 2px 7px 2px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.titlemenu-big a:hover,
.titlemenu-big.active a
{
	background-color: #000;/* #809F00; */
}

.titlemenu a:hover,
h1 a.titlemenu:hover
{
	text-decoration:none;
	background-color: #000;/* #809F00; */
}

/* -- review -- */

span.review-field
{
	text-transform:uppercase;
	font-weight: normal;
	color: #eee;
	font-size: 12px;
}

.select-panel
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666;
}

.tyre-name
{
	width: 250px;
	color: #000;
	margin-bottom: 7px;
}

.tyre-ok
{
	padding: 2px 4px 2px 0;
	color: #333;
	margin-right: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.tyre-fail
{
	padding: 2px 4px 2px 0;
	color: #333;
	margin-right: 5px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.tyre-name-info
{
	float:right; 
	color: #333; 
	text-align:right; 
	margin-bottom:0;
	width:auto;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.tyre-name-info a
{
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

.tyre-name-info a:hover
{
	text-decoration: underline;
}

.review
{
	clear:right;
	overflow:hidden;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}

.review .review-auto
{
	background-color: #eee;
	padding: 5px;
	color: #000;
    display: flex;
    justify-content: space-between;
}

.review .review-tyres
{
	background-color: #f5f5f5;
	padding: 10px 5px;
	color: #ddd;
	overflow:hidden;
}

.review .review-tyres .tyre-name a
{
	color: #fff;
}

.review .review-text
{
	margin: 10px 5px;
	color: #333;
	line-height: 17px;
	font-weight:normal;
}


/* --- model page  --- */

.model-photo-info {
	overflow: hidden;
	padding-top: 10px;
	display:flex;
	gap:60px;
}

.model-photo-block {
	margin-bottom: 60px;
}

.model-photos-wide {
	width: 350px;
}

@media (max-width: 479px) {
	.model-photo-info { display:block; }
	.model-photos-wide { width: 100%; }
	.model-photos-wide img.wheel-tip { width: 100%; }
}

.model-photos-ul
{
/*	height: 200px;
	width: 1500px;
    */
}

.model-photo
{
	position: relative;
}


.model-photo-small
{
	position: relative;
	float:left;
	display:inline;
}

.model-photo-small img
{
	width: 50px;
	border: 0;
}

.model-photo .left, .model-photo .right
{
	position:absolute;
}


.model-sizes
{
	padding: 15px 5px;
	overflow:hidden;
}

.model-size-radius a
{
	display:block;
	text-decoration:none;
	padding: 4px 1px 1px 60px;
}

.model-size-radius a:hover
{
	background-color: #f5f5f5;
	color: #333;
	text-decoration:none;
}	

h4.model-radius span
{
	font-weight:bold;
	font-size: 14px;
}

h4.model-radius
{
	color: #000;
	font-weight:bold;
	font-size: 13px;
	padding-top: 3px;
	float:left;
}

.model-size-radius
{
	float:left;
	display:block;
	margin: 0 30px 30px 0;
	border-top: 1px solid #ccc;
}



ul.menu-select-new
{
	margin-bottom:0px;
	margin-top: 2px;
	border-bottom: 1px solid #ddd;
	overflow:hidden;
}

ul.menu-select-new li
{
	display:block;
	padding: 4px 30px 6px 3px;
	float:left;
}

ul.menu-select-new li a
{
	font-size: 11px;
	font-weight:800;
	text-decoration: none;
	color: #aaa;
	text-transform:uppercase;
}

ul.menu-select-new li a:hover,
ul.menu-select-new li.active a,
{
	color: #B70303;
}





ul.menu-select, ul.menu-select-user
{
	margin-bottom:10px;
	margin-top: 2px;
}

ul.menu-select li, ul.menu-select-user li
{
	display:inline;
	margin-right: 5px;
	line-height: 30px;
}

ul.menu-select li a, ul.menu-select-user li a
{
	text-decoration: none;
	border-bottom:5px solid black;
	background-color: #9ea6af;
	background: url("/templates/img/arrow_bottom_white.gif") no-repeat scroll right center #9ea6af;
	color: white;
	padding: 4px 100px 4px 10px;
}

ul.menu-select li a.w30
{
	padding: 4px 30px 4px 10px;
}

ul.menu-select-full li a
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ul.menu-select li a:hover,
ul.menu-select li a.active,
ul.menu-select-user li a:hover,
ul.menu-select-user li a.active
{
	background-color: #333333;
}



.menu table td
{
	height: 35px;
	vertical-align:middle;
}

.menubar
{
	clear:both;
	overflow:hidden;
	background: transparent;
}

.top-menu
{
	float:left;
}

.top-menu ul li
{
	display:block;
	float:left;
	list-style:none;
	margin-right:1px;
	padding: 9px 0 5px 0;
}

.menu a.home span
{
	color:#EF4A4A;
}

.menu a.active span
{
	color:#980000;
}

.menu a.home
{
	color:white;
	padding-left:15px;
	padding-right:12px;
}

.menu a {
	display:block;
	color:#444;
	background-color: #ddd;
	padding: 12px 18px;

	font-family:'Roboto', sans-serif;
	font-weight:bold;
	font-size: 11px;
	letter-spacing: .01em;
	text-decoration:none;

	vertical-align:middle;
}

@media (min-width: 768px) {
	.menu a
	{
		display:inline;
		padding: 6px 18px;
	}
}

.menu a:hover, .menu a.active
{
	background-color: #fff;
	color:black;
}

.breadcrumb
{
	margin-bottom: 15px;
	margin-left: 3px;
	color: #555;
}

.v2 .breadcrumb
{
	display:none;
}

.breadcrumb a
{
	color: #767896;
	text-decoration:none;
}

.breadcrumb a:hover
{
	color: #000;
	text-decoration:underline;
}

.model-description-text {
	padding-top: 5px;
	color: #333;
}

.model-description-text p {
	font-size: 13px;
	line-height:1.4em;

	margin-bottom: 10px;
}


.model-photos .left
{
	float:left;
	height: 200px;
	position:absolute;
	opacity: 0.3;
}

.model-photos .left img
{
	margin-top: 80px;
	width: 30px;
}

.model-photos .right
{
	float:right;
	height: 200px;
	position:absolute;
	opacity: 0.3;
}

.model-photos .right img
{
	margin-top: 80px;
	width: 30px;
}

h3.tab
{
	background-color: #f1f1f1;
	color: #000;
	padding: 6px 10px;
	margin-top: 10px;
}

.top-message
{
	margin: 5px 25%;
	width: 50%;
	color:#000;
	background-color: rgb(239 241 252);
	position:fixed;
	top:0;
	z-index: 99999;
	opacity: 0.8;
	box-shadow:0px 4px 30px rgb(0 0 0 / 50%);
}

.top-message span
{
	display:block;
	padding: 8px 20px;
	font-weight:bold;
	font-size:1.1em;
	font-family:'Roboto',sans-serif;
	text-transform:uppercase;
}

.top-message span:before {
	content:"//";
}	

.top-success span
{
/*	background-color: #3d496c; */
}

.top-message.top-error{
	background-color: #f2390b;
	color:#fff;
}

.top-error span {
	background-color: #f2390b;
	color:#fff;
}


.model-small-list img
{
	border:1px solid #ccc;
	width: 90px;
	height: 90px;
}

.model-small
{
	width: 180px;
	display:block;
	float:left;
	margin-right: 20px;
	margin-bottom: -60px;
}

.model-small img
{
	border:1px solid #ddd;
	width: 180px;
	height: 180px;
}

.wheel-small {
	width: 180px;
	display:block;
	float:left;
	overflow:hidden;
	margin: 0 15px 40px 0;
}

.wheel-small img
{
	width: 180px;
	height: 180px;
}

.wheel-small a:hover img
{
	opacity:0.5;
	transition: all .3s ease;
}

.price-avail
{
	float:right;
	margin-right: 16px;
	width: 27px;
}

.price-avail img
{
	float:right;
	margin-left:2px;
	width:5px;
	height:13px;
}

.winter .model-name-bg
{
	background-color: #07236F;
}

.summer .model-name-bg
{
	background-color: #DF7E0D;
}

.model-name-bg
{
	display:block;
	height: 50px;
	width: 182px;
	background-color: black;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);					
	position:relative;
	z-index:2;
	top: -54px;
}

.model-name
{
	display:block;
	width: 182px;
	position:relative;
	z-index:2;
	font-weight:bold;
	color: white;
	top: -90px;
	text-decoration:none;
	left: 10px;
	height: 30px;
	overflow:hidden;
}

.wheel-model-name-bg
{
	display:block;
	height: 35px;
	width: 182px;
	background-color: black;
	opacity: 0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);					
	position:relative;
	z-index:2;
	top: -41px;
}

.wheel-model-name
{
	display:block;
	width: 182px;
	position:relative;
	z-index:2;
	font-weight:bold;
	color: white;
	top: -65px;
	text-decoration:none;
	left: 10px;
	height: 30px;
	overflow:hidden;
}

a.wheel-small-name
{
	display:block;
	margin-top:15px;
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	color: black;
	text-decoration:none;
	text-align:center;
}

.wheel-small:hover a.wheel-small-name,
a.wheel-small-name:hover
{
	color: #b70303;
}

.wheel-small .wheel-admin
{
	float: right;
    margin-top: -235px;
    position: absolute;
    font-weight: bold;
    text-transform:uppercase;
}

.wheel-small .wheel-admin span
{
	display:block;
	font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto';
}

a.wheel-small-name span
{
	font-size:16px;
	color: #ccc;
	display:block;
}

a.wheel-small-name span b
{
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	color: #aab;
}

.wheel-price
{
	margin:10px 0 0 0;
	font-size:14px;
	text-align:center;
    white-space: nowrap;
}

.wheel-price strong
{
	font-size: 13px;
	color: #333;
	font-family:'Roboto', sans-serif;
}

.wheel-prices
{
	margin-top: 5px;
	font-size:11px;
}

@media (max-width: 767px) {
	.wheel-small 	{ width: 130px; } 
	.wheel-small img 	{ width: 130px; height: 130px; }
	.wheel-price 	{ font-size: 15px; } 
	.wheel-prices 	{ font-size: 13px; } 
}

/* catalog */

.tyre-car,
.tyre-labels
{
	text-align:center;
    white-space: nowrap;
}

.tyre-labels
{
	margin-top: 5px;
	display:flex;
	justify-content:center;
}

.tyre-car label
{
	padding: 2px 5px;
    color: #666767;
	text-transform: uppercase;
    font-size: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}

@media (max-width: 767px) {
	.tyre-car label { font-size: 9px; } 
}

.tyre-labels label
{
	border-radius: 5px;
	background-color: #ededed;
	color: #333;
	font-weight:bold;
	font-size: 10px;
	padding: 1px 5px;
    margin: 0 2px;
}

.tyre-labels label.eco
{
	color: #fff;
	background-color: #6ace07;
}

.tyre-labels label.uhp
{
	color: #fff;
	background-color: #333;
}

.tyre-labels label.oe
{
	color: #fff;
	background-color: #555;
	padding: 1px 3px;
}

.tyre-labels label.runflat
{
	color: #fff;
	background-color: #636975;
}

.tyre-labels label.new
{
	color: #fff;
	background-color: #ce3a07;
}

.tyre-price
{
	margin: 15px 0 10px 0;
	font-size: 13px;
	text-align: left;
    white-space: nowrap;
}

.tyre-price .top {
	display:block;
	text-align:left;
}

.tyre-price strong
{
	font-size: 28px;
	color: #000;
	font-family:'Roboto', sans-serif;
	text-align:left;
	font-weight:normal;
}

.tyre-price strong .currency {
	font-size:14px;
}

.tyre-prices {
	margin-top: 5px;
	font-size:13px;
}


.price-avail-pins
{
	float:right;
}

.price-avail-pins span
{
    width: 5px;
    margin-right: 2px;
    display: block;
    float: right;
    height: 15px;
    border: 1px solid #ccc;
}

.tyre-prices .price-avail-pins span
{
    height: 10px;
}

.pin-present
{
    background-color: #eee;
}

.price-avail-pins span.pin-nopresent,
.pin-nopresent
{
    border: 1px solid #ddd;
    background-color: #fff;
}


.tyre-link {
	text-align:center;
	margin-top:10px;
}

.tyre-link a.btn-common {
    padding-left:10px;
    padding-right:10px;
	color:#333;
}

.tyre-link a.btn-common:hover {
	color:#fff;
}




/* wheels related */

.wheels-related
{
	overflow:hidden;
}

.wheel-mini
{
	float:left;
	overflow:hidden;
	margin: 0 20px 20px 0;
}

.wheel-mini img
{
	width: 130px;
}

.wheel-mini:hover img
{
	opacity:0.5;
	transition: all .3s ease;
}

.wheel-mini-name
{
	display:block;
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	color:#000;
	text-decoration:none;
	text-align:center;
	margin-top:10px;
}

.wheel-mini:hover a.wheel-mini-name,
a.wheel-mini-name:hover
{
	color: #b70303;
}

span.mod-year
{
	background-color: #b80000;
	color: #fff;
	font-weight:bold;
	font-size: 10px;
	padding: 1px 6px;
	display:block;
	position:absolute;
	z-index:2;
	margin-top: -255px;
}

span.mod-uhp
{
	background-color: #000;
	color: #fff;
	font-weight:bold;
	font-size: 10px;
	padding: 1px 6px;
	display:block;
	position:absolute;
	z-index:2;
	margin-top: -235px;
}

span.mod-green
{
	background-color: #427F00;
	color: #fff;
	font-weight:bold;
	font-size: 10px;
	padding: 1px 6px;
	display:block;
	position:absolute;
	z-index:2;
	margin-top: -205px;
}

.model-name span
{
	display:block;
	font-weight:normal;
	font-size: 11px;
}

.vendor
{
    overflow: hidden;
	min-width: 150px;
	margin-bottom: 20px;
	float:left;
	text-align:center;
	margin-right: 15px;
	border: 1px solid #fff;
}

.vendor:hover
{
	border: 1px solid #e5e5e5;
	border-radius:5px;
}

.vendor a
{
	text-align: center;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	font-family:'Roboto', sans-serif;
	text-decoration: none;
	display:block;
	padding: 10px;
}

.vendor:hover a
{
	color: #000;
}

.vendor img {
	border:0;
	display: block;
	margin: 0 auto 0.8em auto;
}

.vendor.vendor-discontinued img {
	opacity: 0.4;
}

.container { 
	width:930px; 
	margin:0px 0px;
	font-size:.875em;
}

/*== featured box begin ==*/
#featured {
	width:930px;
	position:relative;
	height:407px;
}
#featured ul.ui-tabs-nav {
	position:absolute;
	top:395px;
	right:0px;
	list-style:none;
	z-index:100;
	/* background:url(../images/item-bg.png) 100% 100% no-repeat; */
	background:#000;
	padding:0px 0px 0px 4px;
	width:160px;
	height:12px;
	margin:0px 0px 0px 0px;
}
#featured ul.ui-tabs-nav li { 
	width:31px; 
	height:6px; 
	overflow:hidden; 
	margin-bottom:1px; margin-left:1px; margin-top:5px;
	background:url(/templates/img/item.gif) repeat-x 0px 0px;
	vertical-align:top;
	font-size:0;
	line-height:0; float:left;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected { 
	background:url(/templates/img/item-selected.gif) repeat-x 0px 0px;
}
	#featured ul.ui-tabs-nav li a {
		display:block;
		width:31px;
		height:6px;
		overflow:hidden;
		padding:0px 0px 0px 0px;
		font-size:12px; line-height:13px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;
	}
#featured .ui-tabs-hide		 {display:none; }
/*== featured box end ==*/



/*  tipsy  */

.tipsy { padding: 5px; font-size: 10px; background-repeat: no-repeat;  background-image: url(/templates/img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }




span.translated
{
	background-color: #8F591A;
	color: white;
	font-size: 10px;
	padding: 1px 3px;
}


/*----------------------------------------------------------------------------------------------------- BASIC STYLES */

body 								{color:#959595;margin:0px;background:#e0e0e0;}

.content-row {
    background: #fff;
    padding: 0 30px;
}

.content-row-wo-bg {
    padding: 0 30px;
}

.bg-body		{min-height:1134px;background:url(/templates/img/bg3_body.jpg) center 0px no-repeat;text-align:center;}

@media (max-width: 767px) {
	.bg-body	{ background:none; }
}

.content-width
{
	width:90%;
	
	position:relative; 
	margin:auto;
	text-align:left;
}

.flex-adaptive {
	display:flex;
}

@media (min-width: 1024px) {
	.content-width {
		min-width: 1000px;
		max-width: 1100px; /*1200px;*/
	}
	.page-wide .content-width {	
		max-width: 1300px;
	}
	.block-right	{  width: 240px;  }
}

@media (max-width: 1023px) {
	.footer-tyres	{  columns: 4;  }
	.footer-wheels	{  columns: 4;  }
	.tyres-top			{  flex-direction: column;  }
	.model-photo-info	{  flex-direction: column;  }
}

@media (max-width: 767px) {
	.content-width
	{
		width:98%;
	}

	.footer-tyres	{  columns: 3;  }
	.footer-wheels	{  columns: 3;  }
	.flex-adaptive	{  flex-direction: column; gap:30px;  }
	.footer-block	{  width: auto;  }
	.compare-model	{  padding:0;  }
}

@media (max-width: 411px) {
	.content-width
	{
		width:100%;
	}

	.footer-tyres	{  columns: 2;  }
	.footer-wheels	{  columns: 2;  }
}

.width_td					{padding:0px 0px 0px 0px;}
.width_td1					{padding:0px 0px 0px 0px;}
/* ************************************************************************************* */
.menu 						{padding: 10px 0 0 0px; white-space:nowrap;}  
.menu_separator				{width:4px;}
.menu_separator	img			{padding:0px 0px 0px 0px; vertical-align:middle; text-align:center; width:4px;}


.search			
{
	padding:4px 0px 1px 6px;
	vertical-align:middle; 
	width:200px; 
	background:#fff; 
	vertical-align:middle;
	float:right; 
}

@media (max-width: 767px) {
	.search
	{
		float:none;
		display:block;
	}
}


/* ************************************************************************************* */
.main_table					{margin:0px 0px 0px 0px;}
.box_width_left				{width:220px;}
.box_width_right			{width:220px;}

.content_width_td			{width:100%;padding:0px 0px 0px 0px;}
.box_width_td_left			{padding:0px 19px 0px 0px;}
.box_width_td_right			{padding:0px 0px 0px 19px; display:none;}

.box_width_un_column		{width:112px;}
.box_width_un_td_column		{padding:0px 12px 0px 0px;}

/* ************************************************************************************* */
/* ************************************************************************************* */
.row_1						{padding:0px 0px 0px 0px; text-align:center;}
.row_2						{padding:0px 30px 0px 30px; background:#fff;}
.row_3						
{
	padding:5px 15px 3px 20px; 
	background:#fff;
	border-bottom: 1px solid #ddd;
}

.page-wide						
{
/*	padding:5px 0 0 0; */
	background:#fff;
	border-bottom: 1px solid #ddd;
}

.page-wide .block-menu-top { margin-left:20px; margin-right:20px; }

.row_4 {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 30px;
}

.navigation 				
{
	background:#fff;
	overflow:hidden;
	clear:both; 
}

.v2 .navigation 				
{
	border-bottom:1px solid #eee;
}


.banner_02  				{padding:0px 0px 21px 0px; width:100%;}
.banner_03  				{padding:0px 0px 21px 0px;}

.navigation3 				{border-bottom:1px solid #e5e5e5;width:100%;}


nav.top-line
{
	overflow:hidden;
	margin: 0 0 20px 0;
}

.navigation-bar
{
	padding: 0 10px;
	text-align:right; 
	vertical-align:middle;
	overflow:hidden;
	clear:both;
	background-color: #333;
}

.navigation-bar .t-row
{
	height: 33px;
}

.navigation-bar td				{white-space:nowrap; vertical-align:middle;}
.navigation-bar .td			{vertical-align:middle; white-space:nowrap;padding:0px 14px 0px 14px; color:#fff;}
.navigation-bar .table			{width:1px;}	

.navigation-bar a				{color:#fff; font-size:12px; font-weight:normal;text-decoration:none;}
.navigation-bar a:hover		{color:#fff; text-decoration:underline;}


/* ************************************************************************************* */
.languages 						{padding:0px 0px 7px 0px; text-align:right; vertical-align:top;float: right; margin-top: 5px;}
.languages table				{width:72px;}
.languages .languages_img		{margin:0px 0px 0px 8px;}

/* ************************************************************************************* */

.footer 			
{
	width: 100%; 
	background-color:#222; 
	overflow: hidden;
}
	 
.footer h3 span
{
	display:inline; 
	margin-left:0; 
	font-weight:bold; 
	font-size: 12px; 
	color: #ee0000;
}

.footer .b-top
{
	overflow:hidden;
}

.footer h3
{
	background-color: #222;
}

.footer h3 a
{
	color:#fff; 
	font-family:'Roboto', sans-serif;
	font-weight: bold;
	font-size: 15px;
}

.footer a {
	color:#aaa; 
	font-size:12px; 
	text-decoration:none;
	line-height: 22px;
} 			

.footer a:hover   
{
	color:#fff;
}
	




a.external {
    background: url(/templates/img/external.gif) center right no-repeat;
    padding-right: 13px;
}









/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 242 2010-03-14 00:55:02Z emartin24 $
 *
 */

input.modal-submit-page
{
	outline: none;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
	color:#fff;
	padding: 2px 10px;
	margin-top: 20px;
	border: 0;
	
	background-color: #980000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

input.modal-submit
{
	outline: none;
	font-size: 13px;
	font-weight: bold;
	font-family: arial;
	color:#fff;
	padding: 4px 10px;
	margin-top: 20px;
	border: 1px solid white;
	
	background-color: #980000;
	text-transform: lowercase;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

input.modal-submit:hover,
input.modal-submit-page:hover
{
	cursor: pointer;
	background-color:#7ABF0B;
}

#review-modal select
{
	background-color:#ccc;
	border:1px solid #fff;
	color:#000;
	margin-left: 2px;
	vertical-align:middle;
    padding: 5px;
}

.select-panel textarea
{
	background-color:#eee;
	height: 6em;
    padding: 5px;
}

.select-panel input.input-text
{
	padding: 5px;
}

span.club-select
{
	margin-left: 40px;
}

.select-panel .clubs-select
{
	width: 130px;
}

.select-panel select
{
	background-color:#eee;
}

.review-cmp
{
	width: 750px;
}

.review-cmp th
{
	background-color: #222;
	text-align:left;
	padding: 3px 5px;
}

.review-cmp td
{
	text-align:left;
	padding: 1px 10px;
}

.review-cmp td a
{
	background: #555 url(/templates/img/icons/action_check_gray.gif) no-repeat 5px 2px;
	padding: 2px 5px 2px 25px;
	text-decoration:none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ddd;
}

.review-cmp td a.cl
{
	background: #555 url(/templates/img/icons/action_remove_gray.gif) no-repeat 5px 2px;
}

.review-cmp td a:hover, .review-cmp td a.active 
{
	background: #222 url(/templates/img/icons/action_check.gif) no-repeat 5px 2px;
	color: #fff;
}

.review-cmp td a.cl:hover, .review-cmp td a.cl.active 
{
	background: #222 url(/templates/img/icons/action_remove.gif) no-repeat 5px 2px;
}

.review-cmp td a img
{
	border:0;
	background-color: #222;
	padding: 2px 20px;
}

#review-modal #filter_auto_brand_id { width: 130px; }
#review-modal #filter_auto_model_id { width: 150px; }

#review-modal #filter_vendor_id { width: 100px; }
#review-modal #filter_model_id 	{ width: 170px; }
#review-modal #left_vendor_id 	{ width: 90px; }
#review-modal #left_model_id 	{ width: 130px; }

.select-panel strong
{
	color: #fff;
}

.review-roads-select
{
	display:inline;
	margin: 10px 0 15px 20px;
}

.review-roads a
{
	background: #555 url(/templates/img/icons/action_check_gray.gif) no-repeat 5px 2px;
	padding: 2px 5px 2px 25px;
	text-decoration:none;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.review-roads a:hover, .review-roads a.active 
{
	background: #222 url(/templates/img/icons/action_check.gif) no-repeat 5px 2px;
}

#review-modal {display:none;}

.simplemodal-data h2 
{
	color: #fff;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
}

.simplemodal-data h3
{
	color: #fff;
	font-size: 14px;
	margin: 20px 0 5px;
}


/* Overlay */
#simplemodal-overlay {background-color:#fff; }

/* Container */
#review-modal
{
	width:800px; 
}

#simplemodal-container 
{
	/*height:520px; */
	color:#bbb; 
	background-color:#333; 
	border:4px solid #444; 
/*	padding:12px;*/
}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/templates/img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}



/* sliders */


.auto-v-photos-ul {
	display:flex;
	gap:1px;
}


.photo-slider    { overflow:hidden; position:relative; height: 100px !important;}
.photo-slider ul { margin:0; padding:0; width: 100%; height: 100px; display: flex; }
.photo-slider li { float:left; margin:0; list-style:none; }

.shadow .photo-slider    { height: 178px !important;}
.shadow .photo-slider ul { height: 178px;}
.shadow .photo-slider li { margin:0; }
.shadow .slider-controls a.prev-page {	margin-top:60px; }

.shadow .photo-slider .swiper-slide {
	width:255px;
	height:170px;
}

.shadow .photo-slider li img,
.shadow .photo-slider img {
	padding: 0 0 3px 0;
	border-bottom: 2px solid #ddd;
	width:255px;
	height:170px;
}

.shadow .photo-slider li a:hover img,
.shadow .photo-slider a:hover img
{
	border-bottom: 2px solid #aaa;
}


a.btn
{
	text-decoration:none;
}

/* dialog office add */

.office-add-content .ui-autocomplete
{
	background-color: #eee;
}

/*
#simplemodal-container .office-add-content .ui-corner-all
{
	color: #000;
	padding: 4px;
}

#simplemodal-container .office-add-content .ui-corner-all:hover
{
	background-color: #555;
	color: white;
}
*/

table.updates-list tr,
table.updates-list td,
table.updates-list th {
	font-family:Roboto,sans-serif;
	font-size:13px;
	text-align:left;
	padding: 6px 40px 6px 10px;
	color:#888;
}

table.updates-list th {
	padding: 9px 40px 9px 10px;
	background-color: #f3f3f3;
	font-weight:500;
	color: #333;
}

table.updates-list .update-on {
	background-color: #dde8f8;
	color:#333;
}


.g-graph-legend
{
	margin: 20px 10px;
	overflow:hidden;
	display:flex;
}

span.legend
{
	display:block;
	float:left;
	margin-right: 20px;
	color: #555;
}


p.pay_stats
{
	font-size: 14px;
	background-color: #81AAD3;
	padding: 5px 10px;
	color: white;
}

p.pay_stats strong
{
	font-size: 14px;
}


.profile-form label
{
	display:block;
}

.profile-form input[type='password']
{
	padding: 3px;
}




.stickit {
	position: fixed;
	top: 0;
}

.stickit-end {
	bottom: 40px;
	position: absolute;
	right: 0;
}


/* landing */

.landing-features, .landing-features-big
{
	overflow:hidden;
	margin-bottom: 10px;
}

.landing-feature
{
	float:left;
	width: 400px;
	overflow:hidden;
	margin: 0 50px 2px 0;
	padding: 5px 0;
}

.landing-feature span,
.landing-feature span a,
.landing-feature strong
{
	font-size: 14px; 
}

.landing-feature span img
{
	float:left;
	margin-right: 10px;
	margin-top: -4px;
}

.landing-features-line
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom:20px;
}

.landing-features-big .feature
{
	max-width: 400px;
	overflow:hidden;
	margin: 0 50px 2px 0;
	padding: 5px 0;
	display:flex;
}

.landing-features-big .feature span.icon i
{
	font-size: 22px;
	color: #100f0e;
	padding: 0 0.5em 0.5em 0;
	margin-right: 10px;
	width:20px;
	text-align:center;
	box-sizing: content-box;
}

.feature span {
    font-family: Roboto, sans-serif;
	font-size: 14px;
	line-height:1.3;
	color:#000;
}

.feature-block span {
	font-size: 0.9em;
	color: #777;
	text-transform: uppercase;
}

.feature-block span strong {
	color:#000;
}

.landing-features-big .feature span a
{
	font-size: 14px; 
}

.landing-features-big .feature span.label
{
	color:#fff;
}

.landing-features-big .feature span strong
{
	font-size:16px;
}

.features-block {
	display: flex;
	justify-content: space-between;
}

.db-promo-image { 
	height: 170px;
	margin: 0 -20px 20px -20px;
	display: block;
	background-size: cover;
}

.db-promo-fitment { 
	background-image: url(/templates/img/promo/fitment.jpg);
	background-position-y: 70%;
}

.db-promo-tyres { 
	background-image: url(/templates/img/promo/tyres.jpg);
	background-position-y: 0;
}

.db-promo-wheels { 
	background-image: url(/templates/img/promo/wheels.jpg);
	background-position-y: 30%;
}

.db-image { height:130px; }

@media (max-width: 767px) {
	.db-image { display: block; height:auto; float:none; }
	.landing-features-line { display: block; }
	.features-block { display: block; }
}

.features-block .feature
{
	overflow:visible;
}

.features-block .feature span.icon i
{
	font-size: 16px;
	color: #100f0e;
	padding: 0.5em 0.2em 0.2em 0;
	margin-right: 10px;
	width:20px;
	text-align:center;
}

.features-block .feature-block span strong
{
	font-size:32px;
	display:block;
}

.features {
	margin-bottom: 20px;
}

.features h3 {
	background-color: transparent;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 0.5em 0;
}

.features h3:after {
	background-color:#bc590f;
	content: "";
	height: 2px;
	width:2em;
	display:block;
	margin-top:0.2em;
}

.product-db h3 {
	font-size: 21px;
	font-weight: 500;
	margin-bottom: 0.8em;
	letter-spacing:-0.02em;
}

.product-db section.inner {
	margin-bottom: 30px;
}


.buy-block {
	overflow:hidden;
	padding: 15px 20px 25px 20px;
	margin-top: 30px;
	background-color: #CED6EA;
}

.buy-block-message
{
	background-color: #616987;
	color: #fff;
	padding: 5px 10px;
}

.buy-block-wide
{
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 40px;
	padding-right: 40px;
}

.buy-block .db-price
{
	float: right;
	color: #fff;
	background-color: #465669;
	padding: 15px 130px 20px 30px;
	margin-top: -15px;
	margin-right: -40px;
	font-size: 28px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}

@media (max-width: 767px) {
	.buy-block .db-price { float: none; margin-left: -40px; padding-left: 40px; }
}

.buy-block small {
	color:#ebeff4;
	font-size: 16px;
	margin-right: 3px;
	vertical-align: 0.4em;
	font-weight: normal;
	display: inline;
	font-family: 'Roboto';
}

.buy-block .db-price span {
	color:#ebeff4;
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	margin-top: -3px;
}

.buy-block .db-price .usd-info {
	width: 200px;
	color: #b8c2ce;
	font-weight: normal;
	margin-top: 20px;
}

.page-wide .buy-block
{
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 40px;
}

.paid-block
{
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 20px;
	padding: 20px 40px;
	background-color: #e6e5e5;
	border: 1px solid rgba(0, 0, 0, 0.05);	
}

.buy-block-w-help
{
	padding-bottom: 15px;
}

h3.buy-heading
{
	background-color: transparent;
	color: #333;
	font-size: 22px;
	font-family: "PT Sans Narrow", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 5px;
}

.buy-buttons
{
	overflow:hidden;
	padding-bottom:10px;
}

.buy-help
{
	color: #555;
	margin-bottom:15px;
}


.updates-pricing{
	display:flex;
	gap:40px;
    flex-wrap: wrap;
}

.updates-pricing span{
	font-family:'Roboto';
	color:#333;
	display:block;
	font-size:18px;
}

.updates-pricing span.price{
	color:#980000;
	text-align:right;
	font-weight:bold;
	font-size:22px;
}

.updates-pricing span small{
	vertical-align:0.05em;
	color:#777;
}

/*jqzoom*/


.zoomPad
{
	position:relative;
	float:left;
	z-index:99;
	cursor:crosshair;
	cursor:-moz-zoom-in;
	cursor:-webkit-zoom-in;
}


.zoomPreload
{
	-moz-opacity:0.8;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
	text-decoration: none;
	border: 1px solid #CCC;
	background-color: white;
	padding: 8px;
	text-align:center;
	background-image: url(../img/zoomloader.gif);
	background-repeat: no-repeat;
	background-position: 43px 30px;
	z-index:110;
	width:90px;
	height:43px;
	position:absolute;
	top:0px;
	left:0px;
	* width:100px;
	* height:49px;
}


.zoomPup
{
	overflow:hidden;
	background-color: #FFF;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index:120;
	position:absolute;
	border:1px solid #CCC;
	z-index:101;
	cursor:crosshair;
	cursor:-moz-zoom-in;
	cursor:-webkit-zoom-in;
}

.zoomOverlay{
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	/*opacity:0.5;*/
	z-index:5000;
	width:100%;
	height:100%;
	display:none;
  z-index:101;
}

.zoomWindow{
	position:absolute;
	left:110%;
	top:40px;
	background:#FFF;
	z-index:6000;
	height:auto;
  z-index:10000;
  z-index:110;
}
.zoomWrapper{
	position:relative;
	border:1px solid #999;
  z-index:110;
}
.zoomWrapperTitle{
	display:block;
	height:18px;
	line-height:18px;
	width:100%;
  overflow:hidden;
	text-align:center;
	font-size:10px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:120;
	background-color:rgba(0,0,0,0.8);
	color:#FFF;

  /*
	background:#999;
	color:#FFF;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  */
}
.zoomWrapperImage{
	display:block;
  position:relative;
  overflow:hidden;
  z-index:110;

}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

/**/


/* city autocomplete */

ul.ui-menu
{
	width: 300px;
	color: #000;
	border: 1px solid #999;
}

ul.ui-menu li
{
	list-style:none;
	cursor:default;
	background-color: #e5e5e5;
}

ul.ui-menu li:hover,
ul.ui-menu li:hover a
{
	background-color: #bbb;
}

#simplemodal-container ul.ui-menu li a
{
	padding: 2px 5px;
	display:block;
	color: #000;
}

.facebook-login
{
	padding-right: 10px;
}



/* gallery */


.gallery-photo
{
	border:1px solid black;
	text-align:center;
	background-color: #45484C;
}

.gallery-photo-img
{
	width:500px;
}

.gallery-photo-title
{
	background-color: rgba(0,0,0,0.8);
	height: 30px;
	padding: 10px;
	margin-top: -50px;
	position:relative;
}

.gallery-photo-title, .gallery-photo-title a
{
	font-family: "PT Sans Narrow", sans-serif;
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #fff;
	text-decoration:none;
}

.gallery-photo-title a:hover
{
	text-decoration:underline;
}


/* thumbs api */

.thumb-api .thumbnail,
.thumb-api .thumbnail .caption .action
{
	text-align:center;
}

.thumb-api .thumbnail .action
{
	text-align:center;
	margin-top: 30px;
}

.thumb-api .thumbnail .info-btn
{
	margin-top: 40px;
}

.thumb-api .thumbnail .caption
{
	text-align:left;
}

.thumb-api .thumbnail .caption h3
{
	font-size: 18px;
}

.thumb-api .thumbnail img
{
	height: 180px;
}



.db-image
{
	float: left; 
	margin-right: 30px;
}


a.moto-type
{
	display:block;
	float:left;
	margin: 0 30px 15px 0;
	padding: 5px;
	border: 1px solid #eee;
	text-decoration:none;
}

a.moto-type:hover
{
	border: 1px solid #777;
}

a.moto-type img
{
	width: 200px;
}

a.moto-type span
{
	font-family: var(--font-head);
	font-weight: 400;
	font-size:16px;

	color:#000;
	text-align:center;
	display:block;
	padding:15px 0 5px 0;
}

a.moto-type:hover span
{
	color:#980000;
}

.moto-type-block
{
	overflow:hidden;
}



/* footer */

.footer-row {
    padding: 0 30px;
}

.footer-links {
    padding-top: 20px;
}

.footer .copyright	
{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #000;
	margin-bottom: 0;
}


/* nav */


a.city-selected
{
	text-decoration:none;
	color: white;
	padding: 0 5px;
	font-weight:bold;
}

a.city-selected img
{
	border:0;
	width:15px;
	height:6px;
}


.selection a
{
	margin-left: 20px;
}

.top-vehicle
{
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-vehicle a
{
	font-weight: bold;
	margin-right: 15px;
	color: #fff;
}

.top-vehicle a img
{
	width:24px;
	height:24px;
}

.top-vehicle a:not(.-active)
{
	opacity:0.4;
	transition: opacity 0.25s;
}

.top-vehicle a.-active, .top-vehicle a:hover
{
	opacity:1;
	color: #fff; /* #efa642; */
	text-decoration:none;
}


/* nav */

.navigation-bar .nav-row
{
	height: 33px;
	display:flex;
    align-items: center;
    justify-content: space-between;
}

.nav-location-vehicle
{
	display:flex;
    align-items: center;
    justify-content: space-between;
}

.top-location
{
	margin-right:10px;
	text-align:left;
    white-space: nowrap;
}

.top-login
{
    white-space: nowrap;
}

.t-row
{
	width: 100%;
	display:table;
}

.t-row .t-col-10
{
	width: 10%;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

.t-row .t-col-15
{
	width: 15%;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

.t-row .t-col-25
{
	width: 25%;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

.t-row .t-col-35
{
	width: 35%;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

.t-row .t-col-40
{
	width: 40%;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}






.table-small, .table-small td
{
	border: 1px solid #ddd;
	border-collapse:collapse;
	color: #333;
}

.table-small td
{
	padding: 5px 10px;
}


.table-small th
{
	padding: 5px 10px;
	color: #000;
	background-color: #dadada;
}



.vendor-info
{
	overflow:hidden;
	margin-bottom: 20px;
}

.vendor-info .vendor-logo
{
	float:left;	
	display:block;
}

.vendor-info .info
{
	background:none;	
	margin-left:200px;
}

.vendor-info .info h2
{
	background:none;	
	color:#000;
	font-size: 20px;
	padding:0;
	margin: 0;
}

.vendor-info .info p
{
	margin-top: 10px;
}



section.block-wheel-auto-cards
{
	overflow:hidden;
}

.wheel-card {
	margin: 10px 10px 10px 0;
	text-align:center;
	float:left;
	width:250px;
	border: 1px solid #eee;
	overflow: hidden;
}

.wheel-card a
{
	display:block;
	text-decoration:none;

	font-family: var(--font-head);
}

.wheel-card .wheel-card-photo-over-a 
{
	height: 166px;
	overflow: hidden;
}

.wheel-card a.auto-link {
	color:#000;
	font-size:17px;
	font-weight: 600;
}

.wheel-card a.wheel-link {
	color:#333;
	font-size:14px;
	font-weight: 300;
}

.wheel-sign {
    padding: 25px 10px;
}
.wheel-sign-left {
    padding: 20px 10px;
	text-align:left;
}


.wheel-card a:hover {
	color:#980000;
}

.wheel-card a img {
	width:250px;
	transition-duration:0.2s;
}

.wheel-card:hover img { 	
	transition: transform .2s ease-out;
	transform: scale(1.05);
}



.wheel-colors
{
	margin-top: 15px;
	overflow:hidden;
}

.wheel-colors h3
{
	background-color:transparent;
	border-bottom:1px solid #b5121b;
	font-family:'Roboto',sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	padding: 0 0 5px 2px;
	margin-bottom: 10px;
}

.model-photo-small
{
	width:80px;
	text-align:center;
}

.model-photo-small img
{
	width:60px;
}


.wheel-info {
	margin-top:20px;
}

.wheel-info-price
{
	font-size:14px;
	font-weight:normal;
	color:#555;
}

.wheel-info-prices
{
	font-size:14px;
	margin-bottom:20px;
	color:#555;
}

.wheel-info-price span
{
	font-size:26px;
	font-weight:bold;
	color:#000;
}


.tyre-info-prices {
	color:#555;

	font-size:14px;
	font-family: Roboto,sans-serif;

	margin-bottom:20px;
    border-bottom: 3px solid #444;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.tyre-info-price {
	color:#555;

	font-size:14px;
	font-family: Roboto,sans-serif;
	font-weight:normal;

	margin-bottom: 10px;
}

.tyre-info-price span {
	color:#000;

	font-size:26px;
	font-family: Roboto,sans-serif;
	font-weight:bold;
}

.tyre-info-slogan
{
	font-size:14px;	
	font-family:'Roboto',sans-serif;
	font-weight: bold;
	margin-bottom:10px;
	color:#555;
}

.tyre-info-oe
{
    padding-top: 10px;
	border-top: 3px solid #eee;
}

.tyre-info-oe a
{
	text-decoration:none;
	padding-right:5px;
	color:#555;

	font-weight:bold;
	font-family:'Roboto', sans-serif;
}

.tyre-info-oe a:hover
{
	color:#000;
	text-decoration:underline;
}

/* wheel-lines */

.wheel-lines 
{
	margin-bottom: 40px;
}

.wheel-lines a
{
	font-family:'Roboto', sans-serif;
	font-size: 15px;
	font-weight: bold;

	text-decoration: none;
	background-color: #eee;
	color: #333;
	margin-right: 10px;
	padding: 8px 50px 8px 20px;
	border-radius: 0 20px;
}

.wheel-lines a:hover, .wheel-lines a.active
{
	background-color: #b6111b;
    color: #fff;
	border-bottom: 3px solid #333;
}


font.line
{
    font-size: 10px;
    color: #777;
    text-transform: uppercase;
    margin-left: 5px;
    font-weight: bold;
    position: absolute;
    margin-top: -10px;
    margin-left: -20px;
    display: block;
}


.like-panel
{
	position:fixed;
	left:10px;
	top:30%;
	padding:10px 5px;
	z-index:1;
}

.like-panel a
{
	display:block;
	margin-bottom: 5px;
}

.like-panel a img
{
	border:2px solid transparent;
	border-radius:5px;
	width: 32px;
	height: 32px;
}

.like-panel a:hover img
{
	border:2px solid #d0e4ff;
}

/* find tyres */

.f-tyre-name
{
    font-family: 'Roboto',sans-serif;
    font-size: 16px;
	font-weight: bold;

    color: #000;
    text-decoration: none;
}

/* tyre size */

.tyre-info .specs div:nth-child(even):not(.last) {
    background: #f3f3f3;
}

.tyre-info .specs {
	margin-bottom: 20px;
}

.tyre-info .specs h5 {
	font-family:'Roboto',sans-serif;
	font-size:14px;
	padding: 0 0 10px 5px;
	text-transform:uppercase;
	color:#000;
}

.tyre-info .price
{
	margin-bottom: 20px;
	padding-left:5px;
}

.tyre-info .spec
{
	display:flex;
}

.tyre-info .spec span
{
	font-family:'Roboto',sans-serif;
	font-size:13px;

	padding: 7px 5px;
	width:50%;
}

.tyre-info .spec span
{
	color:#666;
}

.tyre-info .spec span.name
{
	color:#333;
	font-weight: bold;
}



@media (max-width: 767px) {
    /* bigger fonts */
	.menu a {
		font-size:12px;
	}

	.footer a {
		font-size:12px;
	}

    /* tyre photo-desc */

	.model-photos 	{ float:none; width:100%; }
	.tyre-info 		{ margin-left:0; }
}

/* find tyre */

.f-tyre a.f-tyre-title
{
	background-color: rgba(0,0,0,0.7);
	display:block;
	padding: 7px 10px;
	color:#fff;
	text-decoration:none;
}

.f-tyre .allseason:hover a.f-tyre-title
{
	background-color: rgba(0,0,0,0.9);
}

.f-tyre .summer a.f-tyre-title
{
	background-color: rgba(175,118,3,0.8);
}

.f-tyre .summer:hover a.f-tyre-title
{
	background-color: rgba(175,118,3,0.9);
}

.f-tyre .winter a.f-tyre-title
{
	background-color: rgba(7,35,111,0.8);
}

.f-tyre .winter:hover a.f-tyre-title
{
	background-color: rgba(7,35,111,0.9);
}

.f-tyre a.f-tyre-title strong
{
	font-size: 14px;
	font-family: 'Roboto',sans-serif;
}



.prices-cities {
	overflow:hidden;
	margin: -10px 0 30px 0;
	columns: 3;
}

/* mobile  */
@media (max-width: 767px) {
	.prices-cities 	{ columns:1;	}
}

.prices-cities .city {
	margin-bottom: 5px;
}

.prices-cities .city span
{
	font-family: var(--font-head-r);
	font-weight: bold;
	font-size: 15px;

	color: #777;
}

.prices-cities .city span.active
{
	color: #000;
}

.prices-cities .city a
{
	text-decoration:none;
}

.prices-cities .city a:hover span
{
	text-decoration:underline;
	color: #000;
}

/* profile shop import stat */

.import-price-table th
{
    color:black;
    background-color:#eee;
    padding: 4px 10px;
    font-size:13px;
}

.import-price-table tr:nth-child(2n)
{
    background-color: #f3f3f3;
}

.import-price-table td, .import-price-table th
{
    color:#000;
    padding: 4px 10px;
}


.top-submenu
{
	position:absolute;
	padding: 20px;
	background-color:#eee;
}


.sel-menu a
{
	position:absolute;
	color:#fff;
	font-size:20px;
	text-decoration:none;
}

.sel-summer img, .sel-winter img
{
	width:300px;
}

.top-submenu .row
{
	margin:0;
}

.row-scar img
{
	width:150px;
}


.section-find-tyres
{
	text-align:center;
	background-color:#eee;
	padding:10px;
}

.section-find-tyres h4
{
	font-family:'Roboto', sans-serif;
	text-align:left;
	text-transform:uppercase;
	float:left;
	font-size:15px;
	margin-top:7px;
}

.section-find-tyres select
{
	font-size:15px;
	padding: 5px 20px;
	color:#333;
}


.select-section {
	display:flex;
	flex-direction:row;
}

.select-section-part {
	flex: 1;
	height: 130px;
    background-size: cover;
    background-position: center;
    transition-duration: .2s;
}

.select-section-part:hover {
	opacity:0.8;
}

.select-section-part span {
    position: absolute;
    color: #fff;
    margin: 80px 15px;
    text-shadow: 2px 3px 4px black;

    font-family: 'Roboto',sans-serif;
	font-weight: bold;
    font-size: 22px;
}

/* mobile  */
@media (max-width: 767px) {
	.select-section, .select-section-part 	{ display:block;	}
}


.part-suv span
{
    font-size: 18px;
    margin: 50px 10px;
}

.part-suv span b
{
    font-size:14px;
    font-family: 'Roboto',sans-serif;
    display:block;
}


/* tyre line */

.tyre-line
{
	border:1px solid #eee;
	padding:15px;
	margin-bottom:10px;
	display:flex;
    justify-content: space-between;
    align-items: center;
	background-color: #565656;
}

.tl-type-winter {
	background-color: #384f8b;
}

.tl-type-sport {
	background-color: #333;
}

.tl-type-green {
	background-color: #5ca311;
}

.tl-type-suv {
	background-color: #4e2d15;
}

.tl-type-electric {
	background-color: #8a2fe1;
}

.tyre-line a
{
	float:right;
	text-wrap: nowrap;
}

.tyre-line-info
{
	color:#fff;
}

.tyre-line h2
{
	background-color:transparent;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	font-family:'Roboto', sans-serif;
	padding:0;
	margin:0;
}

.vendors-tyres img { width:150px; height:50px;	}
.vendors-wheels img { width:100px; height:50px;	}

.span3 {width:270px;}	/*apis*/

/* mobile, bottom of css only! */
@media (max-width: 767px) {

	.row_3 { padding: 5px 5px 3px 5px; }
	.nav-location-vehicle { width:100%; }

	.content-width .css-desktop-only 	{ display:none; }
	.block-menu-top-list li a,
	.block-menu-top-list li a.active,
	.block-menu-top-list li a:hover 	{ transition-duration:0s; padding: 20px 10px 10px 10px; }
	.block-menu-top-list.menu-databases li a,
	.block-menu-top-list.menu-databases li a.active,
	.block-menu-top-list.menu-databases li a:hover { padding: 20px 0 10px 10px; }
	.like-panel			{ left:0px; padding:10px 0; }
	.db-image 			{ float:none;	}
	.landing-feature 	{ display:block; width:100%; }

	.tyres-hlist-cont {height:180px;}
    /* index */
    .block-menu {float:none; width:100%;}
    .left-block-menu {width:100%;}
    .block-content {margin-left:0;}

    /* catalog */
	.vendor { width:auto; min-width:auto; margin-right: 5px; }
	.vendors-tyres img { width:100px; height:33px;	}
    
    /* models */
	.wheel-info 	{ margin-left: 0px; } 
	.wheel-mini img	{ width: 100px; 	}

	/* search */
	.f-tyres .model-list { width:100%; }
	.f-tyres .model-list-cont { width:100%; }

    /* by car */
    .vehicle-tyres-top { width:100%; }
}

@media (max-width: 479px) {
	.model-small-list-rating	{	display:none;		}
}



/* analytics */

.analytics-summary-line
{
	display:flex;
    justify-content: space-between;
}

.summary-value
{
	font-size:13px;
	font-family:sans-serif;
	color:#555;
}

.summary-value span
{
	display:block;
	font-size:22px;
	font-weight:bold;
	font-family:'Roboto',sans-serif;
	color:#b70303;
}


.label-price-high {
	background-color: #f56966;
}

.label-price-low {
	background-color: #34afa3;
}

.label-price-avg {
	background-color: #f9c15b;
}


table.prices td
{
	font-size:14px;
	color:#333;
	padding: 3px 20px 3px 0;
}



.popular-tyre-sizes
{
	width:120px;
	float:left;
}

.popular-r
{
	font-size:15px;
	font-family:'Roboto',sans-serif;
	font-weight: bold;

	color:#000;
	margin-bottom:5px;
	border-bottom:2px solid #bbb;
	margin-right:10px;
}

.popular-s
{
	margin-bottom:3px;
}

.popular-s a
{
	font-size:14px;
	font-family:'Roboto',sans-serif;
	font-weight: bold;

	color:#b4101a;
	text-decoration:none;
}
.popular-s a:hover
{
	color:#000;
	text-decoration:underline;
}

div.mobile-x-scroll
{
	overflow-x:auto;
}


section.filter
{
	display:flex;
}

section.filter.filter-justify
{
    align-items: center;
    justify-content: space-between;
}

.filter-block
{
	display:flex;
    margin-right:20px;
    align-items:flex-end;
}

section.filter .filter-block a
{
	background-color: #fff; /* #717d90 - light*/
	color: #5a6474;
	border: 1px solid #5a6474;

    padding: 3px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-decoration:none;
    border-radius: 4px;
    margin-right:10px;
}

section.filter .filter-block a.head
{
/*
    font-size: 15px;
    padding: 4px 15px;
    */
}

section.filter .filter-block a:hover,
section.filter .filter-block a.active
{
	background-color: #5a6474;
	border: 1px solid #5a6474;
	color: #fff;
}


/* car finder */

.car-finder
{
	overflow:hidden;
}

.car-finder .tab-head
{
	position:absolute;
	margin-top: -40px;
	border-spacing: 10px 0;
}

.car-finder .tab-head a.tab
{
	color:#fff;
	padding:0 80px 0 15px;
	display: table-cell;
	height: 40px;
	vertical-align:middle;

	font-family:var(--font-head-r);
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	background-color:rgba(0,0,0,0.5);
    border-top: 2px solid transparent;
}

.car-finder .tab-head a.tab span
{
	color: #bbb;
}

.car-finder .tab-head a.tab:hover,
.car-finder .tab-head a.tab.active
{
    border-top: 2px solid #b70303;
	background-color: #000;
}

.car-finder-tab {
	padding: 23px 20px;
	overflow:hidden;
	background-color:#000;
	display:flex;
	align-items:stretch;
}

.car-finder-group
{
	float:left;
	margin-right:10px;
	background-color: #fff;
	padding:5px 0 0 0;
	width:180px;
	border-radius: 3px;
}

.car-finder-group label
{
	display:block;
	color: #999;
	font-family:'Roboto';
	text-transform:uppercase;
	font-size:9px;
	padding:0 7px;
}

.car-finder-group select
{
	-webkit-appearance:none;
	-moz-appearance: none;
    appearance: none;	
	border:0;
	outline: none;

	font-family:'Roboto',sans-serif;
	font-weight:bold;
	font-size:15px;

	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	display:block;
	padding: 2px 7px 5px 7px;
	margin:0;
}

.car-finder-group select[disabled]
{
	color:#ccc;
	font-weight:normal;
}

.car-finder-group #filter_auto_brand_id,
.car-finder-group #filter_auto_model_id,
.car-finder-group #filter_auto_model_year,
.car-finder-group #filter_auto_model_engine,
.car-finder-group #filter_width,
.car-finder-group #filter_profile,
.car-finder-group #filter_r
{
	width: 100%;
}

a.btn-finder
{
    font-family: 'Roboto', sans-serif;
    border: 1px solid #b70303;
    padding: 5px 20px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    font-weight: bold;
    background-color: #b70303;
	border-radius: 3px;
}

a.btn-finder.active, a.btn-finder:hover
{
	border: 1px solid #fff;
    transition-duration: 0.4s;
    background-color: #a20202;
}

@media (max-width: 767px) {

	h1.flat { margin-right:0; }
	.index-compare { display:block; }
	.car-finder-tab { display:block; }
	.car-finder-group { float:none; margin-bottom: 10px; width:100%; }
	.car-finder .tab-head a.tab 		{ padding: 0 10px 0 20px; }

}


/* bootstrap modal copy */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  max-height: 500px;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  padding: 15px;
}
.modal-body .modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
/*  *zoom: 1; */
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}


/* modal white */

.modal h3,.modal h2 {
	font-family:'Roboto',sans-serif;
	font-size:20px;
	background-color:#fff;
	color:#000;
	padding:15px;
}

.modal h2 {
	margin-top:10px;
}

.modal h3 {
	font-family:'Roboto',sans-serif;
	font-size:16px;
	padding: 0;
}

.modal p {
	font-size:14px;
	font-family:arial;
}


/* plugins shop */

.plugin {
    border-bottom: 2px solid #eee;
	padding-bottom: 30px;
}

.plugin-content {
    display: flex;
    align-items:start;
    justify-content:space-between;
	gap: 10px;
    
    margin-bottom: 20px;
}

.plugin-text
{
	margin-right: 20px;
}

.plugin-buy {
    border: 1px solid #e6edef;
    padding: 15px;
    width:330px;
    background-color: #fefefe;
}

.plugin-license{
	display:flex;
	align-items:center;
}

.plugin-license a,
.plugin-license a span {
	font-family:'Roboto',sans-serif;
	font-size:16px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}

.plugin-license a:hover span {
	text-decoration:underline;
}

.plugin-top
{
    display: flex;
    justify-content:space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 15px;
}

.plugin-price span {
	font-family:'Roboto',sans-serif;
	color:#000;
	font-size:28px;
	font-weight:bold;
}

.plugin-price span.currency {
	color: #838d97;
	font-size: 24px;
}

.plugin-features{
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.plugin-content { display: block; }
	.plugin-buy { width: auto; }
}


.support-features {
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
    border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.support-features ul {
	margin-left:23px;
}

.support-features ul li {
	margin-bottom:8px;
	font-size:14px;
	font-family: Inter, sans-serif;
	font-weight: 300;
}

.support-features ul li strong {
	font-size:14px;
	font-family: Inter, sans-serif;
	font-weight: 600;
}

.plugin-download {
	margin-bottom: 20px;
    border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.text-success, .support-features i{
    color: #27c24c;
}

.plugin .button {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	font-family:'Roboto', sans-serif;
	padding:10px 15px;
	text-align:center;
    text-shadow:none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .4);
    border-radius: 3px;
}

.btn-buy {
    color: #ffffff !important;
    background-color: var(--color-btn-buy);
}
.btn-buy:hover{
    background-color: var(--color-btn-buy-hov);
}

.plugin .button-justify {
	justify-content:space-between;
}

.plugin .button i{
	font-size:20px;
	color: #fff;
	line-height:unset;
}

.plugin .button span {
	font-size:16px;
}



.plugin h2, .plugin h3 {
	font-family:'Roboto',sans-serif;
	background:#fff;
	color: #000;
	font-size: 26px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 30px 0;
	display:block;
}

.plugin h2 {
    border-left: 6px solid #b70303;
	padding:0 0 0 20px;
}

.plugin h2 hr {
	border-color: #eee;
	margin-top:5px;
}

.plugin .pre-txt {
	display: inline;
	font-size: 16px;
	color: #d93913;
	font-family: 'Inter';
	font-weight: 900;
	vertical-align: 2px;
	margin-right: 5px;
	text-transform:none;
}

.plugin h3 {
	font-size: 16px;
	color: #333;
}

.plugin h2 span {
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto';
    margin-top: -5px;
    font-size: 11px;
    color: #888;
}

.plugin p, .plugin p a {
	font-size:14px;
}

.plugin p i{
	font-size:16px;
}

.plugin-body {
	flex: 1;
}

.plugin-info {
	display:flex;
	gap:30px;
	justify-content: flex-start;
	margin-top: 40px;
}

.plugin-img{
	width: 250px;
}

.plugin-info .badge {
    font-size: 12px;
	margin-right: 5px;
}

.plugin-info .badge-primary {
	background-color:#a3b2c3;
}

@media (max-width: 767px) {
	.plugin-info { display: block; }
}

.plugin-feature{
    color: #000;

    font-family: 'Roboto', sans-serif;
	font-size:13px;
	line-height: 1.6;
    margin-bottom: 3px;
}

/* plugin purchase */

.plugin-purchase-now {
	background-color:#CED6EA;
	padding: 15px 20px 25px 30px;
}

.plugin-purchase-now h3
{
	font-family:'Roboto',sans-serif;
	background:transparent;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

.plugin-purchase-now .pay-info{
	color: #333;
}


.btn-link:hover {
	color: var(--color-base);
}

.btn-link {
	color: #383838;
	font-family: 'Roboto',sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
	font-size:12px !important;
}



.tabs-dia {
	display:flex;
	gap:5px;
	flex-wrap: wrap;
}

.tabs-dia a {
	margin:0 1px 0 0;
	font-size:1.6em;
	text-decoration:none;
	background-color:#f1f1f1;
	color:#555;
	padding: 4px 30px;
	line-height:2em;
}

.tabs-dia a.active,.tabs-dia a:hover
{
	background-color:#b7080a;
	color:#fff;
}

/* specs - wheels */

table.specs {
	font-size:14px;
	width:100%;
}

table.specs th {
	font-size:14px;
	padding:7px;
    color: #000;
    background-color: #ccc;
}

table.specs td {
	font-size:13px;
	padding:9px 7px;
	color:#222;
}


.customers-list
{
	margin: 50px 0 200px;
}

.customer-logos
{
	display: flex;
	align-items:center;
	margin-bottom: 40px;
}

.zoomImg
{
	background-color: #fff;
}


/* izimodal */

.modal-common.iziModal .iziModal-header
{
}

.modal-common .modal-help
{
	margin-bottom: 20px;
}

.modal-common .modal-body
{
	padding: 15px 20px;
	overflow:hidden;
}

.modal-common .modal-body label
{
	color: #000;
	font-size:14px;
}

.modal-common .club-select label
{
	color: #eee;
}

.modal-common .modal-action
{
	text-align:center;
	margin-bottom: 20px;
}

.modal-common .icon-close 
{
    background: #fff;
    margin-bottom: 10px;
    position: absolute;
    right: -8px;
    top: -8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    color: #a9a9a9;
    cursor: pointer;
}

.modal-common .icon-close-izifancy
{ 
	background: transparent url('/templates/plugins/fancybox/fancybox.png') -40px 0px;
    right: -12px;
    top: -12px;
}

.modal-common header
{
	background-color: #526170;
	padding: 15px 20px;
	position:relative;
}

.modal-common header h2
{
	margin:0;
	padding:0;
	font-family:'Roboto',sans-serif;
	font-size:20px;
	font-weight:bold;
	background-color:transparent;
	color: #fff;
}




/* bootstrap4 fix */
.btn:focus, .btn:active, 
.btn-primary:focus,.btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {		
	box-shadow:none;
}

.btn-m {
	position: relative;
	overflow: hidden;

	border-width: 0;
	outline: none;
	border-radius: 2px;
	border-color:none;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
	text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
  
	color: #ecf0f1;
  
	transition: background-color .2s;
	padding:0.5em 1em;
	background-image:none;
}

.btn-m:focus {
	box-shadow:none;
}

.btn-m > * {
	position: relative;
}

.btn-m:before {
	content: "";
  
	position: absolute;
  top: 50%;
  left: 50%;
  
  display: block;
  width: 0;
  padding-top: 0;
    
  border-radius: 100%;
  
  background-color: rgba(236, 240, 241, .3);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-m:active:before {
  width: 120%;
  padding-top: 120%;
  
  transition: width .2s ease-out, padding-top .2s ease-out;
}

.btn-m i {
	margin-right:5px;
}

.btn-download {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-download:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-woo {
    color: #fff;
    background-color: #96588a;
    border-color: #96588a;
}

.btn-woo:hover {
    color: #fff;
    background-color: #6c4064;
    border-color: #6c4064;
}

.btn-demo {
    color: #fff;
    background-color: #5e83b0;
    border-color: #5e83b0;
}

.btn-demo:hover {
    color: #fff;
    background-color: #456081;
    border-color: #456081;
}

.btn-default {
    color: #000;
    background-color: #fff;
    text-shadow:none;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #333;
    background-color: #e5e5e5;
}

.well-doc
{
    display: block;
    border-width: 0 0 0 5px;
    border-radius: 0;
    border-color: #9aa6c8;
    background-color: #fafafa;
}

#top100_widget img
{
	width:88px;
	height:31px;
}

@media (max-width: 767px) {
	.ads-top { min-height:280px; }
}



.css-review-modal .modal-body
{
    background-color: #333;
}


/* 	load animation */

@-webkit-keyframes load-opacity-pulse {
    0% {opacity: 0.5;}
    50% {opacity: 1.0;}
    100% {opacity: 0.5;}
}

.load
{
	animation: load-opacity-pulse 1.5s ease-out;
    animation-iteration-count: infinite; 
}


.load2 {
    position: relative;
	color:rgba(0,0,0,0) !important;
}

.load2::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 4px solid transparent;
	border-top-color: #8b85ad;
	border-right-color: #8b85ad;
	border-left-color: #8b85ad;
	border-radius: 50%;
	animation: load-spinner 1s linear infinite;
}

.btn-primary.load2::after {
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
}

@keyframes load-spinner {
	from {
		transform: rotate(0turn);
	}
	to {
		transform: rotate(1turn);
	}
}

/* tyre icons */

.tyre-icons {
	display:flex;
	gap:2px;
	margin-bottom:20px;
}

.tyre-icons i
{
	/* rewrite bootstrap icon-* */
	/*
	width:auto;
	height:auto;
	*/

	width:50px;
	height:50px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	
	
	line-height:normal;
	font-size:40px;
	color:#000;
	background-image:none;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	padding: 3px;
}

.tyre-icons i.fa,
.tyre-icons i.fas {
	font-size:24px;
}
.tyre-icons i.fa-truck,
.tyre-icons i.fa-truck-moving
{
	font-size:22px;
}

.tyre-icons i img {
	width: 28px;
	height: 28px;
}

.tyre-icons .icon-summer
{
	color: var(--color-summer);
}

.tyre-icons .icon-green span
{
    font-size: 0.57em;
}

.tyre-icons .icon-green
{
	display: flex;
	align-items: center;
	width: 1.2em;
	justify-content: center;
	color: var(--color-green);
}

.tyre-icons .icon-winter
{
	color: var(--color-winter);
}

.tyre-icons .icon-ev
{
	display: flex;
	align-items: center;
	width: 1.2em;
	justify-content: center;
}

/* truck finder */

.truck-result {
	margin:0 40px 5px 0;
	display:inline;
}

.truck-result span {
	margin:0 10px 5px 0;
	font-size:1.2em;
	color:#333;
}


/* fancybox fixes */

#fancybox-content,
#fancybox-wrap
{
	box-sizing: content-box;
}

#fancybox-title-over {
	font-family:var(--font-head);
	font-weight:500;
	font-size:16px;

	padding: 12px 15px;
	background-image: none;
	background-color: rgba(0, 0, 0, 0.4);
}

.fancybox-title-over a {
	color: #eee;
	
	font-family:var(--font-head);
	font-weight:500;
	font-size:16px;

	text-decoration:none;
	border-bottom: 1px dotted #fff;
}

.fancybox-title-over a:hover {
	border-bottom: 1px solid #fff;
}



/* api thumbs */


.thumbnail{
	width:270px;
	border: 1px solid #ddd;
	display: block;
	padding: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgb(0 0 0 / 8%);
}

.thumbnail .caption {
	padding: 9px;
}

.thumbnails>li {
	float: left;
	margin: 0 0 18px 20px;
}

.thumbnail>img {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}


.db-demo-gallery
{
	vertical-align:middle;
	margin-top:10px;
}

.db-demo-gallery img
{
	box-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
	margin-right:10px;
}

/*  effects  */

.effect-zoom {
	overflow:hidden;
}

.effect-zoom img {
	transition-duration:0.2s;
}

.effect-zoom img:hover {
	transform:scale(1.3);
	transition:transform 0.3s;
}


.video-thumb:hover img {
    filter: brightness(150%);
    transition: all 0.3s ease;
}


.banner-cookie
{
	display:flex;
	padding: 2.5em 3.8em 2.5em 2.8em;
	justify-content:space-between;
	align-items:center;
	position:fixed;
	bottom:0;
	left: 1.5em;
	right: 1.5em;
	bottom: 1.5em;
	background-color:#fff;
	z-index:9999;
	border-radius: 5px;
	box-shadow:0 0 35px 0 rgb(0 0 0 / 25%);
}

@media (max-width: 767px) {
	.banner-cookie { display:block; padding: 1em; }
}

.banner-cookie p
{
	color:#333;
	margin:0;
}

.banner-cookie .btn
{
	padding-left:4em;
	padding-right:4em;
}


.footer-payments {
	margin-top:5px;
}

.footer-payments img {
	background-color:#fff;
	height:20px;
}

.css-hover-visible-cont{
	display:none;
}

.css-hover-visible:hover .css-hover-visible-cont{
	display:block;
}

.user-important {
	position: absolute;
	background-color: #468aff;
	padding: 10px 20px;
	color: #fff;
	margin-left: -200px;
	margin-top: 7px;
	font-size: 13px;
	font-family: 'Roboto';
}