@font-face {
     font-family: MontserratR; 
     src: local("MontserratR"), 
     url(../fonts/Montserrat/Montserrat-Regular.ttf); 
	 font-display: swap;
 }
 @font-face {
     font-family: MontserratB; 
     src: local("MontserratB"), 
     url(../fonts/Montserrat/Montserrat-SemiBold.ttf); 
	 font-display: swap;
 }   
 


 
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {        
	color: white;	
	font: 16px MontserratR; 
    border-collapse: collapse;		
}
td, th {
    padding: 0.55vw; /* Поля вокруг содержимого таблицы */
    border: 1px solid #56c6d5; /* Параметры рамки */
	vertical-align: middle;	
    text-align: center; 
  font-size:1.4vw;   	
   }
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {	
	width:100%;	
	min-width:1200px;
    background:#e9edf7;	
	font-size:0;
}
p,h1,span
{
 font-family:MontserratR;	 
 color:#212121;
}

p, br
{
 font-size: 1vw; 
}
option
{
 font-family:MontserratR !important;	
}
h1, h2
{
 text-align:center;
 font-size: 2.6vw; 
 font-family: MontserratB;
 padding-top: 1.5vw;
 padding-bottom: 1vw;
 color:#212121;
}
h3
{
 text-align:center;
 font-size: 1.6vw; 
 font-family: MontserratR;
 padding-top:10px; 
 color:#424242;
 font-weight:bold;
}
sup
{
 vertical-align:super;	
}
b
{
 font-weight:bold;	
}
img
{
 border:none;	
}
a
{
 transition:0.5s; 
  color:#5c8af9; 
 text-decoration:none; 
}
a:hover
{
 color:#496ec7; 
 text-decoration:none; 
}
span.small-text
{
 font-size:0.9vw;	
}

.mobile
{
 display:none;	
}
.breadcrumb
{
 display:flex;	
 display:-webkit-flex;	
 width: 90%;
 margin: 0 auto;    
 margin-top: 2vw;
 font-size:1vw;
 padding-bottom: 2vw;
}

.breadcrumb li span
{
 color:#212121 !important;	
}

.breadcrumb li.active span
{
 color:#656565 !important;	
 padding-left:3px;
}

.mazda-blue-color
{
 color:#1941a5 !important;	
}
.mazda-gray-color
{
 color: #bdbdbd !important; 
}


