/*

Theme Name: Ruli Kolesa

Author: righto

Version: 1.0

*/



html,

body {

    font: 14px 'PT Sans', sans-serif;

    color: #252a38;

}

img {

    max-width: 100%;

}

a,

a:focus,

a:hover {

    outline: none;

    color: #144976;

}

a {

    text-decoration: none;

}

ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}

span.lb-style-disk .lb-like-label,

.lb-style-disk .lb-dislike-label,

span.lb-style-disk .lb-count {

    color: #EEB03C !important;

}

.lb-style-disk .lb-count {

    line-height: 23px !important;

}

span.lb-style-disk .lb-like-icon {

    background: url(img/like.png) no-repeat;

    width: 25px;

    height: 25px;

}

.lb-a:hover .lb-like-icon {

    background: url(img/like.png) no-repeat !important;

}

.cat_link li:first-child {

    display: block;

}

.cat_link li {

    display: none;

}

.bread {

    font: 12px 'PT Sans', sans-serif;

    color: #89a4ba;

    margin: 0 0 20px;

}

.entry img {

    height: auto;

}

.entry iframe {

    width: 100%;

}

.bread a {

    color: #144976;

}

.bread a.home {

    background: url(img/home.png) no-repeat left center;

    padding: 0 0 0 20px;

}

.bread a.home span {

    background: none;

    padding: 0px;

    margin: 0px;

}

.bread span span {

    background: url(img/marker.png) no-repeat left 7px;

    padding: 0 0 0 10px;

    margin: 0 0 0 10px;

}

.post .thumb {

    border-radius: 5px;

    overflow: hidden;

}

.post .thumb img {

    height: auto;

    border-radius: 5px;

}

.wp-pagenavi:before {

    clear: both;

    display: table;

    content: "";

    margin: 30px 0 0;

}

.wp-pagenavi .current {

    background: #eeb03c;

    color: #fff;

}

.wp-pagenavi span {

    border-radius: 100%;

    color: #fff;

    display: inline-block;

    padding: 0px 2px;

    margin: 0 5px;

    background: #38c1d1;

    min-width: 35px;

    height: 35px;

    line-height: 35px;

}

.wp-pagenavi {

    text-align: center;

    font: bold 16px 'PT Sans', sans-serif;

    margin: 0 0 30px;

}

.wp-pagenavi a {

    border-radius: 100%;

    color: #fff;

    display: inline-block;

    padding: 0px 2px;

    margin: 0 5px;

    background: #38c1d1;

    min-width: 35px;

    height: 35px;

    line-height: 35px;

}

.wp-pagenavi a:hover {

    text-decoration: none;

    background: #eeb03c;

}

blockquote {

    border-radius: 4px;

    margin: 20px 0px;

    padding: 20px 20px 20px 105px;

    background: url(img/caption.jpg) no-repeat 20px 11px;

    border: 1px solid #38c1d1;

    border-radius: 5px;

    min-height: 95px;

    font-style: italic;

}

blockquote p {

    margin: 0px;

}

blockquote.c1 {

    background: url(img/c1.png) no-repeat #f2fad3 25px center;

    padding-left: 100px;

}

blockquote.c2 {

    background: url(img/c2.png) no-repeat #f9eee1 25px center;

    padding-left: 100px;

}

blockquote.c3 {

    background: url(img/c3.png) no-repeat #ffe5e9 25px center;

    padding-left: 100px;

}

.views_block {

    background: url(img/eye.png) no-repeat left center;

    padding: 0 0 0 20px;

    color: #cacbcc;

    font: 12px 'PT Sans', sans-serif;

    float: right;

}

.comment_block h3 {

    font: 30px 'PT Sans', sans-serif;

    color: #252a38;

    margin: 0 0 20px;

}

.comment_block h3 small a {

    font-size: 14px;

}

.comment_block .commentlist li {

    padding: 20px;

    color: #2e354a;

    border-radius: 5px;

    margin: 0 0 30px;

    border: 1px solid #e0e5eb;

    border-radius: 5px;

}

.commentlist li img {

    display: block;

}

.top_com {

    color: #144976;

    font: 12px 'PT Sans', sans-serif;

    margin: 0 0 10px;

}

