@charset "UTF-8"; .border--radius {border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; } body {font-family: "Exo 2", sans-serif; font-size: 16px; line-height: 18px; color: #17171b; position: relative; } a {color: #ce112d; } a:hover {color: #ce112d; } h1, .h1, h2, .h2, h3, .h3 {text-transform: uppercase; font-weight: 600; } h1, .h1 {font-size: 30px; line-height: 30px; margin: 0 0 20px; } h2, .h2 {font-size: 20px; line-height: 20px; margin: 28px 0 17px; } h3, .h3 {font-size: 16px; line-height: 16px; margin: 27px 0 14px; } p {font-size: 14px; font-weight: 300; line-height: 20px; margin: 0 0 14px; } .content ol, .content ul {font-size: 14px; font-weight: 300; line-height: 20px; list-style: none; margin: 0 0 15px; padding: 0 0 0 10px; } .content ol li, .content ul li {margin-bottom: 14px; padding-left: 26px; position: relative; } .content ol {counter-reset: list; } .content ol li:before {counter-increment: list; content: counter(list); position: absolute; left: 0; top: 2px; width: 17px; height: 17px; background: #ce112d; border-radius: 50%; font-size: 12px; font-weight: 700; color: #fff; display: inline-block; line-height: 16px; vertical-align: top; text-align: center; } blockquote {padding: 0 18px; margin: 20px 0 16px; font-size: 21px; font-weight: 300; line-height: 22px; border-left: 5px solid #ce112d; } .header {padding: 0; } .header__top {background: #ce112d; color: #fff; text-align: right; padding: 11px 0 12px; font-size: 15px; } 
.header__city, .header__diler, .header__contact {display: inline-block; vertical-align: middle; } 
.header__contact {margin-left: 15px}
.header__city {margin-right: 75px; padding-left: 30px; position: relative; top: -1px; } .header__city:before {content: ''; width: 15px; height: 15px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url(../img/icon.png) 0 -39px; } .header__city-link {color: #fff; font-weight: 700; border-bottom: 2px dashed #fff; padding-bottom: 2px; } .header__city-link:hover, .header__city-link:focus {color: #fff; text-decoration: none; border: none; } .header__diler {margin-right: 60px; padding-left: 30px; position: relative; } .header__diler:before {content: ''; width: 15px; height: 20px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url(../img/icon.png) 0 -58px; } .header__diler span {font-weight: 700; } .header__contact {color: #fff; } .header__contact:hover, .header__contact:focus {color: #fff; } .header__bottom {padding: 30px 0 25px; } .header__logo {text-decoration: none; } .header__desc {font-size: 18px; font-weight: 300; line-height: 20px; color: #44444f; text-align: right; margin-top: 9px; } .header__info {display: inline-block; margin-left: 20px; vertical-align: top; width: 40%; font-size: 16px; padding-left: 30px; position: relative; font-size: 16px; } .header__info-phone {font-size: 18px; } .header__info-phone a {color: #17171b } .header__info:before {content: ''; background-image: url(../img/icon.png); position: absolute; left: 0; top: 2px; } .header__info-time:before {width: 16px; height: 16px; background-position: 0 0; } .header__info-phone:before {width: 15px; height: 15px; background-position: 0 -20px; } .header__info-title {font-size: 14px; color: #9f9c99; margin-bottom: 6px; }
.header__btn {width: 100%; display: block; padding: 10px 10px; border: 1px solid #ce112d; border-radius: 5px; text-align: center; font-size: 14px; color: #17171b; background: none;} .header__btn:hover, .header__btn:focus {color: #17171b; text-decoration: none; } .header__link {text-align: right; margin-top: 7px; } .header__link a {display: inline-block; text-decoration: underline; font-size: 13px; color: #9f9c99; } .header__link a:hover, .header__link a:focus {text-decoration: none; color: #9f9c99; } .nav-wrap.main-menu {background: #fbfbfc; } .topnav {background: none; padding: 0; } .topnav ul li {margin-left: 110px; } .topnav ul li:first-child {margin-left: 0; } .topnav ul li a {font-size: 16px; font-weight: 300; color: #17171b; padding: 20px 55px; position: relative; } .topnav ul li a:after {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; border-bottom: 3px solid #e53e30; opacity: 0; z-index: 9; } .topnav ul li a:hover::after {opacity: 1; } .topnav ul li a:hover, .topnav ul li a:focus {color: #17171b; background: none; } /* -HEADER- */ /*  CONTENT  */ /*.content {min-height: 500px; padding-top: 20px; }*/ .sidebar {margin-bottom: 30px; } .section-title {font-size: 30px; font-weight: 300; text-transform: uppercase; line-height: 30px; margin: 0 0 20px; } 
.breadcrumbs {font-size: 14px; font-weight: 300; line-height: 18px; color: #17171b; margin: 10px 0 0; text-transform: uppercase; } .breadcrumbs a {text-decoration: none; color: #17171b; } .breadcrumbs a:hover {text-decoration: underline; color: #17171b; } .breadcrumbs .sep {margin: 0 12px; } .breadcrumbs .last {color: #ce112d; font-weight: 700; } .slider__item {background-position: center; background-size: cover; background-repeat: no-repeat; height: 500px; color: #fff; padding: 140px 0 0; } .slider__item-title {font-size: 50px; font-weight: 600; margin: 0 0 45px; text-transform: uppercase; } .slider__item-text {font-size: 16px; font-weight: 300; margin-bottom: 40px; line-height: 24px; width: 50%; } .owl-dots {position: absolute; bottom: 50px; text-align: center; left: 0; right: 0; font-size: 0; } .owl-dots .owl-dot {width: 65px; padding: 5px 0; display: inline-block; vertical-align: middle; background: none; margin: 0; position: relative; } .owl-dots .owl-dot:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 1px; background: #fff; } .owl-dots .owl-dot.active:before {background: #ce112d; height: 3px; } .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {opacity: 1; width: 22px; height: 40px; background-image: url(../img/arrow.png); } #header-slider.owl-carousel .owl-nav .owl-prev {background-position: 0 0; left: 5%; } #header-slider.owl-carousel .owl-nav .owl-next {background-position: -33px 0; right: 5%; } 
.brands {margin: 40px 0 0px; }
.brands__item {display: inline-block; width: 85px; vertical-align: top; text-align: center; margin-bottom: 30px; } .brands__item-image {height: 30px; line-height: 30px; } .brands__item-image img {white-space: nowrap; overflow: hidden; max-width: 47px; } .brands__item-name {font-size: 12px; font-weight: 600; text-transform: uppercase; margin-top: 19px; } .special {margin: 0 0 100px; } .special .section-title {font-size: 35px; line-height: 35px; margin-bottom: 50px; } .special__item {background: #fff; box-shadow: 0 0 10px rgba(68,68,79, 0.1); border-radius: 5px; overflow: hidden; margin-bottom: 20px; } .special__item_all {height: 371px; background: #f5f5f5; } .special__item_all .special__item-title {margin-top: 110px; } .special__item-info {padding: 40px 40px 33px; } .special__item-offer {font-size: 13px; font-weight: 600; text-align: center; padding: 5px; border: 1px solid #ce112d; border-radius: 5px; margin-bottom: 30px; display: block; } .special__item-image {margin-bottom: 20px; height: 115px; } .special__item-image img {max-height: 100%; } .special__item-title {font-size: 15px; font-weight: 600; line-height: 20px; text-transform: uppercase; margin: 0 0 13px } .special__item-priceold {font-size: 14px; font-weight: 300; text-decoration: line-through; } .special__item-price {font-size: 20px; font-weight: 500; color: #ce112d; line-height: 20px; } .special__item-btn {font-size: 0; } .special__item-btn a {display: inline-block; padding: 16px 10px; font-size: 13px; text-align: center; transition: 0.2s; } .special__item-btn a:hover, .special__item-btn a:focus {text-decoration: none; color: #17171b; } .special__item-btn-read {width: 45%; background: #f5f5f5; color: #17171b; } .special__item-btn-read:hover {background: #d0d0d0; } .special__item-btn-credit {width: 55%; background: #ce112d; color: #fff; font-weight: 600; } .special__item-btn-credit:hover {background: #a00d23; } a.special__item-btn-credit:hover, a.special__item-btn-credit:focus {color: #fff; } .special__btn {text-align: center; margin-top: 40px; } .prodcard {margin: 0 0 70px; } .prodcard__item {background: #fff; box-shadow: 0 0 10px rgba(68,68,79, 0.1); border-radius: 5px; overflow: hidden; margin-bottom: 20px; padding: 35px 30px 30px; } .prodcard__item-left {float: left; width: 50%; } .prodcard__item-right {float: right; width: 49%; } .prodcard__item-title {font-size: 20px; font-weight: 600; line-height: 22px; text-transform: uppercase; margin: 0 0 20px; } .prodcard__item-image {height: 135px; } .prodcard__item-image img {max-height: 100%; } .prodcard__item-price {font-size: 20px; font-weight: 500; color: #ce112d; line-height: 20px; margin-bottom: 21px; } .prodcard__item-price .priceold {font-size: 14px; font-weight: 300; color: #17171b; margin-left: 10px; text-decoration: line-through; } .prodcard__item-offer {font-size: 13px; font-weight: 600; padding: 5px 15px; border: 1px solid #ce112d; border-radius: 5px; margin-bottom: 27px; display: inline-block; } .prodcard__item-list, .text-block-inner ul, .text-block-inner ol {list-style: none; margin: 0; padding: 0; } .prodcard__item-list li,
.text-block-inner ul li, .text-block-inner ol li {padding-left: 24px; position: relative; font-size: 15px; line-height: 18px; margin-bottom: 5px; } .text-block-inner  ul li, .text-block-inner  ol li {font-size: 14px; font-weight: 300; line-height: 20px; margin: 0 0 14px; } .prodcard__item-list li:before, .spoiler__content-list li:before, .content ul li:before, .text-block-inner ul li:before, .text-block-inner ol li:before {content: ''; width: 14px; height: 10px; position: absolute; left: 0; top: 5px; /*bottom: 0;*/ margin: auto; background: url(../img/icon.png) 0 -127px no-repeat; } .prodcard__item-btn {margin-top: 30px; font-size: 0; } .prodcard__item-btn-read {display: inline-block; width: 49%; margin-right: 2%; border: 1px solid #ce112d; background: #fff; font-size: 15px; font-weight: 400; color: #17171b; text-align: center; border-radius: 5px; padding: 15px 10px; transition: 0.2s; } .prodcard__item-btn-read:hover, .prodcard__item-btn-read:focus {border: 1px solid #ce112d; background: #ce112d; color: #fff; text-decoration: none; } .prodcard__item-btn-credit {display: inline-block; width: 49%; border: 1px solid transparent; background: #ce112d; font-size: 15px; font-weight: 600; color: #fff; text-align: center; border-radius: 5px; padding: 15px 10px; transition: 0.2s; } .prodcard__item-btn-credit:hover, .prodcard__item-btn-credit:focus {background: #a00d23; color: #fff; text-decoration: none; } .tradeinform {background: #f5f5f5 url(../img/tradeinform-bg.jpg) top center no-repeat; padding: 70px 0 85px; margin: 0; } .tradeinform__title {font-size: 40px; font-weight: 300; text-transform: uppercase; line-height: 40px; margin: 0 0 20px; } .tradeinform__title span {font-weight: 700; } .tradeinform__caption {font-size: 20px; font-weight: 300; line-height: 20px; } .tradeinform__form {margin-top: 90px; padding: 20px 20px; background: #fff; box-shadow: 0 0 20px rgba(68,68,79, 0.1); border-radius: 5px; } .tradeinform__form-main {margin-top: 0; padding: 0!important; box-shadow: none; border-radius: 0; margin-bottom: 30px; } .about {background: #bd3442 url(../img/about-bg.jpg) top center no-repeat; padding: 120px 0 240px; } .about__box {background: #fff; box-shadow: 0 0 20px rgba(68,68,79, 0.2); border-radius: 5px; width: 66%; padding: 74px 77px; position: relative; z-index: 1; } .about__box:before {content: ''; position: absolute; right: 0; top: 0; background: #fff; border-radius: 5px; width: 15px; height: 100%; z-index: 1; } .about__title {font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 40px; margin: 0 0 10px; } .about__caption {font-size: 25px; font-weight: 300; line-height: 30px; margin: 0 0 40px; } .about__text p {font-size: 16px; font-weight: 300; line-height: 24px; margin: 0 0 16px; } .about__btn {margin-top: 50px; } .about__btn a {display: inline-block; padding: 20px 20px; background: #f5f5f5; font-size: 16px; color: #17171b; border-radius: 5px; } .about__btn a:hover, .about__btn a:focus {text-decoration: none; color: #17171b; } .about__video {position: absolute; height: 100%; width: 52%; background: #000; right: -51%; top: 0; z-index: -1; } .about__video span {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; box-shadow: 0 0 0 10px rgba(255,255,255, 0.2); border-radius: 50%; background: #fff; } .about__video span:before {content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 9px solid #ce112d; border-bottom: 5px solid transparent; position: absolute; left: 2px; right: 0; top: 0; bottom: 0; margin: auto; } .advant .section-title {text-align: center; margin-bottom: 40px; } .advant {margin: -160px 0 70px; } .advant__box {padding: 50px 40px; background: #fff; border-radius: 5px; box-shadow: 0 0 20px rgba(68,68,79, 0.1); } .advant__item-title {font-size: 20px; font-weight: 700; line-height: 22px; text-transform: uppercase; margin: 10px 0 7px; min-height: 44px; } .advant__item-text {font-size: 16px; font-weight: 300; } .advantbg {background: url(../img/advant-bg.jpg) center no-repeat; background-size: cover; text-align: center; margin-bottom: 70px; padding: 80px 0 90px; } .advantbg.advantbg-gray {background: #fafafa; } .advantbg .section-title {font-size: 40px; margin-bottom: 70px; line-height: 40px; } .advantbg .section-title span {font-weight: 600; } .advantbg .advant__item-title {font-weight: 600; } .advantgray {margin: 50px 0 50px; text-align: center; } .advantgray .advant__item-title {font-size: 16px; font-weight: 600; } .advantgray .advant__box {background: #fafafa; box-shadow: none; padding: 40px; } .advant.advant-tradein {margin: 50px 0; text-align: center; } .advant-tradein .advant__item-title {font-size: 18px; font-weight: 600; } .partner {margin: 0 0 60px; } #partner-slider {margin-top: 40px; } .partner__item {display: block; width: 100%; height: 140px; text-align: center; line-height: 140px; margin: 0 0 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(68,68,79, 0.1); } #partner-slider.owl-carousel .owl-item img {white-space: nowrap; overflow: hidden; display: inline-block; width: auto; } #partner-slider.owl-carousel .owl-stage-outer {padding: 10px 0; } #partner-slider.owl-carousel .owl-nav .owl-next, #partner-slider.owl-carousel .owl-nav .owl-prev {width: 50px; height: 100px; } .owl-carousel .owl-nav .owl-prev {background: url('../img/slide-prev.png') center no-repeat; left: -15%; } .owl-carousel .owl-nav .owl-next {background: url('../img/slide-next.png') center no-repeat; right: -15%; } .offer {margin: 0 0 75px; } .offer__box {background: #f5f5f5 url(../img/offer-bg.jpg) center no-repeat; padding: 110px 50px 120px; border-radius: 5px; } .offer__title {font-size: 40px; font-weight: 300; line-height: 50px; text-transform: uppercase; margin: 0 0 30px; } .offer__title span {font-weight: 600; } .offer__text {font-size: 20px; line-height: 25px; font-weight: 300; color: #44444f; margin-bottom: 55px; } .red-text {color: #ce112d; } .bold-text {font-weight: 600; } .offer__btn .glyphicon {font-size: 10px; } .offer-two {text-align: center; } .offer-two .offer__box {background: #f3f3f3 url(../img/offer-two-bg.jpg) center no-repeat; padding: 100px 50px 110px; } .offer-two .offer__title {color: #fff; } .offer__img {margin-bottom: 25px; }
 .article {margin: 0 0 50px; } .article .section-title {margin-bottom: 50px; } .article__item-title {font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 22px; min-height: 44px; margin-bottom: 9px; } .article__item-text p {font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 16px; } .article__btn {margin-top: 35px; text-align: center; } .article__btn .glyphicon {font-size: 10px; } .news {margin: 0 0 50px; } .news .section-title {margin-bottom: 35px; } .news__item {background: #fafafa; border-radius: 5px; padding: 35px 40px; } .news__item-title {font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 22px; margin-bottom: 20px; } .news__item-text p {font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 16px; } .news__item-date {margin-top: 33px; font-size: 16px; font-weight: 300; color: #c9c9c9; } .news__btn {float: right; margin-top: -50px; } .news__btn a {font-size: 16px; font-weight: 600; color: #17171b; } .news__btn .glyphicon {font-size: 10px; } .archive {margin: 0 0 50px; } .archive .section-title {font-size: 35px; line-height: 35px; margin-bottom: 40px; } .archive__item {text-align: center; padding: 40px 25px 30px; margin-bottom: 20px; transition: 0.2s; } .archive__item:hover {box-shadow: 0 0 10px rgba(68,68,79, 0.1); } .archive__item-image {margin-bottom: 50px; height: 130px; filter: grayscale(1); transition: 0.2s; } .archive__item-image img {max-height: 100%; } .archive__item:hover .archive__item-image {filter: grayscale(0); } .archive__item-title {font-size: 20px; font-weight: 600; line-height: 22px; text-transform: uppercase; margin: 0 0 30px; } .archive__item-btn a {display: block; font-size: 15px; color: #17171b; line-height: 20px; background: #f4f4f4; border-radius: 5px; width: 250px; max-width: 100%; padding: 15px 10px; margin: 0 auto; transition: 0.2s; } .archive__item:hover .archive__item-btn a, .archive__item-btn a:hover, .archive__item-btn a:focus {background: #ce112d; color: #fff; text-decoration: none; } .stamplist {padding: 80px 0 40px; background: #fafafa; } .stamplist__list {margin: 0 -1% 0; font-size: 0; } .stamplist__item {display: inline-block; width: 10.5%; margin: 0 1% 40px; vertical-align: top; position: relative; } .stamplist__item-img {width: 25px; height: 25px; overflow: hidden; float: left; margin-right: 5px; } .stamplist__item-img img {max-width: 100%; max-height: 100%; filter: grayscale(1); } 
 .stamplist__item-title {font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 20px; margin: 0 0 14px; } .stamplist__item-list {list-style: none; margin: 0; padding: 0; line-height: 16px; height: 122px; overflow: hidden; background: #fafafa; } .stamplist__item-list li {padding-bottom: 4px; background: #fafafa; } .stamplist__item-list li a {font-size: 14px; font-weight: 300; color: #7d7b78; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .stamplist__item-list li a:hover, .stamplist__item-list li a:focus {color: #c42937; text-decoration: none; } .stamplist__item:hover .stamplist__item-title {color: #c42937; } .stamplist__item:hover {z-index: 999; } .stamplist__item:hover .stamplist__item-inner {box-shadow: 0 0 10px rgba(0,0,0, 0.4); left: -10px; right: -10px; padding: 10px; margin-top: -10px; overflow: visible; position: absolute; background: #fafafa; } .stamplist__item:hover .stamplist__item-list {overflow: visible; z-index: 1; /*top: 24px;*/ height: auto; } .videolist {margin-bottom: 70px; } .videolist .section-title {margin-bottom: 35px; } .videolist__item {display: block; position: relative; height: 380px; border-radius: 5px; background: url(../img/videolist-bg.jpg) center no-repeat; background-size: cover; transition: 0.2s; z-index: 1; } .videolist__item:before {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 5px; background: rgba(68,68,79, 0.45); transition: 0.2s; z-index: -1; } .videolist__item:hover::before {background: rgba(206,17,45, 0.75); } .videolist__item span {position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 80px; height: 80px; border-radius: 50%; background: rgba(255,255,255, 0.2); transition: 0.2s; } .videolist__item span:before {content: ''; width: 0; height: 0; border-top: 5px solid transparent; border-left: 9px solid #fff; border-bottom: 5px solid transparent; position: absolute; left: 2px; right: 0; top: 0; bottom: 0; margin: auto; transition: 0.2s; } .videolist__item:hover span {background: #fff; } .videolist__item:hover span:before {border-left-color: #ce112d; } .textblock {margin-bottom: 50px; } .textblock__text {font-size: 14px; font-weight: 300; line-height: 20px; } .textblock__text p {margin-bottom: 14px; }
.carabout {margin: 0 0 0px; } .carabout__colortab {margin-top: 40px; } .carabout__colortab-list {list-style: none; margin: 20px 0 0; padding: 0; } .carabout__colortab-list li {display: inline-block; margin: 0 4px; } .carabout__colortab-list li a {width: 30px; height: 30px; display: block; border-radius: 5px; background: #ddd; border: 2px solid #dedede; } .carabout__colortab-list li.active a, .carabout__colortab-list li a:hover {border-color: #ce112d; } .carabout__colortab-list li a.color-red {background-color: #900405; } .carabout__colortab-list li a.color-orange {background-color: #d35422; } .carabout__colortab-list li a.color-white {background-color: #f4f4f4; } .carabout__colortab-list li a.color-blue {background-color: #3775c7; } .carabout__colortab-text {font-size: 15px; color: #9f9c99; margin-top: 20px; } .carabout__offer {font-size: 16px; color: #9f9c99; margin-top: 40px; line-height: 19px; } .carabout__offer a {font-weight: 600; } .carabout__title {font-size: 30px; font-weight: 600; line-height: 30px; text-transform: uppercase; margin-bottom: 24px; }
.carabout__title:after {content: attr(data-balance); width: 17px; height: 17px; background: #ce112d; border-radius: 50%; font-size: 10px; font-weight: 800; color: #fff; display: inline-block; line-height: 16px; vertical-align: top; text-align: center; }
.carabout__title.carabout__title_without_quantity { margin-bottom: 10px;}
.carabout__title.carabout__title_without_quantity:after {display: none}
.title_bu {color: #9F9C99; font-weight: 700; font-size: 30px; line-height: 36px; margin-bottom: 15px; }
.carabout__balance {font-size: 13px; font-weight: 300; color: #9f9c99; margin-bottom: 18px; } .carabout__balance span {font-weight: 600; } .carabout__oldprice {font-size: 20px; font-weight: 300; line-height: 22px; margin-bottom: 4px; text-decoration: line-through; } .carabout__price {font-size: 30px; font-weight: 500; line-height: 30px; color: #ce112d; margin-bottom: 24px; } .carabout__credit {background: #fafafa; padding: 30px 30px; text-align: center; margin-bottom: 30px; }
.carabout__credit-profit {font-size: 17px; line-height: 19px;  } .carabout__credit-profit span {font-weight: 700; display: block; } .carabout__credit-price {font-size: 15px; font-weight: 600; } .carabout__btn a {width: 100%; margin-top: 10px; padding: 15px 20px; } .carabout__form {box-shadow: 0 0 10px rgba(68,68,79, 0.1); padding: 60px; } .spoiler {margin: 50px 0; } .spoiler__title {display: block; font-size: 20px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #17171b; border-bottom: 1px solid #ecebeb; margin-bottom: 40px; position: relative; display: flex; align-items: center; height: 40px; padding: 0 0 10px 55px; box-sizing: content-box; } .spoiler__title:before {content: "\e259"; font-family: 'Glyphicons Halflings'; font-size: 10px; line-height: 37px; color: #9f9c99; width: 40px; height: 40px; border: 1px solid #ecebeb; border-radius: 3px; text-align: center; position: absolute; left: 0; top: 0; } .spoiler__title.collapsed:before {transform: rotate(180deg); } .spoiler__title:hover, .spoiler__title:focus {text-decoration: none; color: #17171b; } .spoiler__content {margin-bottom: 40px; } .spoiler__content-title {font-size: 18px; line-height: 20px; font-weight: 600; text-transform: uppercase; color: #17171b; margin-bottom: 10px; } .spoiler__content-list {list-style: none; margin: 0 0 38px; padding: 0; } .spoiler__content-list li {font-size: 16px; font-weight: 300; line-height: 18px; margin-bottom: 10px; padding-left: 30px; position: relative; } .spoiler__technical {width: 65%; } .spoiler__technical-head, .spoiler__technical-row {display: flex; flex-direction: row; } .spoiler__technical-head {font-size: 18px; font-weight: 600; line-height: 20px; text-transform: uppercase; color: #9f9c99; } .spoiler__technical-head .spoiler__technical-col {padding: 20px 15px; } .spoiler__technical-row {font-size: 16px; font-weight: 300; } .spoiler__technical-row .spoiler__technical-col {padding: 11px 15px; } .spoiler__technical-col {width: 50%; margin: 0 0.5px 1px; background: #fafafa; } .spoiler__technical-col:first-child {border-radius: 10px 0 0 10px; font-weight: 600; } .spoiler__technical-col:last-child {border-radius: 0 10px 10px 0; } 
.cartext {margin: 10px 0 10px; } .cartext__content {min-height: 300px; overflow: hidden; display: block; } .cartext__read {margin-top: 25px; } .cartext__read a {font-size: 16px; font-weight: 600; color: #17171b; text-decoration: none; } .cartext__read a:hover, .cartext__read a:focus {color: #17171b; text-decoration: none; } .readup {display: none; } /*.readdown.collapsed {
    display: block; } .readup.collapsed {display: none; }*/ .readup[aria-expanded="true"] {display: block; } .readdown[aria-expanded="true"] {display: none; } .cartext__read .glyphicon {font-size: 10px; margin-left: 3px; } .cartext__foto-title, .cartext__video-title {font-size: 30px; font-weight: 300; line-height: 30px; margin: 0 0 36px; text-transform: uppercase; } .cartext__foto-title span {color: #ce112d; } .cartext__foto {/*margin-bottom: 50px;*/ } .cartext__foto-list {padding-bottom: 80px; } .cartext__video {margin-top: 50px; } .cartext__foto-list .owl-dots .owl-dot::before, .cartext__video-list .owl-dots .owl-dot::before {height: 3px; background: #dfdfdf; } .cartext__foto-list .owl-dots .owl-dot.active::before, .cartext__video-list .owl-dots .owl-dot.active::before {background: #ce112d; } .cartext__video-list .owl-dots {bottom: 30px; } .cartext__foto-list .owl-nav {margin: 0; top: 30% } .cartext__foto-list a {display: inline-block; margin: 0 0 10px; } .cartext__foto-list img {border-radius: 5px; } .cartext__video-list {padding-bottom: 60px; } .cartext__video-list a {display: inline-block; margin: 0 0 10px; position: relative; z-index: 1; } .cartext__video-list a:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; background: rgba(68,68,79, 0.45); z-index: 1; } .cartext__video-list a:after {content: "\e072"; font-family: 'Glyphicons Halflings'; font-size: 11px; text-align: center; line-height: 40px; color: #fff; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255, 0.2); z-index: 1; } .cartext__video-list img {border-radius: 5px; filter: grayscale(1); transition: 0.2s; } .cartext__video-list a:hover img {filter: grayscale(0); } .filter {margin-bottom: 50px; } .filter__row {display: flex; /*justify-content: space-between;*/ flex-wrap: wrap; } .filter__item {width: 33.3%; margin-bottom: 30px; padding-right: 40px; } .filter .spoiler__content-title {margin-bottom: 20px; } .filter__price-row {display: flex; } .filter__price-range {width: 350px; margin: 20px 50px 0 0; } .filter__price-range .ui-widget.ui-widget-content {width: 100%; margin: 0 auto; height: 2px; border: none; background: #ecebeb; position: relative; text-align: left; } .ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%; } .filter__price-range .ui-widget-header {background: #ce112d; } .filter__price-range .ui-slider-handle {border-radius: 3px; width: 20px; height: 20px; border: none; background: #ce112d; position: absolute; top: -9px; margin-left: 0; z-index: 1; cursor: pointer; outline: none; } .filter__price-range .ui-slider-handle:last-child {margin-left: -20px; } .filter__price-box-left, .filter__price-box-right {font-size: 16px; font-weight: 300; margin-top: 24px; } .filter__price-box-left {float: left; } .filter__price-box-right {float: right; } .filter__price-input input {display: inline-block; border: 1px solid #ecebeb; border-radius: 3px; line-height: 38px; padding: 0 10px; width: 140px; } .filter__price-input .sep {display: inline-block; width: 20px; height: 0; border-bottom: 1px solid #ecebeb; vertical-align: middle; margin: 0 6px; } .filter__price-input-left, .filter__price-input-right {font-size: 16px; font-weight: 300; margin-top: 3px; display: inline-block; width: 140px; } .filter__price-input-left {margin-right: 40px; } .filter__price-link {margin-left: auto; } .filter__price-link a {font-size: 16px; font-weight: 300; color: #9f9c99; text-decoration: none; transition: 0.2s; } .filter__price-link a:hover {color: #ce112d; text-decoration: none; } .filter__price-link-icon {width: 30px; height: 30px; border-radius: 3px; background: #ce112d; display: inline-flex; justify-content: center; align-items: center; vertical-align: middle; margin-left: 7px; } .filter__price-link-icon:before {content: ''; background-image: url(../img/icon.png); background-repeat: no-repeat; width: 12px; height: 14px; background-position: 0 -216px; } .filter__button {float: right; margin-top: -92px; position: relative; z-index: 9; } .filter__diff {font-size: 16px; font-weight: 300; color: #9f9c99; display: inline-block; transition: 0.2s; } .filter__diff:hover {color: #9f9c99; } .filter__drop {display: inline-block; padding: 13px 20px; background: #ecebeb; font-size: 16px; font-weight: 600; color: #17171b; line-height: 14px; border-radius: 3px; margin-left: 40px; transition: 0.2s; } .filter__drop:hover {background: #d0d0d0; color: #17171b; text-decoration: none; } .filter__drop:after {content: 'x'; display: inline-block; vertical-align: top; color: #9f9c99; font-size: 16px; font-weight: 600; margin-left: 10px; } .checkbox-row {display: flex; flex-wrap: wrap; } .checkbox-field {width: 50%; margin-bottom: 10px; } .checkbox-field input {display: none; } .checkbox-field label {margin: 0; font-size: 16px; font-weight: 300; line-height: 19px; cursor: pointer; padding-left: 30px; position: relative; transition: 0.2s; } .checkbox-field label:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px; border-radius: 3px; background: #fafafa; transition: 0.2s; border: 1px solid #ecebeb } .checkbox-field label:after {content: ''; position: absolute; left: 5px; top: 1px; bottom: 0; margin: auto; opacity: 0; width: 10px; height: 7px; background-image: url(../img/icon.png); background-position: 0 -159px; transition: 0.2s; } .checkbox-field input[type=checkbox]:checked + label{font-weight: 600; } .checkbox-field input[type=checkbox]:checked + label:before{background: #ce112d; } .checkbox-field input[type=checkbox]:checked + label:after{opacity: 1; }
.compare {/*margin: 50px 0 100px;*/ position: relative; } .compare .container {position: relative; } #compare-slider.owl-carousel .owl-stage-outer, #compare-fakeleft-slider.owl-carousel .owl-stage-outer {padding: 10px; margin: -10px; } .compare__item-autobox {box-shadow: 0 0 10px rgba(68,68,79, 0.1); border-radius: 5px; text-align: center; padding: 30px 25px; /*margin-bottom: 28px;*/ background: #fff; } .compare__item-linkread {margin-bottom: 20px; height: 30px; } .compare__item-linkread a {display: inline-block; border-radius: 5px; background: #ecebeb; padding: 6px 10px; font-size: 13px; font-weight: 600; color: #17171b; } .compare__item-linkread a:hover {background: #ce112d; color: #fff; text-decoration: none; } .compare__item-linkread .glyphicon {font-size: 10px; margin-left: 5px; } .compare__item-image {width: 80%; margin: 0 auto 15px; } .compare__item-title {font-size: 15px; font-weight: 600; line-height: 20px; text-transform: uppercase; margin-bottom: 15px; } .compare__item-button {display: flex; justify-content: space-between; } .compare__item-button a {font-size: 13px; color: #17171b; } .compare__item-button a:hover {text-decoration: none; color: #ce112d; } .icon-compare, .icon-choose {display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 3px; background: #ecebeb; display: inline-flex; align-items: center; justify-content: center; margin-left: 7px; } .icon-compare:before, .icon-choose:before {content: ''; background-image: url(../img/icon.png); background-repeat: no-repeat; } .icon-compare:before {width: 12px; height: 14px; background-position: 0 -199px; } .icon-choose:before {width: 14px; height: 10px; background-position: 0 -171px; } .compare__item-button a:hover .icon-compare, .compare__item-button a:hover .icon-choose {background-color: #ce112d; } .compare__item-button a:hover .icon-compare:before {background-position: 0 -216px; } .compare__item-button a:hover .icon-choose:before {background-position: 0 -184px; }
.compare__item-price {font-size: 20px; font-weight: 500; color: #ce112d; text-align: center; margin: 8px 0 24px; }
.compare__item-oldprice {font-size: 16px; font-weight: 500; text-align: center; margin: 8px 0 0; text-decoration: line-through}
.compare__item-buy {margin-bottom: 20px; } .compare__item-buy a {display: block; width: 100%; padding: 16px 20px; } .compare__line-title {font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 20px; margin: 0 0 10px; white-space: nowrap; } .compare__line-check {height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; background: #fafafa; border-radius: 5px; font-size: 16px; font-weight: 300; margin-bottom: 16px; } .check {display: inline-block; width: 16px; height: 12px; background: url(../img/icon.png) 0 -142px; } #compare-fix-slider .owl-stage-outer, #compare-fix-fakeleft-slider .owl-stage-outer {padding: 10px; margin: -10px; } .compare-fix {position: absolute; left: 0; right: 0; top: 0; z-index: -1; opacity: 0; background: #fff; transition: 0.2s; } .compare-fix.affix {position: fixed; top: 40px; opacity: 1; z-index: 99; } .compare-fix .compare__item-autobox {padding: 16px 25px 10px; } .compare-fix .compare__item-price {margin-bottom: 22px; margin-top: 15px; } .compare-fix .compare__item-buy {margin: 0 -15px; } .owl-carousel .compare__line-title {opacity: 0; } .owl-item.active .compare__line-title {opacity: 1; } .owl-item.active ~ .owl-item.active .compare__line-title {opacity: 0; } #compare-slider, #compare-fakeleft-slider {margin: 70px 0 50px; } .compare-slider__nav-outer {position: absolute; left: 0; top: 0; right: 0; margin: auto; width: 100%; background: #fff; z-index: 98; } .compare-slider__nav-outer.affix {position: fixed; top: 0; } .compare-slider__nav {display: flex; align-items: center; padding: 10px 0; } .compare-slider__nav-prev, .compare-slider__nav-next {width: 11px; height: 20px; background-image: url(../img/arrow.png); cursor: pointer; } .compare-slider__nav-prev {background-position: 0 -80px; margin: 0 auto 0 16px; background: url('../img/slide-prev.png') center no-repeat; width: 16px; padding: 10px 20px; } .compare-slider__nav-next {background-position: -44px -80px; margin: 0 16px 0 auto; padding: 10px 20px; background: url('../img/slide-next.png') center no-repeat; width: 16px; } .compare-slider__nav-home, .compare-slider__nav-end {width: 16px; height: 20px; background-image: url(../img/arrow.png); cursor: pointer; } .compare-slider__nav-home {background: url('../img/slide-border-prev.png') center no-repeat; padding: 15px 25px 15px 0; } .compare-slider__nav-end {background: url('../img/slide-border-next.png') center no-repeat; padding: 15px 0 15px 25px; } .compare-slider__nav-num {margin: auto; font-size: 18px; font-weight: 600; } .compare .spoiler__title {margin-bottom: 18px; } .compare__spoiler {margin: 40px 0 0; } .item-art {margin-bottom: 60px; } .item-art:nth-child(3n+1) {clear: both; } #related-slider {width: 94%; margin: auto; } #related-slider img {width: auto; max-width: 100%; height: auto; } #related-slider .owl-stage-outer {padding: 10px; margin: -10px; } #related-slider .owl-nav .owl-next, #related-slider .owl-nav .owl-prev {width: 11px; height: 20px; } #related-slider .owl-nav .owl-prev {background-position: 0 -80px; left: -3%; } #related-slider .owl-nav .owl-next {background-position: -44px -80px; right: -3%; } .page-title {font-size: 30px; line-height: 30px; font-weight: 600; text-transform: uppercase; margin: 0 0 50px; } .fakeleft .compare__item-title {margin-bottom: 0; } .fakeleft .compare__item-title.compare__item-title-b {margin-bottom: 15px; } .fakeleft__flex {display: flex; } .fakeleft__left {width: 300px; } .fakeleft__right {width: calc(100% - 300px) } .fakeleft__head {height: 433px; margin-top: 70px; } .fakeleft__compare__line {display: flex; align-items: center; height: 50px; margin-bottom: 30px; padding-right: 30px; } @media (min-width: 992px) {.fakeleft__right .compare__line-title {display: none; } .fakeleft__left .compare__line-title {white-space: inherit; margin: 0; } .compare__item-buy {margin-bottom: 30px; } .compare__line-check {margin-bottom: 30px; } } .prodcard__item-image-2 {text-align: center; } .tradein {margin: 50px 0 0; } .tradein__right {padding-left: 40px; } .tradein__right a:hover, .tradein__right a:focus {text-decoration: none; } .tradein__rightbox {background-position: center; background-repeat: no-repeat; border-radius: 5px; font-size: 25px; font-weight: 300; color: #fff; line-height: 25px; max-width: 350px; height: 180px; display: flex; align-items: flex-end; margin-bottom: 15px; padding: 40px; } .tradein__rightbox.color-black {color: #17171b; } .tradein__choice {display: flex; margin: 40px 0 50px; /*justify-content: space-between;*/ } .tradein__choice-form {margin-right: 80px; } .tradein__choice-select {position: relative; width: 280px; margin-bottom: 10px; } .tradein__choice-select select {display: block; width: 100%; padding: 20px 23px; background: none; border: 1px solid #ecebeb; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; font-family: inherit; font-size: 15px; font-weight: 600; color: #444; outline: none; } .tradein__choice-select:after {content: "\e259"; font-family: 'Glyphicons Halflings'; font-size: 10px; color: #9f9c99; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 3px; background-color: #ecebeb; pointer-events: none; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; } .tradein__formbox {padding: 45px 60px 40px; box-shadow: 0 0 10px rgba(68,68,79, 0.1); } /* -CONTENT- */ /*  FOOTER  */ .footer {position: relative; background: #fff; padding: 70px 0 40px; } .footer__link {display: block; text-align: center; } .footer__link li {display: inline-block; float: none; } .footer__link li a {padding: 0 15px; color: #fff; } .footer__top {margin-bottom: 70px; } .footer__sort {list-style: none; column-count: 3; margin: 0; padding: 0; } .footer__sort li {margin-bottom: 13px; } .footer__sort li a {font-size: 14px; font-weight: 300; color: #17171b; } .footer__sort-title {font-size: 20px; font-weight: 300; line-height: 20px; text-transform: uppercase; margin: 0 0 20px; } .footer__center {margin-bottom: 20px; } .footer__menu {list-style: none; padding: 0; margin: 0 0 0 50px; } .footer__menu li {margin-bottom: 20px; } .footer__menu li a {display: inline-block; font-size: 16px; font-weight: 300; color: #17171b; } .footer__social {margin-top: 110px; } 
    .footer__social a {display: inline-block; vertical-align: middle; background-image: url(../img/icon.png); }
.footer__social a.no-icon {background: none}
    a.soc-vk {width: 26px; height: 16px; background-position: 0 -82px; margin-right: 25px; } a.soc-in {width: 20px; height: 20px; background-position: 0 -102px; } .footer__politic-title {font-size: 14px; font-weight: 300; color: #44444f; margin: 0 0 18px; } .footer__politic p {font-size: 12px; font-weight: 300; color: #9f9c99; line-height: 15px; } .footer__politic p:nth-child(2) {margin-bottom: 37px; } .footer__copyright {text-align: left; font-size: 14px; color: #9f9c99; margin-top: 17px; } .webstr__link {font-size: 9px; font-family: Trebuchet MS1, Trebuchet MS, sans-serif; color: #9c9faa; display: inline-block; line-height: 10px; vertical-align: top; margin-left: 5px; text-align: left; } .webstr__link:hover {color: #9c9faa; } /* -FOOTER- */ /* btn */ .btn-red {display: inline-block; font-size: 16px; font-weight: 600; color: #fff; text-decoration: none; text-align: center; width: 240px; max-width: 100%; padding: 20px 20px; border: none; border-radius: 5px; background: #ce112d; outline: none; transition: 0.2s; } .btn-red:hover, .btn-red:focus {color: #fff; text-decoration: none; background: #a00d23; outline: none; } .btn-redline {display: inline-block; font-size: 16px; font-weight: 600; color: #17171b; text-decoration: none; text-align: center; width: 240px; max-width: 100%; padding: 20px 20px; border: 1px solid #ce112d; border-radius: 5px; background: #fff; outline: none; transition: 0.2s; } .btn-redline:hover, .btn-redline:focus {color: #fff; text-decoration: none; background: #ce112d; outline: none; } .btn-blackline {display: inline-block; font-size: 16px; font-weight: 600; color: #17171b; text-decoration: none; text-align: center; width: 240px; max-width: 100%; padding: 20px 20px; border: 1px solid #44444f; border-radius: 5px; background: #fff; outline: none; transition: 0.2s; } .btn-blackline:hover, .btn-blackline:focus {color: #fff; text-decoration: none; background: #44444f; outline: none; } /* cookies */ .cookies-wrapper {padding: 5px 15px; width: 100vw; height: fit-content; font-weight: 700; z-index: 999; display: none; } .cookies-text {font-size: 11px; } .cookies-accept-button {font-size: 11px; padding: 2px 10px; border-radius: 2px; user-select: none; cursor: pointer; display: inline-block; } .cookies-accept-button:hover {box-shadow: 0 0 5px 1px #e4e4e4; } /*/ Media column 5 /*/ .col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-1-5 {width: 20%; float: left; } @media (min-width: 768px) {.col-sm-1-5 {width: 20%; float: left; } } @media (min-width: 992px) {.col-md-1-5 {width: 20%; float: left; } } @media (min-width: 1200px) {.col-lg-1-5 {width: 20%; float: left; } } /*/ Special Media Query /*/ @media (min-width: 1200px) {.clear-lg-6:nth-child(4n+1) {clear: both; } .clear-lg-4:nth-child(4n+1) {clear: both; } .clear-lg-3:nth-child(3n+1) {clear: both; } .clear-lg-2:nth-child(2n+1) {clear: both; } } @media (min-width: 992px) and (max-width: 1199px) {.clear-md-4:nth-child(4n+1) {clear: both; } .clear-md-3:nth-child(3n+1) {clear: both; } .clear-md-2:nth-child(2n+1) {clear: both; } } @media (min-width: 767px) and (max-width: 991px) {.clear-sm-4:nth-child(4n+1) {clear: both; } .clear-sm-3:nth-child(3n+1) {clear: both; } .clear-sm-2:nth-child(2n+1) {clear: both; } } /**/ @media (max-width: 1200px) {.header__info {margin-left: 10px; width: 45%; } 
    .header__desc {font-size: 13px; } .topnav ul li {margin-left: 70px; } .slider__item-text {width: 70%; } .advant__item-title {font-size: 18px; } .offer__box {padding: 80px 40px; } .stamplist__item {width: 14.5%; } .archive__item-image {height: auto; } .spoiler__technical {width: 80%; } .filter__item {padding-right: 20px; } .tradein__rightbox {padding: 30px 20px; } } @media (max-width: 991px) {.header {padding-top: 55px; } .header__contact {display: none; } .header__diler {margin-right: 0; } .sidebar .nav-wrap {margin-top: 0; } .topnav ul {margin: 0; text-align: left; } .topnav ul li {display: block; margin: 0 0 10px; } .topnav ul li a {padding: 10px 5px; } .topnav ul li a:hover {text-decoration: underline; } .topnav ul li a:after {display: none; } .topnav ul ul {display: block; position: static; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 20px; } .topnav ul li:last-child {display: block; } .nav-wrap .navbar-header {background: #ce112d; } .header__info {margin-left: 10px; width: 85%; margin-bottom: 10px; } .slider__item-text {width: 100%; } .about {padding: 100px 0; } .about__box {width: 100%; } .about__video {height: 140px; width: 100%; right: 0; top: auto; bottom: -130px; } .about__box:before {top: auto; bottom: 0; width: 100%; height: 15px; } .about__box {margin-bottom: 130px; } .advant {margin: 60px 0 70px; } .advant__box, .advantgray .advant__box {padding: 0; box-shadow: none; } .advant__item-image {margin-top: 30px; } .advant__item-title br {display: none; } .offer__box {background-image: none; padding: 60px 40px; } .article__item-title {min-height: 0; margin-bottom: 9px; } .article__item-text {margin-bottom: 30px; } .news__item {margin-bottom: 30px; } .stamplist__item {width: 23%; } .footer__politic {margin-top: 30px; } .prodcard__item-left, .prodcard__item-right {float: none; width: 100%; } .prodcard__item-image {height: auto; margin-bottom: 20px; } .videolist__item {height: 300px; margin-bottom: 30px; } .carabout__form {margin-top: 30px; } .spoiler__technical {width: 100%; } .filter__item {width: 50%; } .compare__item-autobox {padding: 20px 10px; } .cartext__foto, .cartext__video {margin-bottom: 30px; } .cartext__foto-title, .cartext__video-title {font-size: 25px; line-height: 25px; margin: 0 0 20px; } .cartext__foto-list, .cartext__video-list {display: flex; flex-wrap: wrap; margin: 0 -1% } .cartext__foto-list a, .cartext__video-list a {width: 31.3%; margin: 0 1% 10px; } .compare-slider__nav-outer.affix {top: 54px; } .filter__price-row {flex-wrap: wrap; } .filter__price-range {margin-bottom: 30px; } .compare-fix.affix {top: 94px; } .fakeleft__left {display: none; } .fakeleft__right {width: 100%; } .tradein__right {padding-left: 15px; display: flex; flex-wrap: wrap; } .tradein__formbox {margin-bottom: 30px; } .tradein__rightbox {width: 350px; margin: 0 5px 10px; } } @media (max-width: 767px) {.header__btn {width: 300px; max-width: 100%; } 
        .header__desc {margin-bottom: 7px; } .header__city {margin-right: 15px; padding-left: 0; } .header__diler {padding-left: 0; } .header__city:before, .header__diler:before {display: none; } .slider__item-title {font-size: 30px; line-height: 30px; text-transform: none; } .slider__item {padding: 50px 30px 70px; height: auto; } #header-slider.owl-carousel .owl-dots {bottom: 20px; } #header-slider.owl-carousel .owl-nav .owl-prev {left: 10px; } #header-slider.owl-carousel .owl-nav .owl-next {right: 10px; } .section-title {font-size: 25px !important; line-height: 30px !important; margin-bottom: 30px; text-transform: none; } .brands__list {text-align: center; } .special {margin: 0 0 50px; } .special__item-image {height: auto; } .tradeinform {padding: 50px 0; } .tradeinform__title {font-size: 25px; line-height: 30px; margin: 0 0 20px; } .tradeinform__caption {font-size: 16px; } .tradeinform__form {margin-top: 50px; } .about {padding: 50px 0; } .about__box {padding: 30px 25px; } .about__title {font-size: 25px; text-transform: none; line-height: 30px; } .about__caption {font-size: 18px; line-height: 25px; margin: 0 0 30px; } .advant {margin: 50px 0; } .advant__item-title {min-height: 0; } .partner {margin: 0 0 50px; } .offer {background: #f5f5f5; margin: 0 0 50px; } .offer.offer-two {background: none; } .offer__box {background: none; padding: 50px 0; border-radius: 0; } .offer-two .offer__box {padding: 70px 20px; } .offer__title {font-size: 25px; line-height: 30px; text-transform: none; margin: 0 0 30px; } .offer__text {font-size: 18px; margin-bottom: 30px; } .prodcard {margin: 0; } .prodcard__item {box-shadow: none; margin-bottom: 50px; padding: 0 0 0; }
.prodcard__item-btn-read, .prodcard__item-btn-credit {display: inline-block; /*width: 250px;*/ /*max-width: 100%;*/ width: 47%; margin: 10px 5px 0; } .archive {margin: 0; } .archive__item {padding: 0; margin-bottom: 50px; box-shadow: none !important; } .archive__item-image {margin-bottom: 10px; } .article .section-title {margin-bottom: 30px; } .article__btn {margin-top: 10px; text-align: center; } .advantbg {margin-bottom: 50px; padding: 50px 0; } .advantbg .section-title {margin-bottom: 30px; } .videolist {margin-bottom: 30px; } .stamplist {padding: 50px 0 10px; } .stamplist__item {width: 150px; } .stamplist__item-list {height: auto; } .stamplist__item:hover .stamplist__item-list {position: static; padding: 0; box-shadow: none; } .footer {padding: 40px 0 40px; } .footer__sort {column-count: 2; margin: 0 0 30px; } .footer__top {margin-bottom: 20px; } .footer__social {margin: 50px 0; text-align: center; } .footer__menu {margin: 0; } .webstr {margin-top: 30px; } .carabout__title {margin-top: 50px; } .carabout__offer {margin-top: 20px; } .filter__item {padding-right: 0; width: 100%; } .cartext__foto-list a, .cartext__video-list a {width: auto; } .cartext {margin: 10px 0 0px; } #related-slider {width: 90%; margin: auto; } #related-slider .owl-nav .owl-prev {left: -20px; } #related-slider .owl-nav .owl-next {right: -20px; } .filter__price-row {flex-direction: column; } .filter__price-input {margin-bottom: 30px; } .filter__price-link {margin: 0; } .filter__price-range {width: 100%; margin: 0 0 20px; } .filter__price-input .sep {display: none; } .filter__price-input-text {display: flex; } .filter__price-input-left, .filter__price-input-right {width: 120px; } .filter__price-input-left {margin-right: 5px; } .filter__price-input input {width: 120px; } .tradein__choice {flex-direction: column; } .tradein__choice-form {margin: 0 0 30px; } .tradein__choice-select {width: 100%; } .tradein__formbox {padding: 30px 20px; } } @media(max-width: 500px) {.stamplist__item {width: 48%; } } .header__compare {display: none; } .navbar-header {display: none; } .tradeinform__form {padding: 70px 65px } .grid-item {max-width: 90%; } @media(max-width: 992px) {.navbar-header {display: block; } .header__top {text-align: left; } .header__compare {display: inline-block; float: right; } .right_links {display: none; } } @media(max-width: 768px) {.header__bottom, .header__desc {text-align: center; } .header__info {padding-left: 0; } .header__info::before, .header__info-phone::before {display: none; } .header__btn {margin: 11px auto 0 } 
    .brands__item {width: 66px; margin-bottom: 17px; } 
    .brands {margin: 0px 0 0px; } .tradeinform__form {padding: 20px; margin-top: 20px;; } form .fiels_item input[type="text"] {padding: 13px 19px !important } .advant__box {text-align: center; } .advant__box:nth-child(2n+1) {clear: both; } .advant__item-title {line-height: 15px; font-size: 15px; padding: 0 20px; } .advantbg  .advant__item-title {padding: 0 10px; } .advant .section-title, .section-title {margin-bottom: 15px; text-align: center; } #partner-slider {margin-top: 20px;; } .footer__logo {text-align: center; } .carabout__form {padding: 20px } .advant__box .advant__item:nth-child(2n+1) {clear: both; } .spoiler__title {margin-bottom: 0; } .spoiler__content-list {margin-bottom: 10px; } .advantbg {padding: 20px 0; } .special__item_all {height: auto; } .special__item_all .special__item-title {margin-top: 5px; } } .new-auto__item-image img {max-width: 47px } .special__item-btn-read-no-hover:hover, .special__item-btn-read-no-hover:focus {color: #17171b!important; text-decoration: none; } .table-complectation .btn-red {font-size: 12px; width: auto; padding: 4px 20px 7px; float: right; } .tab-complectation .tab-content {padding: 30px 0 20px; } .tab-complectation .tab-content table {font-size: 14px; } .tab-complectation .tab-content table tr th {background: #fafafa; font-size: 12px; text-transform: uppercase; color: #777; font-weight: 400; } .tab-complectation .tab-content table tr th, .tab-complectation .tab-content table tr td {border-color: #ecebeb; } .tab-complectation .tab-content table tr td .strike {text-decoration: line-through; } .tab-complectation .tab-content table tr td:not(:first-child):not(:last-child), .tab-complectation .tab-content table tr th:not(:first-child):not(:last-child) {text-align: center; } .tab-complectation .tab-content table tr td:first-child {font-weight: 400; background: #fafafa; color: #777; } .tab-complectation .tab-content table tr td .cost {color: #ce112d; font-weight: 600; } .tab-complectation .nav-tabs > li {margin-right: 10px; } .tab-complectation .nav-tabs > li > a {border: 1px solid #ddd; border-radius: 4px; color: #777777; } .tab-complectation .nav-tabs > li.active > a,.tab-complectation .nav-tabs > li.active > a:hover,.tab-complectation .nav-tabs > li.active > a:focus {background: #fafafa; border: 1px solid #ddd; color:  #17171b; } .tab-complectation .nav-tabs {border: none } .table-char tr th {min-width: 150px; font-size: 14px!important; } .table-char tr td {font-size: 14px; } .table-char tr td:not(:first-child), .table-char tr th {text-align: center!important; } .table-char tr td:first-child {background: #fafafa; color: #777; font-weight: 400!important; } @media(max-width: 991px) {.tab-complectation .tab-content table tr td, .tab-complectation .tab-content table tr th {text-align: left!important; } } @media (max-width: 768px) {.table-complectation .btn-red {width: 105px; padding: 8px 2px; } } @media (max-width: 500px) {.tab-complectation .nav-tabs > li > a {font-size: 13px; } } .owl-stage{display: block !important; } .owl-item{display: inline-block; float: none!important; vertical-align: middle; } .attent {display: block; text-transform: uppercase; color: #ce112d; text-align: left; }
.modal-header {padding: 0; border: none; } .modal-header .close {top: 20px; position: relative; right: 20px; z-index: 99999; } .fancyform {padding: 20px 20px; text-align: left; } .lead-success {font-weight: 600; color: #050; } .has-error .help-block {font-size: 12px; font-weight: 400; } .header__diler a:focus,  .header__diler a:hover, a.right_link_compare:hover, a.right_link_compare:focus {color: #fff!important;} .page-compare .compare__line-title {font-size: 12px; } .page-compare .fakeleft__compare__line {height: 50px; margin-bottom: 10px; } .page-compare .compare__line-check {margin-bottom: 10px } .page-compare .fakeleft__head {height: 528px; } @media (max-width: 636px) {.modal::before {height: auto; } }
.auto-info-text
{
	background: #ecebeb;
	padding: 20px;
	border-radius: 10px;
}
.h1 span, .page-title span
{
	color: #ce112d
}
.special
{
	margin-top: 30px;
}
.carabout__int {
    background: #fafafa;
    padding: 20px;
    border-radius: 10px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.header__info-phone
{
    width: 52%;
    margin-left: 0;
}
.carabout__form
{
    background: #fafafa;
}
.carabout__form .credit-title
{
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    text-align: center;
}
.carabout__credit .checkbox-field, .prodcard__item-right .checkbox-field
{
    width: 100%;
}
.logo_dealership
{
    max-width: 50px;
    max-height: 50px;
    margin: 0 auto;
    display: block;
}
.dealership_list .item .name
{
    padding-top: 10px;
}
.dealership_line
{
    margin-bottom: 10px;
}
.dealership_list .item .intro-box
{
    margin-bottom: 30px;
}
.contact-box
{
    background: #fff;
    box-shadow: 0 0 14px 10px rgba(68,68,79, 0.1);
    padding: 40px 30px;
}
.contact-box .contact-box-title
{
    font-size: 17px;
    line-height: 24px;
    position: relative;
}
.contact-box .btn-send
{
    width: 100%;
    background: #ce112d;
    color: #fff;
    border-radius: 5px !important;
    text-transform: none;
    padding: 19px 8px;
    font-weight: 600;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(206, 17, 45, 0.4);
    -moz-box-shadow: 0px 10px 30px 0px rgba(206, 17, 45, 0.4);
    box-shadow: 0px 10px 30px 0px rgba(206, 17, 45, 0.4);
    margin-top: 20px;
}
#tool 
{
    
}

#tool .message .tooltip-mesage
{
    white-space: normal;
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    padding: 12px;
    color: #fff;
    left:  0;
    right: 0;
    line-height: 16px;
    top:  105%;
    border-radius: 10px;
    
}
#tool span
{
    border: 1px solid transparent;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    background: #e9e9ed;
    cursor: pointer;

}
#map, #map > ymaps 
{
    max-width: 100%;
}
@media(max-width:  768px)
{
    .prodcard__item-title, .prodcard__item-image, .prodcard__item-price, .prodcard__item-offer, .prodcard__item-right
    {
        text-align: center;
    }
    .checkbox-field
    {
        text-align: center;
        width: 100%;
    }
}
.carabout__btn
{
    margin-bottom: 20px;
}
@media (max-width: 768px)
{
    .header__info, .header__info-phone {
        width: 49%;
        margin: 0;
        display: inline-block;
    }
    .header__bottom
    {
        padding: 15px 0 17px;
    }
    .breadcrumb
    {
        margin-bottom: 0;
    }
    .carabout__colortab
    {
        margin-top: 0;
    }
    .brands__item-name
    {
        margin-top: 13px;
    }
}
.carabout__price__click
{
    cursor: pointer;
}
.carabout__credit__toggle
{
    display: none;
}
a.right_link_compare
{
    padding: 15px 15px 16px 40px;
}
a.right_link_compare span
{
    padding: 2px 5px;
    top: -10px;
    font-size: 8px;
    margin-left: 0;
}
.callphone
{
    width: 74px;
    height: 74px;
    position: fixed;
    right: 70px;
    bottom: 70px;
    border: 4px solid rgba(255, 213, 213, 0.8);
    border-radius: 100%;
    padding: 2px;
    cursor: pointer;
    animation: pulse 1.5s infinite;
    z-index: 9999;
}
.callphone span
{
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 213, 213, 0.8) url("../images/phone.png") center no-repeat;
    border-radius: 100%;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(206, 17, 45, 0.5);
    }
    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(206, 17, 45, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(206, 17, 45, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(206, 17, 45, 0.5);
        box-shadow: 0 0 0 0 rgba(206, 17, 45, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(206, 17, 45, 0);
        box-shadow: 0 0 0 20px rgba(206, 17, 45, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(206, 17, 45, 0);
        box-shadow: 0 0 0 0 rgba(206, 17, 45, 0);
    }
}
@media (max-width: 992px) {
    .about__video {display: none}
     .about__box {margin-bottom: 0;}
}
@media (max-width: 768px) {
    .callphone
    {
        width: 40px;
        height: 40px;
        right: 20px;
        bottom: 20px;
    }
    .callphone span
    {
        background-size: contain;
    }
    #back-top a
    {
        bottom: 20px;
        left: 20px;
    }
     
}
.footer__top > div {margin-bottom: 25px;}
.navbar-brand
{
    float: right;

}
.mobile_header-phone
{
    position: fixed;
    top:  5px;
    left: 10px;
    color: #fff;
    z-index: 9999;
}
.mobile_header-phone .header__info-phone
{
    width: 100%;    
}
.mobile_header-phone .header__info-title
{
    color: #fff;
}
.mobile_header-phone .header__info-phone a
{
    color: #fff;
}
.admin-line {
    color: #fff;
    background: #ff0000;
    padding: 20px ;
}
@media(min-width: 1192px) {
	#cities-list
	{
		column-count: 3;
	}
	#cities-list li
	{
		width: 100%;
		float: none;
	}
	.city-modal {
  		width: 660px;
  	}
}
#cities-list li.city-1 a, #cities-list li.city-26 a{
	font-weight: bold;
}
.characteristics-title {
    border: 1px solid #DDDDDD;
    padding: 11px 15px;
    border-radius: 5px;
    display: inline-block;
    font-weight: 700;
    color: #000;
    font-size: 16px;
}
.characteristics-panel {
    border: 1px solid #DDDDDD;
    padding: 28px 28px;
    border-radius: 5px;
    margin-top: 28px;
    line-height: 26px;
}
.characteristics-panel .line {
    margin-bottom: 10px;
}
.characteristics-panel .characteristics-panel-box{
    border-top: 1px solid #DDDDDD;
    padding: 10px 10px 20px;
}
.characteristics-panel .line .characteristics_panel-title {
    color: #777777;
}

.equipment-box{
    border-top: 1px solid #DDDDDD;
    padding: 10px 10px 20px;
}
.equipment-box .panel {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 1px solid #DDDDDD ;
}
.equipment-box .panel .panel-heading {
    color: #000;
    background: none;
    border: none;
    padding: 10px 0;
}
.equipment-box .panel .panel-body {
    color: #000;
    font-size: 14px;
    color: #777777;
}
.equipment-box .panel .panel-body ul {
    list-style-type: none;
}
.carabout-bu .prodcard__item-image-2{
    height: auto;
}
.prodcard__item-bu .prodcard__item-image{
    height: auto;
}
.prodcard__item-bu .prodcard__item-right {
    padding-left: 20px;
}
.prodcard__item-bu .info {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    font-weight: 500;
}
.prodcard__item-bu .info .line span {
    color: #000;
    float: right;
}
@media(max-width: 768px) {
	.prodcard__item-bu .info .line {
		text-align: left;
	}
	.prodcard__item-bu .info .line span
	{
		float: none;
	}
}