p.btn, .btn.hasTooltip
{
 background: rgb(76,114,207);
background: -moz-linear-gradient(180deg, rgba(76,114,207,1) 0%, rgba(56,84,152,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(76,114,207,1) 0%, rgba(56,84,152,1) 100%);
background: linear-gradient(180deg, rgba(76,114,207,1) 0%, rgba(56,84,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c72cf",endColorstr="#385498",GradientType=1); 
 padding: 0.7vw; 
 font-family:MontserratR;
 text-transform:uppercase;
 display:inline-block;
 border-radius:0.5vw;
}
.btn.hasTooltip
{
 text-decoration: none;
border: none;
color: #fff;
font-size: 1.1vw;	
font-family:MontserratR;
margin-top:30px;
}

p.btn.btn-cardetail
{ 
 padding: 0.5vw;
 height: 1.2vw;
 line-height: 1.1vw;
}

p.btn.btn-cardetail a
{
 text-transform:none;
 font-size:1.1vw;  
}



p.btn a
{
 text-decoration:none;
 border:none; 
  color:#fff;
 font-size:1.1vw;  
}

.wrapper
{
 margin:0 auto;
 width:90%; 
 height:100%;
}

.align-h-center
{
 display:flex;	
 display:-webkit-flex;
 justify-content:center;
}

.header
{
 display:flex;	
 display:-webkit-flex;	
 align-items:center;  
}
.header p, .header li
{
 font-size:1.3vw;
 text-decoration:none;
}
.header li
{
 float:left;	
}

.header-1
{
 height:3.5vw;
 background:#f5f5f5;
}
.header-2
{
 height:3.5vw;
 background: rgb(17,20,25);
background: -moz-linear-gradient(90deg, rgba(17,20,25,1) 0%, rgba(61,64,69,1) 34%, rgba(73,76,81,1) 50%, rgba(54,57,62,1) 69%, rgba(9,10,15,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(17,20,25,1) 0%, rgba(61,64,69,1) 34%, rgba(73,76,81,1) 50%, rgba(54,57,62,1) 69%, rgba(9,10,15,1) 100%);
background: linear-gradient(90deg, rgba(17,20,25,1) 0%, rgba(61,64,69,1) 34%, rgba(73,76,81,1) 50%, rgba(54,57,62,1) 69%, rgba(9,10,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111419",endColorstr="#090a0f",GradientType=1); 
}

.phone img, .address img
{
 height:2vw;
 width:auto; 
}

.address
{
 margin-right: 0;
 margin-left: auto;	
}

.logo p, .logo a
{
 color:#777777;	
 text-transform:uppercase; 
 font-family:MontserratB;
}
.logo p span
{
 font-family:MontserratB;	
}

.menu
{
 margin:0 auto;
 width: 28.7%; 
}

.menu li a
{
 color:#e0e0e0;	 
 font-family:MontserratB;	
 font-size:1.1vw;
}

.menu li
{
 margin-left:0.5vw;	
 margin-right:0.5vw;
}

.search
{
 margin-right:0 !important;  
}

.slide-2
{
 display:none;	
}

/*скрываем стандартный джумловский поиск*/
#mod-search-searchword111
{
 display:none;
}

/*но показываем свой стилизованный и чтобы искал используя движок джумлы*/
#mod-search-searchword_my.search
{
 display:block;	
}

input.search
{ 
 border:none;
 border-bottom:1px #bdbdbd solid;
 background: transparent;
 color:#bdbdbd;
 font-size:1.3vw;
 width: 13vw;  
}
input.search + label
{
 display: inline-block;	
 position:relative;	
 vertical-align:middle;
}
input.search+ label:before
{
 content: "";
 position: absolute;
 background: url(../img/search.svg) no-repeat; 
 background-size: cover;
 width: 13px;
 height: 15px;
top: -22px;
left: 12.1vw;
}

.banner
{
 position:relative;	
 margin-bottom: 2vw; 
}

.banner img 
{
 width:100%;	 
}

.banner-text
{
 position:absolute;	
 width: 30vw;
 top: 10%;
 left: 10%; 
}

.banner-text h3
{
 font-family:MontserratB;		
 color:#ffffff;
 font-size:3vw;
 text-align:left;
}
.banner-text p
{
 font-family:MontserratR;		
 color:#f5f5f5;
 font-size:1.6vw;
 text-align:left;
}

.banner-text p.btn-banner
{
 margin-top:1vw;	
}

.banner-info-block
{
 bottom:4px;
 top:auto;
 right:7vw;
 left:auto;
 width:30vw;
 height: 7vw;
 background:#1b1e23; 
 position:absolute;	
 
}
.banner-info-left
{
 height:100%;
 width:100%;	
}

.banner-info-left h4
{
 font-size:1.3vw;	
 font-family:MontserratB;
 color:#fff;
 padding-left: 2vw;
 padding-top: 0.1vw;
}
.banner-info-left.slide-2 h4
{
 padding-left: 1.4vw;	
}
.banner-info-left p
{
 font-size:0.9vw;	
 font-family:MontserratR;
 color:#fff;
 text-align: center;
 margin-left: -16vw; 
}
.banner-info-left  img
{
 width: 7vw;
 display: block;
 margin-left: 3.6vw;
 padding-top: 0.5vw;	
}

.banner-info-right
{ 
 background: url(../img/interior-preview.png) no-repeat;
 background-size:cover;
 height:100%;
 width: 49%;
 position: absolute;
 top: 0; 
 right: 7%;
 left: auto; 
}


.banner-info-arrow
{
 background-color:#385498;	
 background-image: url(../img/arrow.svg);
 background-repeat:no-repeat; 
 background-size:12px;
 background-position:center center;
 height:100%;
 width:7%;
 position: absolute;
 top: 0;
 right: 0; 
 cursor:pointer;
}

.banner-info-arrow.slide-2
{
 transform: scale(-1,1);
}

/*популярные модели и соцсети*/
.main-block-1
{
 background:#e9edf7;	
 padding-bottom: 35px;
}

.main-block-1-1
{
 background: #eee;
-webkit-box-shadow: 0px 3px 16px 2px rgba(66,66,66,0.28);
box-shadow: 0px 3px 16px 2px rgba(66,66,66,0.28);
}

/*карусель поп модели*/
#carousel-1 .custom
{
 display:flex;	
 display:-webkit-flex;
 justify-content:center;	
}
.popular-modeli
{
 overflow:hidden;
 margin-top:40px;
}

.popular-modeli-container
{
 width:72%;
 overflow:hidden;   
 margin: 0 auto;
}
.popular-modeli-container img
{
 margin:0 auto;
 width:90%;
 display:block; 
 margin-bottom:20px;
}

.popular-modeli-container p.p-modeli-text-1
{
 font-family:MontserratR;	 
 font-size:1.2vw;
 display:block;
 margin-bottom:15px;
 text-align:center;
}
.popular-modeli-cell
{
 float:left;	
 width: 22%;
 margin-left: 1.5%;
 margin-right: 1.5%;
 margin-top:25px;
 margin-bottom:25px; 
 background: #f5f5f5;
}
.popular-modeli-cells-block
{
 overflow:hidden;
}
.popular-modeli-lenta-block
{
 overflow:hidden;	
 
}
.popular-modeli-lenta-container
{
 width:100%;  
 margin-top:10px; 
 padding-bottom:30px;
 background:url(../img/popular-modeli/fon.jpg)no-repeat;  
 background-size:100% 100%;  
}

.pop-car-cell
{ 
 border:1px #dae1f3 solid;
 background: #f5f5f5;	
 height: 15vw;
 margin-left:5px;
 margin-right:5px;
 position:relative;
 z-index:500;
-webkit-box-shadow: 0px 0px 5px 3px #e0e0e0;
-moz-box-shadow:    0px 0px 5px 3px #e0e0e0;
box-shadow:         0px 0px 5px 3px #e0e0e0; 
}
.owl-item
{
 padding-top:3px;	
 padding-bottom:3px;
}
.pop-arr-left, .pop-arr-right
{
 width:70px;
 height:70px;
 cursor:pointer;
 position:absolute;
}
.pop-arr-left
{
 left: 14%;
 margin-top: 6.5vw;
}
.pop-arr-right
{
 right: 14%;
 margin-top: 6.5vw;	
}
.pop-arr-left img, .pop-arr-right img
{
 width:100%;
}

.pop-car-cell img
{
 height: 6.5vw;
 width: auto; 
 display:block;
 margin:0 auto;  
 margin-bottom: 1vw;
 margin-top: 1vw; 
}
.pop-car-cell p.p-car-text
{
 margin-top: 6%;	
 text-align:center;
 color:#212121;	
 font-family:MontserratB;
 font-size:1vw;
 padding-bottom:5%;
}
.pop-car-cell p.p-car-text2
{
 text-align:center;
 color:#424242;	
 font-family:MontserratR;
 font-size:1vw;
}

.contact-block img
{
 float:left;
 width:2.5vw;
 padding:0.6vw; 
}

.contact-block a
{
 text-decoration:none !important;
 border:none  !important;
}

.contact-block h3
{
 font-size:1.3vw;
 padding-bottom: 0.5vw; 
}
.contact-block > div
{
 padding-left:1vw;	
 padding-right:1vw;	
 padding-bottom: 2vw;
}

/*main-block-2 - о нас*/
.main-block-2
{
 background:#e9edf7;	
 padding-top: 3vw;
}

.main-block-2-1
{
 background:#e9edf7;
 overflow:hidden;
  background: url(../img/main-block-2/10.svg) no-repeat; 
  background-position: 17%;
}
.avtoimg
{
 position:absolute;
 width: 45vw;
 height: 18vw; 
 background: url(../img/main-block-2/avto.png);	
 background-repeat:no-repeat;
 background-size:80%;
 background-position: 0% 100%; 
 left: 25%;
}

.main-block-2-1 > div:nth-child(1)
{
 margin-left:10%;	
 width:35%;	
 height: 30vw; 
 
}

div.let
{
 margin-left:50%;
 width:50%;
 margin-top:4vw;  
}


.main-block-2-1 > div:nth-child(2)
{
 width:45%;	
 margin-right:10%;
}


.main-block-2-1 h3
{
 color:#212121;	
 font-family:MontserratR;
 text-align:left;
 font-size:2.7vw;
}
.main-block-2-1 h3 span
{ 
 font-family:MontserratB; 
}

.main-block-2-1 h3 span.mazda-blue-color2
{
 color:#385498;	
}

.main-block-2-1 p
{
 color:#525252;	
 font-family:MontserratR;
 font-size:1.2vw;
}

.main-block-2-1 p span.let
{
 color:#212121;	
 font-size:1.4vw;
 font-family:MontserratR; 	
 text-transform:uppercase;
}
.let p
{
 color:#525252 !important;	
}

.about-us h4
{
 font-size:1.1vw;		
 color:#212121;	
 font-family:MontserratB;
}

.about-us p
{
 font-size:1vw;	
 color:#424242;
 font-family:MontserratR;
}
.about-us-1
{
 width:50%;	
}
.about-us-1 > div,.about-us-2 > div
{
 height:9vw;
 padding: 1vw;
 background-repeat:no-repeat;
 background-position: 100% 95%; 
}
.about-us-2
{
 width:50%;	
}

.about-us-1 > div:nth-child(1)
{
background-color:#ffffff;	
 background-image: url(../img/main-block-2/1.png); 

}
.about-us-1 > div:nth-child(2)
{
background-color:#d8dfec;	
 background-image: url(../img/main-block-2/3.png); 
}

.about-us-2 > div:nth-child(1)
{
 background-color:#2b2929;	
  background-image: url(../img/main-block-2/2.png); 
}
.about-us-2 > div:nth-child(2)
{
background-color:#ffffff;		
 background-image: url(../img/main-block-2/4.png); 
}
.about-us-2 > div:nth-child(3)
{
background-color:#385498;	
 background-image: url(../img/main-block-2/5.png); 
}

.about-us-2 > div:nth-child(3) h4, .about-us-2 > div:nth-child(3) p, .about-us-2 > div:nth-child(1) h4, .about-us-2 > div:nth-child(1) p
{
 color:#fff !important;	
}

/*Новости*/
.main-block-3
{ 
 padding-bottom: 35px;
 margin-top: 3vw;
}

.main-block-3-1
{
 background:#eeeeee;	
-webkit-box-shadow:0px 7px 15px 2px rgba(66,66,66,0.68);
box-shadow: 0px 7px 15px 2px rgba(66,66,66,0.68);
}

.main-block-3-1 > div
{
  
}

/*фоны-подложки под новсти*/
.news > div
{
 background-size: cover !important;
 width:50%;
 height: 31vw;	
}

.news > div:nth-child(1)
{
 background: url(../img/main-block-3/fon-2.png) no-repeat; 	
	
}
.news >:nth-child(2)
{
 background: url(../img/main-block-3/fon-1.png) no-repeat; 		
}

.main-block-3-1 p.view-news
{
 text-align:center;	
 padding-bottom:1vw;
 font-size:1.2vw;
}

/*плашка с новостью*/
.news > div > div
{  
 padding: 20px;
 opacity:0.8;
 margin-left: 50%;
}

.news > div:nth-child(2) > div
{  
 margin-top: 37.2%;
}

.news h3
{
 font-family:MontserratB;	
 font-size:1vw;
 text-align:left !important;
}
.news p
{
 font-family:MontserratR;	
 font-size:0.9vw;
 text-align:justify;
}
.news > div:nth-child(1) > div
{
 background:#d8dfec;	 
}
.news > div:nth-child(2) > div
{
 background:#2b2929;	
}
.news > div:nth-child(2) > div h3, .news > div:nth-child(2) > div p
{
 color:#fff;
}

/*Получите консультацию*/
.main-block-4
{

 background: url(../img/main-block-4/fon.png); 	 
 background-position:center center;
 background-repeat:no-repeat;	 
 background-size: 100%;
 padding-bottom: 3vw; 
}

.main-block-4-1
{
 padding-top: 2vw;
}
.main-block-4-1 img
{
 position:absolute;
 width:30vw;
margin-top: -20vw;
margin-left: 50vw;
}
.main-block-4-1 h2
{
 font-size:2vw;	
 line-height: 2.3vw;
}
.main-block-4-1 p
{
text-align: center;
font-size: 1.3vw;
padding-top: 3px;
margin-top: -10px;
}
.main-block-4-1 p.policy
{
text-align: left;
font-size: 1vw;
padding-top: 3px;
margin-top: 0px;
margin-left: 13.5vw;	
}
.main-block-4-1 > div
{
 width:70%;
 margin:0 auto;
background: rgb(228,232,242);
background: -moz-linear-gradient(180deg, rgba(228,232,242,1) 0%, rgba(173,210,221,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(228,232,242,1) 0%, rgba(173,210,221,1) 100%);
background: linear-gradient(180deg, rgba(228,232,242,1) 0%, rgba(173,210,221,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e8f2",endColorstr="#add2dd",GradientType=1);
margin-top: 3vw;
margin-bottom: 10vw;
-webkit-box-shadow: 0px 3px 16px 2px rgba(66,66,66,0.28);
box-shadow: 0px 3px 16px 2px rgba(66,66,66,0.28);
border:1px solid rgba(145,186,198,0.8);
padding: 1vw;
border-radius:1vw;
}

.main-block-4-1 input,#search-searchword
{
 border:1px solid #bdbdbd;
 width:17vw; 
 height:2.5vw;
 font-family:MontserratR;
 Font-size:1.3vw;
 color:#424242;
 margin: 0.5vw;
 margin-top:1vw;
}

.main-block-4-1 input.btn
{
 background: rgb(76,114,207);
background: -moz-linear-gradient(180deg, rgba(76,114,207,1) 0%, rgba(56,84,152,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(76,114,207,1) 0%, rgba(56,84,152,1) 100%);
background: linear-gradient(180deg, rgba(76,114,207,1) 0%, rgba(56,84,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c72cf",endColorstr="#385498",GradientType=1); 
 padding: 0.7vw; 
 font-family:MontserratR;
 text-transform:uppercase;
 display:inline-block;
 border-radius:0.5vw;	
 font-family:MontserratR;
 Font-size:1.3vw;
 color:#fff; 
 height: 3vw;
 width: 22vw; 
 margin-left: 13.4vw;
 cursor:pointer;
}

.footer-block
{
background: #313131;
	
}
.footer-block h3,.footer-block h3 span
{
 font-size: 1.4vw;	
 font-family:MontserratB;
 color: #777777;
  text-align:center;
 text-transform:uppercase;
 padding-top: 1.5vw;
}
.footer-block p
{
 font-size:1vw;	
 line-height: 1.5vw; 
}

.footer-block img 
{
 width:2vw;	
 margin-left:0.3vw;
 margin-right:0.3vw;
 padding-bottom:1vw;
}

.footer-block p,.ftr-container span, .ftr-container p
{
 text-align:center;
 color:#f5f5f5; 
 padding:0.6vw;
}

.ftr-container
{
 background:#212121;		
 padding: 0.4vw;
}

.ftr-container span
{
 font-size:0.85vw;	
}

/*страницы с запчастями*/
/*фикс для удаления пробелсв между строками, которые добавляет текстовый редактор*/
.zapchasti-table,.innerpage,.innerpage > div 
{
 font-size:0;	
}
.main-block-1-1.zapchasti-table
{
 background:#eee;	
}
.main-block-1-1.zapchasti-table.servis
{
 background:#eee;
}
.main-block-1-1.zapchasti-table.servis h1
{
 color: #212121;
}
.zapchasti-table  h1
{
 color: #fff;	
}
.zapchasti-table .moduletable
{
 margin-top:0;	
 padding-top:0; 
}
.zapchasti-table table
{
 margin:0 auto !important;
 display:block !important; 
 width: 47% !important;
 border: none;
 background: transparent;
}

.zapchasti-table.servis tr:nth-child(1) td
{
background:#99CCFF !important;	
}

.zapchasti-table.servis p,.zapchasti-table.servis p span
{ 
 color:#212121 !important;
 font-size:1vw !important;
 font-family:MontserratR;
 text-transform:none !important;
 margin-top: 1vw; 
 text-align:justify;
 padding:2vw;
}

.zapchasti-table  td, .zapchasti-table  tr, .zapchasti-table  th
{
 color:#212121 !important;	
 font-family:MontserratR !important;
 font-size:1vw !important;
border:1px solid #b5d4d8;
}
.zapchasti-table  td
{
 text-align:left !important;	
}
.zapchasti-table  tr:nth-child(2n)  td:not([bgcolor])
{
background:#e7e7e7 !important;	
}
.zapchasti-table tr:nth-child(2n+1)  td:not([bgcolor])
{
background:#eee !important;	
}

.zapchasti-table p
{
 text-align:center;	
 color:#eee;
 font-size:1.2vw;
 font-family:MontserratR;
 margin-top: -1vw; 
}
.zapchasti-table p span
{
 font-size: 1.4vw;
 font-family:MontserratB;
 text-transform:uppercase; 
 color:#eee;
}
.zapchasti-table img
{
 width: 10vw;
 display: block;
 margin: 0 auto;
 margin-top: 1.5vw; 
}


.mazda-2-2007
{
 background: url(../img/innerpage/cars/mazda_2_2007.jpg) no-repeat;	
 background-position: 0% 4%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-3-2008
{
 background: url(../img/innerpage/cars/mazda_3_2008.jpg) no-repeat;	
 background-position: 0% 44%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-3-sdn
{
 background: url(../img/innerpage/cars/mazda_3_sdn_2003-2008.jpg) no-repeat;	
 background-position: 0% 0%;
 background-size:cover;
 height: 25vw; 
}
.mazda-3-2009
{
 background: url(../img/innerpage/cars/mazda_3_hb_2009_2012.jpg) no-repeat;	
 background-position: 0% 10%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-3-sdn-2013
{
 background: url(../img/innerpage/cars/mazda_3_sdn_2013-2019.jpg) no-repeat;	
 background-position: 0% 40%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-3-hb-2013
{
 background: url(../img/innerpage/cars/mazda_3_hb_2013_2019.jpg) no-repeat;	
 background-position: 0% 0%;
  background-size:cover;
 height: 25vw; 
}
.mazda-3-sdn-2009
{
 background: url(../img/innerpage/cars/mazda_3_sdn_2009_2012.jpg) no-repeat;	
 background-position: 0% 40%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-5-1
{
 background: url(../img/innerpage/cars/mazda_5.jpg) no-repeat;	
 background-position: 0% 30%;
   background-size:cover;
 height: 25vw; 
}
.mazda-6-1
{
 background: url(../img/innerpage/cars/mazda_6.jpg) no-repeat;	
 background-position: 0% 20%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-6-2
{
 background: url(../img/innerpage/cars/mazda_6_2007_2012.jpg) no-repeat;	
 background-position: 0% 20%;
   background-size:cover; 
 height: 25vw; 
}
.mazda-6-3
{
 background: url(../img/innerpage/cars/mazda_6_2012_2019.jpg) no-repeat;	
 background-position: 0% 20%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-cx-5a
{
 background: url(../img/innerpage/cars/mazda_cx_5_old.jpg) no-repeat;	
 background-position: 0% 40%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-cx-5b
{
 background: url(../img/innerpage/cars/mazda_cx_5_old.jpg) no-repeat;	
 background-position: 0% 40%;
  background-size:cover; 
 height: 25vw;  
}
.mazda-cx-7a
{
 background: url(../img/innerpage/cars/mazda_cx_7.jpg) no-repeat;	
 background-position: 0% 20%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-cx-9a
{
 background: url(../img/innerpage/cars/mazda_cx_9_new.jpg) no-repeat;	
 background-position: 0% 20%;
    background-size:cover; 
 height: 25vw; 
}
.mazda-cx-9b
{
 background: url(../img/innerpage/cars/mazda_cx_9_new.jpg) no-repeat;	
 background-position: 0% 20%;
    background-size:cover; 
 height: 25vw; 
}
.mazda-bt50-1
{
 background: url(../img/innerpage/cars/bt50_old.jpg) no-repeat;	
 background-position: 0% 30%;
  background-size:cover; 
 height: 25vw; 
}
.mazda-bt50-2
{
 background: url(../img/innerpage/cars/bt50_old.jpg) no-repeat;	
 background-position: 0% 30%;
  background-size:cover; 
 height: 25vw; 
}

.arrow-up
{
 position:fixed;
 bottom:20px;
 top:auto;
 right:20px;
 width:50px; 
 display:none;
}
.messages
{
text-align: left;
padding-left: 13.5vw;	
}


.kontakty h3
{
 text-transform:uppercase;
 color:#777777; 
 font-family:MontserratB;
}
.kontakty h3 span
{
 font-family:MontserratB;	
}
.kontakty h3, .kontakty p,.kontakty #map
{
 padding-left:4vw;
 padding-right:4vw;
 padding-top:0.5vw;
 text-align:left;
}
.kontakty #map
{
 padding-bottom:2vw;
display:flex; 
display:-webkit-flex; 
 justify-content:center;
}
.kontakty .contact-block 
{
padding-top:1vw;
}
.kontakty .contact-block > div.contacts
{
 width:550px;	
}
.kontakty .contact-block h3
{
 color:#212121; 
 font-family:MontserratR;	
 text-transform:none;
}
.kontakty .contact-block > div.contacts h3
{
 text-transform:uppercase;
}

.innerpage > div
{
 width:90%;
 margin:0 auto;  
}

.innerpage  > div, .servis  > div
{
 white-space: pre-wrap; 
}

.innerpage h3
{
 padding-top: 1vw; 
 line-height: 1.5vw; 
 text-align:center;
}


.innerpage p
{ 
 padding-top: 1vw; 
 line-height: 1.5vw;
 text-align:center;
}
.innerpage p.align-justify
{ 
  text-align:justify;
}

.innerpage img.man,.innerpage img.nash-servis
{
 width:30vw;
 margin:0 auto;
 display:block; 
margin-top:1.5vw;
 margin-bottom:1.5vw;
}

img.servis-banner
{
 width:50vw;
 margin:0 auto;
 display:block; 
margin-top:1.5vw;
 margin-bottom:1.5vw;	
}
img.servis-banner-2
{
 width:75vw;
 margin:0 auto;
 display:block; 
margin-top:1.5vw;
 margin-bottom:0;
}

img.banner-podveska
{
 width:30vw;
 margin:0 auto;
 display:block; 
margin-top:1.5vw;
 margin-bottom:1.5vw;	
}


p.mazdamarket
{
 color: #1941a5;	
 font-family:MontserratB;
 font-size:2vw;
 line-height: 3vw;
}

span.white-space-o-nas
{
 margin-left:4vw;
 display:block; 
 float: left;
}



#searchForm
{
 overflow:hidden;
 font-size:14px;
 font-family:MontserratR;
 color:#212121; 
 margin:0 auto;
 width:90%; 
 padding-top:20px;
 padding-bottom:20px; 
}
.result-category,.result-created,.phrases-box,.ordering-box,.only,.phrases,.element-invisible
{
 display:none;	
}
.searchintro
{
 padding-top:20px;
 font-family:MontserratR;
  font-size:14px;
 color:#212121;  
padding-bottom:10px; 
}

.result-title
{
 padding-top:20px;
 font-family:MontserratR;
  font-size:14px;
 color:#212121;  
  margin:0 auto;
 width:90%; 
 padding-bottom:20px; 
}

.century-lighblue-italic
{
 font-family: Century, Arial, sans-serif;	
 font-size:1.4vw;
 font-weight:bold;
 font-style:italic; 
 color:#039BE5;
 padding-top:1vw;
}