.comment-reply-link {

    background: #38c1d1;

    border-radius: 20px;

    color: #fff;

    padding: 1px 7px 3px;

    font: 12px 'PT Sans', sans-serif;

    text-decoration: none;

    color: #fff;

    float: right;

}

.comment-reply-link:hover,

.comment-reply-link:focus {

    color: #fff;

}

.comment-respond textarea {

    width: 100%;

    border: 1px solid #e9ebee;

    border-radius: 2px;

    height: 70px;

    margin: 0 0 10px;

    resize: none;

    padding: 10px;

    color: #9d9ba4;

}

.comment-respond .row {

    margin: 0 -10px;

}

.comment-respond .col-md-6 {

    padding: 0 10px;

}

.comment-respond input[type="text"],

.comment-respond input[type="email"] {

    border: 1px solid #e9ebee;

    border-radius: 2px;

    height: 38px;

    width: 100%;

    padding: 0 10px;

    color: #9d9ba4;

    margin: 0 0 10px;

}

.comment-respond input[type="submit"] {

    background: #38c1d1;

    color: #fff;

    font: 14px 'PT Sans', sans-serif;

    border: none;

    padding: 10px 40px;

    border-radius: 20px;

    -webkit-transition: all 0.5s ease 0s;

    -moz-transition: all 0.5s ease 0s;

    -o-transition: all 0.5s ease 0s;

    transition: all 0.5s ease 0s;

}

.comment-respond input[type="submit"]:hover {

    background: #23a6b5;

}

.comment-notes {

    display: none;

}

.comment_block .list {

    margin: 20px 0;

}

.entry {

    font: 16px 'PT Sans', sans-serif;

}

.entry a {

    text-decoration: underline;

}

.entry a:hover,

.entry a:focus {

    text-decoration: none;

}

.entry ol {

    counter-reset: myCounter;

    padding: 0 0 0 20px;

    margin: 20px 0;

}

.entry ol li {

    list-style: none;

}

.entry ul {

    list-style: none;

    padding: 0px;

    margin: 20px 0;

}

.entry ul ul {

    margin: 5px 0 0;

}

.entry ul li {

    background: url(img/marker2.png) no-repeat 10px 3px;

    padding: 2px 0 2px 40px;

    margin: 0px;

}

.entry ol li:before {

    counter-increment: myCounter;

    content: counter(myCounter) ".";

    color: #38c1d1;

    font-weight: bold;

    display: inline-block;

    margin: 0 15px 0 0;

}

#toc_container {

    display: block;

    background: #f0f0f0;

    padding: 20px;

    border: none;

    border-radius: 5px;

}

#toc_container p.toc_title {

    font: 22px 'PT Sans', sans-serif;

    text-align: left;

    color: #252a38;

}

#toc_container li {

    margin: 0 0 5px;

}

#toc_container ul ul {

    margin-top: 5px;

}

#toc_container a {

    color: #144976;

    background: url(img/marker.png) no-repeat left center;

    padding: 0 0 0 10px;

    text-decoration: underline;

    font-size: 14px;

}

#toc_container a:hover {

    text-decoration: none;

}

.right_col .box {

    margin: 0 0 30px;

}

.content {

    padding: 0 30px 0 0;

}

h1 {

    font: 42px 'PT Sans', sans-serif;

    color: #252a38;

    margin: 0 0 20px;

}

h2 {

    font: 30px 'PT Sans', sans-serif;

    color: #252a38;

    margin: 20px 0;

}

h3 {

    font: 22px 'PT Sans', sans-serif;

    color: #252a38;

}

h4 {

    font: 20px 'PT Sans', sans-serif;

    color: #252a38;

}

.more-link {

    display: none;

}

.alignleft {

    float: left;

    margin: 0 20px 0px 0;

}

.alignright {

    float: right;

    margin: 0 0 0px 20px;

}

.aligncenter {

    display: block;

    margin: 20px 0;

}

.post-ratings-loading {

    display: none !important;

}

.wp-caption img {

    width: 100%;

}

.wp-caption-text {

    background: #f4f5f7;

    color: #767789;

    font: 14px 'PT Sans', sans-serif;

    margin: 0px;

    padding: 10px 0;

    text-align: center;

}

.top_header {

    color: #90939a;

    font: 12px 'PT Sans', sans-serif;

    background: url(img/header.jpg) no-repeat center top;

    background-size: cover;

    padding: 30px 0 20px;

}

