.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after, .slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700&subset=cyrillic");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=cyrillic");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}  html, body {
height: 100%;
min-height: 100%;
margin: 0;
}
body {
background: url(//jacmotors.by/wp-content/themes/jacmotors/images/bg.jpg) center 0;
background-attachment: fixed;
color: #3f3e40;
font-size: 14px;
font-family: 'Roboto', sans-serif;
line-height: 20px;
margin: 0;
}
main {
display: block;
}
img {
border: 0;
max-width: 100%;
}
p {
margin: 10px 0;
}
ul, ol {
padding: 0;
margin: 0;
}
li {
list-style: none;
}
a {
color: #c81b26;
}
a, input, textarea {
outline: none;
}
b, strong {
font-weight: 700;
}
i, em {
font-style: italic;
}
th {
font-weight: normal;
text-align: left;
}
fieldset {
padding: 0;
border: 0;
margin: 0;
}
blockquote {
margin: 0;
padding: 0;
}
textarea {
resize: none;
overflow: auto;
}
input::-moz-focus-inner {
border: 0;
padding: 0;
}
a:hover {
text-decoration: none;
}
.clear {
clear: both;
display: block;
}
blockquote {
border: 5px solid #efefef;
position: relative;
font-size: 14px;
text-align: center;
line-height: 18px;
padding: 12px 20px;
margin: 24px 0;
}
blockquote:before {
content: '';
display: block;
position: absolute;
border: 10px solid transparent;
border-top: 10px solid #fff;
border-right: 10px solid #fff;
right: 0;
top: 0;
}
hr {
background: #efefef;
height: 7px;
clear: both;
display: block;
padding: 0;
margin: 30px 0;
border: 0;
} .container {
margin: 0 auto;
width: 992px;
}
.clearfix:after, .row:after, .container:after {
content: '';
clear: both;
display: block;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
[class*='grid'] {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
min-height: 1px;
}
.grid2 {
width: 16.6666666%;
}
.grid3 {
width: 25%;
}
.grid4 {
width: 33.3333333%;
}
.grid5 {
width: 41.6666666%;
}
.grid6 {
width: 50%;
}
.grid7 {
width: 58.3333333%;
}
.grid8 {
width: 66.6666666%;
}
.grid9 {
width: 75%;
}
.pull-right {
float: right;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
} .input {
background: 0;
border: 1px solid #e2e2e2;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
outline: none;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
height: 32px;
}
.input:focus {
border-color: #ddd;
}
.input.wpcf7-not-valid {
border-color: #c81b26;
}
textarea.input {
height: 100px;
}
.wpcf7-not-valid-tip {
color: #c81b26;
font-size: 11px !important;
margin: 5px 0 0;
line-height: 12px;
display: block;
} .btn {
background: #c81b26;
cursor: pointer;
display: inline-block;
text-decoration: none;
border: 0;
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
outline: none;
font-family: 'Roboto', sans-serif;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
font-size: 14px;
line-height: 20px;
padding: 8px 20px;
}
.btn:hover {
background: #444;
color: #fff;
}
input.btn, button.btn {
padding-top: 0;
padding-bottom: 0;
height: 36px;
line-height: 36px;
}
.input-field {
display: block;
margin: 0 0 14px;
}
.input-field label {
display: block;
margin: 0 0 6px;
}
.input-field .input {
width: 100%;
}
.input-field select {
width: 100%;
}
.input-field__error {
margin-top: 8px;
font-size: 12px;
line-height: 14px;
} .fancybox-close-small {
display: none !important;
}
.modal {
background: #fff;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 30px;
max-width: 480px;
position: relative;
display: none;
}
.modal_title {
font-size: 24px;
line-height: 28px;
margin: 0 0 24px;
font-weight: 700;
}
.modal_close {
background: url(//jacmotors.by/wp-content/themes/jacmotors/images/times.svg) no-repeat;
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 10px;
} .pagination {
text-align: center;
margin: 20px 0;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
}
.pagination a, .pagination span {
display: inline-block;
vertical-align: middle;
}
.pagination a, .pagination .current {
border: 1px solid #efefef;
min-width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
text-decoration: none;
margin: 0 2px;
}
.pagination a:hover {
background: #efefef;
} .pagebox {
background: #fff;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
} .header {
background: #8c8b8b;
height: 82px;
position: relative;
}
.header:after {
content: '';
clear: both;
display: block;
}
.logo {
float: left;
position: relative;
width: 317px;
}
.logo img {
display: block;
position: absolute;
left: -31px;
top: 0;
z-index: 990;
} .navmenu {
padding-left: 287px;
}
.navmenu ul {
display: table;
width: 100%;
}
.navmenu li {
display: table-cell;
border-left: 1px solid #696868;
text-transform: uppercase;
font-size: 16px;
line-height: 22px;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
padding: 0;
}
.navmenu li a {
color: #fff;
text-shadow: 1px 1px 1px #1c1c1c;
display: block;
position: relative;
padding: 30px 10px;
text-decoration: none;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
}
.navmenu li:hover a {
background: #777;
color: #fff;
}
.navmenu li.active a, .navmenu li.current_page_item a, .navmenu li.current-menu-item a, .navmenu li.current-post-ancestor a,
.navmenu li.current-menu-parent a, .navmenu li.current-page-ancestor a {
background: #777;
color: #fff;
}
.navmenu li.active a:before, .navmenu li.current_page_item a:before, .navmenu li.current-menu-item a:before, .navmenu li.current-post-ancestor a:before,
.navmenu li.current-menu-parent a:before, .navmenu li.current-page-ancestor a:before {
content: '';
display: block;
position: absolute;
height: 5px;
width: 100%;
bottom: 0;
left: 0;
background: #c81b26;
}
.navmenu li.active a:after, .navmenu li.current_page_item a:after, .navmenu li.current-menu-item a:after, .navmenu li.current-post-ancestor a:after,
.navmenu li.current-menu-parent a:after, .navmenu li.current-page-ancestor a:after {
content: '';
display: block;
position: absolute;
border: 7px solid transparent;
bottom: 5px;
border-bottom: 7px solid #c81b26;
left: 50%;
margin-left: -7px;
}
.navmenu_overlay {
background: rgba(0, 0, 0, 0.8);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 999;
display: none;
}
.navmenu_overlay.opened {
display: block;
}
.showmenu {
display: none;
float: right;
margin: 30px 20px 0 0;
cursor: pointer;
width: 32px;
position: relative;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
z-index: 1000;
}
.showmenu b {
display: block;
background: #fff;
height: 4px;
margin: 0 0 5px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.showmenu b:last-child {
margin: 0;
}
.showmenu.opened {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
} .service_nav li {
margin: 0 0 7px;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
font-weight: 700;
}
.service_nav li a {
background: #4e4d5b;
display: block;
padding: 6px 10px;
text-decoration: none;
color: #fff;
}
.service_nav li a:hover {
background: #888;
}
.service_nav li.active > a, .service_nav li.current-menu-item > a, .service_nav li.current_page_parent > a, .service_nav li.current_page_ancestor > a {
background: #c81b26;
}
.service_nav li ul {
margin: 10px 20px 20px;
}
.service_nav li .sub-menu {
display: none;
}
.service_nav li.current_page_parent .sub-menu, .service_nav li.current_page_ancestor .sub-menu, .service_nav li.current_page_item .sub-menu, .service_nav li.current-menu-item .sub-menu {
display: block;
} .footer {
background: #444;
height: 70px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
.footer:after {
content: '';
clear: both;
display: block;
}
.footer .footmenu {
float: left;
margin: 24px 0 0;
}
.footer .pull-right {
margin: 24px 0 0;
}
.footmenu li {
display: inline-block;
font-size: 13px;
line-height: 16px;
border-left: 1px solid #fff;
padding: 0 8px;
text-transform: uppercase;
}
.footmenu li:first-child {
border-left: 0;
padding-left: 0;
}
.footmenu li a {
color: #fff;
text-decoration: none;
}
.footmenu li a:hover {
color: #ddd;
text-decoration: underline;
}
.copyright {
display: inline-block;
vertical-align: middle;
margin-right: 50px;
color: #fff;
font-size: 13px;
line-height: 16px;
}
#ontop {
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width: 20px;
height: 20px;
display: block;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
}
#ontop:before {
content: '';
display: block;
position: absolute;
background: url(//jacmotors.by/wp-content/themes/jacmotors/images/top.svg) no-repeat;
width: 14px;
height: 15px;
left: 3px;
top: 2px;
} .bigslider, .bigslider_item {
height: 460px;
}
.bigslider {
overflow: hidden;
}
.bigslider_item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.bigslider_text {
background: rgba(255, 255, 255, 0.8);
font-size: 12px;
line-height: 15px;
border-radius: 0 18px 0 0;
-moz-border-radius: 0 18px 0 0;
-webkit-border-radius: 0 18px 0 0;
padding: 14px 18px;
position: absolute;
left: 20px;
bottom: 0;
width: 180px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 170px;
}
.bigslider_title {
margin: 0 0 10px;
font-weight: 700;
font-size: 14px;
line-height: 16px;
}
.bigslider .slick-dots {
position: absolute;
left: 0;
width: 100%;
bottom: 20px;
text-align: center;
}
.bigslider .slick-dots li {
display: inline-block;
margin: 0 8px;
}
.bigslider .slick-dots li button {
-webkit-appearance: none;
appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
outline: none;
width: 10px;
height: 10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px #fff;
-moz-box-shadow: 0 0 0 2px #fff;
box-shadow: 0 0 0 2px #fff;
cursor: pointer;
padding: 0;
background: 0;
border: 0;
text-indent: -9999px;
}
.bigslider .slick-dots .slick-active button {
background: #fff;
} .content {
padding: 40px 20px;
position: relative;
min-height: 780px;
}
.content:after {
content: '';
clear: both;
display: block;
}
body.home .content {
min-height: 0;
}
.flashbox object {
width: 100%;
height: 300px;
}
.innerpage {
padding-top: 60px;
}
.widjet {
margin-bottom: 40px;
}
.widjet_title {
background: #444;
color: #fff;
padding: 7px 12px;
position: relative;
text-transform: uppercase;
font-size: 15px;
line-height: 16px;
font-family: 'Roboto Condensed', sans-serif;
}
.widjet_title:before {
content: '';
display: block;
position: absolute;
border: 10px solid transparent;
border-top: 10px solid #fff;
border-right: 10px solid #fff;
right: 0;
top: 0;
}
.widjet_more {
text-align: right;
padding-top: 10px;
}
.widjet_more a {
display: inline-block;
color: #fff;
border-radius: 0 0 0 18px;
-moz-border-radius: 0 0 0 18px;
-webkit-border-radius: 0 0 0 18px;
padding: 5px 12px;
text-decoration: none;
position: relative;
background: #ca171e;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase;
line-height: 14px;
font-size: 14px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.widjet_more a:hover {
background: #7a0c10;
}
.widjet_content {
height: 155px;
overflow: hidden;
}
.widjet_content img {
display: block;
margin: 0 auto;
width: 100%;
}
.widjet_logo {
text-align: center;
} .alignleft {
float: left;
margin: 0 20px 10px 0;
}
.alignright {
float: right;
margin: 0 0 10px 20px;
}
.aligncenter {
display: block;
margin: 20px auto;
} .content_aside {
padding: 0;
position: relative;
}
.content_aside:after {
content: '';
clear: both;
display: block;
}
.content_aside:before {
content: '';
display: block;
position: absolute;
width: 256px;
left: 0;
top: 0;
bottom: 0;
background: #f6f5f5;
}
.leftcol, .rightcol {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 20px 20px;
position: relative;
}
.leftcol {
width: 256px;
float: left;
margin: 0;
padding-left: 0;
padding-right: 0;
position: relative;
z-index: 2;
}
.rightcol {
padding-left: 266px;
}
.rightcol_inner {
float: left;
width: 100%;
} .pagetitle {
background: #c81b26;
color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
line-height: 20px;
padding: 5px 10px 5px 40px;
text-transform: uppercase;
position: absolute;
left: 264px;
top: 7px;
right: 0;
z-index: 10;
}
.pagetitle:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 30px 25px 0 0;
border-color: #fff transparent transparent transparent;
} .anonse {
margin: 0 0 20px;
}
.anonse_title {
background: #858383;
color: #fff;
position: relative;
padding: 6px 14px;
margin: 0 0 10px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
line-height: 16px;
position: relative;
}
.anonse_title:after {
content: '';
clear: both;
display: block;
}
.anonse_title:before {
content: '';
display: block;
position: absolute;
border: 10px solid transparent;
border-top: 10px solid #fff;
border-right: 10px solid #fff;
right: 0;
top: 0;
}
.anonse_date {
margin: 0 0 18px;
color: #777;
font-size: 13px;
line-height: 16px;
}
.anonse_content {
margin: 0;
background: #f6f5f5;
padding: 20px;
}
.anonse_content:after {
content: '';
clear: both;
display: block;
}
.anonse_content img {
max-width: 200px;
}
.catname {
background: #e6e7e8;
color: #414042;
text-shadow: none;
font-weight: 700;
text-transform: uppercase;
} .post {
margin: 0 0 40px;
}
.post .catname {
margin: 0 0 24px;
}
.post p {
margin: 0 0 18px;
}
.post p:last-child {
margin: 0;
}
.post table {
border-collapse: collapse;
margin: 0 0 24px;
}
.post table th, .post table td {
border: 1px solid #ddd;
padding: 5px 10px;
}
.post table th {
background: #ddd;
font-weight: 700;
}
.post table tr:nth-child(odd) td {
background: #f1f1f1;
}
.post ul, .post ol {
margin: 0 20px 24px;
}
.post ol li {
list-style: inside decimal;
}
.post ul li {
position: relative;
padding-left: 14px;
}
.post ul li:before {
content: '';
display: block;
position: absolute;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #c81b26;
width: 6px;
height: 6px;
left: 0;
top: 7px;
}
.post img, .anonse_content img {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
padding: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.post .wp-block-gallery {
text-align: center;
}
.post .wp-block-gallery li {
display: inline-block;
padding-left: 0;
margin: 0 8px 16px;
}
.post .wp-block-gallery li:before {
content: none;
display: none;
}
.post .wp-block-gallery li img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
width: auto;
} .catrow {
margin-bottom: 20px;
}
.catbox {
background: #efefef;
margin: 0 0 20px;
padding: 5px;
position: relative;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
}
.catbox a {
display: block;
text-decoration: none;
}
.catbox_img {
background: #fff;
position: relative;
height: 200px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
margin: 0 0 5px;
overflow: hidden;
justify-content: center;
}
.catbox_img img {
max-height: 180px;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
}
.catbox_name {
position: absolute;
left: 10px;
top: 10px;
right: 10px;
z-index: 10;
font-weight: 700;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
}
.catbox_text {
color: #58595b;
display: block;
font-size: 11px;
line-height: 14px;
height: 28px;
overflow: hidden;
}
.catbox_text p {
margin: 0;
}
.catbox:hover {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.catbox:hover .catbox_img img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.lisingrow .catbox_img img {
max-height: none;
width: 100%;
display: block;
margin: 0 auto;
}
.lisingrow .catbox_text {
height: auto;
overflow: visible;
} #map {
width: 100%;
height: 300px;
border: 0;
padding: 0;
margin: 0 0 14px;
}
.mapwin {
display: none;
font-size: 13px;
line-height: 16px;
margin: 0 0 10px;
border: 5px solid #efefef;
padding: 20px;
}
.mapwin:after {
content: '';
clear: both;
display: block;
}
.mapwin_left {
float: left;
width: 62%;
}
.mapwin_right {
float: right;
width: 36%;
}
.mapwin_title {
font-size: 18px;
line-height: 20px;
font-weight: 700;
margin: 0 0 20px;
}
.mapwin_desc {
margin: 0 0 14px;
}
.mapwin.active {
display: block;
}
#dealer {
font-size: 13px;
line-height: 16px;
max-width: 700px;
}
#dealer ul {
margin: 20px;
}
#dealer ul li {
list-style: inside disc;
}
#dealer .dealermodal_form {
display: none;
} h2 {
font-size: 16px;
line-height: 18px;
margin: 0 0 20px;
font-weight: 700;
}
.lisingbox {
border: 5px solid #efefef;
padding: 20px;
margin: 0 0 10px;
font-size: 13px;
line-height: 16px;
}
.lisingbox:after {
content: '';
clear: both;
display: block;
}
.lisingbox p {
margin: 0 0 14px;
}
.lisingbox img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
max-width: 260px;
} .tabs {
margin-bottom: 0;
position: relative;
z-index: 10;
}
.tabs:after {
content: '';
clear: both;
display: block;
}
.tabs li {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
display: inline-block;
line-height: 16px;
position: relative;
margin: 0 2px 0 0;
}
.tabs li a {
background: #efefef;
color: #484848;
display: block;
text-decoration: none;
padding: 8px 10px;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.tabs li.ui-tabs-active, .tabs li.r-tabs-state-active {
z-index: 10;
}
.tabs li.ui-tabs-active a, .tabs li.r-tabs-state-active a {
background: #777;
color: #fff;
}
.tabs li.ui-tabs-active a:before, .tabs li.r-tabs-state-active a:before {
border-color: transparent transparent transparent #c81b26;
}
.tab-pane {
border: 8px solid #777;
padding: 30px;
}
.tab-pane:after {
content: '';
clear: both;
display: block;
}
.tab-pane#tab6 {
padding: 20px 0 !important;
} .r-tabs .r-tabs-nav {
margin: 0;
padding: 0;
}
.r-tabs .r-tabs-panel {
display: none;
}
.r-tabs .r-tabs-accordion-title {
text-transform: uppercase;
font-weight: 700;
font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
margin-bottom: 2px;
display: none;
text-align: center;
}
.r-tabs .r-tabs-accordion-title a {
background: #efefef;
color: #484848;
text-decoration: none;
padding: 8px 10px;
display: block;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active a {
background: #777;
color: #fff;
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
} @media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: block;
}
} .productpage {
padding-top: 60px;
position: relative;
}
.productpage .service_nav {
position: absolute;
left: 0;
width: 256px;
}
.productpage h1 {
font-size: 34px;
line-height: 36px;
margin: 0 0 24px;
font-weight: 700;
text-align: center;
}
.productpage h2 {
font-size: 18px;
line-height: 22px;
margin: 0 0 20px;
font-weight: 700;
}
.productpage .alignright {
max-width: 200px;
margin-bottom: 30px;
}
.productpage_cover {
text-align: center;
margin: 0 0 20px;
}
.productpage_cover img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.productpage_text {
max-width: 560px;
margin: 0 auto 30px;
}
.car_variant {
display: table;
width: 100%;
border-bottom: 3px solid #4e4d5b;
margin-bottom: 30px;
position: relative;
padding-bottom: 40px;
}
.car_variant:last-child {
margin-bottom: 0;
}
.car_variant .header {
height: auto !important;
background: 0 !important;
}
.car_variant .header .col {
background: #4e4d5b;
color: #fff;
text-transform: uppercase;
font-size: 11px;
text-align: center;
padding: 3px 8px;
}
.car_variant .header .col.col0 {
background: 0;
color: #4e4d5b;
font-size: 13px;
text-align: left;
}
.car_variant .header, .car_variant .data {
display: table-row;
}
.car_variant .col {
display: table-cell;
vertical-align: middle;
font-size: 13px;
line-height: 16px;
font-weight: 600;
text-align: center;
padding: 14px 8px;
}
.car_variant .col0 {
width: 220px;
padding-right: 10px;
}
.car_variant .links {
position: absolute;
left: 230px;
bottom: 5px;
}
.car_variant .vi-link {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-size: 11px;
line-height: 12px;
padding: 5px;
text-decoration: none;
background: #efefef;
color: #444;
font-weight: 600;
margin: 0 4px 4px 0;
text-transform: uppercase;
max-width: 140px;
display: inline-block;
text-align: center;
}
.car_variant .vi-link:hover {
background: #c81b26;
color: #fff;
}
@media screen and (max-width: 1040px) {
.car_variant .col0 {
width: 160px;
}
.car_variant .links {
position: absolute;
left: 170px;
}
}
@media screen and (max-width: 767px) {
#car_variants {
overflow: scroll;
width: 100%;
}
.car_variants_out {
position: relative;
}
.car_variants_out:before {
content: '';
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30px;
z-index: 10;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.car_variant {
width: 767px;
}
}  @media screen and (max-width: 1040px) {
.hidden-tb {
display: none !important;
}
.tb6 {
width: 50%;
}
.tb12 {
width: 100%;
}
.container {
width: 768px;
}
.showmenu {
display: block;
}
.content_aside {
display: block;
}
.content_aside:before {
content: none;
display: none;
}
.leftcol {
float: none;
width: auto;
}
.leftcol, .rightcol {
padding: 20px;
}
.leftcol {
min-width: 0;
max-width: none;
padding: 60px 20px 0;
}
.rightcol_inner {
float: none;
width: auto;
}
.service_nav {
margin: 0;
}
.navmenu {
background: #8c8b8b;
margin: 0;
padding: 0;
display: block;
width: 200px;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
bottom: 0;
transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-webkit-transition: all 200ms ease-out;
transform: translateX(-240px);
-moz-transform: translateX(-240px);
-webkit-transform: translateX(-240px);
}
.navmenu.opened {
transform: translateX(0px);
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
}
.navmenu ul {
display: block;
width: auto;
}
.navmenu li {
display: block;
border: 0;
border-bottom: 1px solid #696868;
font-size: 16px;
line-height: 18px;
}
.navmenu li a {
padding: 10px 20px;
}
.footer {
height: auto;
padding: 14px 0;
text-align: center;
position: relative;
}
.footer .footmenu {
float: none;
margin: 0 0 20px;
}
.footer .pull-right {
float: none;
margin: 0;
}
.footer #ontop {
position: absolute;
right: 18px;
bottom: 14px;
}
.bigslider, .bigslider_item {
height: 320px;
}
.flashbox .grid6 {
margin: 0 0 20px;
}
.catrow .grid4 {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.content {
padding-left: 15px;
padding-right: 15px;
min-height: 300px;
}
.productpage, .leftcol, .rightcol, .innerpage {
padding-top: 0;
}
.leftcol, .rightcol {
padding: 0;
}
.sm12 {
width: 100%;
}
.pagetitle {
position: relative;
right: auto;
top: auto;
left: auto;
margin: 0 -15px 20px;
padding: 6px 10px;
text-align: center;
}
.pagetitle:before {
content: none;
display: none;
}
.container {
margin: 0;
width: auto;
}
.header {
height: 50px;
}
.logo {
width: 130px;
}
.logo img {
position: relative;
left: auto;
}
.showmenu {
margin-top: 14px;
}
.widjet_content {
height: auto;
overflow: visible;
}
.catrow {
margin: 0 0 20px;
}
.catrow .grid4 {
float: none;
padding: 0;
width: auto;
}
.catbox {
margin: 0 0 10px;
}
.catbox_img {
display: block;
height: auto;
text-align: center;
}
img.alignleft, img.alignright {
float: none;
width: auto;
display: block;
margin: 20px auto;
}
.tab-pane {
padding: 16px;
}
.productpage .alignright {
max-width: 100%;
margin-bottom: 20px;
}
.productpage .service_nav {
position: relative;
left: auto;
width: auto;
margin: 0 0 10px;
max-width: 320px;
}
.mapwin .mapwin_left, .mapwin .mapwin_right {
float: none;
width: auto;
}
.mapwin .mapwin_left {
margin: 0 0 20px;
}
}