body{
	font-family: pt-sans-narrow, sans-serif;
	font:16px Arial,sans-serif;
	position:relative;
	margin:0px;
	//background:#999; 
	//background: #8899a4 url(euro02.jpg) no-repeat right top;
	background: #8899A4;
background: linear-gradient(90deg,rgba(136, 153, 164, 1) 0%, rgba(255, 255, 255, 1) 50%);
}

* {box-sizing: border-box;}

div:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

a{
	color: #1a73e8;
	text-decoration:none; 
}

a:hover{
	text-decoration:none;
}
h1 {
	margin: 0;
    padding: 0;
    text-shadow: none;
    text-decoration: none;
    font-size: 24px;
	color:#000;
	width:100%;
	}
h1 a {
	color:#000;
	}

bold {font-weight:bold;}	

h3 {
	text-decoration: none;
    font-size: 24px;
}

p {
	position:relative;
	float:left;
	width:100%;
	margin:0;
	font-size:16px;
	}
	
p1 {
	position: relative;
    float: left;
    width: 100%;
    color: #ff6600;
    margin: 0px;
}

p2 {
	position: relative;
    float: left;
    width: 100%;
    color: #000;
    margin: 0 0 0px 0;
	font-size: 24px;
}


p3 {
	position: relative;
    float: left;
    width: 100%;
    color: #fff;
	background:green;
	border-radius:5px;
	padding:5px 10px;
	width:40%;
}

.land p2 {
	margin:20px 0;
}

#content {
	margin:0 auto;
	position:relative;
}

#footer {
	margin: 0 auto;
    position: relative;
	float:left;
    margin-top: 20px;
    padding: 20px;
}

#pre-footer {
	position: relative;
	float:left;
	width:100%;
	background: #fff;
}

#footer .box {
	position:relative;
	float:left;
	width:50%;
	padding:0 20px 20px 0;
}

#footer p {
	margin:0 0 10px 0;
}

.footer {
	position:relative;
	float:left;
	width:100%;
	margin:20px 0;
	padding: 20px 0 0 0;
	border-top:1px solid #ccc;
	color:#777;
}

#footer .footer p {margin:0;}
.country {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0;
	background: #f0f0f0;
}

.sidebar {
	position: fixed;
    top: 0;
	width:100px;
	height:100px;
	padding:10px 0 0 0;
	margin:0px -100px;
} 

.sidebar p {
	margin:0 0 10px;
}

.logo-site {
    position: relative;
    float: left;
    background: url(logo.png) no-repeat top left;
    background-size: contain;
    height: 45px;
    width: 100%;
}

.category {
	position:relative;
	float:left;
	width:100%;
}

.about {
	position:absolute;
	bottom:0;
	float:left;
	width:100%;
}

li {
	background: none;
    margin: 0 0 20px 0;
    padding: 0;
	list-style-type:none;
}
.sidebar a {
	margin: 0 0 20px 0;
    padding: 0;
    color: #8e9eae;
}
.sidebar a:hover {
	color:#fdfcf8;
}
.current-cat a, .current-cat-ancestor a{
	color:#fdfcf8;
}

{
	color:#fdfcf8;
}
.current-cat h3 a {
    color: #000;
}

.content {
	position:relative;
	float:left; 
	background: #fff;
	min-height: 100vh;
}

.header {
	//position:relative;
	float:left;
	width:100%;
	padding: 10px 0 0 0px;
	text-align: center;
	position: sticky;
    top: 0px;
    z-index: 10;
	background:#fff;
	border-bottom: 1px solid #ccc;
}

.header p {
	color:#777;
}

.post {
	position:relative;
	float:left;
	width:100%;
	background:#fff;
	padding:0 20px 20px 20px;
	//border-left: 1px solid #ccc;
}