.related_block .post h2 a {

    font-size: 16px;

}

.related_block .row {

    margin: 0 -15px;

}

.related_block .col-md-6 {

    padding: 0 15px;

}

.logo_wr {

    position: relative;

    margin: 10px 0 0;

}

footer .logo_wr .b_link {

    left: 85px;

    top: -5px;

}

header .logo_wr .b_link {

    left: 120px;

    top: -5px;

}

.logo_wr .b_link {

    background: url(img/star.png) no-repeat left center;

    padding: 0 0 0 15px;

    color: #38c1d1;

    position: absolute;

    top: 0px;

}

.logo_wr p {

    position: absolute;

    left: 120px;

    top: 45px;

}

.top_menu li {

    display: inline-block;

}

.top_menu li:first-child {

    margin: 0px;

}

.top_menu li {

    margin: 0 0 0 25px;

}

.top_menu a {

    color: #6d7889;

}

.vk_link,

.vk_link:hover,

.vk_link:focus {

    background: url(img/vk.png) no-repeat left center;

    padding: 0 0 0 30px;

    color: #38c1d1;

    font: 12px 'PT Sans', sans-serif;

}

.m_wrap:before {

    background-color: rgba(37, 42, 56, 0.8);

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

}

.cat_name {

    position: relative;

    height: 100px;

    overflow: hidden;

}

.head_back {

    text-align: center;

}

.head_back img {

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    width: 100%;

}

.cat_name h1 {

    position: relative;

    color: #fff;

    font: 30px/100px 'PT Sans', sans-serif;

    margin: 0px;

    text-align: left;

}

.cat_name h1 span {

    margin: 0 0 0 15px;

}

.bmw h1 {

    background: url(img/models/с40.png) no-repeat left center;

}

.bmw {

    background: url(img/models/1.jpg) no-repeat center;

}

