* { padding: 0; margin: 0; }
body,html {
background:fixed #F3F6F9 url("/i/bg.png") repeat-x;
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
font-size: 16px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
/*-moz-transform: translateZ(0);*/
}
form { margin:0; padding:0; }
img { border:0; }
img[align="left"] { float:left; margin:0 10px 3px 0; }
img[align="right"] { float:right; margin:0 0 3px 10px; }
.pageHeader h2 {color: #fff;}
div, form, span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.placeholder { filter:alpha(opacity=54); opacity: 0.54; }
.blueButtons .placeholder { margin-top: 4px; }
.asCell { display: table-cell; }
a { color:#000; text-decoration:none!important; cursor: pointer; }
.canHover a:hover { color:#c00;}
.canHover a:focus { color:#c00;}
p, pre { max-width: 800px; margin: 1em 0; }
h1, h2, h3, h4, h5, h6 {
font-weight: 100;
-webkit-font-smoothing: auto;
}
.red { color:#c00; }
.price { white-space:nowrap; }
.price i { white-space:normal; }
.bold { font-weight:bold; }
.moreButton { white-space: nowrap; display: inline-block; width:auto; padding: 0 0 0 21px; margin: 1.25em 0; border-radius: 0px; background-color: #3E4146; color: #fff; line-height: 2.64286em; transition: background-color 0.24s ease 0s; }
.moreButton:after { content:"\E01F"; padding:0 19px 0 5px; height: 2.75em; line-height: 2.64286em; font-size: 14px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.moreButton:hover { background-color: #c00; color: #fff; transition: background-color 0.24s ease 0s; }
.moreButton:hover:after { padding:0 16px 0 8px; transition: padding 0.1s ease 0s; }
.moreButton.red {
background-color: #c00;
color: #fff;
transition: background-color 0.24s ease 0s;
}
.Download { display:inline-block; padding: 6px 21px; border:0; border-radius: 0px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;}
.Blue { padding: 6px 21px; border:0; border-radius: 0px; background-color: #3E4146; line-height: 2; font-size: 14px; color:#fff; cursor:pointer; transition: background-color 0.24s ease 0s; }
.Grey { display:inline-block; padding: 6px 21px; border:0; border-radius: 0px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;}
.greyUp { display:inline-block; padding: 6px 21px; border:0; border-radius: 0px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s;}
.Download:hover, .Blue:hover, .Grey:hover, .greyUp:hover { color:#fff; background-color: #c00; transition: background-color 0.24s ease 0s;}
.Download:before { display: inline-block; padding-right: 10px; content:"\E023"; vertical-align: middle; font-size: 16px; color: #f00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.Blue:after, .Grey:after { content:"\E01F"; padding:0 3px 0 10px; border:0; text-align: center; font-family: 'pag-iconfont'; font-weight: normal; font-size: 14px; line-height: 2; transform: translateZ(0px); }
.greyUp:after { content:"\E01C"; padding:0 3px 0 10px; border:0; text-align: center; font-family: 'pag-iconfont'; font-weight: normal; font-size: 14px; line-height: 2; transform: translateZ(0px); }
.Blue:hover:after, .Grey:hover:after { color:#fff; padding:0 0 0 13px; transition: padding 0.1s ease 0s; }
.Download:hover:before { color: #fff; }
.Download .white { color: #fff; }
.List { display:inline-block; padding: 6px 21px; border:0; border-radius: 0px; background-color: #3E4146; color:#fff; line-height: 2; cursor: pointer; transition: background-color 0.24s ease 0s; }
.List:before { display: inline-block; padding-right: 10px; content:"\E005"; vertical-align: middle; font-size: 16px; color: #fff; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.full-width {display: block; max-width: 800px;}
.sld { background-color: #f5f5f5; padding: 1em 28px 1em 42px; }
.action { background-color: #fff; padding: 0; }
div.slideUpDown {
max-width:800px;
}
div.slideUpDown p {margin-bottom: 0;}
div.slideUpDown ul.sld {margin: 0; list-style-type: square;}
ul.sld {display: none;}
.pageWidth { width:100%; max-width: 100em; min-width: 20em; margin: 0px auto; }
#Header { position: relative; height:128px; background-color: #fff; padding:0 7%; }
.logoBlock { width:100%; height: 72px; margin-right:242px; text-align: center; border-bottom: 1px solid #dfdfdf; background-color: #fff; }
.logo { margin:0 auto; width: 130px; height: 72px; background-color: #fff; margin-bottom:-1px; text-align: center; }
.logo a { display:block; /*height: 53px;*/ width: 110px; z-index:10; margin:0 auto; padding-top:21px; }
.logo.donstroy { margin:0 auto; width: 225px; height: auto; }
.logo.donstroy a { display:block; width: 100%; }
.logo.donstroy a img { height: auto; width: auto; }
@media only screen and (max-width: 45em) and (min-width: 35.5625em) {
.logo.donstroy { width: 200px; }
.logo.donstroy a { padding-top: 6px; }
}
@media only screen and (max-width: 35.5625em) {
.logo.donstroy a { padding-top: 0; }
}
.logo a img {max-width:100%; display: block;}
.topMenu { z-index: 2; /* width:100%;*/ margin-top:17px; margin-right:242px; padding:0; }
.topMenu .nav { margin:0; padding:0; /*max-width:800px;*/ display: inline-block; position: relative; }
.topMenu .nav:after { display: block; position: absolute; left: 0px; top: 39px; content: ""; background: #FFFFFF; width: 100%; height: 50%; /* opacity: 0.3; */ }
.topMenu .nav > li { position:relative; list-style-type:none; display: block; float:left; vertical-align: top; }
.topMenu .nav > li div { position:absolute; z-index: 100; top:1.80em; left:-0.9375em; margin:0; padding-top:10px; vertical-align:top; }
.topMenu .nav > li ul { margin:0; padding:0px; background-color:#fff; border:1px solid #DFDFDF; vertical-align:top; }
.topMenu .nav li a.sel { border-bottom: 2px solid #c00; color:#c00; }
.canHover .topMenu .nav li:hover a.sel { border-bottom: 2px solid transparent; }
.topMenu .nav li a { display:block; margin-right: 1.875em; padding:0; line-height: 2.65em; font-size: 16px; white-space:nowrap; }
.topMenu .nav ul li a { border-top: 1px solid #DFDFDF; }
.topMenu .nav ul li.first a { border-top: 1px solid #fff;}
.topMenu .inner .nav > li.first ul li.first a {text-transform: uppercase; color: rgba(204,0,0,0.8); font-weight:bold;}
.canHover .topMenu .inner .nav > li.first ul li.first a:hover {color: #fff;}
.topMenu .nav ul li.first:before {
border-bottom: 10px solid #CCCCCC;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
height: 0;
position: absolute;
top: 0px;
width: 0;
content: "";
left: 43px;
transition-duration: 0.24s;
transition-property: background-color, color, border-color;
background: transparent;
}
.topMenu .nav ul li.first:after {
border-bottom: 10px solid #FFFFFF;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
height: 0;
position: absolute;
top: 1px;
width: 0;
left: 43px;
content: "";
}
.canHover .topMenu .nav ul li.first:hover:after { border-bottom-color: #cc0000;}
.topMenu .nav ul li.first img { position:absolute; top:-10px; left:40px; }
.topMenu .nav ul { display: block; margin:0; padding:0; }
.topMenu .nav ul li a { margin: 0 0.9375em; padding-right:1.5em; }
.canHover .topMenu .nav ul li:hover { background-color:#cc0000; }
.canHover .topMenu .nav ul li:hover a { color:#fff; border-top:1px solid #cc0000; }
.topMenu .nav li { list-style-type:none; margin:0; padding:0px; text-align:left; }
.canHover .topMenu .nav li:hover > a { color:#cc0000; }
.nav li div { display: none; }
@media (min-width: 993px) {
/* Second Menu Hover */
.nav li:hover div, .nav li:focus div{ display: block; }
.nav div:hover, .nav div:focus { display: block; }
}
.topMenu .allMenu { display:none; }
/* Подменю для галереи */
.subTopMenu { /* background: blue; */ color: #FFFFFF; margin: auto 7%; padding-top: 40px; }
.topButtons { position: absolute; top:0; right: 7.14286%; width:100%; max-width: 100em; min-width: 20em; height:0px; margin:0 auto; background: transparent; }
.blueButtons { position: absolute; top:0; right:0; z-index: 1; width:243px; height:128px; margin:0; padding:0 0 0 25px; overflow:hidden; background-color: #fff; }
.blueButtons form { display:block; margin:0px; padding:0 0 10px 15px; background-color: #F2F2F2; }
.blueButtons label { display:none; }
.blueButtons input { display:inline-block; width:140px; height: 2.14286em; margin:0; padding-left: 0.71429em; border: 0; background: transparent; line-height: 1.45; font-size: 14px;}
.blueButtons button { display: inline-block; position: absolute; top: 0px; right: 3px; border: none; background: transparent; cursor: pointer; font-size: 0.875em; width: 25px; height: 28px; vertical-align: middle; padding: 0 6px; overflow: hidden; line-height: 3.07143em; text-indent: -119988px; text-align: left; }
.blueButtons .fieldButton { position: relative; width:187px; height:30px; background-color:#fff; border:1px solid #dfdfdf; border-radius: 4px; }
.blueButtons .dealerSearch { padding-top: 20px; }
.blueButtons button:before {display: block; position: absolute; top: 50%; margin-top: -0.54em; text-indent: 0px; color: #3E4146; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.blueButtons .dealerSearch button:before { content: "\E00D"; }
.blueButtons .siteSearch button:before { content: "\E003"; }
.blueButtons button:hover:before { color: #CC0000; }
.blueButtons .menuItem { position:relative; background-color: #F2F2F2; margin:0; padding:0; }
.blueButtons .menuItem a { color: #3A6B9B;font-weight: normal;transform: translateZ(0px);position: relative; display: block; width: auto; height:30px; margin: 0 20px; transition-duration: 0.24s;transition-property: background-color, color, border-color; }
.blueButtons .menuItem a:before, .blueButtons .menuItem a:after { display: block;position: absolute;top: 50%; transition-duration: 0.24s;transition-property: background-color, color, border-color; font-family: 'pag-iconfont'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none;content: "\E01F"; color: #3A6B9B; font-size: 0.85714em; margin-top: -10px; }
.blueButtons .menuItem a:before { right: 10px; }
.blueButtons .menuItem a:after { right: 6px; }
.blueButtons .menuItem a:hover, .blueButtons .menuItem a:hover:after, .blueButtons .menuItem a:hover:before { color: #CC0000; }
.switchButton { display: block; position:absolute; top:-50px; right:0; height: 65px; width: 65px; z-index: 2000; }
.switchButton a { display: block; padding-left: 0.3em; font-size: 2.7em; line-height: 1; text-transform: none; border-left: 1px solid #DFDFDF; }
.switchButton a:after { content: "\E011"; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.switchButton a.sel { color:#c00; }
.switchButton { display: none; }
.moreInfo { position: absolute; top:128px; left:7.14286%; width:inherit; z-index: 70; margin:0; background:none; padding-right: 7.14286%; }
.moreInfo a { color:#fff; }
.moreInfo .inner { position:relative; width: 218px; height: 40px; float:right; overflow:hidden; background-color: #2A4B6D; color:#fff; text-align:right; text-align:right; }
.moreInfo .moreItem { display: block; position:absolute; top:0; right:0; width: 218px; height: 40px; background-color: #2A4B6D; text-align:left; }
.moreInfo .moreItem a { display: block; line-height: 40px; color:#fff; padding-left: 23px; }
.moreInfo .moreItem a:after { position: absolute; top: 0px; right: 27px; content: "\E004"; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: bold; font-variant: normal; }
.moreInfo .moreContent { display:block; width:100%; padding:30px; z-index: 15; }
.moreInfo .moreTable { display:inline-block; width:27%; padding-left:30px; vertical-align:top; }
.moreInfo .moreTable h3, .moreInfo .moreTable .title { display:block; float:none; margin: 0.75em 0 0.95em 0; padding-left:10px; font-size: 1.25em; font-weight: bold; font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif; text-align:left; }
.moreInfo .moreTable span { display:block; height:4em; }
.moreInfo .moreTable ul { display:block; width:100%; margin:0; border:0; border-top:1px solid #405d7b; }
.moreInfo .moreTable li { display:block; vertical-align:top; text-align:left; }
.moreInfo .moreTable li a { display:block; list-style-type:none; padding:12px 4px 12px 10px; line-height: 20px; border-bottom:1px solid #405d7b; text-align:left; }
.moreInfo .moreTable li a:after { content: "\E01F"; display:block; float:right; line-height: 1.6; color:#fff; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.moreInfo .moreTable li a:hover { background-color:#687d92; }
/*.moreInfo .inner:hover { width: 100%; height:auto; }
.moreInfo .inner:hover .moreItem a:after { content: "\E02D"; }
.moreInfo .moreItem a:hover:after { content: "\E02D"; }*/
.moreInfo.open .inner { width: 100%; height:auto; }
.moreInfo.open .inner .moreItem a:after { content: "\E02D"; }
.hotLinks { display:block; width:100%; margin:0px !important; }
.hotLinks li { display:inline-block; width:24%; padding:2px; vertical-align:top; }
.hotLinks li a { display:block; }
.hotLinks li img { display:block; width:100%; height:auto; }
.hotLinks li a span { display:block; position:relative; margin-top:-4px; /* z-index:1; */ padding:5px 10px; border-top:4px solid transparent; }
.hotLinks li a:hover span { border-top:4px solid #c00; }
#Content { position:relative; background-color:#fff; }
.Contacts { position:absolute; top: 40px; Left: 0px; z-index:5; margin: 0px; padding:0px; width:inherit; }
.Contacts div { position:absolute; left: 0px; top: 0px; width:90%; padding: 20px 20px 0 60px; color:#fff; }
.Contacts div a { color:#fff; }
.Contacts div p { font-size:0.85em; }
.Contacts div h1 { margin:0; font-size: 48px; font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif; font-weight: normal; text-shadow: 2px 2px 4px #000; }
.Contacts div h2 { margin:0; font-size: 1.875em; font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif; font-weight: normal; text-shadow: 2px 2px 4px #000; }
.CarouselinHeader { position: relative; display: inline-block; width: 100%; }
.CarouselinHeader .Lens { height: 100%; width: 100%; position: relative; overflow: hidden; z-index: 5; }
.CarouselinHeader .Lens ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.CarouselinHeader .Lens li { float: left; display: block; position: relative; }
.CarouselinHeader .Lens li img { display:inline-block; width:100%; }
.CarouselinHeader .Lens li a, .CarouselinHeader .Lens li span { margin-bottom: -40px; position: absolute; z-index: 10; left: 7.14286%; bottom: 2.85714em; font-size: 1.875em; line-height: 20px;}
.CarouselinHeader .Lens li .topLeft { top: 2.85714em; left: 7.14286%; bottom: auto; right: auto; }
.CarouselinHeader .Lens li .topRight { top: 2.85714em; right: 7.14286%; bottom: auto; left: auto; }
.CarouselinHeader .Lens li .bottomLeft { bottom: 2.85714em; left: 7.14286%; top: auto; right: auto; }
.CarouselinHeader .Lens li .bottomRight { bottom: 2.85714em; right: 7.14286%; top: auto; left: auto; }
.CarouselinHeader .Lens li a.cWhite, .CarouselinHeader .Lens li span.cWhite { color: #fff; }
.CarouselinHeader .Lens li a.cBlack { color: #000; }
.CarouselinHeader .Lens li a h3, .CarouselinHeader .Lens li span h3 {font-size: 48px; line-height: 52px; font-weight: normal; text-indent: -11px; -webkit-font-smoothing: auto; }
.CarouselinHeader .Lens li span h3 {text-indent:0;}
.CarouselinHeader .Lens li a h3:before { content: ""; width: 30px; margin-left: -0.88em; margin-right: 0.24em; color: #C00; font-size: 32px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.CarouselinHeader .back, .CarouselinHeader .next { cursor: pointer; z-index: 11; position: absolute; top: 0px; width: 44px; height: 100%; opacity:0; filter:alpha(opacity=0); }
.CarouselinHeader .back { left: 0px; }
.CarouselinHeader .next { right: 20px; }
.CarouselinHeader .back a, .CarouselinHeader .next a {
position: absolute; top: 50%;
margin-top: -30px;
color: #FFF;
text-align: center; text-transform: none;
font-size: 35px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal;
width: 100%; height: 60px;
}
.CarouselinHeader:hover .back, .CarouselinHeader:hover .next, .CarouselinHeader .back:hover, .CarouselinHeader .next:hover { opacity:1; filter:alpha(opacity=100); transition-property: opacity; transition-duration: 0.3s; transition-timing-function: linear; }
.CarouselinHeader .back a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.CarouselinHeader .next a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.CarouselinHeader .back a:before {width: auto; top: 50%; font-size: 64px; content: ""; margin-top: 5px; display: block; }
.CarouselinHeader .next a:before {width: auto; top: 50%; font-size: 64px; content: ""; margin-top: 5px; display: block; }
.CarouselinHeader .back a:hover, .CarouselinHeader .next a:hover {color: #d5001c;}
.CarouselinHeader .DotPanel { position: relative; z-index: 20; width: 100%; height: 36px; margin: 0px auto; margin-top:-35px; padding: 0px; text-align: center; line-height: 20px; overflow: hidden; }
.CarouselinHeader .DotPanel a { display: inline-block; width: 8px; height: 8px; margin: 6px 8px; border-radius:50%; background-color:#777; }
.CarouselinHeader .DotPanel a.act { background-color:#fff; }
.pageHeader { position: relative; z-index: 5; width:100%; overflow: hidden; min-height: 5em; margin-bottom: 2em; padding: 0.67em 8.07692em 0.67em 7%; background-color:#333; }
.pageHeader h1 { white-space: nowrap; text-overflow: ellipsis; color: #FFF; font-size: 1.625em; font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif; }
.pagePhoto { position: relative; z-index: 5; width:100%; overflow: hidden; min-height: 5em; margin-bottom: 2em; }
.pagePhoto img { width:100%; height: auto; }
.path { position: fixed; top: 231px; bottom:auto; z-index: 18; font-size: 0.875em; color: #000; transform: translateZ(0px); }
.path ul { list-style: none; background-color: #fff; border: 1px solid #999; padding-left: 0;}
.path > ul > li { position: relative; width: 40px; height: 40px; margin: 0px; padding: 0px; border-top: 1px solid #999; }
.path > ul > li > a { position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #000; transition: color 0.24s ease 0s; }
.path > ul > li > a:hover { color: #c00; transition: color 0.24s ease 0s; }
.path > ul > li > a:before { font-size: 1.6em; }
.path li ul { position: absolute; left: 40px; right:auto; width: 300px; overflow: hidden; margin: 0px; padding: 0px; border: 1px solid #999; list-style: none; color:#000; }
.path li:hover ul { display:block; }
.path li ul:hover { display:block; }
.path li ul li { height: 40px; position: relative; transition: background-color 0.24s ease 0s; color: inherit; }
.path li ul li a { display: block; height: 40px; max-width: 100%; margin:0 21px; vertical-align: middle; border-top: 1px solid #ccc; line-height: 40px; color: inherit; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.path li a.sel { color: #c00; }
.path li ul li:hover { background-color: #c00; }
.path li ul li:hover a { border-top: 1px solid #c00; color:#fff; }
.path .up a:before { content: "\E01C"; font-size: 1.2em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.path .down a:before { content: "\E017"; font-size: 1.2em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.path .breadcrumb { background-color: #212121; }
.path .breadcrumb > a { color: #fff; transition: color 0.24s ease 0s; }
.path .breadcrumb > a:before { content: "\E015"; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.path .breadcrumb ul { display:none; background-color: #212121; color: #fff; }
.path .breadcrumb ul li { border: 0; }
.path .breadcrumb ul li a { border-top: 1px solid #333; }
.path .more > a:before { content: "\E01D"; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.path .more ul { display:none; background-color: #fff; color: #000; }
.path .off { color:#ccc; }
.path li.inact a { cursor: default; }
.path li.inact a:before { color: #CCC; }
.textContent { clear:both; /* min-height:400px; */ padding:0 7%; background-color:#fff; }
.textContent h2, .textContent h3 { /*max-width:800px;*/ }
.textContent p.intro { font-size: 13px; }
.textContent p.bold { margin-top: 3em; }
.textContent .pageList { margin:0 0 4em 0; }
.textContent .pageList li { display:block; list-style-type:none; padding: 1em 0; min-height: 1px; }
.textContent .pageList section { display:inline-block; }
.textContent .pageList section.frame { margin-left:-10px; padding:10px; border:1px solid #cc0000 !important; }
.textContent .pageList a { display:table-row; max-width: 800px; width: 100%; }
.textContent .pageList img { display:inline; width:151px; padding-right: 16px; margin-bottom: 15px;}
.textContent .pageList span.details {width:330px;}
.textContent .pageList span { display:inline-block; max-width: 600px; padding-left: 16px; vertical-align:top; }
.textContent .pageList .caption-fix { padding-left: 0; }
.textContent .pageList span.car { width: 330px; }
.textContent .pageList span.car-eval-price { padding-left: 0; margin-top: -20px; display: none; }
.textContent .pageList h2 {font-family: inherit; margin: 0px; font-size:1em; font-weight: normal; }
.textContent .pageList h2:before {line-height: 10px;font-family: 'pag-iconfont';margin-left: -20px;content: "";color: #d5001c;margin-top: 3px;-webkit-font-smoothing: antialiased;float: left; }
.textContent .pageList p:first-child {margin-top: -3px;/*width: 100%;*/color: #313639;line-height: 24px;margin-left:-16px;}
.textContent .pageList p:first-child:before { display:inline-block; width:16px; content:"\E00D"; color: #c00; text-transform: none; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.textContent .pageList .carDetails { display:table; margin:0; }
.textContent .pageList .carDetails li { display:inline-block; width:250px; padding:0 5px; vertical-align:top; }
.textContent .pageList .carDetails li h3 { margin:0; font-size:1em; font-weight:bold; }
.textContent .workList li { display:block; list-style-type:none; padding: 0.5em 0; min-height: 1px; }
.textContent .carPhoto { float:left; width:50%; margin-right:2em; }
.textContent .carPhoto img { max-width:100%; max-height: 100%; }
.textContent .carPhoto .height { height: 400px; display: flex; align-items: center; }
.textContent .carPhoto .otherCarPhotos { font-size: 0; width: 610px; max-width: 100%; margin: 5px -5px 0; }
.textContent .otherCarPhotos li {
display: inline-block;
margin-bottom: 4px;
padding: 5px;
width: 20%;
}
.textContent .otherCarPhotos img {
-webkit-transition-duration: 300ms;
-moz-transition-duration: 300ms;
-ms-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
width: 100%;
}
.textContent .otherCarPhotos img:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
@media screen and (max-width: 1400px) {
.textContent .carPhoto .height {
height: 24vw;
}
}
@media screen and (max-width: 1024px) {
.textContent .otherCarPhotos li {
width: 33.33%;
padding: 1vw;
}
.textContent .carPhoto .otherCarPhotos {
margin: 1vw -1vw 0;
}
}
@media screen and (max-width: 763px) {
.textContent .carPhoto .otherCarPhotos {
max-width: none;
width: auto;
}
.textContent .otherCarPhotos li {
width: 20%;
padding: 1vw;
}
.textContent .carPhoto .height {
justify-content: center;
height: 51vw;
}
.pageWidth .textContent .carPhoto {
margin-right: 0;
max-width: none;
width: 100%;
}
}
@media screen and (max-width: 650px) {
.textContent .otherCarPhotos li {
width: 25%;
}
}
@media screen and (max-width: 550px) {
.textContent .otherCarPhotos li {
width: 33%;
}
}
@media screen and (max-width: 450px) {
.textContent .otherCarPhotos li {
width: 50%;
}
}
.textContent .carInfo { display:table; margin:0; border-top:1px solid #a0a0a0; }
.textContent .carInfo li { display:table-row; }
.textContent .carInfo li.print { display:block; }
.textContent .carInfo li.print a:before { content:''; }
.textContent .carInfo span { display:table-cell; padding:3px 10px 3px 0; border-bottom:1px solid #ccc; }
.textContent .carInfo a:before { display: inline-block; padding-right: 5px; content:"\E00D"; vertical-align: middle; font-size: 12px; color: #C00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
@media screen and (max-width: 500px) {
.textContent .carInfo { display: block; }
.textContent .carInfo li { display: block; border-bottom: 1px solid #ccc; padding: 10px 0;}
.textContent .carInfo li:after { content: ""; display: table; clear: both; }
.textContent .carInfo span { display: block; padding: 0; }
.textContent .carInfo li span { border-bottom: none; }
.textContent .carInfo li span:first-child { font-weight: bold; float: left; }
.textContent .carInfo li span:last-child { float: right; text-align: right; }
.textContent .carInfo li:nth-child(3) span:last-child { float: left; }
}
.textContent .carDescription { clear:both; }
.textContent .carDescription table { border:0; }
.textContent .carDescription td { width:40%; border:0; }
.textContent .carDescription li { padding:2px 0; }
.textContent .carDescription u { text-decoration:none; }
.textContent .teamList { margin:0 0 4em 0; }
.textContent .teamList li { display:block; clear: both; list-style-type:none; max-width: 800px; padding: 40px 0; min-height: 1px; }
.textContent .teamList img {width: 110px; height:145px; float:left;}
.textContent .teamList.krasnoyarsk img {height: auto;}
.textContent .teamList span {display: inline-block;max-width: 600px;margin-left: 16px;}
.textContent .teamList h2 { margin: 0px; margin-left:-16px; font-size:24px; font-family: inherit; }
.textContent .teamList h2:before {font-size: 15px; display:inline-block; width:16px; content: ""; color: #c00; text-transform: none; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.textContent .teamList h3 {font-size: 18px;}
.textContent .teamList .sertificat {float: none; margin-left: 5px;}
.textContent .teamList p { margin: 0px; }
.textContent table { border-top:1px solid #000; }
.textContent td, .textContent th { padding:10px; border-bottom:1px solid #ccc; line-height:1; }
.textContent td a {display: flex;}
.textContent td.smallheader { padding:2px 10px; background-color: #a0a0a0; color: #fff; font-weight: bold; font-size: 1.2em; }
.textContent td.smallrow { padding:2px 5px 2px 0; border-bottom:1px solid #a0a0a0; font-size: 0.9em; }
.textContent td.evenrow { background-color:#e0e0e0; }
.textContent table.noborder { border:0; }
.textContent table.noborder td { border:0; padding:2px 10px 2px 0; }
.textContent ul { margin:5px 0 5px 30px;}
.textContent ol { margin:5px 0 5px 30px; }
.defaultForm { display:block; clear:both; max-width:800px; margin-bottom:30px; padding:20px; font-size: 0.875em; background-color:#fafafa; border:1px solid #ccc; color:#36689B; }
.defaultForm div { margin:5px 0; }
.defaultForm .div-inline-form { display:inline-block; }
.defaultForm .error-list li { list-style-type:none; }
.defaultForm input[type="text"], .defaultForm input[type="email"] { height: 2.14286em; border: 1px solid rgb(223, 223, 223); border-radius: 4px; font-size: 0.875em; padding:0 0.5em; color:#505050; line-height:2.0; }
.defaultForm input[type="date"] { height: 2.14286em; border: 1px solid rgb(223, 223, 223); border-radius: 4px; font-size: 0.875em; padding:0 0.5em; color:#505050; line-height:2.0; }
.defaultForm textarea { height: 10em; border: 1px solid rgb(223, 223, 223); border-radius: 4px; font-size: 0.875em; padding:0 0.5em; color:#505050; line-height:2.0; }
.defaultForm select { height: 2.14286em; border: 1px solid rgb(223, 223, 223); border-radius: 4px; font-size: 0.875em; padding:0 0.5em; color:#505050; line-height:2.0; }
.defaultForm .w5 { width:5em; }
.defaultForm .w10 { width:8.4em; }
.defaultForm .w15 { width:15em; }
.defaultForm select.w15 { width:16.5em; }
.defaultForm .w20 { width:20em; }
.defaultForm .w30 { width:31.5em; }
.defaultForm select.w30 { width:33em; }
.defaultForm .w40 { width:40em; }
.defaultForm .w45 { width:45em; }
.defaultForm .button { display:block; width:218px; height: 40px; margin:2em 0 0 0; padding:0.5em 0; border:0; border-top: 1px solid rgb(64, 93, 123); background-color: rgb(42, 75, 109); line-height: 1; font-size: 14px; color:#fff; cursor:pointer; }
.defaultForm .button:hover{color: #fff; background-color: #c00; transition: background-color 0.24s ease 0s;}
.defaultForm .grey { font-size: 12px; color:#505050; }
.defaultForm p { margin:0; color:#505050; }
.defaultForm h2 {font-family: inherit; font-weight: bold; font-size: 1.5em; margin:0 0 10px 0; text-overflow: ellipsis; }
.defaultForm label.w15 { display:inline-block; width:15em; }
.defaultForm label.hide { display:none; }
.defaultForm table, .defaultForm td { border:0; padding:0; }
.defaultForm .checkBlock { display:inline-block; margin:0 10px 0 0; }
.Gallery { width:inherit; }
.Gallery li { display:inline-block; margin:0; }
.Gallery li a { display:block; }
.Gallery li img { width:100%; margin-bottom:3px; }
/* Летающая форма "Запись на сервис" */
.FlyServiceBooking { position: fixed; right: -500px; top: 58px; z-index: 2100; width: 500px; background-color:#fafafa; border:1px solid #ccc; color:#36689B; max-width: 500px; padding: 20px; }
.FlyServiceBooking .Label { left: -41px; top: -1px; position: absolute; cursor: pointer; background-color:#fafafa; padding: 5px; font-weight: bold; border:1px solid #ccc; border-right: none; }
.FlyServiceBooking .defaultForm { padding: 0; }
.FlyServiceBooking form { background: transparent; border: none; margin: auto; }
.FlyServiceBooking p { text-align: justify; margin: auto; }
.FlyServiceBooking form textarea { width: 100%; padding: 0; margin: auto; }
.FlyServiceBooking form select { width: 21.2em; }
.FlyServiceBooking form input[type="text"] { width: 20em; }
.FlyServiceBooking form input.contacts { width: 12.8em; }
.FlyServiceBooking textarea { height: auto; resize: none; }
.FlyServiceBooking .Label_rostov { border-radius: 4px; left: -41px; top: 69px; position: absolute; cursor: pointer; background-color:#fafafa; padding: 5px; font-weight: bold; border:1px solid #ccc; border-right: none; }
/* Летающая форма "Задать вопрос" */
.FlyQuestion { position: fixed; right: -500px; top: 120px !important; z-index: 2100; width: 500px; background-color: #fafafa; border: 1px solid #ccc; color: #36689B; max-width: 500px; padding: 20px;
}
.FlyQuestion .Label { left: -41px; top: -1px; position: absolute; cursor: pointer; background-color:#fafafa; padding: 5px; font-weight: bold; border:1px solid #ccc; border-right: none; }
.FlyQuestion .defaultForm { padding: 0; }
.FlyQuestion form { background: transparent; border: none; margin: auto; }
.FlyQuestion p { text-align: justify; margin: auto; }
.FlyQuestion form textarea { width: 100%; padding: 0; margin: auto; }
.FlyQuestion form select { width: 21.2em; }
.FlyQuestion form input[type="text"] { width: 20em; }
.FlyQuestion form input.contacts { width: 12.8em; }
.FlyQuestion textarea { height: auto; resize: none; }
/* Летающая форма "Мы вам перезвоним"
.FlyCall { position: fixed; right: -500px; top: 20px; z-index: 2100; width: 500px; background-color: #fafafa; border: 1px solid #ccc; color: #36689B; max-width: 500px; padding: 20px;}
.FlyCall .Label { left: -41px; top: -1px; position: absolute; cursor: pointer; background-color:#fafafa; padding: 5px; font-weight: bold; border:1px solid #ccc; border-right: none; }
.FlyCall .defaultForm { padding: 0; }
.FlyCall form { background: transparent; border: none; margin: auto; }
.FlyCall p { text-align: justify; margin: auto; }
.FlyCall form textarea { width: 100%; padding: 0; margin: auto; }
.FlyCall form select { width: 21.2em; }
.FlyCall form input[type="text"] { width: 20em; }
.FlyCall form input.contacts { width: 12.8em; }
.FlyCall textarea { height: auto; resize: none; }*/
@media screen and (max-width: 767px) {
.FlyCall, .FlyQuestion, .FlyTestdrive {display: none !important;}
}
@media screen and (max-height: 767px) {
.FlyTestdrive {display: none !important;}
}
/* Летающая форма "Запись на тест-драйв"*/
.FlyTestdrive { position: fixed; right: -500px; top: 370px; z-index: 2100; width: 500px; background-color:#fafafa; border:1px solid #ccc; color:#36689B; max-width: 500px; padding: 20px; }
.FlyTestdrive .Label { left: -41px; top: -1px; position: absolute; cursor: pointer; background-color:#fafafa; padding: 5px; font-weight: bold; border:1px solid #ccc; border-right: none; }
.FlyTestdrive .defaultForm { padding: 0; }
.FlyTestdrive form { background: transparent; border: none; margin: auto; }
.FlyTestdrive p { text-align: justify; margin: auto; }
.FlyTestdrive form textarea { width: 100%; padding: 0; margin: auto; }
.FlyTestdrive form select { width: 21.2em; }
.FlyTestdrive form input[type="text"] { width: 20em; }
.FlyTestdrive form input.contacts { width: 12.8em; }
.FlyTestdrive textarea { height: auto; resize: none; }
/* Цветовой вариант "Борщ" для летающей формы "Записи на сервис"*/
.Borsch { border-left: 2px solid #9f2e2d; top: 190px; max-width: 504px; width: 504px; right: -504px; background-color: #efefef;}
.Borsch .Label, .Borsch .Label img, .Borsch .defaultForm .button, .Borsch p { border-radius: 4px; color: #FFFFFF; background-color: #e24240; }
.Borsch .defaultForm .button { width: auto; height: auto; padding: 8px; font-weight: bold; border-style: none; box-shadow: 0 -1px rgba(0, 0, 0, 0.35) inset;}
.Borsch p { padding: 8px; }
.Borsch .Label { border-top-right-radius: 0; border-bottom-right-radius: 0; border: none; }
.Borsch form { margin-top: 15px; }
.Borsch .defaultForm input, .Borsch .defaultForm textarea, .Borsch .defaultForm select { border: 1px solid #a7a7a7; }
/* Цветовой вариант "Благородный красный" для летающей формы "Записи на сервис" */
.NobleRed { background-color: #efefef; }
.NobleRed .Text { padding: 8px; }
.NobleRed .Text, .NobleRed .Label, .NobleRed .Label img, .NobleRed .defaultForm .button, .NobleRed p { border-radius: 4px; color: #FFFFFF; background-color: #af0c1c; }
.NobleRed .Text p { margin-bottom: 5px; }
.NobleRed .button { width: auto; height: auto; padding: 8px; font-weight: bold; border-style: none; box-shadow: 0 -1px rgba(0, 0, 0, 0.35) inset; }
.NobleRed .Label { border-top-right-radius: 0; border-bottom-right-radius: 0; border: none;}
.NobleRed .Label_rostov {= border-top-right-radius: 0; border-bottom-right-radius: 0; border: none; color: #FFFFFF; background-color: #af0c1c; }
/* Цветовой вариант "" для летающей формы "Записи на тест-драйв" */
.CrystalGray { background-color: #efefef; display: block; }
.CrystalGray .Text { padding: 8px; }
.CrystalGray .Text, .CrystalGray .Label, .CrystalGray .defaultForm .button, .CrystalGray p { border-radius: 4px; color: #FFFFFF; background-color: #3e4146; }
.CrystalGray .Text p { margin-bottom: 5px; }
.CrystalGray .button { width: auto; height: auto; padding: 8px; font-size: 14px; font-weight: bold; border-style: none; box-shadow: 0 -1px rgba(0, 0, 0, 0.35) inset; }
.CrystalGray .Label { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border: none; top: -81px;}
/*Верхняя форма "Мы вам перезвоним*/
.FlyCallTop { position: absolute; top: 0px; z-index: 999; width: 40%;}
.FlyCallTop form { margin-bottom: 0px; width: 70%; }
.FlyCallTop .form-wrapper{ display: none; }
.FlyCallTop .form-wrapper .button { border-radius: 4px; color: #FFFFFF; background-color: #3e4146; width: auto; height: auto; padding: 8px; font-size: 14px; font-weight: bold; border-style: none; box-shadow: 0 -1px rgba(0, 0, 0, 0.35) inset; }
.FlyCallTop form textarea {margin-left: 0px; margin-right: 0px; max-width: 65%; padding: 0; margin: auto; }
@media only screen and (max-width: 412px) and (max-height: 732px) {
.FlyCallTop {left: 0px; width: 60%;}
.FlyCallTop .label a img {width: 137px;}
}
@media only screen and (max-width: 320px) and (max-height: 568px) {
.FlyCallTop .label a img { width: 72%; }
.FlyCallTop form { margin-bottom: 0px; width: 122%; }
}
/* Дилерский блок */
.dealerblock { max-width:1000px; }
.dealerblock .dealerphoto { float:left; padding-right:20px; }
.dealerblock .dealerphoto img { display:block; border:3px solid #ffffff; box-shadow:0px 3px 5px #888888; }
.dealerblock .dealerinfo { margin-left:160px; }
.dealerblock h2 { margin:0; }
.dealerblock .dealercontact { width:100%; }
.dealerblock .dealeraddress { display:inline-block; width:62%; text-align:left; padding-top:10px; }
.dealerblock .dealeraddress p { margin:0; }
.dealerblock .dealerphone { display:inline-block; width:30%; text-align:right; padding-top:10px; white-space:nowrap; font-weight:bold; }
.dealerblock ul { display:block; width:100%; box-sizing: border-box; margin:10px 0 0 0; }
.dealerblock li { display:inline-block; width:22%; box-sizing: border-box; margin:0 1% 0 0; padding:0; background-color:#c00; }
.dealerblock li a { display:block; height:30px; width:100%; box-sizing:border-box; margin:0; padding:4px 10px 0 10px; white-space:nowrap; color:#fff; text-align:center; overflow:hidden; text-overflow: ellipsis; }
@media only screen and (max-width: 560px), screen and (max-height: 400px)
{
.FlyServiceBooking .Text, .FlyTestdrive .Text { font-size: 5px; }
.FlyServiceBooking, .FlyTestdrive { top: 0; width: 435px; right: -435px; padding: 4px; }
.FlyServiceBooking .Label { padding: 0; left: -32px; top: 55px; }
.FlyTestdrive .Label { padding: 0; left: -32px; top: 205px; }
.FlyServiceBooking .Label_rostov { padding: 0; left: -32px; top: 63px; }
.FlyServiceBooking .defaultForm .button, .FlyTestdrive .defaultForm .button { margin: 2px auto; }
.FlyServiceBooking .defaultForm input[type="text"], .FlyTestdrive .defaultForm input[type="text"] { width: 196px; }
.FlyServiceBooking .defaultForm input.contacts, .FlyTestdrive .defaultForm input.contacts { width: 126px; }
.FlyServiceBooking .defaultForm select, .FlyTestdrive .defaultForm select { width: 209px; }
.FlyServiceBooking .defaultForm textarea, .FlyTestdrive .defaultForm textarea { height: 30px; }
}
@media only screen and (max-width: 483px)
{
.FlyServiceBooking .Text, .FlyTestdrive .Text { font-size: 10px; }
.FlyServiceBooking, .FlyTestdrive { top: 165px; width: 270px; right: -270px;}
}
/* Добавочные стили для калькулятора техобслуживания */
#ajax_table .asCell, #ajax_table_refine .asCell { padding: 0 24px 0 0; }
#work_type { margin-top: 25px; }
#work_type h3, #work_type label { font-weight: bold; }
#work_type span { font-style: italic; }
#work_type .inner > div { margin: 10px auto; }
#work_type input, #work_type label { cursor: pointer; }
#bottom_button_panel > div { margin: 5px auto; }
#calc_res, #law_notice, #bottom_button_panel { max-width: 800px; }
#calc_res .service { margin-bottom: 30px; }
#calc_res .service td, #calc_res .service th { padding-top: 5px; padding-bottom: 5px; }
#calc_res .service th { background-color:#e0e0e0; padding: 5px;}
.calc_header { cursor: pointer; margin: 5px auto; padding-left: 20px; font-size: 14px; background-color: #e2e2e2; border:1px solid #ccc; position: relative; }
.calc_header:before { content: "\E00D"; position: absolute; top: 0; left: 0px; width: 20px; height: 10px; font-family: 'pag-iconfont'; font-size: 14px; font-weight: normal; text-align: center; }
.calc_header_selected { background-color:#fafafa; }
.calc_header_selected:before { content: "\E00F"; }
#law_notice { border: 2px solid #e2e2e2; padding: 15px 25px; margin: 10px 0; }
#bottom_button_panel { padding-bottom: 25px; }
#bottom_button_panel .LeftBtn { float: left; clear: left; }
#bottom_button_panel .RightBtn { float: right; clear: right; }
.shadow.adt { display:none; position:absolute; top: 100%; left: 0; width:100%; /* max-width: 100em; min-width: 20em; */ z-index:60; margin:0 auto; height:1200px; background-color:#1B1D1F; opacity:0.8; filter:alpha(opacity=80); border-radius:0; }
h2.models { text-align:center; font-size:1.2em; font-weight:normal; }
.models > li { position:relative; display:inline-block; list-style-type:none; padding-top:1%; width: 19%;}
.models > li a { display:block; list-style-type:none; position:relative; z-index:51; padding-bottom: 10%; text-align: center; }
.models > li img { width: 98%; height: auto; margin-top: -0.625em; margin-bottom: 0.125em; }
.models li span { display:block; }
.models ul { display:none; position:absolute; left:-1px; bottom:-3px; width:100%; margin:0; padding:10px 0 70% 0; border:1px solid #ccc; border-bottom:3px solid #c00; border-radius:5px; }
.models ul li { display:block; list-style-type:none; }
.models li:hover ul { display:block; z-index:50; background-color:#fff; }
.models ul:hover { display:block; }
.models ul li a { display:block; margin:0 10px; padding:2px 0; text-align:left; }
.models ul li a:before { content:"\E00D"; font-size: 12px; color: #C00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.models.six > li { width: 31%; }
.models.six > li img { max-width: 320px; }
.models.six ul { padding-bottom: 0; height: calc(110% + 130px); }
@media only screen and (max-width: 45em) and (min-width: 35.5625em) {
.models.six ul { padding-bottom: 80%; }
}
@media only screen and (max-width: 35.5625em) {
.models.six > li {
width: 48%;
}
}
.newsBlock { margin-top:5em; }
.newsBlock menu { display:block; margin:1em 0 0 0; border-bottom:1px solid #000; text-align:center; }
.newsBlock menu li { display: inline-block; list-style-type:none; }
.newsBlock menu li h2 { display: inline; font-weight:normal; font-size:1em; }
.newsBlock menu li a { display:block; padding: 12px 20px 5px 20px; border-bottom: 7px solid #fff; transition: color 0.24s ease 0s; }
.newsBlock menu li a:hover, .newsBlock menu li a.sel { border-bottom: 8px solid #C00; color: #C00; transition: color 0.24s ease 0s; }
.newsBlock .inner { position:relative; width:inherit; }
.newsBlock .mainNews { display:block; padding:0 7.14286%; background-color:#fff; }
.newsBlock .mainNews .newsMenu { display:block; width:24%; float:left; vertical-align:top; }
.newsBlock .mainNews .newsMenu li { display:block; list-style-type:none; margin-right: 8px; height: 1.53846em; min-height: 44px; border-bottom: 1px solid #CCC; }
.newsBlock .mainNews .newsMenu li a { display:block; line-height: 44px; height: 1.53846em; min-height: 44px; }
.newsBlock .mainNews .newsMenu li a.sel { color: #c00; }
.newsBlock .mainNews .newsList { display:block; float:right; width: 69%; vertical-align:top; margin: 0 0 0 7%; }
.newsList li { display:block; list-style-type:none; min-height: 44px; border-bottom: 1px solid #CCC; }
.newsList li a { display:block; /*line-height: 44px;*/ /*height: 1.53846em;*/ /*min-height: 44px;*/ min-height: 44px; padding: .625em 1.25em; box-sizing: border-box; }
.newsList li a .text { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.125em; /*float: left;*/ clear: left; }
.newsList li a .text:before { display: inline-block; padding-right: 5px; margin-left: 5px; content: ""; vertical-align: middle; font-size: 12px; color: #C00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.newsList li a .date { display: inline-block; float: right; padding:0.125em 0 0 0.625em; height: 2.75em; }
.newsList a.moreButton { position:relative; display: inline-block; width:auto; float: right; clear:both; padding: 0 0 0 21px; margin: 1.25em 0; border-radius: 0px; background-color: #3E4146; color: #fff; line-height: 2.64286em; transition: background-color 0.24s ease 0s; }
.newsList a.moreButton:after { content:"\E01F"; padding:0 19px 0 5px; height: 2.75em; line-height: 2.64286em; font-size: 14px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.newsList a.moreButton:hover { background-color: #c00; color: #fff; transition: background-color 0.24s ease 0s; }
.newsList a.moreButton:hover:after { padding:0 16px 0 8px; transition: padding 0.1s ease 0s; }
.years { margin:20px 30px; }
.years span { display:inline-block; font-size:1.2em; color:#707070; }
.years a { display:inline-block; font-size:1.2em; }
hr { display: inline-block; width:100%; height: 1px; vertical-align: top; -moz-box-sizing: border-box; position: relative; min-height: 1px; border: medium none; margin: 0 auto; margin-top: 2em; line-height: 1; background-color: #CCC; }
.mainGallery { position: relative; margin:0; padding:0; padding-bottom: 2px; }
.mainGallery .gallery { position: relative; height: 382px; overflow: hidden; margin:0; padding:0; }
.mainGallery .tiles { position: absolute; top: 0px; left: 0px; }
.mainGallery .tiles .tile { float: left; width: 420px; display: inline-block; margin:0; padding:0; overflow: hidden; line-height: 0; }
.mainGallery .tiles .tile .photo { width: 206px; height: 124px; float: left; overflow: hidden; margin:0 3px 3px 0; padding:0; line-height: 0; }
.mainGallery .tiles .tile .big { display:block; width: 415px; height:252px; }
.mainGallery .tiles .tile .photo a { position:relative; display:inline-block; width: 100%; height:100%; background-color:#3E4146; }
.mainGallery .tiles .tile .photo a div { width: 100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; transition: all 0.4s linear 0s; }
.mainGallery .tiles .tile .photo img { width: 100%; height:100%; }
.mainGallery .tiles .tile .photo span { display:none; position:absolute; top:0; left:0; width: 100%; padding:20px; color:#fff; line-height: 1.2; }
.mainGallery .tiles .tile .photo a:hover div { opacity:0.1; }
.mainGallery .tiles .tile .photo a:hover span { display:inline-block; }
.mainGallery .scrollBarWrap { text-align: center; width: auto; margin: 15px 7%; background-color: #CCCCCC; height: 10px;}
.mainGallery .scrollBar { border: none; position: relative; z-index: 5; height: 10px !important; margin: 10px auto; background: transparent; }
.mainGallery .ui-slider-handle { cursor: pointer; background: #3E4146; border: none; border-radius: 0; height: 16px; top: -3px; }
.mainGallery .ui-slider-handle:before { font-family: 'pag-iconfont';font-style: normal;font-variant: normal;font-weight: normal;line-height: 16px; text-transform: none;content: "\E050";top: 0;bottom: 0;left: 0;right: 0;color: #FFFFFF;font-size: 0.85em;position: absolute;text-align: center;}
.mainGallery .ui-slider-handle:hover { background-color: #CC0000; }
.mainGalleryCarousel { background: #000000; display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5; }
.mainGalleryCarousel .Lens { margin: 0 auto; width: 86%; height: 100%; position: relative; overflow: hidden; }
.mainGalleryCarousel .Film { width: 11000em; height: 100%; position: absolute; list-style: none; margin: 0; padding: 0; display: inline-block; }
.mainGalleryCarousel .Film li { float: left; text-align: center; vertical-align: middle; height: 100%; margin-top: 50px; }
.mainGalleryCarousel .Film li div { background-repeat: no-repeat; background-position: 50% 50%; height: 100%; }
.mainGalleryCarousel .Film li > img { max-height: 95%; max-width: 95%; width: auto; }
.mainGalleryCarousel .back, .mainGalleryCarousel .next { cursor: pointer; position: absolute; width: 7%; height: 100%; top: 0px; }
.mainGalleryCarousel .back { left: 7%; }
.mainGalleryCarousel .next { right: 7%; }
.mainGalleryCarousel .back a, .mainGalleryCarousel .next a { display: block; background: #3E4146; width: 40px; height: 64px; position: absolute; top: 50%; margin-top: -32px; border-radius: 0px; }
.mainGalleryCarousel .back a { left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.mainGalleryCarousel .next a { right: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.mainGalleryCarousel .back a:after, .mainGalleryCarousel .next a:after { position: absolute; top: 50%; margin-top: -15px; color: #FFFFFF;display: inline-block;font-size: 35px;width: 40px;height: 64px;text-align: center;font-family: 'pag-iconfont';font-style: normal;font-variant: normal;font-weight: normal;}
.mainGalleryCarousel .back a:after { content: "\E020"; left: 0; }
.mainGalleryCarousel .next a:after { content: "\E01F"; right: 0; }
.mainGalleryCarousel .close { cursor: pointer; display: block; width: 40px; height: 40px; background: #3E4146; position: absolute; top: 5px; right: 7%; border-radius: 0px; z-index: 5000;}
.mainGalleryCarousel .close:after { content: "\E00B"; position: absolute; top: -4px; left: 1px; color: #FFFFFF;display: inline-block;font-size: 35px;width: 40px;height: 40px;text-align: center;font-family: 'pag-iconfont';font-style: normal;font-variant: normal;font-weight: normal; }
.moreAbout { clear:both; margin: 80px 0 25px 0; padding:0 7%; text-align:center;}
.moreAbout h2, .moreAbout p { max-width: 100%; display: block; margin-top: -0.7375em; font-weight: normal; }
.moreAbout h2 span, .moreAbout p span {display: inline-block;font-size: 36px;background-color: #fff;height: 100%;z-index: 1;font-weight: 100;}
.moreAbout ul { margin:0 auto; display: block; vertical-align: top; position: relative; min-height: 1px; }
.moreAbout ul li { display:inline-block; list-style-type:none; margin:10px; }
.PorscheApproved { clear:both; min-height:400px; padding:0 7%; background-color:#EEF0F2; padding-top:5px; padding-bottom:10px; }
.PorscheApproved .moreAbout h2 span { background-color:#EEF0F2; }
.PorscheApproved .moreAbout ul { display:table; min-width:60em; margin-top:40px; }
.PorscheApproved .moreAbout li { display:table-cell; width: 20em; padding:0 1%; text-align:left; vertical-align:top; }
.PorscheApproved .moreAbout a.sel, .PorscheApproved .moreAbout a.notsel { position:relative; }
.PorscheApproved .moreAbout span a { display:block; }
.PorscheApproved .moreAbout span a:before { display: inline-block; padding-right: 10px; content:"\E02F"; vertical-align: middle; font-size: 16px; color: #c00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.PorscheApproved .moreAbout img { width: 100%; }
.PorscheApproved .moreAbout ul li h3 { margin:0; padding: 1em 0px 20px; font-size: 1.5em; }
.scrollContainer { width:100%; overflow:hidden; }
.PorscheApproved .scrollBarWrap { text-align: center; width: auto; margin: 15px 0; background-color: #CCCCCC; height: 10px;}
.PorscheApproved .scrollBar { border: none; position: relative; z-index: 5; height: 10px !important; margin: 10px auto; background: transparent; }
.PorscheApproved .ui-handle-helper-parent {position: relative; width: 100%; height: 100%; margin: 0 auto;}
.PorscheApproved .ui-slider-handle { cursor: pointer; background: #3E4146; border: none; border-radius: 0; height: 16px; top: -3px; }
.PorscheApproved .ui-slider-handle:before { font-family: 'pag-iconfont';font-style: normal;font-variant: normal;font-weight: normal;line-height: 16px; text-transform: none;content: "\E050";top: 0;bottom: 0;left: 0;right: 0;color: #FFFFFF;font-size: 0.85em;position: absolute;text-align: center;}
.PorscheApproved .ui-slider-handle:hover { background-color: #CC0000; }
.approved { clear:both; margin: 80px 0; padding:0; text-align:center; border-top: 1px solid #CCC; }
.approved h2 { display: block; margin:0 auto; margin-top: -0.8em; text-align:center; font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif; font-size: 1.8em; fline-height: 1.8em; font-weight: normal; }
.approved h2 span {font-size: 36px;display: inline-block;z-index: 1;height: 100%;font-weight: 100;padding: 0 1em;background-color: #FFF;-webkit-font-smoothing: auto; }
.approved div { display: inline-block; width:100%; vertical-align: top; position: relative; min-height: 1px; text-align:left; padding:20px 0; }
.approved div img { display:block; width:40%; float:left; padding:0 7% 0 0; }
.approved div p { max-width:90%; margin:20px 0 0 0; }
.approved div a { display:inline-block; margin-top:20px; padding:10px 20px; background-color: #3E4146; color:#fff; border-radius: 0px; }
.approved div a:before { display: inline-block; padding-right: 10px; content:"\E02F"; vertical-align: middle; font-size: 16px; color: #F00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.approved div a:hover { background-color: #cc0000; }
.approved div a:hover:before { color: #fff }
.GalleryFullScreen { text-align: center; position: absolute; left: 0px; top: 0px; min-width: 750px; width: 100%; height: 100%; background: #f5f5f5; z-index: 999; }
.GalleryFullScreen .Close {
transition-duration: 0.24s;
transition-property: background-color, color;
background-color: #3E4146;
border-radius: 0px;
color: #FFFFFF !important;
cursor: pointer;
line-height: 2.64286em;
padding: 0;
text-decoration: inherit;
position: absolute;
right: 10px;
top: 10px;
}
.GalleryFullScreen .Close:before {
color: #FFFFFF;
display: block;
font-size: 23px;
line-height: 40px;
padding: 0.25em 0.5em;
text-align: center;
content: "\E00B";
font-family: 'pag-iconfont';
font-style: normal;
font-variant: normal;
font-weight: normal;
}
.GalleryFullScreen .Screen { margin: 15px auto; width: 50%; min-width: 390px; }
.GalleryFullScreen .Screen img { width: 100%; }
.GalleryFullScreen .Lens { position: relative; width: 50%; min-width: 390px; height: 108px; overflow: hidden; margin: 0 auto; }
.GalleryFullScreen .Film { display: inline-block; height: 100px; width: 99000em; position: absolute; top: 0; left: -10px; list-style: none; margin: 0; padding: 0; }
.GalleryFullScreen .Film li { float: left; height: 100%; margin: 2px 5px 0; }
.GalleryFullScreen .Film a { display: block; height: 100%; }
.GalleryFullScreen .Film a img { height: 100%; }
.GalleryFullScreen .Film li.act { border: 2px solid #CC0000; margin-top: 0px; }
.GalleryFullScreen .Controls { position: relative; width: 50%; background: yellow; margin: 0 auto; }
.GalleryFullScreen .Prev, .GalleryFullScreen .Next { display: block; position: absolute; top: 25px; width: 46px; height: 50px; background-repeat: no-repeat; background-image: url("../img/pfeile_bildergalerie.gif"); }
.GalleryFullScreen .Prev { left: -61px; background-position: 0px 0px; }
.GalleryFullScreen .Next { right: -61px; background-position: 0px -200px; }
.GalleryFullScreen .Prev:hover { background-position: 0px -100px; }
.GalleryFullScreen .Next:hover { background-position: 0px -300px; }
.zoomable { cursor:pointer; }
.zoomImage { display:none; position:absolute; left:0; top:0; border:5px solid #D2D2D4; z-index:50; }
.zoomImage img { cursor:pointer; }
.textContent .ModalPopup { width:630px; list-style:none; margin:10px 0 50px 0; }
.ForPopUp { display: inline-block; }
.ForPopUp li { display:block; float:left; }
.ForPopUp li a { display:inline-block; width:300px; height:50px; padding:0 10px 0 0; line-height: 20px;}
.ForPopUp li img { display:block; float:left; margin-right:16px; }
.ModalPopupContent { display: none; }
.ModalPopup { z-index: 550; }
.ModalPopup .ui-dialog-titlebar-close .ui-icon-closethick { left: -1px; top: -1px;}
.ModalPopup { border: 10px solid #D4D4D4; border-radius: 0px !important; -moz-border-radius: 0px !important; position: absolute; }
.ModalPopup .ui-dialog-titlebar { border-radius: 0px !important; -moz-border-radius: 0px !important; background: transparent; border: none; }
.ModalPopup .ui-dialog-title { color: #999999; font: bold 19px; }
.ModalPopup .ui-dialog-content { font: normal 12px; color: #333333; }
.siteMap { display:inline-block; vertical-align:top; list-style:none; }
.filial img { float:left; margin-right:20px; }
.filial h2 { clear:both; }
/* faq */
.faqheader { background-color:#e0e0e0; margin-top:1px; padding:3px 10px; }
.faqheader a { color:#000000; text-decoration:none; }
.faqheader a:before { display: inline-block; padding-right: 5px; margin-left: 5px; content:"\E00D"; vertical-align: middle; font-size: 12px; color: #C00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.faqcontent { color:#000000; padding:10px 20px; background-color:#f7f7f7; }
.faqcontent p { margin:10px; }
/* testdrive cars */
.testDriveList { margin:0 0 4em 0; }
.testDriveList li { display:block; list-style-type:none; padding: 2em 0; min-height: 1px; }
.testDriveList>a { float: left; }
.testDriveList .leftInfo { display: table-row; }
.testDriveList img { display:table-cell; width:151px; padding-right: 16px; }
.testDriveList span { display:table-cell; max-width: 600px; min-width: 250px; padding-left: 16px; vertical-align:top; }
.testDriveList span.car { width: 100px; }
.testDriveList .car h2 { margin: 0px; margin-left:-16px; font-size:1em; white-space:nowrap; font-weight: 500;}
.testDriveList .car h2:before { display:inline-block; width:16px; content:"\E00D"; color: #c00; text-transform: none; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.testDriveList .moreButton { float:none; width:auto; margin:0 0 10px 0; }
.testDriveList .textInfo { max-width: 800px; margin: 0 0 10px 0; }
.testDriveList .textInfo ul { list-style-type:none; }
.testDriveList .textInfo li { display:list-item; float:none; margin:0; padding:0; }
.testDriveList .textInfo li:before { content:"-"; padding-right:8px; }
.testDriveList .classInfoRight { max-width: 800px; }
.classInfoRight ~ .moreButton { margin-top: 20px;}
.testDriveList h4 { padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size:1.8em; }
.testDriveList .rightInformation { float: right; max-width: 55%; padding-left:3%; }
.testDriveList .rightInformation h4 {line-height: 1;}
.testDriveList .imgRight { list-style-type: none; margin: 0; padding: 0; }
.testDriveList .imgRight li { display: inline; }
.testDriveList .imgRight a { display: inline; width: auto; max-width: auto; }
.testDriveList .imgRight img { float: left; padding: 10px 20px 0px 0px; border: 5px solid #fff; /*width: 151px; height: 80px;*/ }
.testDriveList .hideRight {display: none}
.pages { margin:20px 30px; }
.pages span { display:inline-block; font-size:1.2em; color:#707070; }
.pages a { display:inline-block; font-size:1.2em; }
.bottomMenu { clear:both; padding:0 7%; }
.bottomMenu menu { display:table; width:100%; }
.bottomMenu menu h2, .bottomMenu menu p {margin: 0.9em 0 0.15em; font-size: 1.125em; color: #989898; line-height: 2.4em; }
.bottomMenu menu h2 a, .bottomMenu menu h2 a:hover, .bottomMenu menu p a, .bottomMenu menu p a:hover { cursor: text; color: #959899; font-weight: 100; font-size: 20px; text-decoration: none; -webkit-font-smoothing: auto; }
.bottomMenu menu p a, .bottomMenu menu p a:hover { cursor: text; color: #989898; }
.bottomMenu menu > li { display:table-cell; padding:2em 1em 2em 0; list-style-type:none; vertical-align:top; }
.bottomMenu menu ul li { display:block; list-style-type:none; line-height: 1.92857em;padding-top: 4px; padding-bottom: 4px; }
.bottomMenu menu ul li a {text-decoration:none;}
.bottomMenu .contact { display:block; }
.bottomMenu .contact li { display:inline-block; margin:0 0 3px 0;}
.bottomMenu .contact li a { display:block; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFF; border-radius:0px; background-color: #3E4146; transition-property: background-color, color; transition-duration: 0.24s; text-decoration:none;}
.bottomMenu .contact li a:hover { background-color: #326189; transition-property: background-color, color; transition-duration: 0.24s; text-decoration:none!important; }
.bottomMenu .contact li { vertical-align: top; }
.bottomMenu .contact li a.vk:before { content:""; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .contact li a.facebook:before { content:"\E009"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .contact li a.google:before { content:"\E008"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .contact li a.youtube:before { content:"\F000"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .contact li a.twitter:before { content:"\E001"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .contact li a.pinterest:before { content:"\E006"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .contact li a.instagram:before { content:"\E601"; font-size: 28px; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.bottomMenu .facebook:hover { background-color: #2B53A7!important;}
.bottomMenu .google:hover { background-color: #dc4e41!important;}
.bottomMenu .youtube:hover { background-color: #cd201f!important;}
.bottomMenu .twitter:hover { background-color: #2B53A7!important;}
.bottomMenu .pinretest:hover { background-color: #cd242b!important;}
.bottomMenu .instagram:hover { background-color: #3C6189!important;}
.bottomMenu .vk:hover { background-color: #507299!important;}
footer { clear: both; background-color:#1B1D1F; color:#fff; }
#Footer { display:inline-block; width:100%; background-color:#1B1D1F; color:#fff; font-size: 0.875em; padding:0 7.14286% 4.375em 7.14286%; }
#Footer p, #Footer a, #Footer div { color:#fff; margin: 1em 0px; line-height: 1.78571em; }
#Footer .copy { float: left; padding-top: 1.875em; color: #FFF; font-size: 16px; }
#Footer .address { float: right; clear:right; text-align:right; color: #FFF; font-size: 16px; }
#Footer .sitemap { float: right; /*border-top: 1px solid .3C3C3C; */padding-top: 1.875em; color: #FFF; font-size: 16px; }
#Footer .sitemap a { text-decoration: underline; }
#Footer .sitemap a:hover { text-decoration: none; }
.bottomCounter { float: left; clear:left; padding-top: 1.875em; color: #FFF; font-size: 0.875em; }
.ui-widget-overlay { background: #F5F5F5; opacity: 0.92; filter: alpha(opacity=92); z-index: 500; position: fixed; }
.CounterCarrier { position: absolute; width: 0; height: 0; font-size: 0; z-index: 0; }
/* Исчезает отступ справа для голубых кнопок в шапке */
@media only screen and (min-width:45em) and (max-width:74.9375em)
{
.topButtons { top:0; right:0; }
.moreInfo { left:0; padding-right: 0; }
.mainNews .newsList { margin-left: 6%;}
.textContent img { max-width:100%; }
}
/* Верхнее меню заменяется на ссылку, уменьшается максимальная ширина контентного блока, баннеры, модели и блоки нижнего меню отображаются в 2 ряда */
@media only screen and (min-width:45em) and (max-width:63.9375em)
{
.topMenu .allMenu { display:inline-block; line-height:2.65em; font-size: 14px; }
.topMenu { display:inline-block; z-index: 2; margin-top:17px; margin-right:242px; padding:0; }
.topMenu .nav { position:relative; margin-left:-0.9375em; padding:0; z-index:20; background-color:#fff; border:1px solid #DFDFDF; vertical-align:top; }
.topMenu .nav:after { display: none; }
.topMenu .nav > li { position:static; list-style-type:none; display: block; float:none; vertical-align: top; }
.topMenu .nav > li div { position:absolute; z-index: 100; top:-1px; left:100%; margin:0; padding:0px; vertical-align:top; }
.topMenu .nav > li ul { margin:0; padding:0px; background-color:#fff; border:1px solid #DFDFDF; vertical-align:top; }
.topMenu .nav li > a { display:block; margin: 0 0.9375em; padding-right:1.5em; line-height:2.65em; font-size: 14px; color:#000; white-space:nowrap; border-top: 1px solid #DFDFDF; }
.topMenu .nav li > a.sel { border-bottom:0; }
.canHover .topMenu .nav li:hover { background-color:#cc0000; }
.canHover .topMenu .nav li:hover > a { color:#fff; border-top:1px solid #cc0000; }
.canHover .topMenu .nav li:hover > a.sel { border-bottom: 0; }
.topMenu .nav li.first > a { border-top: 1px solid #fff; }
.canHover .topMenu .nav li.first:hover > a { border-top: 1px solid #c00; }
.topMenu .nav > li.first:before {
border-bottom: 10px solid #CCCCCC;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
height: 0;
position: absolute;
top: -10px;
width: 0;
content: "";
left: 43px;
transition-duration: 0.24s;
transition-property: background-color, color, border-color;
background: transparent;
}
.topMenu .nav > li.first:after {
border-bottom: 10px solid #FFFFFF;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
height: 0;
position: absolute;
top: -9px;
width: 0;
left: 43px;
content: "";
}
.canHover .topMenu .nav > li.first:hover:after { border-bottom-color: #cc0000;}
.topMenu .nav ul { display: block; margin:0; padding:0; }
.topMenu .nav ul li a { margin: 0 0.9375em; padding-right:1.5em; color:#000; }
.topMenu .nav li { list-style-type:none; margin:0; padding:0px; text-align:left; }
.topMenu .nav { display: none; }
.topMenu .nav li div { display: none; }
/* First Menu Hover */
.canHover .inner:hover .nav { display: block; z-index:200; }
/* Second Menu Hover */
.canHover .inner .nav li:hover > div { display: block; }
.canHover .inner .nav div:hover { display: block; }
.CarouselinHeader .Lens li a { font-size: 1em; line-height:1; }
.CarouselinHeader .Lens li a h3 { margin:0; font-size: 22px; line-height:24px; text-indent: -5px; }
.CarouselinHeader .Lens li a h3:before { font-size: 15px; }
.hotLinks li { width:49%; }
.textContent .pageList span { max-width: 400px; }
.textContent img { max-width:100%; }
.models > li { min-width:150px; width:32%; }
.bottomMenu menu > li { display:inline-block; width:40%; }
.mainNews .newsList { margin-left: 6%; }
.testDriveList .rightInformation { float: none; max-width: 800px; padding-left:0; }
/* Дилерский блок */
.dealerblock .dealeraddress { width:61%; }
.dealerblock li { width:45%; margin-bottom:5px; }
}
/* Полностью исчезают верхнее меню и синие кнопки, уменьшается высота шапки и логотип, из списка разделов контентного блока исчезают картинки, баннеры и блоки нижнего меню отображаются в 2 ряда, модели по 3 в ряд */
@media only screen and (min-width:35.5625em) and (max-width:45em)
{
#Header { height:64px; }
.logoBlock { height: 64px; border: 0; background:transparent; }
.logo a { padding-top:12px; background:transparent; }
.logo img { width:76px;height:40px; }
.topMenu { display:block; position:absolute; top:65px; left:0; width:inherit; z-index: 200; margin:0; padding:0; }
.topMenu .allMenu { display:none; }
.topMenu .nav { position:relative; display:block; max-width:100%; margin:0; padding:0; z-index: 200; background-color:#fff; border-bottom:1px solid #DFDFDF; vertical-align:top; }
.topMenu .nav:after { display: none; }
.topMenu .nav li { list-style-type:none; margin:0; padding:0px; text-align:left; }
.topMenu .nav > li { position:relative; list-style-type:none; display: block; float:none; vertical-align: top; }
.topMenu .nav > li div { position:relative; z-index: 200; top:0; left:0; margin:0; padding:0px; vertical-align:top; }
.topMenu .nav > li ul { margin:0; padding:0px; background-color:#fff; border:0; vertical-align:top; }
.topMenu .nav li > a { display:block; margin: 0 0.9375em; padding-right:1.5em; line-height:2.65em; font-size: 14px; color:#000; white-space:nowrap; border-top: 1px solid #DFDFDF; }
.topMenu .nav > li > a:after { content: "\E021"; display:block; position:absolute; top:12px; right:1em; line-height: 1; font-size: 1em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
/*.topMenu .nav > li:hover > a:after, .topMenu .nav > li.open > a:after { content: "\E022"; }*/
.topMenu .nav li > a.sel { border:0; }
/*.topMenu .nav li:hover { background-color:#fff; }*/
.topMenu .nav a { color:#000; border:0; }
/*.topMenu .nav li:hover > a { color:#c00; }
.canHover .topMenu .nav li:hover a.sel { border:0; }*/
.topMenu .nav li.first a { border:0; }
.canHover .topMenu .nav li.first:hover a { border-top:1px solid #fff; }
.topMenu .nav li.first:before { display:none; }
.topMenu .nav li.first:after { display:none; }
/*.topMenu .nav li.first:hover:after { display:none; }*/
.topMenu .nav ul { display: block; margin:0; padding:0; }
.topMenu .nav ul li a { margin: 0 0.9375em; padding:0; border:0; color:#000; }
.topMenu .nav ul li a:before { content: "\E01F"; display:inline-block; padding:12px 8px 0 4px; line-height: 1; color:#c00; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
/*.topMenu .nav ul li:hover { background-color:#fff; }
.canHover .topMenu .nav ul li:hover a { margin: 0 0.9375em; border:0; color:#c00; }*/
/*.topMenu .nav li div { display: none; }
.canHover .topMenu .nav li:hover div { display:block; }*/
.topMenu .nav { display: none; }
.topMenu .blueButtons { display: none; }
.topMenu .moreInfo { display: none; }
.switchButton { display: block; }
.topButtons { position: static; right:0; width: inherit; height:0px; margin:0; padding:0; background: transparent; }
.blueButtons { display:block; position: static; width:inherit; height:auto; z-index: 200; margin:0; padding:0; overflow:hidden; background-color: #F2F2F2; }
.blueButtons .siteSearch { position: absolute; top:-65px; left:0; display:block; width:inherit; height:65px; margin:0; padding:0; z-index: 2; }
.blueButtons .dealerSearch { display:block; width:initial; height:45px; margin:0; padding:0; }
.blueButtons .fieldButton { width:initial; max-width: 23.75em; min-width:10em; margin:15px 75px 15px 15px; background-color:#fff; }
.blueButtons input { display:inline-block; width:inherit; margin:0; padding:0 0.71429em; border: 0; }
.blueButtons .menuItem { position:relative; top:0; display:block; margin:0; padding: 0px 0.9375em; background-color: #2A4B6D; border-bottom:1px solid #405d7b; line-height:1.2; }
.blueButtons .menuItem:hover { background-color: #687d92; }
.blueButtons .menuItem a, .blueButtons .menuItem a:hover { display:block; height:40px; margin:0; padding:0; line-height:2.5; color:#fff; }
.blueButtons .menuItem a:before { content: ""; }
.blueButtons .menuItem a:after { position: absolute; top: 12px; right: 4px; margin: 0px; content: "\E01F"; font-size: 0.9em; color:#fff; }
.blueButtons .menuItem a:hover:after { color:#fff; }
.moreInfo { position: static; top:0; width:inherit; z-index:200; margin:0; padding: 0; background:none; text-align:left; }
.moreInfo .inner { width: inherit; float:none; margin:0; padding:0; background-color: #2A4B6D; color:#fff; text-align:left; }
.moreInfo .moreItem { position:static; display: block; width:100%; height: 40px; margin:0; padding: 0px 0.9375em; background-color: #2A4B6D; text-align:left; }
.moreInfo .moreItem:hover { background-color:#687d92; }
.moreInfo .moreItem a { margin:0; padding:0; }
.moreInfo .moreItem a:after { position: absolute; top: 0px; right: 1.2em; content: "\E021"; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: bold; font-variant: normal; }
.moreInfo .moreItem a:hover:after { content: "\E022"; }
.moreInfo .moreContent { padding:0px; }
.moreInfo .moreTable { display:block; width:100%; margin:0; padding:0 15px; }
.moreInfo .moreTable h3 { display:block; float:none; margin: 0.75em 0; padding-left:10px; font-size: 1em; }
.moreInfo .moreTable span { display:none; }
.moreInfo .moreTable ul { display:block; width:100%; margin:0; border:0; }
.moreInfo .moreTable li a { padding-left:0px; border:0; }
.moreInfo .moreTable li a:before { content: "\E01F"; display:block; float:left; padding:4px 8px 0 4px; line-height: 1; color:#fff; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.moreInfo .moreTable li a:after { content: ""; }
.moreInfo .moreTable li a:hover { background-color:#687d92; }
.CarouselinHeader .Lens li a { font-size: 1em; line-height:1; }
.CarouselinHeader .Lens li a h3 { margin:0; font-size: 22px; line-height:24px; text-indent: -5px; }
.CarouselinHeader .Lens li a h3:before { font-size: 15px; }
.CarouselinHeader .DotPanel { margin-top:-35px; }
.Contacts { top: 10px; }
.Contacts div { padding: 20px 10px 0 30px; color:#fff; }
.Contacts div h1 { font-size: 28px; }
.Contacts div h2 { font-size: 16px; }
.hotLinks li { width:49%; padding:0px; }
/*.textContent .pageList img { display: none; } */
.textContent img { max-width:100%; }
.textContent .carPhoto { display:inline-block; float:none; width:auto; max-width:80%; }
.models > li { min-width:150px; width:32%; }
.path { position: fixed; bottom: 40px; right: 0px; }
.path li ul { position: absolute; left:auto; right: 30px; width: 20em; }
.path > ul > li { width: 30px; height: 30px; }
.path > ul > li > a { width: 30px; height: 30px; line-height: 30px; }
.path li ul li { height: 30px; }
.path li ul li a { height: 30px; margin:0 16px; line-height: 30px; }
.bottomMenu menu > li { display:inline-block; width:40%; }
.mainNews .newsList { margin-left: 5%;}
.testDriveList .rightInformation { float: none; max-width: 800px; padding-left:0; }
/* Дилерский блок */
.dealerblock .dealeraddress { width:90%; }
.dealerblock .dealerphone { width:90%; text-align:left; }
.dealerblock ul { clear:both; width:90%; margin:0 auto; }
.dealerblock li { width:90%; margin:5px 0 0 0; }
.approved div p { margin:0; }
.mobiletable td { display:block; }
}
/* Все становится совсем компактно */
@media only screen and (max-width:35.5625em)
{
#Header { height:64px; }
.logoBlock { height: 64px; border: 0; background:transparent; }
.logo a { padding-top:12px; background:transparent; }
.logo img { width:76px; height:40px; }
.topMenu { display:block; position:absolute; top:65px; left:0; width:inherit; z-index: 200; margin:0; padding:0; }
.topMenu .allMenu { display:none; }
.topMenu .nav { position:relative; display:block; max-width:100%; margin:0; padding:0; z-index: 200; background-color:#fff; border-bottom:1px solid #DFDFDF; vertical-align:top; }
.topMenu .nav:after { display: none; }
.topMenu .nav li { list-style-type:none; margin:0; padding:0px; text-align:left; }
.topMenu .nav > li { position:relative; list-style-type:none; display: block; float:none; vertical-align: top; }
.topMenu .nav > li div { position:relative; z-index: 200; top:0; left:0; margin:0; padding:0px; vertical-align:top; }
.topMenu .nav > li ul { margin:0; padding:0px; background-color:#fff; border:0; vertical-align:top; }
.topMenu .nav li > a { display:block; margin: 0 0.9375em; padding-right:1.5em; line-height:2.65em; font-size: 14px; color:#000; white-space:nowrap; border-top: 1px solid #DFDFDF; }
.topMenu .nav > li > a:after { content: "\E021"; display:block; position:absolute; top:12px; right:1em; line-height: 1; font-size: 1em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.canHover .topMenu .nav > li:hover > a:after { content: "\E022"; }
.topMenu .nav li a {white-space: normal;}
.topMenu .nav li > a.sel { border:0; }
/*.topMenu .nav li:hover { background-color:#fff; }*/
.topMenu .nav a { color:#000; border:0; }
/*.topMenu .nav li:hover > a { color:#c00; }
.canHover .topMenu .nav li:hover a.sel { border:0; }*/
.topMenu .nav li.first a { border:0; }
.canHover .topMenu .nav li.first:hover a { border-top:1px solid #fff; }
.topMenu .nav li.first:before { display:none; }
.topMenu .nav li.first:after { display:none; }
/*.topMenu .nav li.first:hover:after { display:none; }*/
.topMenu .nav ul { display: block; margin:0; padding:0; }
.topMenu .nav ul li a { margin: 0 0.9375em; padding:0; border:0; color:#000; }
.topMenu .nav ul li a:before { content: "\E01F"; display:inline-block; padding:12px 8px 0 4px; line-height: 1; color:#c00; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
/*.topMenu .nav ul li:hover { background-color:#fff; }
.canHover .topMenu .nav ul li:hover a { margin: 0 0.9375em; border:0; color:#c00; }*/
.topMenu .nav li div { display: none; }
/*.topMenu .nav li:hover div { display:block; }*/
.topMenu .nav { display: none; }
.topMenu .blueButtons { display: none; }
.topMenu .moreInfo { display: none; }
.switchButton { display: block; }
.topButtons { position: static; right:0; width: inherit; height:0px; margin:0; padding:0; background: transparent; }
.blueButtons { display:block; position: static; width:inherit; height:auto; z-index: 200; margin:0; padding:0; overflow:hidden; background-color: #F2F2F2; }
.blueButtons .siteSearch { position: absolute; top:-65px; left:0; display:block; width:inherit; height:65px; margin:0; padding:0; z-index: 2; }
.blueButtons .dealerSearch { display:block; width:initial; height:45px; margin:0; padding:0; }
.blueButtons .fieldButton { width:initial; max-width: 23.75em; min-width:10em; margin:15px 75px 15px 15px; background-color:#fff; }
.blueButtons input { display:inline-block; width:inherit; margin:0; padding:0 0.71429em; border: 0; }
.blueButtons .menuItem { position:relative; top:0; display:block; margin:0; padding: 0px 0.9375em; background-color: #2A4B6D; border-bottom:1px solid #405d7b; line-height:1.2; }
.blueButtons .menuItem:hover { background-color: #687d92; }
.blueButtons .menuItem a, .blueButtons .menuItem a:hover { display:block; height:40px; margin:0; padding:0; line-height:2.5; color:#fff; }
.blueButtons .menuItem a:before { content: ""; }
.blueButtons .menuItem a:after { position: absolute; top: 12px; right: 4px; margin: 0px; content: "\E01F"; font-size: 0.9em; color:#fff; }
.blueButtons .menuItem a:hover:after { color:#fff; }
.moreInfo { position: static; top:0; width:inherit; z-index:200; margin:0; padding: 0; background:none; text-align:left; }
.moreInfo .inner { width: inherit; float:none; margin:0; padding:0; background-color: #2A4B6D; color:#fff; text-align:left; }
.moreInfo .moreItem { position:static; display: block; width:100%; height: 40px; margin:0; padding: 0px 0.9375em; background-color: #2A4B6D; text-align:left; }
.moreInfo .moreItem:hover { background-color:#687d92; }
.moreInfo .moreItem a { margin:0; padding:0; }
.moreInfo .moreItem a:after { position: absolute; top: 0px; right: 1.2em; content: "\E021"; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: bold; font-variant: normal; }
.moreInfo .moreItem a:hover:after { content: "\E022"; }
.moreInfo .moreContent { padding:0px; }
.moreInfo .moreTable { display:block; width:100%; margin:0; padding:0 15px; }
.moreInfo .moreTable h3 { display:block; float:none; margin: 0.75em 0; padding-left:10px; font-size: 1em; }
.moreInfo .moreTable span { display:none; }
.moreInfo .moreTable ul { display:block; width:100%; margin:0; border:0; }
.moreInfo .moreTable li a { padding-left:0px; border:0; }
.moreInfo .moreTable li a:before { content: "\E01F"; display:block; float:left; padding:4px 8px 0 4px; line-height: 1; color:#fff; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.moreInfo .moreTable li a:after { content: ""; }
.moreInfo .moreTable li a:hover { background-color:#687d92; }
.CarouselinHeader .back, .CarouselinHeader .next { display: none; }
.CarouselinHeader .Lens li a, .CarouselinHeader .Lens li .topLeft, .CarouselinHeader .Lens li .topRight, .CarouselinHeader .Lens li .bottomLeft,.CarouselinHeader .Lens li .bottomRight { display:block; position: relative; width:100%; left:0; top:0; margin-top:20px; text-align:center; font-size: 1em; line-height:1.2; color:#000; }
.CarouselinHeader .Lens li a.cWhite { color: #000; }
.CarouselinHeader .Lens li a h3 { margin:0; font-size: 22px; line-height:24px; text-indent: 0px; color:#000; min-height: 45px; text-shadow: none!important;}
.CarouselinHeader .Lens li a h3:before { font-size: 15px; }
.CarouselinHeader .DotPanel { margin-top:10px; }
.CarouselinHeader .DotPanel a.act { background-color:#000; }
.Contacts { top: 0px; width:inherit; }
.Contacts div { width:100%; padding: 20px 10px 0 30px; color:#fff; }
.Contacts div h1 { font-size: 22px; max-width:100%; white-space:normal; }
.Contacts div h2 { font-size: 14px; }
.pageWidth { overflow:visible; }
.pageHeader h1 { overflow:visible; white-space:normal; }
.textContent h1 .caption-fix { margin-top:20px; margin-bottom:10px; font-size:36px; }
.textContent h1 { overflow:visible; white-space:normal;}
/*.textContent .pageList img { display: none; } */
.textContent .pageList span:not(.Grey) { display:block; padding-left: 0px; vertical-align:top;}
.textContent .carPhoto { display:inline-block; float:none; width:auto; max-width:80%; }
.textContent ul { margin-left:0; }
.textContent img { max-width:100%; }
.textContent .compact tr { display:block; margin:5px 0; padding: 10px 0; border-bottom:2px solid #ccc; }
.textContent .compact td { display:block; padding:0; }
.textContent .compact td img { width:100%; }
.hotLinks li { display:block; clear:both; width:inherit; margin:0 0 10px 0; padding: 0px; vertical-align:top; }
.hotLinks li a { display:block; margin:0; }
.hotLinks li img { display:block; width:30%; height:auto; float:left; margin-bottom:10px; }
.hotLinks li a span { position:relative; display:block; width:57%; float:right; margin-bottom:10px; padding:0px; border:0; line-height:1.2; }
.hotLinks li a span:before { position: absolute; top: 0px; left: -1.4em; content: "\E01F"; font-size: 0.9em; font-family: 'pag-iconfont'; font-style: normal; font-weight: bold; font-variant: normal; color:#c00; }
.hotLinks li a:hover span { border:0; }
.Gallery li { display:inline-block; width:48%; margin:0; }
.Gallery li img { width:100%; margin-bottom:3px; }
/*#lightbox-container-image-box { width:80%; position: relative; z-index: 4; }*/
.models > li { width:48%; }
.models li:hover ul { display:none; }
.newsBlock { clear: both; }
.newsBlock menu { display: block; list-style:none; padding:0; }
.newsBlock menu li { display: block; list-style-type:none; margin:0; }
.newsBlock menu li h2 { display: inline; font-weight:normal; font-size:1em; color:#fff; }
.newsBlock menu li a { position:relative; padding: 8px 20px 5px 20px; border: 0; border-top: 1px solid #ccc; transition: color 0.24s ease 0s; text-align:left; }
.newsBlock menu li a:after { content: "\E021"; display:block; position:absolute; top:5px; right:10px; line-height: 1; color:#fff; font-size: 1.5em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.newsBlock menu li a:hover, .newsBlock menu li a.sel { display: block; border: 0; border-top: 1px solid #fff; background-color:#333; color: #fff; transition: color 0.24s ease 0s; }
.newsBlock .mainNews { display:block; margin:0; padding: 0; }
.newsBlock .mainNews .newsMenu { display:block; float:none; width:inherit; padding:0 0 1em 0; }
.newsBlock .mainNews .newsMenu li { display:block; margin:0; padding:0 20px; height: 1em; min-height: 24px; border:0; }
.newsBlock .mainNews .newsMenu li a { display:block; width:100%; position:relative; }
.newsBlock .mainNews .newsMenu li a:after { content: "\E021"; display:block; position:absolute; top:14px; right:0px; line-height: 1; color:#c00; font-size: 1em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.newsBlock .mainNews .newsMenu li a ul { display:none; line-height: 44px; height: 1.53846em; min-height: 44px; }
.newsBlock .mainNews .newsMenu li a.sel ul { display:block; }
.newsBlock .mainNews .newsList { display:block; clear:both; float:none; width:initial; }
.newsBlock .mainNews .newsList li { display: block; clear:both; margin:0; padding:5px 0; border: 0; }
.newsBlock .mainNews .newsList li a { display: inline-block; padding:0; margin: 0; }
.newsBlock .mainNews .newsList li a:before { display: inline-block; padding: 5px 5px 0 0; margin: 0; content:"\E00D"; font-size: 12px; color: #C00; line-height: 1; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
.newsBlock .mainNews .newsList li a .date { display: inline-block; float: none; margin;0; padding:0; height:auto; line-height:1; }
.newsBlock .mainNews .newsList li a .text { display:inline-block; margin-left:16px; padding:0; white-space:normal; line-height:1.2; text-indent:-8px; overflow: visible; text-overflow: none; }
.newsBlock .mainNews .newsList li a .text:before { content:""; }
.path { position: fixed; top:auto; bottom: 40px; right: 0px; }
.path li ul { position: absolute; left:auto; right: 30px; width: 20em; }
.path > ul > li { width: 30px; height: 30px; }
.path > ul > li > a { width: 30px; height: 30px; line-height: 30px; }
.path li ul li { height: 30px; }
.path li ul li a { height: 30px; margin:0 16px; line-height: 30px; }
.defaultForm .checkBlock { display:block; margin:3px 0 0 0; }
.defaultForm .asCell { display:block; }
.defaultForm .w10, .defaultForm .w15, .defaultForm .w20, .defaultForm .w30, .defaultForm .w40, .defaultForm .w45 { display:block; margin-top:3px; width:19em; }
.defaultForm select.w10, .defaultForm select.w15, .defaultForm select.w20, .defaultForm select.w30, .defaultForm select.w40, .defaultForm select.w45 { display:block; margin-top:3px; width:20em; }
.bottomMenu hr { display:none; }
.bottomMenu menu { border-top:1px solid #ccc; }
.bottomMenu menu h2 { margin:0; padding:0; font-size: 1.25em; color: #000; line-height: 1.2em; }
.bottomMenu menu > li { display:block; position:relative; margin:0; padding:1em 1em 1em 0; border-bottom:1px solid #ccc; cursor:pointer; }
.bottomMenu menu > li > a { color:#808080; }
.bottomMenu menu > li:after { content: "\E021"; display:block; position:absolute; top:12px; right:0; line-height: 1; font-size: 1.5em; font-family: 'pag-iconfont'; font-style: normal; font-weight: normal; font-variant: normal; }
/*.bottomMenu menu > li ul { display:none; margin-top:20px; }
.bottomMenu menu > li:hover ul { display:block; }*/
.bottomMenu menu > li ul { display:none; margin-top:20px; }
/*.bottomMenu menu > li:hover:after { content: "\E022"; }*/
.bottomMenu menu > li.dropdown:after { content: "\E022"; }
.bottomMenu .contact { display:block; margin-top:20px; }
.bottomMenu .contact h2 { color: #989898; margin:0; font-weight: 100;}
.bottomMenu .contact ul { display:block; margin:0; }
.testDriveList { margin:0; padding:0; }
.testDriveList .rightInformation { float: none; max-width: 100%; margin:0; padding:0; }
.testDriveList .classInfoRight { width: 100%; margin:0; padding:0; }
.testDriveList .leftInfo { display: block; }
.testDriveList img { display:block; padding: 0px; }
.testDriveList span { display:block; width: 100%; padding: 10px 0 0 10px; }
.testDriveList span.car { width: 100%; }
/* Дилерский блок */
.dealerblock .dealerinfo { margin:0; }
.dealerblock .dealeraddress { display:block; clear:both; width:auto; }
.dealerblock .dealerphone { display:block; width:auto; text-align:left; }
.dealerblock ul { clear:both; width:100%; margin:0; }
.dealerblock li { width:100%; margin:5px 0 0 0; }
.approved div p { margin:0; }
.mobiletable td { display:block; }
}
/*yandex-search*/
div.ya-site-form table,
div.ya-site-form table.ya-site-form__wrap tbody,
div.ya-site-form table td {
border: none!important;
}
input.ya-site-form__submit {
margin: 0!important;
background: none!important;
border-color: #dfdfdf!important;
border: 1px solid #dfdfdf!important;
border-left: none!important;
}
table.ya-site-form__search-input-layout input {
padding-left: 5px;
padding-right: 5px;
padding-top: 4px;
padding-bottom: 4px;
}
@-moz-document url-prefix()
{
.ya-site-form__submit {padding-top: 3px; padding-bottom: 3px;}
}
.ya-site-form__input-text {
border-radius: 4px 0 0 4px;
}
.ya-site-form__submit {
border-radius: 0 4px 4px 0;
color: #dfdfdf!important;
}
/*yandex-result*/
#ya-site-results table,
#ya-site-results table td {
border: none!important;
}
/*yandex-result стили дал сам яндекс, можно править*/
#ya-site-results
{
color: #000000;
background: #FFFFFF;
}
#ya-site-results .b-pager__current,
#ya-site-results .b-serp-item__number
{
color: #000000 !important;
}
#ya-site-results
{
font-family: Arial !important;
}
#ya-site-results :visited,
#ya-site-results .b-pager :visited,
#ya-site-results .b-foot__link:visited,
#ya-site-results .b-copyright__link:visited
{
color: #990000;
}
#ya-site-results a:link,
#ya-site-results a:active,
#ya-site-results .b-pseudo-link,
#ya-site-results .b-head-tabs__link,
#ya-site-results .b-head-tabs__link:link,
#ya-site-results .b-head-tabs__link:visited,
#ya-site-results .b-dropdown__list .b-pseudo-link,
#ya-site-results .b-dropdowna__switcher .b-pseudo-link,
.b-popupa .b-popupa__content .b-menu__item,
#ya-site-results .b-foot__link:link,
#ya-site-results .b-copyright__link:link,
#ya-site-results .b-serp-item__mime,
#ya-site-results .b-pager :link
{
color: #000000;
}
#ya-site-results :link:hover,
#ya-site-results :visited:hover,
#ya-site-results .b-pseudo-link:hover
{
color: #990000 !important;
}
#ya-site-results .l-page,
#ya-site-results .b-bottom-wizard
{
font-size: 13px;
}
#ya-site-results .b-pager
{
font-size: 1.25em;
}
#ya-site-results .b-serp-item__text,
#ya-site-results .ad
{
font-style: normal;
font-weight: normal;
}
#ya-site-results .b-serp-item__title-link,
#ya-site-results .ad .ad-link
{
font-style: normal;
font-weight: normal;
}
#ya-site-results .ad .ad-link a
{
font-weight: bold;
}
#ya-site-results .b-serp-item__title,
#ya-site-results .ad .ad-link
{
font-size: 16px;
}
#ya-site-results .b-serp-item__title-link:link,
#ya-site-results .b-serp-item__title-link
{
font-size: 1em;
}
#ya-site-results .b-serp-item__number
{
font-size: 13px;
}
#ya-site-results .ad .ad-link a
{
font-size: 0.88em;
}
#ya-site-results .b-serp-url,
#ya-site-results .b-direct .url,
#ya-site-results .b-direct .url a:link,
#ya-site-results .b-direct .url a:visited
{
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000;
}
#ya-site-results .b-serp-item__links-link
{
font-size: 13px;
font-style: normal;
font-weight: normal;
color: #000000 !important;
}
#ya-site-results .b-pager__inactive,
#ya-site-results .b-serp-item__from,
#ya-site-results .b-direct__head-link,
#ya-site-results .b-image__title,
#ya-site-results .b-video__title
{
color: #000000 !important;
}
#ya-site-results .b-pager__current,
#ya-site-results .b-pager__select
{
background: #E0E0E0;
}
#ya-site-results .b-foot,
#ya-site-results .b-line
{
border-top-color: #E0E0E0;
}
#ya-site-results .b-dropdown__popup .b-dropdown__list,
.b-popupa .b-popupa__content
{
background-color: #FFFFFF;
}
.b-popupa .b-popupa__tail
{
border-color: #E0E0E0 transparent;
}
.b-popupa .b-popupa__tail-i
{
border-color: #FFFFFF transparent;
}
.b-popupa_direction_left.b-popupa_theme_ffffff .b-popupa__tail-i,
.b-popupa_direction_right.b-popupa_theme_ffffff .b-popupa__tail-i
{
border-color: transparent #FFFFFF;
}
#ya-site-results .b-dropdowna__popup .b-menu_preset_vmenu .b-menu__separator
{
border-color: #E0E0E0;
}
.b-specification-list,
.b-specification-list .b-pseudo-link,
.b-specification-item__content label,
.b-specification-item__content .b-link,
.b-specification-list .b-specification-list__reset .b-link
{
color: #000000 !important;
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
.b-specification-item__content .b-calendar__title
{
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
color: #000000;
font-size: 13px;
font-style: normal;
font-weight: normal;
}
.b-specification-item__content .b-calendar-month__day_now_yes
{
color: #E0E0E0;
}
.b-specification-item__content .b-calendar .b-pseudo-link
{
color: #000000;
}
.b-specification-item__content
{
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
font-size: 13px;
}
.b-specification-item__content :visited
{
color: #990000;
}
.b-specification-item__content .b-pseudo-link:hover,
.b-specification-item__content :visited:hover
{
color: #990000 !important;
}
#ya-site-results .b-popupa .b-popupa__tail-i
{
background: #FFFFFF;
border-color: #E0E0E0 !important;
}
#ya-site-results a:link, #ya-site-results a:active, #ya-site-results .b-pseudo-link, #ya-site-results .b-head-tabs__link, #ya-site-results .b-head-tabs__link:link, #ya-site-results .b-head-tabs__link:visited, #ya-site-results .b-dropdown__list .b-pseudo-link, #ya-site-results .b-dropdowna__switcher .b-pseudo-link, .b-popupa .b-popupa__content .b-menu__item, #ya-site-results .b-foot__link:link, #ya-site-results .b-copyright__link:link, #ya-site-results .b-serp-item__mime, #ya-site-results .b-pager *:link, #ya-site-results .b-serp-url, #ya-site-results .b-direct .url, #ya-site-results .b-direct .url a:link, #ya-site-results .b-direct .url a:visited, #ya-site-results *:visited, #ya-site-results .b-pager *:visited, #ya-site-results .b-foot__link:visited, #ya-site-results .b-copyright__link:visited
{
color: #000000 !important;
}
#ya-site-results *:link:hover, #ya-site-results *:visited:hover, #ya-site-results .b-pseudo-link:hover, .b-specification-item__content .b-pseudo-link:hover, .b-specification-item__content *:visited:hover
{
color: #990000 !important;
}
/*ZOOM*/
.ZoomPic {
display: inline-block;
position: relative;
border: 1px solid #ccc;
}
.ZoomPic:before {
font-size: 14px;
}
.ZoomPic {
font-size: 0;
}
.ZoomPic:before {
font-family: 'pag-iconfont';
background-color: #3e4146;
color: #fff;
border: none;
bottom: 0;
left: 0;
position: absolute;
border-top: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
padding: 1px 4px 1px 4px;
content: "\E01B";
}
.ZoomPic:hover:before {
background-color: #c00;
}
img.mfp-img {
padding-top: 0;
}
div.mfp-figure>figure {
position: relative;
}
div.mfp-figure>figure:before {
font-family: 'pag-iconfont';
content: "\E01A";
position: absolute;
background-color: #3e4146;
color: #fff;
border: npone;
top: 0;
font-size: 24px;
padding: 18px 10px;
border-bottom: 1px solid #dfdfdf;
right: 0;
}
div.mfp-figure>figure:hover:before {
background-color: #c00;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer;
}
#ya-phone-1 { display:inline; }
/*VIDEO JS*/
.video-js {
position: absolute!important;
}
.media .video-js {
position: relative!important;
}
.vjs-youtube .vjs-poster,
.ytp-thumbnail-overlay {
background-size: contain!important;
}
.video-js .vjs-big-play-button {
left: 42%;
top: 40%;
}
.video-js .vjs-play-progress {
background-color: #c00;
}
.mainGallery a.openVideo::after {
content: ' ';
position: absolute;
top: 50%;
left: 50%;
background-image: url('https://www.porsche-leipzig.com/fileadmin/public/img/lowres.png');
background-repeat: no-repeat;
background-position: 0 -1250px;
height: 64px;
width: 64px;
display: block;
margin-top: -32px;
margin-left: -32px;
}
/*END VIDEO JS*/
.porsheConsultant, .wheelItem {
float: left;
width: 33%;
text-align: center;
}
.modelName {
height: 55px;
}
.wheelItem {
margin: 20px 0;
}
.wheelItem p {
margin: 0 0 10px 0;
}
@media (max-width:767px) {
.porsheConsultant, .wheelItem {
width: 100%;
}
.modelName {
height: 85px;
}
}
.carSearch form {
display: block;
margin: 0px;
padding: 0 0 10px 15px;
}
.carSearch form {
display: block;
margin: 0px;
padding: 20px;
max-width: 800px;
background-color: #fafafa;
border: 1px solid #ccc;
}
.carSearch form input {
display: inline-block;
width: 140px;
height: 2.14286em;
margin: 0;
padding-left: 0.71429em;
line-height: 1.45;
font-size: 14px;
background:transparent;
border:none;
}
.carSearch .fieldButton {
position: relative;
width: 187px;
height: 30px;
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 4px;
}
.carSearch form button {
display: inline-block;
position: absolute;
top: 0px;
right: 3px;
border: none;
background: transparent;
cursor: pointer;
font-size: 0.875em;
width: 25px;
height: 2.14286em;
vertical-align: middle;
padding: 0 6px;
overflow: hidden;
line-height: 3.07143em;
text-indent: -119988px;
text-align: left;
}
.carSearch form button:before {
content: "\E00D";
display: block;
position: absolute;
top: 60%;
margin-top: -0.54em;
text-indent: 0px;
color: #3E4146;
line-height: 1;
font-family: 'pag-iconfont';
font-style: normal;
font-weight: normal;
font-variant: normal;
}
.topMenu .nav ul li.first a[href="/services/action/"] {
text-transform: uppercase;
color: rgba(204,0,0,0.8);
font-weight: bold;
}
.canHover .topMenu .nav ul li.first a[href="/services/63884/"]:hover {
color: #fff;
}
.topMenu .nav ul li.first a[href="/services/63884/"] {
text-transform: uppercase;
color: rgba(204,0,0,0.8);
font-weight: bold;
}
.canHover .topMenu .nav ul li.first a[href="/services/action/"]:hover {
color: #fff;
}
.canHover .nav>li>a:focus,
.canHover .nav>li>a:hover {
text-decoration: none;
background-color: #FFFFFF;
}
.topMenu .nav ul li A {
text-decoration: none;
}
.CarouselinHeader A {
text-decoration: none;
}
.testDriveList .porscheForms LI {
padding:0px;
}
.testDriveList .porscheForms h4 {
padding-bottom: 0px;
border-bottom: 0px;
font-size: 1.2em;
font-weight: bold;
}
.grad {
padding: 8px 0;
margin-bottom: 30px;
font-size: 12px;
}
@media screen and (min-width: 570px) {
.newsList li {
margin-left: -29px;
}
.newsList li a {
margin-left: -25px;
}
}
@media screen and (max-width: 569px) {
.newsList li a {
margin-left: -25px;
}
}
.newsList li a .text {
white-space: normal;
margin-left: 8px;
}
.newsList li a .text:before {
margin-left: -1px;
}
span.legendNumber {color: red;}
h3.gray {color:#989898;}
.workers, .mw_800 {
max-width: 800px;
}
.workers .employee {
width: 33%;
padding: 0 2%;
float: left;
}
/* .workers .employee img {
width: 100%;
} */
ul.price_for_hidden {
float: right;
}
ul.price_for_hidden li {
padding: 0!important;
}
/* Страница Специальное предложение (кредитование) */
.special_offer .exclusive {
margin-top: 30px;
margin-bottom: 20px;
display: table;
}
.special_offer .exclusive > div {
display: table-cell;
width: 33%;
margin-bottom: 10px;
background-color: #848484;
text-align: center;
color: white;
padding: 10px 20px;
border-left: 8px solid #fff;
border-right: 8px solid #fff;
}
.special_offer .exclusive > div:first-child {
border-right: 7px solid #fff;
border-left: none;
}
.special_offer .exclusive > div:last-child {
border-left: 7px solid #fff;
border-right: none;
}
.special_offer .exclusive > div > div:first-child {
padding: 12px;
font-weight: 600;
letter-spacing: 0.7px;
text-transform: uppercase;
background-color: #fff;
color: #000;
}
.special_offer .exclusive .arrow {
text-align: center;
margin-left: 47%;
width: 0;
height: 0;
border: 13px solid transparent;
border-top-color: #fff;
margin-top: -1px;
}
.special_offer .exclusive p {
line-height: 1.45;
margin-top: 0;
}
.special_offer .table {
width: 100%;
border-top: none;
border-spacing: 0;
}
.special_offer h1 {
text-align: center;
font-weight: 600;
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
font-size: 1.8em;
margin: 30px auto;
}
.special_offer p {
max-width: 100%;
}
.special_offer .title {
TEXT-ALIGN: center;
LINE-HEIGHT: 34px;
MAX-WIDTH: 100%;
FONT-SIZE: 28px;
FONT-WEIGHT: 600;
}
@media (max-width: 767px) {
.special_offer .exclusive > div {
display: block;
width: 100%;
border: none!important;
}
.special_offer h1 {
font-size: 1.4em;
}
.special_offer .table th,
.special_offer .table td {
font-size: 12px;
}
}
@media (max-width: 525px) {
.special_offer p {
font-size: 12px;
}
.special_offer .table th,
.special_offer .table td {
font-size: 8px;
padding: 5px;
}
}
/* Страница Дополнительное оборудование */
#dop_ob .approved {
border: none;
}
#dop_ob h2 {
font-family: inherit;
font-size: 34px;
font-weight: 100;
}
#dop_ob h3 {
font-size: 18px;
}
#dop_ob p {
max-width: 92%;
line-height: 24px;
margin: 1em 0;
}
#dop_ob a {
border-radius: 0;
margin-top: 10px;
background-color: #313639;
padding: 13px 21px;
}
@media (max-width: 1199px) {
#dop_ob h2 {
font-size: 28px;
}
}
@media (max-width: 768px) {
#dop_ob h2 {
font-size: 20px;
}
}
@media (max-width: 660px) {
#dop_ob h2 {
font-size: 18px;
}
#dop_ob h3 {
font-size: 16px;
}
#dop_ob p {
font-size: 12px;
}
}
/* Страница Автомобили Porsche с пробегом в Порше Центр Красноярск */
#probeg .table {
display: table;
border-collapse: collapse;
margin-bottom: 0;
font-size: 14px;
}
#probeg .table-cell {
display: table-cell;
vertical-align: top;
border: 1px solid #000;
}
#probeg .table:first-child .table-cell {
border-bottom: none;
}
#probeg .table-cell > div {
width: 49%;
padding: 20px;
display: inline-block;
vertical-align: top;
}
#probeg img {
width: 100%;
min-width: 250px;
}
@media (max-width: 1199px) {
#probeg .table-cell {
width: 70%;
display: block;
}
#probeg .table:last-child .table-cell:first-child {
border-bottom: none;
}
}
@media (max-width: 991px) {
#probeg .table-cell {
width: 80%;
}
}
@media (max-width: 767px) {
#probeg .table-cell {
width: 100%;
}
}
@media (max-width: 641px) {
#probeg .table {
width: 290px;
}
#probeg .table-cell {
width: 100%;
}
#probeg .table-cell > div {
display: block;
width: 100%;
}
}
/* Porsche Connect */
#skew .box {
overflow: hidden;
max-height: 450px;
width: 100%;
position: relative;
margin-bottom: 2%;
}
#skew .img-box,
#skew img {
width: 100%;
}
#skew .chapter-link {
opacity: 1;
transform: matrix(1, 0, 0, 1, 0, 0);
padding-right: 15%;
left: 0;
width: 100%;
position: absolute;
bottom: 0;
text-decoration: none;
min-height: 180px;
cursor: pointer;
}
#skew .chapter-link table,
#skew .chapter-link td {
border: none;
color: white;
}
#skew .chapter-link td {
vertical-align: top;
}
#skew .box:hover h1,
#skew .box:hover p,
#skew .box:hover .chapter-link__arrow-icon:before {
color: #d5001c;
}
#skew .chapter-link__arrow-icon:before {
content: "\203A";
color: #fff;
font-size: 150px;
vertical-align: middle;
}
@media (min-width: 1035px) {
#skew {
height: 450px;
width: 101%;
overflow: hidden;
box-sizing: border-box;
}
#skew .box {
float: left;
margin-bottom: 0;
margin: 0 5px;
overflow: visible;
max-height: none;
height: 450px;
display: inline-block;
width: 33.33333%;
position: relative;
}
#skew .box:hover img {
transform: matrix(1.4, 0, 0.2431, 1.37873, 0, 0);
opacity: 0.5;
}
#skew .img-box {
position: relative;
overflow: hidden;
height: 100%;
cursor: pointer;
transform: skew(-10deg);
}
#skew img {
height: 100%;
width: auto;
position: relative;
max-width: none;
top: 0;
-webkit-transition: .8s;
-o-transition: .8s;
transition: .8s;
transform: matrix(1.2, 0, 0.20837, 1.18176, 0, 0);
}
#skew .box1 .img-box {
left: -20%;
width: 115%;
}
#skew .box1 img {
left: 15%;
}
#skew .box2 .img-box {
left: -4.3%;
}
#skew .box3 {
width: 30%;
}
#skew .box3 .img-box {
width: 120%;
left: -4%;
}
#skew .box3 img {
right: 10%;
left: auto;
position: absolute;
top: 0;
}
}
#pconnect {
width: 101%;
}
#pconnect .box {
background: #2b2c30;
color: white;
margin-bottom: 2%;
display: table;
width: 100%;
}
#pconnect .box > div {
width: 50%;
display: table-cell;
vertical-align: top;
padding: 20px 100px 40px;
}
#pconnect .box1 {
margin-top: 2%;
}
#pconnect a {
background: #d5001c;
padding: 10px 20px;
color: white;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
display: inline-block;
margin-top: 40px;
}
#pconnect a:hover {
background: #950014;
}
#pconnect .stores {
background: none;
padding: 0;
margin-right: 10px;
margin-top: 20px;
}
#pconnect .stores:hover {
background: none;
}
#pconnect .stores img {
height: 40px;
}
@media (max-width: 991px) {
#pconnect .box > div {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 767px) {
#pconnect .box > div {
display: block;
width: 100%;
}
}
.normalTable th, .normalTable td {
padding-left: 14px;
padding-right: 14px;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: top;
text-align: left;
line-height: 1.45;
}
.normalTable th {
background-color: #848484;
color: #fff;
}
.corp-cars .Grey {
padding: 6px 10px;
width: 315px;
}
@media (min-width: 852px) and (max-width: 991px) {
.corp-cars .Grey {
width: 200px;
}
}
@media (min-width: 721px) and (max-width: 851px) {
.corp-cars .Grey {
width: auto;
}
}
span.old_price {
text-decoration: line-through;
opacity: 0.5;
}
.speciality-sochi .resume-buttons {
margin: 60px 0 40px;
}
.speciality-sochi .resume-buttons .button {
font-size: 18px;
margin-right: 15px;
display: inline-block;
overflow: hidden;
position: relative;
}
.speciality-sochi .resume-buttons .button .file-area {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.speciality-sochi .resume-buttons .upload-file.uploading {
background-image: url(/i/sochi_loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
.speciality-sochi .resume-buttons .upload-file.uploading span {
opacity: 0;
}
.speciality-sochi .resume-buttons .upload-file.uploaded {
background-color: rgb(42,75,109);
}
.speciality-sochi .resume-buttons .upload-file.uploaded span {
background-color: white;
color: rgb(42,75,109);
}
.speciality-sochi .resume-buttons .button span {
border: 2px solid rgb(42,75,109);
background-color: rgb(42,75,109);
width: 230px;
text-align: center;
}
.speciality-sochi .resume-buttons .button span:after {
content: '';
}
.special-cars {
overflow: auto;
}
.special-cars table {
background: grey;
color: white;
text-align: center;
}
.special-cars td {
padding: 0;
border: 1px solid white;
border-collapse: collapse;
max-width: 251px;
vertical-align: top;
}
.special-cars .model td {
border-top: none;
border-bottom: none;
padding-top: 20px;
padding-bottom: 20px;
}
.special-cars .model + tr td {
border-top: none;
padding-bottom: 20px;
line-height: 1.4;
}
.special-cars .model {
font-size: 20px;
}
.special-cars p {
line-height: 1.4;
}
.special-cars a {
display: block;
width: 100%;
color: white;
background-color: red;
padding: 20px;
font-weight: bold;
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.special-cars a:hover {
background-color: #ab0404;
}
@media (max-width: 500px) {
.special-cars .model {
font-size: 14px;
}
.special-cars .model + tr td,
.special-cars a {
font-size: 12px;
}
}
/* Таблица-прайс на странице http://www.porsche-pulkovo.ru/services/236650/ */
.price-premium-wrapper {
overflow: auto;
}
table.price-premium {
border: none;
}
.price-premium,
.price-premium th {
text-align: center;
border: none;
}
.price-premium th {
text-transform: uppercase;
}
.price-premium thead td {
font-weight: 600;
}
.price-premium tbody td:first-child {
text-align: left;
}
.price-premium td {
border: 1px solid #ccc;
}
@media (max-width: 991px) {
.price-premium {
font-size: 12px;
}
}
.table.column-width {
width: 100%;
max-width: 800px;
}
.table .table-header-strong {
font-weight: bold;
olor: #959899;
}
.table .font-normal {
font-weight: normal;
}
.table .align-right {
text-align: right;
}
.table .align-center {
text-align: center;
}
.instagram-popup.popup-dropdown {
position: absolute;
border: 1px solid #DFDFDF;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
display: none;
}
li:hover > .instagram-popup.popup-dropdown {
display: block;
}
.instagram-popup.popup-dropdown:before {
border-top: 10px solid #CCCCCC;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
height: 0;
position: absolute;
bottom: -10px;
width: 0;
content: "";
left: 50%;
margin-left: -10px;
transition-duration: 0.24s;
transition-property: background-color, color, border-color;
background: transparent;
}
.instagram-popup.popup-dropdown:after {
border-top: 10px solid #FFFFFF;
border-left: 10px solid rgba(0, 0, 0, 0);
border-right: 10px solid rgba(0, 0, 0, 0);
height: 0;
position: absolute;
bottom: -10px;
width: 0;
left: 50%;
margin-left: -10px;
content: "";
}
.instagram-popup.popup-dropdown .content {
background-color: white;
padding: 15px;
width: 230px;
}
.instagram-popup.popup-dropdown .title {
line-height: 24px;
font-size: 16px;
margin-bottom: 15px;
text-align: center;
}
div.sm-vanish {
margin-top: 60px;
}
@media (max-size: 768px) {
div.sm-vanish {
margin-top: 0;
}
}
.topMenu .inner .nav > li.first ul li.first a, .topMenu .inner .nav > li:nth-child(4) ul li.first a {
text-transform: uppercase;
font-weight: bold;
color: rgba(204,0,0,0.8);
}
.canHover .topMenu .inner .nav > li:nth-child(4) ul li.first:hover a {
text-transform: uppercase;
font-weight: bold;
color: #fff;
}
.special_offer .exclusive.twopans {
display: block;
}
.normalTable {
width: 100%;
max-width: 800px;
}
small.disclaimer-text + ul.pageList {
display: none;
}
small.disclaimer-text + ul.pageList + div.porscheForms {
margin-top: 5px !important;
}
table.spacing td {
padding-bottom: 40px !important;
}
@media (max-width: 768px) {
table.spo-table td {
display: block;
}
}
.sp-white a {
background-color: #fff;
color: #000;
border: 1px #000 solid;
display: inline-block !important;
}
ul.square-lists {
list-style-type: square;
line-height: 24px !important;
}
div.CarouselinHeader li a {
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .3s;
}
div.CarouselinHeader li a:hover {
color: #CC0000 !important;
}
table.table-structured {
border: none;
width: 768px;
}
table.table-structured td {
width: 50%;
border: none;
}
@media (max-width: 768px) {
.tables-adaptive td {
display: block;
}
}
table.width100per {
width: 100%;
}
@media (max-width: 600px) {
.chel-resp img {
max-width:100px !important;
height: auto !important;
}
}
@media (max-width: 721px) {
#nnv > li > section > img,
#nnv > li > section > a > img {
display: block !important;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 35.5625em) {
#nnv span.price_for_hidden > a > span.Grey {
padding-left: 16px !important;
}
}
@media (max-width: 570px) {
.none {
display: none !important;
}
}
@media only screen and (max-width: 35.5625em){
.CarouselinHeader .Lens li a h3 {
min-height: 85px;
}
}
/*****************************CARS BUTTON***************************/
.pulse_rp{
position: fixed;
display: block;
left: 3%;
bottom: 6%;
width: 100px;
height: 100px;
padding: 0px;
border-radius: 70px;
background-color: #de2429;
border: 2px solid white;
z-index: 999;
box-shadow: 1px 1px 6px 0px #1c1c1c;
text-decoration: none;
transition: .5s;
animation: rotate_rp 0.8s infinite;
margin: 3px 0px !important;
line-height: 1 !important;
}
.pulse_text_rp{
margin-top: 7px !important;
line-height: 12px !important;
padding-top: 50px;
text-align: center;
font-size: 14px;
background-image: url(https://www.porsche-nnovgorod.ru/photos/nnovgorod/actualyti-auto.png);
background-repeat: no-repeat;
background-position: top;
height: 45px;color: #FFF;
}
.pulse_rp:hover {
background: #c51c20;
text-decoration:none;
}
.pulse_rp::before, .pulse_rp::after {
content: '';
position: absolute;
border: 1px solid #de2429;
left: -40px;
right: -40px;
top: -40px;
bottom: -40px;
border-radius: 50%;
animation: pulse_rp 1.8s linear infinite;
opacity: 0;
}
.pulse_rp::after {
animation-delay: .5s;
}
@keyframes pulse_rp {
0% {
transform: scale(0.5); opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: scale(1); opacity: 0;
}
}
@keyframes rotate_rp{
50% {
-webkit-transform: rotate3d(0.5, 1.0, 1.0, 5deg);
transform: rotate3d(0.5, 1.0, 1.0, 5deg);
}
}
.textContent .custom-macan h1 {
font-size: 36px;
margin-top: 1em;
margin-bottom: 10px;
}
.module-grid .textContent {
position: absolute;
left: 700px;
padding: 0;
top: 80px;
}
.module-grid .textContent .carInfo {
padding: 0;
}
@media only screen and (max-width: 1199px) {
.module-grid .textContent {
left: 600px;
top: 60px;
}
}
@media only screen and (max-width: 991px) {
.module-grid .textContent {
left: 450px;
top: 40px;
}
}
@media only screen and (max-width: 850px) {
.module-grid .textContent {
display: none;
}
}
.textContent .pageList .Grey.download {
display: inline-block;
position: absolute;
bottom: 15px;
left: 153px;
width: auto;
}
@media only screen and (max-width: 35.5625em) {
.textContent .pageList .Grey.download {
bottom: auto;
top: 0;
}
}
.grey-box-head {
background-color: #848484;
text-align: center;
font-weight: 100;
color: white;
padding: 10px;
border-bottom: 1px solid #ccc;
line-height: 1;
}
.grey-box-title {
padding: 12px;
font-weight: 600;
letter-spacing: 0.7px;
text-transform: uppercase;
background-color: #fff;
color: #000;
}
.grey-box-head .arrow {
text-align: center;
margin-left: 47%;
width: 0;
height: 0;
border: 13px solid transparent;
border-top-color: #fff;
margin-top: -1px;
}
.landingContent .bottom-stripe {
text-align: center;
}
.landingContent .moreButton {
width: 270px;
margin: 1.25em 1em;
}
@media (max-width: 768px) {
.table-grey-box td {
display: block;
width: 100%;
}
table.table-grey-box {
width: 100%;
margin-bottom: 10px;
}
}
@media screen and (max-width: 768px) {
th.grey-box-head, td.grey-box-head {
width: 100% !important;
}
}
.index-text {
padding-top: 15px;
}
.index-text p {
max-width: none;
}
.video-frame {
position: relative;
padding-top: 450px;
max-width: 100%;
width: 800px;
}
.video-frame iframe, .video-frame video{
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
@media screen and (max-width: 970px) {
.video-frame {
padding-top: 55%;
}
}
.block-special .column {
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 1em;
width: 260px;
}
.block-special .column .img {
display: inline-block;
border-radius: 100%;
overflow: hidden;
width: 180px;
}
.block-special .column .img img {
display: block;
width: 100%;
}
.block-special .column .text {
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
margin-bottom: 10px;
line-height: 1.2;
font-weight: 100;
font-size: 24px;
}
.block-special .column:first-child {
margin-right: 20px;
}
.block-special .column .more{
text-decoration: underline!important;
}
@media screen and (max-width: 650px) {
.block-special {
text-align: center;
}
.block-special .column:first-child {
margin-right: 0;
}
}
.hotLinks.special, .hotLinks.in-text {
max-width: 800px;
}
.hotLinks.in-text li {
}
.hotLinks.special:after {
content: "";
display: table;
clear: both;
}
.hotLinks.special li span {
background: black;
color: white;
font-size: 18px;
text-align: center;
font-weight: bold;
height: 4em;
display: flex;
justify-content: center;
align-items: center;
}
.hotLinks.special li:hover span {
background: #c00;
}
.hotLinks.special li {
width: 49%;
}
@media only screen and (max-width: 35.5625em) {
.hotLinks.special li {
width: inherit;
}
.hotLinks.special li span {
padding: 5px;
font-size: 14px;
}
}
/*GREY_BOX*/
table.table-grey-box {
vertical-align: top;
border-top: none;
}
.grey-box {
color: white;
margin-bottom: 1em;
}
.grey-box-head {
font-weight: 100;
text-align: center;
background-color: #403f45;
color: white;
padding: 10px 20px;
}
.grey-box-title {
background-color: #687d90;
padding: 12px;
font-weight: 600;
letter-spacing: 0.7px;
text-transform: uppercase;
background-color: #fff;
color: #000;
}
.arrow {
text-align: center;
margin-left: 47%;
width: 0;
height: 0;
border: 13px solid transparent;
border-top-color: #fff;
margin-top: -1px;
}
.dark-grey {
background-color: #848484;
}
.light {background-color: #737278 !important;}
th.dark a.moreButton, td.dark a.moreButton {
padding: 0;
margin: 0;
display: block;
}
@media all and (max-width:768px){
table.table-grey-box {
width: 100%;
margin-bottom: 10px;
}
.table-grey-box{
width:100%;
}
.table-grey-box td{
display:block;
width:100%;
}
.table-grey-box tr{
display:block;
}
.table-grey-box th{
display:block;
}
}
.dark-blue {
background-color: #2A4B6D !important;
}
@media screen and (max-width: 768px) {
th.grey-box-head, td.grey-box-head {
width: 100% !important;
}
}
.bottom-stripe {
text-align: center;
max-width: 400px;
margin: 0 auto;
}
.bottom-stripe hr {
border-top: 1px solid #eee;
margin-bottom: 20px;
margin-top: 20px;
border: 0;
}
.bottom-stripe .moreButton {
padding: 0 0 0 10px;
width: 100%;
}
.width-fix p {
max-width: 100%;
}
.textContent .pageList .text-separator p:first-child {
margin-left: 0;
margin-top: 0;
}
.textContent .pageList .text-separator p:first-child:before {
display: none;
}
.pageWidth.custom-banner {
overflow: hidden;
}
.pageWidth.custom-banner .CarouselinHeader {
display: block;
}
.video-after-party {
display: none;
position: relative;
cursor: pointer;
}
.video-after-party .video-replay {
position: absolute;
left: 50%; top: 50%;
height: 160px;
margin-left: -80px;
width: 160px;
margin-top: -80px;
}
.video-after-party .video-replay img {
width: 100%;
height: 100%;
opacity: 0.2;
}
.video-after-party:hover .video-replay img {
opacity: 0.5;
}
.spo-cars {
text-align: center;
margin-bottom: 50px;
}
.spo-cars:after {
content: "";
display: table;
clear: both;
}
.spo-cars .column {
float: left;
width: 50%;
}
.spo-cars .column img {
width: 85%;
margin: 0 auto;
display: block;
}
.spo-cars .column .text {
margin-top: 10px;
margin-bottom: 20px;
}
.spo-cars .column .name {
font-size: 24px;
white-space: nowrap;
}
/*.speciality-rolf .topMenu .inner .nav > li.first ul li.first a {
text-transform: inherit;
font-weight: normal;
color: #000;
} */
.topMenu .inner .nav > li:nth-child(2) ul li.first a {
text-transform: uppercase;
font-weight: bold;
color: rgba(204,0,0,0.8);
}
.canHover .topMenu .inner .nav > li:nth-child(2) ul li.first a:hover {
color: #FFFFFF;
}
.macan-presentation .video {
position: fixed;
height: 100vh;
width: 100vw;
z-index: 100;
left: 0;
top: 0;
}
.macan-presentation .video.hide {
display: none;
}
.macan-presentation .video iframe,
.macan-presentation .video video {
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
position: absolute;
background: #000000;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
left: 50%;
top: 50%;
}
.macan-presentation .video .skip {
position: absolute;
cursor: pointer;
font-size: 20px;
color: #FFFFFF;
z-index: 100;
bottom: 50px;
right: 50px;
}
.macan-presentation .registration .button.primary {
float: right;
}
.macan-presentation .registration,
.macan-presentation .registration .step {
display: none;
}
.macan-presentation .registration.visible,
.macan-presentation .registration .step.visible {
display: block;
}
/*-------------------------------Редизайн-------------------------------*/
.display-flex {
flex-wrap: wrap;
display: flex;
}
.model-cell {
align-items: center;
padding: 30px 0;
}
.model-cell:not(:last-child) {
border-bottom: 1px solid #C8CACB;
}
.model-slider {
padding-right: 60px;
width: 50%;
}
.spo .model-slider {
width: 40%;
}
.model-slider .slider-arrow {
justify-content: center;
align-items: center;
position: absolute;
background: none;
outline: none;
display: flex;
border: none;
height: 100%;
width: 50px;
top: 0;
}
.model-slider .slider-img {
position: relative;
overflow: hidden;
}
.model-slider .slider-img .img-link {
display: block;
}
.model-slider .slider-img img {
height: auto;
width: 100%;
}
.model-slider .slider-arrow {
font-family: 'pag-iconfont';
color: #C8CACB;
}
.model-slider .slider-arrow:hover {
color: #D5001C;
}
.model-slider .slider-arrow.right:before {
font-size: 64px;
content: "";
}
.model-slider .slider-arrow.left:before {
font-size: 64px;
content: "";
}
.model-slider .slider-arrow.left {
left: -50px;
}
.model-slider .slider-arrow.right {
right: -50px;
}
.model-slider .slider-img:hover .slider-arrow {
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
}
.model-slider .slider-img:hover .slider-arrow.left {
left: 0;
}
.model-slider .slider-img:hover .slider-arrow.right {
right: 0;
}
.model-slider .slider-progress {
text-align: center;
position: absolute;
bottom: 40px;
width: 100%;
height: 0;
left: 0;
}
.model-slider .slider-progress .value {
background: rgba(0,0,0,.5);
display: inline-block;
color: #FFFFFF;
padding: 0 12px;
line-height: 32px;
height: 30px;
}
.model-info {
width: 50%;
}
.spo .model-info {
width: 30%;
}
.model-info .model-name {
margin: 0;
}
.model-info .info-cell {
margin-top: 24px;
}
.model-info .text-grey {
color: #959899;
}
.model-info .model-options p {
border-right: 1px solid #C8CACB;
padding-right: 12px;
margin: 0 12px 0 0;
}
.canHover .button.primary {
color: #fff;
}
.canHover .button.primary:hover {
color: #fff;
}
.button.primary {
background-color: #313639;
border: 1px solid #313639;
display: inline-flex;
padding: 12px 18px;
cursor: pointer;
color: #fff;
}
.button.invert {
background-color: transparent;
border: 1px solid #626669;
display: inline-flex;
padding: 12px 18px;
cursor: pointer;
color: #000;
}
.button.invert img {
width: 20px;
height: 24px;
}
.button.invert .two,
.button.invert:hover .one {
display: none;
}
.button.invert:hover .two {
display: inline-block;
}
.button.primary:before, .button.invert:before {
font-family: pag-iconfont;
font-style: normal;
margin-right: 10px;
margin-left: -5px;
}
.button.primary:before {
content: "";
}
.button.invert:before {
content: "\E021";
}
.button.primary:hover {
border-color: #d5001c;
background: #d5001c;
}
.button.invert:hover {
border-color: #d5001c;
color: #d5001c;
}
.model-info .button.invert:before {
content: "";
}
.model-info .button {
margin: 4px 8px 4px 0;
}
@media screen and (max-width: 1000px) {
.model-slider, .model-info,
.spo .model-slider, .spo .model-info {
padding-right: 0;
width: 100%;
}
.model-slider .slider-arrow.left {
left: 0;
}
.model-slider .slider-arrow.right {
right: 0;
}
}
.model-filter:after {
content: "";
display: table;
clear: both;
}
.model-filter .field-box {
float: left;
}
.field-box {
border: 1px solid #C8CACB;
background: #FFFFFF;
margin-bottom: 12px;
margin-right: 12px;
position: relative;
padding: 0 12px;
max-width: 100%;
height: 50px;
z-index: 2;
}
.field-box .field-name {
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-ms-transition-duration: .3s;
-o-transition-duration: .3s;
transition-duration: .3s;
position: relative;
line-height: 50px;
top: 0;
}
.field-box:hover .field-name {
color: #D5001C;
}
.field-box:hover .select-arrow:before {
color: #D5001C;
}
.field-box.active {
z-index: 10;
}
.field-box.active .field-name,
.field-box.checked .field-name {
position: absolute;
font-size: 14px;
color: #959899;
top: -13px;
}
.field-box.select-field {
padding-right: 50px;
width: 300px;
}
.field-box.select-field .select-arrow {
position: absolute;
color: #C8CACB;
right: 15px;
top: 11px;
}
.field-box.select-field .select-arrow:before {
font-family: 'pag-iconfont';
content: "\E021 ";
}
.field-box.select-field .select-list {
border: 1px solid #C8CACB;
background: #FFFFFF;
position: absolute;
display: none;
right: -1px;
left: -1px;
top: 48px;
}
.field-box.select-field .select-list .list-row {
text-overflow: ellipsis;
white-space: nowrap;
line-height: 40px;
overflow: hidden;
padding: 0 12px;
cursor: pointer;
}
.field-box.select-field .select-list .list-row.checked {
font-weight: bold;
}
.field-box.select-field .select-list .list-row:hover {
color: #D5001C;
}
.field-box.select-field .select-choice {
width: calc(100% - 50px);
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
overflow: hidden;
color: #D5001C;
display: none;
top: 20px;
}
.field-box.select-field.active .select-list {
display: block;
}
.field-box.select-field.checked .select-choice {
display: block;
}
.sort-button {
padding-bottom: 20px;
position: relative;
cursor: pointer;
margin-top: 5px;
float: right;
z-index: 2;
}
.sort-button > * {
vertical-align: middle;
display: inline-block;
}
.sort-button .button-icon {
border: 1px solid #C8CACB;
border-radius: 100%;
text-align: center;
line-height: 40px;
margin-left: 5px;
font-size: 20px;
height: 40px;
width: 40px;
}
.sort-button .button-icon:before {
font-family: 'pag-iconfont';
display: inline-block;
content: "\E017";
}
.sort-button .button-icon.increase:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -3px;
}
.sort-button:hover .button-icon,
.sort-button.active .button-icon {
border-color: #313639;
background: #313639;
}
.sort-button:hover .button-icon:before,
.sort-button.active .button-icon:before {
color: #FFFFFF;
}
.sort-button .sort-list {
border: 1px solid #C8CACB;
background: #FFFFFF;
position: absolute;
display: none;
padding: 20px;
width: auto;
top: 50px;
right: 0;
}
.sort-button .sort-list .list-row {
white-space: nowrap;
line-height: 40px;
cursor: pointer;
}
.sort-button .sort-list .list-row.checked {
font-weight: bold;
}
.sort-button:hover .sort-list,
.sort-button .sort-list:hover,
.sort-button.active .sort-list {
display: block;
}
.sort-button .sort-list .list-row:hover {
color: #D5001C;
}
.sort-button:hover .sort-list:before,
.sort-button.active .sort-list:before {
border-left: 1px solid #C8CACB;
border-top: 1px solid #C8CACB;
transform: rotate(45deg);
background: #FFFFFF;
position: absolute;
height: 12px;
width: 12px;
content: '';
right: 14px;
top: -7px;
}
.show-more {
text-align: center;
margin-top: 20px;
}
@media screen and (max-width: 850px) {
.field-box.select-field {
margin-right: 0;
width: 49%;
}
.field-box.select-field:first-child {
margin-right: 2%;
}
}
@media screen and (max-width: 500px) {
.field-box.select-field {
margin-right: 0;
width: 100%;
}
.field-box.select-field:first-child {
margin-right: 0;
}
}
.grid {
margin-left: -30px;
}
.grid .column {
margin-bottom: 30px;
min-height: 1px;
float: left;
}
.grid .column .cell {
margin-left: 30px;
}
.grid:after {
content: "";
display: table;
clear: both;
}
.grid.three > .column {
width: 33.33%;
}
.grid.two > .column {
width: 50%;
}
.grid.flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.grid.flex .column {
-ms-flex-item-align: stretch;
align-self: stretch;
position: relative;
}
.grid.flex .column .cell {
height: 100%;
}
.grid.flex .column .cell .box {
height: 100%;
display: block;
}
.models-list .model-cell .model-img img {
width: 100%;
}
.models-list .model-cell .model-name {
font-weight: normal;
margin-bottom: 10px;
margin-left: -8px;
font-size: 24px;
margin-top: 0;
}
.models-list .model-cell .model-name:before {
font-family: 'pag-iconfont';
vertical-align: middle;
display: inline-block;
font-size: 24px;
color: #C00;
content: "";
}
.models-list .model-cell .model-name span {
vertical-align: middle;
display: inline-block;
}
.models-list .model-cell .model-text {
padding-left: 17px;
color: #959899;
}
.pageWidth.model-page {
overflow: hidden;
}
.model-page .model-cell {
align-items: normal;
font-size: 18px;
padding: 0;
}
.model-page .model-cell .model-slider {
width: 65%;
}
.model-page .model-cell .model-info {
margin-top: 50px;
width: 35%;
}
.model-page .model-info .model-name {
margin-right: 5px;
font-weight: 100;
font-size: 36px;
line-height: 1.1;
}
.model-page .model-info .model-name,
.model-page .model-info .new-car {
vertical-align: middle;
display: inline-block;
}
.model-page .model-info .new-car {
border: 1px solid #000000;
white-space: nowrap;
line-height: 30px;
font-weight: 400;
font-size: 14px;
padding: 0 6px;
margin: 5px 0;
}
.model-page .model-cell .img-link {
float: left;
}
.model-page .model-cell .img-link:nth-child(2),
.model-page .model-cell .img-link:nth-child(4) {
width: 32%;
}
.model-page .model-cell .img-link:nth-child(3) {
float: right;
width: 68%;
}
.model-page .circle-blocks {
text-align: center;
margin: 60px 0;
font-size: 0;
width: 100%;
}
.model-page .circle-blocks .block {
display: inline-block;
vertical-align: top;
width: 16.666%;
}
.model-page .circle-blocks .block .circle {
border-radius: 50%;
position: relative;
overflow: hidden;
margin: 0 auto;
height: 120px;
width: 120px;
}
.model-page .circle-blocks .block .circle .half {
position: absolute;
height: 100%;
width: 50%;
right: 0;
top: 0;
}
.model-page .circle-blocks .block .circle.icon {
border: 2px solid #bababa;
justify-content: center;
align-items: center;
font-size: 55px;
display: flex;
height: 120px;
}
.model-page .circle-blocks .block .circle.icon img {
width: 40%;
}
.model-page .circle-blocks .block .text {
margin-top: 25px;
}
.model-page .circle-blocks .block .text .value {
font-weight: 100;
font-size: 20px;
}
.model-page .circle-blocks .block .text .name {
font-weight: 400;
font-size: 16px;
}
.model-page .tech-details {
background: #eff0f1;
text-align: center;
padding: 60px 9%;
margin: 0 -9%;
width: 118%;
}
.model-page .tech-details h2 {
margin: 0;
}
.model-page .equipment h2, .model-page .tech-details h2 {
font-size: 36px;
}
.model-page .tech-details .circle {
border: 2px solid #c8cacb;
vertical-align: middle;
display: inline-flex;
align-items: center;
border-radius: 100%;
border-width: 3px;
margin: 3% 2% 0;
height: 240px;
padding: 20px;
width: 240px;
}
.model-page .tech-details .circle > * {
width: 100%;
}
.model-page .tech-details .circle .value {
line-height: 52px;
font-weight: 200;
font-size: 52px;
}
.model-page .tech-details .circle .unit {
font-size: 22px;
}
.model-page .equipment {
padding: 60px 0;
width: 100%;
}
.model-page .equipment h2 {
text-align: center;
margin: 0 0 36px;
}
.model-page .equipment .box {
margin: 0 0 36px;
padding-right: 15px;
}
.model-page .equipment .box h3 {
margin: 0;
}
.model-page .equipment .box p {
margin: 3px 0 0;
}
.model-page .button.invert {
font-size: 16px;
height: 50px;
}
.model-page .button.invert:before {
display: none;
}
.model-page .button.invert:hover {
background-color: #313639;
border-color: #313639;
color: #FFFFFF;
}
.model-page .button.invert span {
margin-left: 10px;
}
.model-page .button.invert:last-child {
display: none;
}
@media screen and (max-width: 1000px) {
.grid.three > .column {
width: 50%;
}
.model-page .model-cell .model-slider,
.model-page .model-cell .model-info {
width: 100%;
}
.model-page .model-cell .model-info {
margin-top: 10px;
}
.model-page .model-cell .img-link:not(:first-child) {
display: none;
}
.model-page .circle-blocks {
text-align: left;
}
.model-page .circle-blocks .block {
display: block;
width: 100%;
}
.model-page .circle-blocks .block .circle {
position: absolute;
height: 40px;
width: 40px;
margin: 0;
left: 15%;
}
.model-page .circle-blocks .block .circle.icon {
font-size: 30px;
height: 40px;
}
.model-page .circle-blocks .block .text {
padding-left: 25%;
}
.model-page .tech-details .circle {
height: 200px;
width: 200px;
}
.model-page .tech-details .circle .value {
line-height: 43px;
font-size: 35px;
}
}
@media screen and (max-width: 850px) {
.model-page .tech-details .circle {
height: 180px;
width: 180px;
}
.model-page .tech-details .circle .value {
line-height: 40px;
font-size: 28px;
}
.model-page .equipment .grid.two .column {
width: 100%;
}
.model-page .button.invert:last-child {
display: inline-flex;
}
.model-page .button.invert span {
display: none;
}
}
@media screen and (max-width: 500px) {
.grid.three > .column {
width: 100%;
}
.g-recaptcha > div,
.g-recaptcha > div iframe {
width: 100%!important;
}
.model-page .circle-blocks .block .circle {
left: 7%;
}
.model-page .circle-blocks .block .text {
padding-right: 15px;
padding-left: 20%;
}
.model-page .tech-details {
padding: 40px 9%;
}
.model-page .tech-details .circle {
margin: 7% 2% 0;
padding: 10px;
height: 140px;
width: 140px;
}
.model-page .tech-details .circle .value {
line-height: 30px;
font-size: 22px;
}
.model-page .equipment h2,
.model-page .tech-details h2 {
font-size: 25px;
}
.model-page .equipment h3 {
font-size: 20px;
}
.model-page .equipment .box {
margin: 0 0 30px;
}
.model-page .model-info .info-cell:first-child {
text-align: center;
}
.model-page .circle-blocks {
margin: 30px 0;
}
.model-page .equipment {
padding: 40px 0;
}
}
.speciality-rolf {
overflow-x: hidden;
}
.grid.four .column {
width: 25%;
}
.grid.spo span,
.grid.spo .cell {
display: block;
}
.grid.spo span {
background: #C00;
color: #FFFFFF;
padding: 10px;
}
.grid.spo img {
max-width: 500px;
width: 100%;
}
.grid.spo span:before {
-webkit-font-smoothing: antialiased;
font-family: pag-iconfont;
color: rgb(213, 0, 28);
margin-right: 5px;
margin-top: -1px;
color: #FFFFFF;
content: "";
float: left;
}
@media screen and (max-width: 1024px) {
.grid.spo .column {
width: 50%;
}
}
@media screen and (max-width: 800px) {
.speciality-rolf #CKMBbutton-a {
visibility: visible!important;
}
.grid.new-year.two .column {
width: 100%;
}
}
@media screen and (max-width: 570px) {
.CarouselinHeader .Lens li a.cWhite {
text-shadow: none!important;
}
.models li span {
white-space: nowrap;
}
.grid.spo .column {
width: 100%;
}
}
.speciality-asc .CarouselinHeader li {
cursor: pointer;
}
.row.flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.row.flex .col-sm-6 {
align-self: stretch;
position: relative;
margin-bottom: 30px;
}
.row.flex .col-sm-6 h3 {
margin-top: 10px;
}
.row.flex .col-sm-6 .model {
margin: 10px 0;
}
.mobiletable.noborder.spo-cayenne td,
.mobiletable.noborder.spo-cayenne th {
overflow: hidden;
padding: 10px;
}
.spo-cayenne img {
margin-top: -25px;
}
.mobile-visible {
display: none;
}
@media only screen and (max-width: 45em) and (min-width: 35.5625em) {
.mobiletable.noborder.spo-cayenne th {
display: none;
}
}
@media only screen and (max-width: 35.5625em) {
.mobile-visible {
display: inline;
}
.mobiletable.noborder.spo-cayenne th {
display: none;
}
.spo-cayenne img {
width: 100%;
}
.mobiletable.noborder.spo-cayenne td {
padding: 5px 0;
}
}
.porsche-classic h2, .porsche-classic h3 {
font-size: 34px;
color: #4c4c4c;
padding: 3px;
}
.textContent .carInfo .bold {
font-weight: 700;
padding: 0;
border: none;
display: inline;
}
.pageList .price {
font-weight: 700;
}
.mobiletable .old-price .bold {
display: inline-block;
white-space: nowrap;
}
.mobiletable .img .img-responsive {
max-width: 400px;
margin-top: 0;
height: auto;
width: 100%;
}
.mobiletable .img a {
display: block;
}
.mobiletable.nnovgorod .model p:first-child {
font-weight: 700;
}
.mobiletable.nnovgorod .model p {
max-width: 500px;
}
.mobiletable.nnovgorod {
margin-top: 30px;
}
.last-news > div {
display: inline-block;
vertical-align: top;
margin-right: 10px;
width: 22%;
}
@media screen and (max-width: 570px) {
.gallery.compact td {
display: block;
width: 100%;
}
.gallery.compact tr:first-child td p {
margin: 0;
}
.gallery.compact tr:first-child td:not(:first-child) a {
display: inline-block;
width: 33%;
}
.gallery.compact td .Grey {
white-space: nowrap;
}
.last-news > div {
margin-bottom: 10px;
margin-right: 0;
width: 100%;
}
}
.path + strong, main + strong {
font-weight: normal;
}
.topMenu .inner .nav .bold {
text-transform: uppercase;
font-weight: bold;
color: rgba(204,0,0,0.8);
}
.ModalPopup.ui-widget-content {
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
width: 600px!important;
}
.ModalPopup.ui-widget-content .ModalPopupContent p:first-child {
margin-top: 0;
}
.ModalPopup.ui-widget-content p img {
width: 100%;
display: block;
}
.ModalPopup.ui-widget-content .ui-dialog-titlebar-close {
right: 10px;
top: 15px;
width: 30px;
padding: 1px;
height: 30px;
background: none;
border: none;
font-size: 18px;
color: #333333;
outline: none;
}
.ModalPopup.ui-widget-content .ui-dialog-titlebar-close:before {
content: "\E00B";
font-family: 'pag-iconfont';
}
.include.no-filter .model-filter,
.include.no-filter ~ .model-filter,
.include.no-filter ~ .cars-list-block .model-filter {
display: none;
}
.cars-list-block {
border-bottom: 1px solid #C8CACB;
}
/*.cars-list-block ~ p {
display: none;
}*/
.textContent .cars-list-block {
border-bottom: none;
margin-bottom: 50px;
}
.button-under-table {
margin-left: calc(50% + 2em);
}
@media screen and (max-width: 823px) {
.button-under-table {
margin-left: 0;
}
}
.test-block .radio * {
vertical-align: middle;
display: inline-flex;
}
.test-block .radio .icon {
border: 2px solid #959899;
justify-content: center;
align-items: center;
border-radius: 100%;
margin-right: 10px;
position: relative;
text-align: center;
max-width: 800px;
font-size: 0;
height: 24px;
width: 24px;
}
.test-block .radio .text {
font-family: 'PorscheNextWLa', 'PorscheNextWCy', "Arial Narrow", sans-serif;
font-weight: 100;
font-size: 20px;
margin-top: 5px;
}
.test-block .radio .icon:before {
display: inline-block;
background: #000;
border-radius: 100%;
height: 12px;
width: 12px;
}
.test-block .radio input {
display: none;
}
.test-block .radio input:checked ~ .icon {
border: 2px solid #000;
}
.test-block .radio input:checked~.icon:before {
content: "";
}
.bad {
color: #970A19;
}
.good {
color: #38AB39;
}
.model-info .info-cell .old {
text-decoration: line-through;
margin-right: 10px;
}
.model-info .info-cell .new {
color: #d5001c;
}
.model-info .info-cell .moreButton {
margin: 7px 15px 7px 0;
}
.grid.tires {
max-width: 920px;
}
.grid.tires .text {
margin-bottom: 20px;
}
.grid.tires .column {
text-align: center;
}
.grid.tires img {
margin-bottom: 20px;
display: block;
width: 100%;
}
@media screen and (max-width: 1000px) {
.grid.tires .column:empty {
display: none;
}
}
.spo.black {
position: relative;
margin: 0 0 40px;
}
.spo.black .photos {
width: 60%;
}
.spo.black .photos:after {
content: "";
display: table;
clear: both;
}
.spo.black .text {
justify-content: center;
align-items: center;
background: #000000;
text-align: center;
position: absolute;
padding: 20px 0;
color: #FFFFFF;
display: flex;
height: 100%;
width: 39%;
right: 0;
top: 0;
}
.spo.black .text p {
padding: 0 5%;
}
.spo.black .photos .photo {
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
display: flex;
float: left;
}
.spo.black .photos .photo img {
transform: translate(-50%,-50%);
position: absolute;
max-width: 100%;
left: 50%;
top: 50%;
}
.spo.black .photos .photo.large {
padding-top: 46%;
margin-right: 2%;
width: 62%;
}
.spo.black .photos .photo.small {
padding-top: 22%;
width: 36%;
}
.spo.black .photos .photo.small:not(:last-child) {
margin-bottom: 2%;
}
.spo.models {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.spo.models .cell {
background: #1B1D1F;
position: relative;
height: 100%;
}
.spo.models .cell .text {
position: relative;
text-align: center;
padding: 20px 20px 80px;
color: #FFFFFF;
font-size: 18px;
}
.spo.models .cell .text div {
margin-bottom: 5px;
}
.spo.models .cell .text div:first-child {
font-weight: bold;
}
.spo.models .cell .button {
transform: translateX(-50%);
position: absolute;
white-space: nowrap;
bottom: 25px;
left: 50%;
}
main .moreButton.red:hover {
color: #fff;
}
main .Download:hover {
color: #fff;
}
@media screen and (max-width: 1000px) {
.spo.black .photos {
margin-bottom: 15px;
width: 100%;
}
.spo.black .text {
position: relative;
height: auto;
width: 100%;
}
}
.map-frame {
position: relative;
padding-top: 40%;
}
.map-frame * {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}