.left {
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.mark, .model, .mod {
	position:relative;
	float:left;
	width:100%;
}
.fuel {
	position:relative;
	float:left;
	width:100%;
	border-bottom: 1px solid #cad4df;
	padding: 10px 0;
    margin-bottom: 10px;
}

.post-content {
	position:relative;
	float:left;
	width:100%;
	column-count: 2; 
}

.img-box {
	position:relative;
	width:100%;
	//margin-bottom:20px;
}

.img-box img {width:100%;} 

.img-first-box {display:none;}

.logo {
	position:relative;
	float:left;
	width: 50px;
    margin: 0 20px 0 0;
}

.logo img {
    width: 100%;
}

.description {
	position:relative;
	float:left;
	width:70%;
	padding:20px 0;
}

.utp {
	position:relative;
	float:left;
	width:100%;
	padding:20px 0;
}

.utp p {
	background: url(star.png) no-repeat left top;
	padding:0 0 0 20px;
}

.volume {
	position:relative;
	float:left;
	width:100%; 
}

.volume .utp {
	padding:0;
}

.index-box:hover .utp p {
	color:#ff6600;
}

.index-box i {
	color:#777;
}

.right {
	position:relative;
	float:left;
	width:100%;
	padding:20px;
	margin-bottom: 50px;
}

.land-right, .land-left {
	position:relative;
	float:left;
	width:50%;
}
.land input, .land textarea, .land select {
	position:relative;
	float:left;
	width:100%;
	padding:10px;
	font-size:16px;
	margin:0 0 20px 0;
	background:#fff;
}

.land .klick {
	background: #ff6600;
}
.search-form {
	position:relative;
	float:left;
	width:100%;
}

.header-phone {
	position:relative;
	float:left;
	width:250px;
	padding:15px 0 0 0;
	//text-align:right;
}

.headertext {
	position:relative;
	float:left;
    padding: 20px 0;
}

.index-box {
	position:relative;
	float:left;
	border-top: 1px solid #ddd;
	width:100%;
	background: #fff;
}

.index-box:hover {
	background:#dee7ee;
	border-right:2px solid #f98500;
}
.index-box h2 {
	    font-size: 24px;
		text-transform: none;
		margin: 0;
		width:100%;
		text-decoration: underline;
    color: #1a73e8;
}
.snippet-img {
	position:relative;
	float:left;
}
.snippet-img img {
	width:100%;
}
.index-box .text {
	position:relative;
	float:left;
	//width:70%;
}
.index-box p {
}

.kontakt .index-box p, .kontakt a .index-box p  {
	    color: #000;
}

button p {
	text-decoration: underline;
    color: #1a73e8;
}

.related button p {
	text-decoration: none;
    color: #777;
}

.sell, .contact {
	position:relative;
	float:left;
	width:100%;
}

.ads {
	position:relative;
	float:left;
	width:100%;
	
}

.ads .index-box {
	//background:#fdfef2;
	border:none;
}

.ads .index-box:hover {
	background:#fff;
}

.ads .index-box .text {
	width:100%;
}

.sell .index-box {
	background:none;
}
.sell .snippet-img {
	position:relative;
	float:left;
	width:100px;
	//height:100px;
	background-size: cover;
	box-shadow: 0 0 0 1000px rgb(256 256 256 / 60%) inset;
}

.sell .index-box h2 {color:#7f8993;}



.news-item .index-box {
	background:#fff;
}


.news-item .snippet-img {
	position:relative;
	float:left;
	width:100px;
	//height:100px;
	background-size: cover;
	box-shadow: 0 0 0 1000px rgb(256 256 256 / 60%) inset;
}

.news-item .text {
	position: relative;
    float: left;
}

.news-item p {float:none;}

.news-item h2 {color:#7f8993;margin:0;font-size:24px;}


.contact .index-box .text{
	width:100%;
}
.phonemobile {
    position: fixed;
    padding: 20px;
    width: 100%;
    bottom:0;
    color: #000;
    text-decoration: none;
    border: none;
    //white-space: pre-wrap;
    font-size: 18px;
	font-weight:normal;
    display: none;
    cursor: auto;
    box-shadow: 1px 1px 20px rgba(200,200,200,0.9);
    background: #ccc;
}
.phonemobile p {text-align:center;}
.klick {
	position:relative;
	width:100%;
	    //background: linear-gradient(#42a1ec, #0070c9);
		//margin:10px 0;
		    float: left;
    color: #fff;
    //border-radius: 30px;
	border:0px;
	text-align: center;
	cursor:pointer;
}

.paginationn {
	position:relative;
	float:left;
	width:100%;
	padding:10px 0;
	border-bottom: 1px solid #ddd;
	background:#fff;
}

.navigation {
	position:relative;
	margin:0 auto;
	width:200px;
}

.index-box-mobile, .index-box-desktop {
	position:relative;
	float:left;
	width:100%;
}
.index-box-mobile .index-box {
//background: #fff url(phone01.png) no-repeat right bottom;	
}


.spe_link
{
padding-left:5px;
padding-right:5px;
font-size:14px;
font-weight:bold;
}
.spe_excerpt
{
padding-left:5px;
padding-right:5px;
}

.price {
	position:relative;
	float:left;
	width:100%;
	font-size:24px;
	color:green;
}
.phone-contact {
	position:relative;
	float:left;
	width:200px;
	padding: 5px 0px;
}
.whatsapp, .telegram, .viber {
	position:relative;
	float:right;
	width:120px;
	padding: 5px 20px;
	border-radius: 30px;
	color:#fff;
	text-align:center;
	font-size:16px;
	display:none;
	
}

.whatsapp {background: #128C7E;}
.telegram {background: #0088CC;}
.viber {background:#7360F2;}
.otzyvy {
	position:relative;
	float:left;
	width:100%;
	background:#cad4df; 
	}
.otzyv {
	position:relative;
	float:left;
	width:100%;
	padding:0 20px 20px 20px; 
	}
	
.otzyvy h3 {text-align:center;}
.otzyv .video {
	position:relative;
	float:left;
}

.otzyv .text {
	position:relative;
	float:left;
	margin:0 0 0 20px;
}

.send {
	position:relative;
	float:left;
    background: linear-gradient(#42a1ec, #0070c9);
	color:#fff;
	padding:10px;
	margin:10px 0 0 0;
	width:100%;
}
.send:hover {
	background: linear-gradient(#0070c9, #42a1ec);
}

.mobile {
	position:relative;
	float:left;
	width:100%;
	display:none;
}

.desktop {
	position:relative;
	float:left;
	width:100%;
}



.description p {margin:0 0 10px 0;}

.box {
	position:relative;
	float:left;
	width:100%;
}
.box .description {display:none;}

.phone-ads {
	position:relative;
	float:left;
	width:100%;
	background:#cad4df;
	padding:10px;
	margin:20px 0;
}

.phonemobile-text {
	position:relative;
	float:left;
	width:80%;
}

.phonemobile-img {
	position:relative;
	float:left;
	height:48px;
	width:48px;
	background: url(phonemobile-img.png) no-repeat center center;
}

.phonemobile-text a {
	text-decoration:underline;
}

.lead {
	position:relative;
	float:left;
	width:100%;
	background:#fdfef2;
	padding:20px 30px 50px 30px; 
}

.lead-side {
	position:relative;
	float:left;
	width:70%;
}

.lead-box {
	position:relative;
	float:left;
	width:100%;
}

.lead-box-img {
	position:relative;
	float:left;
	width:7%;
	display:none;
}

.lead-box-img img {
	position:relative;
	float:left;
	width:100%;
}

.lead-box-text {
	position:relative;
	float:right;
	width:100%;
	margin:0 0 20px 0;
}

select, textarea, input {
	position: relative;
    float: left;
    width: 100%;
    padding: 5px;
    font-size: 18px;
	
}

textarea {
	background: #fdfef2;
}

input {
	background:#fff;
}

select, .klick input {
	cursor: pointer;
} 

select {color:blue;}

button {
	position: relative;
    float: left;
    width: 100%;
	border:none;
	text-align:left;
}

button:hover {
	cursor:pointer;
}

.klick input {
	position:relative;
    //background: #ff0000;
	background:#1a73e8;
    color: #fff;
	width:50%;
	margin:0 auto;
	float:left;
	border: none;
}

.utp {
    position: relative;
    float: left;
    width: 100%;
    background: url(star.png) 0px 2px no-repeat;
    padding: 5px 25px;
	font-size:16px;
}

.gallery01 {
    position: relative;
    float: left;
    width: 100%;
}

#bestgallerys  {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

#bestgallerys li  {
    //height: 100px;
    float: left;
    margin: 0;
    overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}

#bestgallerys li img {
	width:100%;
	border: 1px solid #fff;
	}
	
#bestgallerys li img:hover {
	width:102%;
	}

.klick-phone {
	position:relative;
	float:left;
	width:100%;
	background: linear-gradient(#42a1ec, #0070c9);
	color:#fff;
	font-size: 24px;
	padding: 5px;
	text-align:center;
	margin:20px 0;
}

.phone-mobile {
	position: relative;
    width: 75px;
    height: 75px;
    background: url(phon.png) no-repeat center center;
    border-radius: 50%;
    margin: 5vh auto;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.arrow {
  width: 75px;
  height: 75px;
  margin: 0px 20px 20px 0;
  display: inline-block;
  position: relative;
  float: right;
}
.arrow::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  top: 59%;
  left: 50%;
  border-style: solid;
  border-color: #ccc;
  border-width: 2px 2px 0 0;
  position: absolute;
  transform-origin: 50% 50%;
}
.arrow.left01::before {
  transform: rotate(-135deg);
  margin: -15px 0 0 -10px;
}
.arrow::after {
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  border-style: solid;
  border-color: #ccc;
  position: absolute;
  transform-origin: 50% 50%;
}
.arrow.left01::after {
  width: 30px;
  height: 0;
  border-width: 2px 0 0 0;
  transform: translate(-14px, -1px);
}

.arrow.circle {
	border:1px solid #ccc;
  border-radius: 50px;
}
.arrow.debug {
  outline: 1px solid darkblue;
}
.arrow.debug::before {
  outline: 1px solid red;
}

.arrow.circle:hover {
	border-color: #fff;
}

.logo-mark {
	position:relative;
	float: left;
	width:75px;
	height:75px;
	margin: 0 20px 10px 0;
}

.logo-mark img {width:100%;}

.video {
	position:relative;
	float:left;

}


label{
	display: inline-block;
	padding: 5px 10px;
	position: relative;
	width: 100px;
	height: 20px;
	background-color:#ccc;

}
label .selected{
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
label span.lists{
	width: 100%;
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	box-shadow: 0px 0px 2px 0px #ccc;
	background-color:#fff;
	z-index: 9;
}
label span.item{
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.related {
	position:relative;
	float:left;
	width:100%;
}

.related .index-box .snippet-img {
	    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
	width:20%;

}

.knob {
	position:relative;
	float:left;
	width:100%;
	background: linear-gradient(#51a9ee,#147bcd);
    color: #fff;
	border-radius:50px;
	margin:0 0 20px 0;
}

.knob .img-phone {
	position:relative;
	float:left;
	width:20%;
	width: 40px;
    height: 40px;
    background: url(phon.png) no-repeat center center;
    border-radius: 50%;
    margin: 0;
}

.knob .img-telegram {
	position:relative;
	float:left;
	width:20%;
	width: 40px;
    height: 40px;
    background: url(telegram.png) no-repeat center center;
    border-radius: 50%;
    margin: 0;
}

.knob .img-whatsapp {
	position:relative;
	float:left;
	width:20%;
	width: 40px;
    height: 40px;
    background: url(whatsapp.png) no-repeat center center;
    border-radius: 50%;
    margin: 0;
}

.knob .text {
	position:relative;
	float:left;
	width:80%;
	margin:10px 0 0 15px;
	text-align:left;
}

.knob .text p{
	margin:0;
}

.desktop {
	position:relative;
	float:left;
	width:100%;
}

.mobile {
	position:relative;
	float:left;
	width:100%;
}

p4 {
	position:relative;
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.kontakt {
	position:relative;
	float:left;
}

.achtung01 {
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	background:#fff;
	color:#ff0000;
	text-shadow: none;
	padding:20px;
	margin-bottom:20px;
	font-weight:bold;
}

.sheet {
	position:relative;
	float:left;
	width:100%;
	column-count: 2;
	padding:0;
	margin:0;
}

.sheet p1{
	position:relative;
	float:left;
	width:100%;
	color:#000;
	font-size:16px;
}

@media (max-width: 7000px) {
#content {width:1300px;}
.content {width:100%;}
#footer  {width:900px;//text-align:center;}
.header {text-align: left;}
.headertext {width:100%;}
.index-box .text {padding: 10px 0;//width: 800px;}
.news-item .text {width:700px;padding: 10px 0;}
.snippet-img {max-width: 75px;margin-right: 20px;}
.news-item .snippet-img {max-width: 100px;margin-right: 30px;}
.right  {padding:10px 0px;}
.index-box-mobile {display:none;}
#bestgallerys li {width:25%;height:250px;}
.video {width:50%;height:500px;}
.desktop .index-box, .mobile .index-box {//background: #fdfef2;} 
.desktop h2, .mobile h2 {//color:#000;}
.desktop p, .mobile p {//color:#000;}
.otzyv .video {width:250px;}
.otzyv .text {width:500px;}
}

@media (max-width: 1600px) {
	#content {width:1300px;}
}

@media (max-width: 1400px) {
	#content {width:1200px;}
}

@media (max-width: 1300px) {
	#content {width:1000px;}
}

@media (max-width: 1200px) {
	#content {width:900px;}
	.sidebar {width:80px;}
.content {width:800px;}
#footer  {width:900px;}
.index-box .text {//width:600px;}
.video {height:354px;}
.news-item .text {width:100%;}
.related .index-box .snippet-img {width:75px;height:75px;}

p3 {width:60%;}
.otzyv .video {width:250px;height:500px;}
.otzyv .text {width:400px;}
.sheet {columns: 1;}
}

@media (max-width: 1000px) {
	#content {width:800px;}
	.sidebar {width:80px;}
.content {width:700px;}
#footer  {width:800px;}
.index-box .text {width:100%;}
.video {height:230px;}
.snippet-img {max-width: 20%;margin-right: 30px;}
	.description {width:100%;}
p3 {width:100%;text-align:center;}
.otzyv .video {width:250px;height:400px;}
.otzyv .text {width:300px;}

}

@media (max-width: 840px) {
	#content {width:700px;}
.content {width:700px;}
#footer  {width:700px;}
h1 {font-size:30px;}
#bestgallerys li {width:25%;height:100px;}
.video {height:200px;}
.sell .index-box .text, .news-item .text, .ads .index-box .text {width: 100%;padding:0;}
.contact .index-box .text {width: 100%;padding: 10px 0;}
.post-content {column-count: 1;}
.index-box-desktop {display:none;}
.index-box-mobile {display:block;}
.mobile {display:block;}
.img-box {margin-bottom: 0px;}
.lead-side {width:100%;}
.klick input {width:100%;}
.desktop {display:none;}
#footer .box {width:100%;}
.sidebar {display:none;}
.post {border:none;}
}

@media (max-width: 760px) {
	body {padding:0;}
	#content, #footer, .content {width:100%;}
	#bestgallerys li {width:25%;height:90px;}
	.video {height:180px;}
	.sidebar {display:none;}
	.snippet-img, .news-item .snippet-img {margin-right:5%;max-width: 20%;}
	.contact .index-box .text {width: 100%;}
	.land-left, .land-right {width:100%;} 
.phonemobile {display:block;}
.lead {padding:20px;}
p3 {width:100%;}
.related .index-box .snippet-img {width:10%;}
.related .index-box .text {width:85%;}
.kontakt {width:100%;}
p4 {text-align:center;}
.otzyv .video {width:45%;height:400px;}
.otzyv .text {width:45%;}
}

@media (max-width: 650px) { 
.related .index-box .snippet-img {width:15%;}
.related .index-box .text {width:80%;}
.otzyv .video {width:100%;height:500px;}
.otzyv .text {width:100%;margin:20px 0 0 0;padding:0px;}
}

@media (max-width: 440px) { 
.related .index-box .snippet-img {width:20%;}
.related .index-box .text {width:75%;}
}