.acura h1 {

    background: url(img/models/с1.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.acura {

    background: url(img/models/2.jpeg) no-repeat center;

}

.alfa h1 {

    background: url(img/models/с2.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.alfa {

    background: url(img/models/3.jpg) no-repeat center;

}

.cadillac h1 {

    background: url(img/models/с3.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.cadillac {

    background: url(img/models/4.jpeg) no-repeat center;

}

.chevrolet h1 {

    background: url(img/models/с4.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.chevrolet {

    background: url(img/models/5.jpg) no-repeat center;

}

.chrysler h1 {

    background: url(img/models/с5.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.chrysler {

    background: url(img/models/6.jpeg) no-repeat center;

}

.citroen h1 {

    background: url(img/models/с6.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.citroen {

    background: url(img/models/7.jpeg) no-repeat center;

}

.dodge h1 {

    background: url(img/models/с7.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.dodge {

    background: url(img/models/8.jpeg) no-repeat center;

}

.ferrari h1 {

    background: url(img/models/с8.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.ferrari {

    background: url(img/models/9.jpg) no-repeat center;

}

.fiat h1 {

    background: url(img/models/с9.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.fiat {

    background: url(img/models/10.jpeg) no-repeat center;

}

.gaz h1 {

    background: url(img/models/с10.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.gaz {

    background: url(img/models/11.jpeg) no-repeat center;

}

.geely h1 {

    background: url(img/models/с11.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.geely {

    background: url(img/models/12.jpg) no-repeat center;

}

.gmc h1 {

    background: url(img/models/с12.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.gmc {

    background: url(img/models/13.jpeg) no-repeat center;

}

.hummer h1 {

    background: url(img/models/с13.png) no-repeat left center;

    padding: 0 0 0 100px;

}

.hummer {

    background: url(img/models/14.jpeg) no-repeat center;

}

.hyuindai h1 {

    background: url(img/models/с14.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.hyuindai {

    background: url(img/models/15.jpeg) no-repeat center;

}

.infiniti h1 {

    background: url(img/models/с15.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.infiniti {

    background: url(img/models/16.jpeg) no-repeat center;

}

.isuzu h1 {

    background: url(img/models/с16.png) no-repeat left center;

    padding: 0 0 0 80px;

}

.isuzu {

    background: url(img/models/17.jpeg) no-repeat center;

}

.jaguar h1 {

    background: url(img/models/с17.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.jaguar {

    background: url(img/models/18.jpeg) no-repeat center;

}

.jeep h1 {

    background: url(img/models/с18.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.jeep {

    background: url(img/models/19.jpeg) no-repeat center;

}

.lada h1 {

    background: url(img/models/с19.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.lada {

    background: url(img/models/20.jpeg) no-repeat center;

}

.lancia h1 {

    background: url(img/models/с20.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.lancia {

    background: url(img/models/21.jpeg) no-repeat center;

}

.landrover h1 {

    background: url(img/models/с21.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.landrover {

    background: url(img/models/22.jpeg) no-repeat center;

}

.maserati h1 {

    background: url(img/models/с22.png) no-repeat left center;

    padding: 0 0 0 50px;

}

.maserati {

    background: url(img/models/23.jpeg) no-repeat center;

}

.mini h1 {

    background: url(img/models/с23.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.mini {

    background: url(img/models/24.jpeg) no-repeat center;

}

.mitsubishi h1 {

    background: url(img/models/с24.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.mitsubishi {

    background: url(img/models/25.jpg) no-repeat center;

}

.nissan h1 {

    background: url(img/models/с25.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.nissan {

    background: url(img/models/26.jpg) no-repeat center;

}

.opel h1 {

    background: url(img/models/с26.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.opel {

    background: url(img/models/27.jpeg) no-repeat center;

}

.other h1 {

    background: url(img/models/с27.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.other {

    background: none;

}

.pontiac h1 {

    background: url(img/models/с28.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.pontiac {

    background: url(img/models/28.jpeg) no-repeat center;

}

.porsche h1 {

    background: url(img/models/с29.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.porsche {

    background: url(img/models/29.jpeg) no-repeat center;

}

.renault h1 {

    background: url(img/models/с30.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.renault {

    background: url(img/models/30.jpg) no-repeat center;

}

.saab h1 {

    background: url(img/models/с31.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.saab {

    background: url(img/models/31.jpeg) no-repeat center;

}

.seat h1 {

    background: url(img/models/с32.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.seat {

    background: url(img/models/32.jpeg) no-repeat center;

}

.skoda h1 {

    background: url(img/models/с33.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.skoda {

    background: url(img/models/33.jpeg) no-repeat center;

}

.smart h1 {

    background: url(img/models/с34.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.smart {

    background: url(img/models/34.jpeg) no-repeat center;

}

.suzuki h1 {

    background: url(img/models/с35.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.suzuki {

    background: url(img/models/35.jpeg) no-repeat center;

}

.tesla h1 {

    background: url(img/models/с36.png) no-repeat left center;

    padding: 0 0 0 60px;

}

.tesla {

    background: url(img/models/36.jpeg) no-repeat center;

}

.uaz h1 {

    background: url(img/models/с37.png) no-repeat left center;

    padding: 0 0 0 90px;

}

.uaz {

    background: url(img/models/37.jpeg) no-repeat center;

}

.volvo h1 {

    background: url(img/models/с38.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.volvo {

    background: url(img/models/38.jpeg) no-repeat center;

}

.zaz h1 {

    background: url(img/models/с39.png) no-repeat left center;

    padding: 0 0 0 70px;

}

.zaz {

    background: url(img/models/39.jpeg) no-repeat center;

}

.header_menu li {

    position: relative;

}

.header_menu .sub-menu {

    position: absolute;

    top: 40px;

    left: 0px;

    background: #38c1d1;

    border-radius: 0 2px 2px 2px;

    z-index: 9999;

    display: none;

    overflow: hidden;

    min-width: 110%;

}

.header_menu .menu-item-has-children .sub-menu a:after {

    display: none;

}

.header_menu .sub-menu li {

    display: block;

    margin: 0px;

}

.header_menu .sub-menu li a {

    font: bold 18px 'PT Sans', sans-serif;

    white-space: nowrap;

}

.header_menu .menu-item-has-children .sub-menu a:hover {

    background: #144976;

    text-decoration: none;

    border-radius: 0px;

}

.header_menu .menu-item-has-children .sub-menu a {

    border-top: 1px solid #4cc7d6;

    display: block;

    padding: 5px 20px;

}

.header_menu .sub-menu li:first-child a {

    border: none;

}

.header_menu {

    margin: 15px 0;

}

.header_menu li {

    display: inline-block;

}

.header_menu li:first-child {

    margin: 0px;

}

.header_menu .menu-item-has-children a:after {

    background: url(img/border.png) no-repeat;

    content: "";

    width: 10px;

    height: 12px;

    display: inline-block;

    margin: 0 0 0 10px;

    vertical-align: middle;

}

.header_menu .menu-item-has-children:hover a:after {

    background: url(img/border_h.png) no-repeat;

}

header nav {

    margin: 0 0 0 -20px;

}

.header_menu .menu-item-has-children:hover a {

    background: #38c1d1;

    border-radius: 2px 2px 0 0;

    text-decoration: none;

}

.header_menu .menu-item-has-children:hover .sub-menu {

    display: block;

}

.header_menu li a {

    color: #fff;

    font: 30px/40px 'PT Sans', sans-serif;

    padding: 0 20px;

    display: block;

}

.search {

    position: relative;

}

.search input[type="text"] {

    border: 1px solid #4e5869;

    border-radius: 20px;

    padding: 0 40px 0 20px;

    background: none;

    width: 100%;

    font: 12px/30px 'PT Sans', sans-serif;

    height: 30px;

}

.search input[type="submit"] {

    background: url(img/search.png) no-repeat;

    width: 11px;

    height: 11px;

    text-indent: -9999px;

    border: none;

    position: absolute;

    top: 10px;

    right: 30px;

}

.bottom_header {

    text-align: center;

    padding: 20px 0;

}

.bottom_header li {

    display: inline-block;

    margin: 0 15px;

}

.bottom_header a {

    color: #144976;

    font: bold 16px 'PT Sans', sans-serif;

    padding: 5px 0 5px 45px;

    display: inline-block;

}

.bottom_header .item1 a {

    background: url(img/u1.png) no-repeat left center;

}

.bottom_header .item2 a {

    background: url(img/u2.png) no-repeat left center;

}

.bottom_header .item3 a {

    background: url(img/u3.png) no-repeat left center;

}

main {

    padding: 20px 0 40px;

}

.auto_news {

    background: #f6f6f6;

    padding: 30px;

    border-radius: 5px;

    margin: 0 0 30px;

}

.auto_news h3 {

    font: 30px 'PT Sans', sans-serif;

    color: #252a38;

    margin: 0 0 20px;

}

.auto_news h2 {

    font: 16px 'PT Sans', sans-serif;

    color: #252a38;

    margin: 10px 0 25px;

}

.auto_news .date {

    color: #8a9eaf;

    font: 12px 'PT Sans', sans-serif;

}

.auto_news .date span {

    background: #38c1d1 none repeat scroll 0 0;

    border-radius: 100%;

    color: #fff;

    display: inline-block;

    height: 20px;

    line-height: 1;

    margin: 0 5px 0 0;

    padding: 2px 4px;

    text-align: center;

    width: 20px;

}

.auto_news .all_news {

    font: 12px 'PT Sans', sans-serif;

    color: #144976;

}

.main_articles .row,

.new_articles .row {

    margin: 0 -15px;

}

.main_articles .col-md-4 h2 a {

    font-size: 16px;

}

.main_articles .col-md-8,

.main_articles .col-md-4,

.new_articles .col-md-6 {

    padding: 0 15px;

}

.category_page {

    margin: 20px 0 0;

}

.rating_block {

    color: #ecb44a;

    font: 12px 'PT Sans', sans-serif;

    vertical-align: middle;

    white-space: nowrap;

    float: right;

}

.rating_block img {

    margin: 0 5px 0 0;

}

.test_drive {

    background: #f6f6f6;

}

.tuning {

    margin: 0 0 30px;

}

.test_drive .container,

.tuning .container {

    position: relative;

    padding: 20px 0;

}

.post2 .thumb {

    margin: 0 0 15px;

    position: relative;

}

.post2 .thumb .hidden_text {

    color: #fff;

    background-color: rgba(37, 42, 56, 0.8);

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    font: 14px 'PT Sans', sans-serif;

    padding: 20px;

    z-index: 2;

    display: none;

}

.post2 .thumb a:hover .hidden_text {

    display: block;

}

.post2 .thumb .hidden_text span {

    display: table-cell;

    vertical-align: middle;

    height: 150px;

}

.post2 .thumb .hidden_text p {

    margin: 0px;

}

.post2 .thumb .rating_block {

    position: absolute;

    bottom: 20px;

    left: 20px;

    background-color: rgba(29, 34, 48, 0.8);

    border-radius: 20px;

    padding: 0 15px 0 0;

}

.post.post2 h2 a {

    color: #252a38;

    font: 16px 'PT Sans', sans-serif;

    margin: 0 0 15px;

}

.post.post2 .cat_link {

    position: static;

    background: none;

    padding: 0px;

}

.post.post2 .cat_link a {

    color: #144976;

}

.test_drive .row,

.tuning .row {

    margin: 0 -15px;

}

.test_drive .col-md-3,

.tuning .col-md-3 {

    padding: 0 15px;

}

.head {

    text-align: center;

    color: #252a38;

    font: 30px 'PT Sans', sans-serif;

    margin: 0 0 20px;

}

.head:before {

    content: "";

    background: url(img/border2.png) no-repeat;

    width: 56px;

    height: 1px;

    display: inline-block;

    vertical-align: middle;

    margin: 0 20px 0 0;

}

.head:after {

    content: "";

    background: url(img/border2.png) no-repeat;

    width: 56px;

    height: 1px;

    display: inline-block;

    vertical-align: middle;

    margin: 0 0px 0 20px;

}

.post {

    position: relative;

    border-radius: 5px;

    margin: 0 0 30px;

}

.post h2 {

    margin: 0 20px;

}

.post h2 a {

    font: 22px 'PT Sans', sans-serif;

    display: block;

    color: #fff;

    padding-right: 5px;

}

.new_art h3 {

    color: #252a38;

    font: 30px 'PT Sans', sans-serif;

    margin: 0 0 20px;

}

.new_articles .post h2 a,

.new_art h2 a {

    font-size: 16px;

}

.post .cat_link {

    background: #38c1d1;

    color: #fff;

    font: 12px 'PT Sans', sans-serif;

    border-radius: 20px;

    padding: 3px 20px 4px;

    position: absolute;

    top: 20px;

    left: 30px;

}

.post .cat_link a {

    color: #fff;

}

.post .caption {

    background-color: rgba(29, 34, 48, 0.8);

    position: absolute;

    left: 0px;

    right: 0px;

    bottom: 0px;

    padding: 25px;

    border-radius: 0 0 5px 5px;

}

.post .caption .row {

    margin: 0 -15px;

}

.post .caption .col-md-7,

.post .caption .col-md-5 {

    padding: 0 15px;

}

.post .caption .col-md-7,

.post .caption .col-md-5 {

    display: table-cell;

    float: none;

    vertical-align: top;

}

.post .caption .col-md-5 {

    vertical-align: middle;

}

.brends {

    background: #f6f6f6;

    margin: 0 0 20px;

    position: relative;

}

.brends .menu {

    padding: 30px 0;

}

.all_link {

    text-align: center;

    border-radius: 20px;

    font: 12px 'PT Sans', sans-serif;

    position: absolute;

    bottom: -8px;

    left: 0px;

    right: 0px;

}

.all_link a {

    background: #38c1d1;

    border-radius: 20px;

    color: #fff;

    padding: 2px 20px;

    display: inline-block;

}

.brends li {

    display: table-cell;

    width: 200px;

    text-align: center;

}

.brends .all_link:hover {

    text-decoration: none;

}

.pop_com ul {

    margin: 0 -15px;

}

.pop_com li {

    width: 25%;

    float: left;

    padding: 0 15px;

}

.com_post {

    border: 1px solid #f6f6f6;

    border-radius: 5px;

    position: relative;

}

.com_post img {

    width: auto;

    height: auto;

}

.com_post h2 {

    margin: 0px;

}

.com_post h2 a {

    color: #144976;

    font: 14px 'PT Sans', sans-serif;

    display: block;

}

.pop_com .row {

    margin: 0 -15px;

}

.com_post .row {

    margin: 0 -5px;

    padding: 20px;

}

.pop_com .col-md-3 {

    padding: 0 15px;

}

.com_post .col-md-5,

.com_post .col-md-7 {

    padding: 0 5px;

}

.com_post .com_b {

    background: #f6f6f6;

    padding: 20px;

    height: 155px;

}

.com_post p {

    margin: 0px;

}

.com_post .com_n {

    background: #eeb03c;

    border-radius: 3px;

    position: absolute;

    top: 20px;

    right: -10px;

    color: #fff;

    font: 12px 'PT Sans', sans-serif;

    padding: 3px 5px;

}

.com_post .com_n:after {

    width: 0;

    height: 0;

    border-left: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-top: 6px solid #eeb03c;

    content: "";

    position: absolute;

    bottom: -12px;

    right: 9px;

    border-radius: 0px;

}

footer {

    background: url(img/footer.jpg) no-repeat;

    background-size: cover;

    color: #96989f;

    font: 12px 'PT Sans', sans-serif;

    padding: 40px 0;

}

.f_text {

    padding: 0 0 0 85px;

}

.footer_menu {

    padding: 0 0 0 30px;

}

.footer_menu .sub-menu {

    display: none;

}

.footer_menu a {

    font: 24px 'PT Sans', sans-serif;

    color: #fff;

}

.footer_menu li {

    margin: 0 0 10px;

}

.footer_menu2 {

    margin: 30px 0 0;

}

.footer_menu2 li {

    margin: 0 0 20px;

}

.footer_menu2 a {

    color: #38c1d1;

    font: 14px 'PT Sans', sans-serif;

}

footer .counter {

    margin: 25px 0;

}

.footer_right {

    text-align: center;

}

.footer_menu3 li {

    display: inline-block;

    margin: 0 10px;

}

.footer_menu3 a {

    color: #fcfcfc;

}

.soc {

    margin: 25px 0 0;

}

.soc li {

    display: inline-block;

}

.soc a {

    display: inline-block;

    width: 31px;

    height: 31px;

    text-indent: -9999px;

}

.soc .item1 a {

    background: url(img/soc.png) no-repeat;

}

.soc .item2 a {

    background: url(img/soc.png) no-repeat -33px top;

}

.soc .item3 a {

    background: url(img/soc.png) no-repeat -66px top;

}

.soc .item4 a {

    background: url(img/soc.png) no-repeat -99px top;

}

.mob_menu {

    display: none;

}

.open_menu_link {

    background: url(img/menu.png) no-repeat #38c1d1 20px 10px;

    height: 40px;

    display: block;

    text-indent: -9999px;

    margin: 0 -10px;

    display: none;

}

.all_brends {

    overflow: hidden;

    margin: 0 0 20px;

}

.all_brends li a {

    background: #F6F6F6;

    display: block;

    border-radius: 5px;

}

.all_brends li {

    float: left;

    width: 20%;

    text-align: center;

    padding: 20px;

    height: 80px;

    text-align: center;

}

.all_brends li a {

    display: table-cell;

    width: 106px;

    height: 60px;

    vertical-align: middle;

}

.module {

    margin: 0 0 30px;

}

@media (max-width: 1400px) {

    .header_menu li a {

        font: 26px/40px "PT Sans", sans-serif;

    }

    .logo_wr {

        padding-right: 40px;

    }

    .logo_wr p {

        top: 40px;

    }

    .post2 .thumb .hidden_text {

        padding: 10px;

    }

    .post2 .thumb .hidden_text span {

        height: 135px;

    }

    .footer_menu {

        padding: 0 0 0 20px;

    }

    .related_block .post h2 a,

    .new_articles .post h2 a,

    .new_art h2 a,

    .main_articles .col-md-4 h2 a {

        font-size: 13px;

    }

    .post .caption {

        padding: 15px;

    }

}

@media (max-width: 990px) {

    .f_text {

        padding: 0px;

    }

    .footer_menu {

        padding: 0 0 0 20px;

    }

    .footer_menu a {

        font: 20px "PT Sans", sans-serif

    }

    .footer_menu2 li {

        margin: 0 0 5px;

    }

    .footer_menu2 {

        margin: 0px;

    }

    .post2 .thumb a:hover .hidden_text {

        display: none;

    }

    .post .caption .col-md-7,

    .post .caption .col-md-5 {

        display: block;

    }

    .related_block .post h2 a,

    .new_articles .post h2 a,

    .new_art h2 a,

    .main_articles h2 a {

        font-size: 12px;

        margin: 0 0 5px;

    }

    .post2 .thumb .rating_block {

        bottom: 10px;

        left: 10px;

    }

    header .logo_wr .b_link {

        left: 88px;

        top: -10px;

    }

    .logo_wr p {

        top: 30px;

        left: 87px;

        width: 105px;

    }

    .top_menu {

        text-align: center;

    }

    h1 {

        font-size: 30px;

    }

    h2 {

        font-size: 28px;

    }

    h3 {

        font-size: 26px;

    }

    h4 {

        font-size: 24px;

    }

    .com_post .com_b {

        height: 270px;

    }

    .com_post img {

        margin: 0 0 10px;

    }

    .header_menu li a {

        font: 22px/40px "PT Sans", sans-serif;

        padding: 0 10px;

    }

    header nav {

        margin: 0 0 0 -10px;

    }

    .logo_wr {

        padding-right: 20px;

    }

}

@media (max-width: 768px) {

    .brends {

        text-align: center;

    }

    .brends li {

        display: inline-block;

        width: auto;

        margin: 0 10px 10px;

    }

    .container {

        padding: 0 10px;

        overflow: hidden;

    }

    .logo_wr .b_link,

    .logo_wr p {

        display: none;

    }

    .logo_wr {

        width: 250px;

        margin: 0 auto;

    }

    .vk_link {

        width: 185px;

        margin: 20px auto;

        display: block;

    }

    .header_menu {

        margin: 0px;

    }

    .search {

        display: none;

    }

    .post .thumb img {

        width: 100%;

    }

    .post .thumb .rating_block img {

        width: auto;

    }

    .content {

        padding: 0px;

    }

    .f_text {

        text-align: center;

    }

    .footer_menu,

    .footer_menu2 {

        text-align: center;

    }

    .big_menu {

        display: none;

    }

    .top_header {

        padding-bottom: 0px;

    }

    .top_menu {

        display: none;

    }

    .mob_menu {

        background: #38c1d1;

        margin: 0 -10px;

        padding: 0 0 10px;

    }

    .mob_menu li a:after {

        display: none;

    }

    .open_menu_link {

        display: block;

    }

    .mob_menu li,

    .mob_menu li:first-child {

        display: block;

        float: none;

        text-align: center;

    }

    .comment-reply-link {

        float: left;

        margin: 10px 0 0;

    }

    .auto_news {

        padding: 10px;

    }

    .footer_menu2,

    .footer_menu {

        display: none;

    }

    footer .vk_link {

        margin: 0px auto;

    }

    .head {

        font-size: 24px;

    }

    .head:after,

    .head:before {

        display: none;

    }

    .test_drive .container,

    .tuning .container {

        padding: 20px 10px;

    }

    .header_menu li a {

        padding: 0px;

    }

    .header_menu li a:hover,

    .header_menu li a:focus {

        text-decoration: none;

    }

    .header_menu .menu-item-has-children a:after {

        background: url(img/border_h.png) no-repeat;

    }

    header .menu-item-has-children .sub-menu {

        position: static;

    }

    .header_menu .menu-item-has-children:hover .sub-menu {

        display: none;

    }

    .all_brends li {

        width: 25%;

    }

    .com_post .com_b {

        height: auto;

    }

    .com_post {

        margin: 0 0 10px;

    }

    .tuning .all_link,

    .test_drive .all_link {

        bottom: 10px;

    }

    .header_menu .sub-menu {

        min-width: 100%;

    }

    .head_back img {

        max-width: none !important;

        width: 800px;

    }

}

@media (max-width: 480px) {

    .all_brends li {

        width: 50%;

    }

}

.post span.h2 {

    font: 30px 'PT Sans', sans-serif;

    color: #252a38;

    display: block;

    margin: 0 20px;

}

.post span.h2 a {

    font: 22px 'PT Sans', sans-serif;

    padding-right: 5px;

    display: block;

    color: #fff;

}

@media (max-width: 1400px) {

    .related_block .post span.h2 a,

    .new_articles .post span.h2 a,

    .new_art span.h2 a,

    .main_articles .col-md-4 span.h2 a {

        font-size: 13px;

    }

}

.single img {
    width: 100%;
    max-width: 100%;
    height: auto;
}