@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

html {
    position: relative;
}

body {
    width: 100%;
    min-width: 320px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    -webkit-text-size-adjust: none;
    position: relative;
}

input, select, textarea, button {
    -webkit-appearance: none;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0;
}

img {
    border: 0;
}

p {
    margin-bottom: 20px;
}

a:hover {
    text-decoration: none;
}

.top_menu ul li a, .fav a, .tovar, .tov_credit, .tovar_href a, .bl_5 p, .auto p, .bl_7 a, .block_insta a p img, .f_btn,
.top_right div, .item12 a, .btn_auto, .bl_8 a, .txt_link a, .auto img, .one_price_1 a, .r_link, #otziv_id_2 .fancybox:before,
#otziv_id_3 .fancybox:before, .vikup_brand .brands span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.youtube-player .play {
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.wrap {
    width: 100%;
    position: relative;
}

.main {
    max-width: 1130px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0.6;
    display: none;
}


/*-------  БЛОК 1  -----------*/
.top {
    position: absolute;
    background: #282929;
    display: block;
    top: 0;
    height: 80px;
    border-bottom: 1px solid #353333;
    z-index: 2000;
    opacity: .9;
}

.top_2 {
    position: absolute;
    background: #282929;
    display: block;
    top: 81px;
    height: 50px;
    z-index: 1000;
    opacity: .9;
}

.top_a {
    background: #282929;
    opacity: 1;
}

.sticky {
    position: fixed;
    top: 0;
}

.top .main, .top_2 .main {
    padding: 0px 0;
}


.top .main:first-chaild {
    border-bottom: 1px solid #fff;
}

.logo {
    background: url(../images/carcheck4.png) no-repeat 0px 0px;
    width: 160px;
    height: 50px;
    position: absolute;
    background-size: 160px;
    top: 24px;
    left: 0;
	margin-top: 3px;
}

.top_center {
    text-align: center;
    color: #868484;
    font-size: 13px;
}

.top_time, .top_adres {
    display: inline-block;
    text-align: left;
    position: relative;
    right: 1px;
    top: 0px;
    margin-right: 60px;
    border-right: 1px solid #3c3c3c;
    padding-top: 24px;
    padding-right: 30px;
}

.top_phone {
    position: absolute;
    top: 16px;
    right: 0;
    color: #fff;
    width: 146px;
    padding-right: 166px;
    padding-top: 9px;
    color: #d9d9d9;
}

.top_phone span {
    text-align: right;
    display: block;
    font-size: 14px;
    line-height: 1.2
}

.top_phone p {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 35px;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
}

.time {
    background: #353535 url(../images/clock.svg) no-repeat 9px 9px;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 13px;
    border-radius: 50%;
    top: 24px;
    left: -42px;
}

.adress {
    background: #353535 url(../images/map.svg) no-repeat 8px 8px;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 14px;
    border-radius: 50%;
    top: 24px;
    left: -42px;
}

.phon {
   
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: 13px;
    border-radius: 50%;
    top: 11px;
}

.open_phone {
    background: url(../images/phone.svg) no-repeat 19px 19px;
    width: 60px;
    height: 60px;
    position: absolute;
    background-size: 22px;
    top: 11px;
    top: 0px;
    right: -20px;
    display: none;
}

.open_block_phone {
    position: absolute;
    background: #2c2c2c;
    display: none;
    top: 60px;
    min-height: calc(100vh - 60px);
    height: auto;
    z-index: 20000;
    width: 320px;
    right: -320px;
}

.ph_1, .ph_2 {
    background: #2c2c2c;
    padding: 40px 40px 40px 40px;
}

.ph_1 {
    border-bottom: 1px solid #1f1f1f;
}

.ph_1 p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.ph_1 p a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
    padding-bottom: 4px;
    display: inline-block;
    margin-right: 20px;
}

.ph_1 .ph_zacaz {
    color: #fff;
    background: #3c3c3c;
    display: inline-block;
    padding: 10px 18px;
    margin-top: 20px;
    font-weight: 300;
}

.ph_2 {
    padding-bottom: 80px;
}

.ph_2 p {
    color: #b3b3b3;
    font-size: 14px;
    font-weight: 300;
}

.ph_2 a {
    font-size: 18px;
    color: #d62133;
    font-weight: 300;
}


.top_menu {
    font-size: 0;
    position: relative;
    left: -14px;
    top: 0px;
}

.top_menu ul {
    list-style: none;
}

.top_menu ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.top_menu ul li a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 14px;
    display: block;
}

.top_menu ul li:hover a, .top_menu ul li a:hover {
    background: #3d3d3d;
    color: #ccc;
}

.top_menu ul li:hover {
    border-bottom: 1px solid #cc0c33;
}

.top_menu ul ul li:hover {
    border: none;
}

.top_menu ul li:hover ul li a {
    background: #3d3d3d;
}

.top_menu ul ul li a:hover {
    color: #fff;
}

.top_menu {
}

.top_menu ul ul {
    position: absolute;
    padding: 0px;
    top: 48px;
    display: none;
    padding-top: 2px;
}

.top_menu ul ul li {
    display: block;
    background: #3d3d3d;
    margin-bottom: 0px;
}

.top_menu ul ul li a {
    text-transform: none;
    padding: 10px 14px;
    display: block;
    white-space: nowrap;
}

.top_menu ul li:hover ul {
    display: block;
}

.top_right {
    position: absolute;
    right: 0;
    color: #b2b2b2;
    font-size: 13px;
    top: 9px;
}

.top_right p {
    text-transform: uppercase;
    display: inline-block;
}

.top_right_link {
    color: #b2b2b2;
    text-decoration: none;
}

.top_right div {
    display: inline-block;
    background: #b51020;
    padding: 8px 24px 7px 24px;
    border-radius: 3px;
    margin-left: 22px;
    cursor: pointer;
}

.top_right div:hover {
    background: #4a4a4a;
}

.top_fav {
    position: absolute;
    background: url(../images/heart_2.svg) no-repeat 0px 16px;
    background-size: 20px;
    top: 0;
    right: 348px;
    color: #a9a9a9;
    padding: 16px 25px;
    text-transform: uppercase;
    font-size: 13px;
    text-decoration: none;
    border-right: 1px solid #3c3c3c;
}

.top .top_fav {
    display: none;
}

.top_fav:hover {
    opacity: 0.8;
}

/*-------  СЛАЙДЕР  -----------*/
.slider {
    position: relative;
    display: block;
    min-height: 400px;
    background: #323232;
}

.slyd {
    width: 100%;
    position: relative;
}

.slyd_in {
    width: 100%;
    position: absolute;
    z-index: 10;
    height: 100%;
    top: 0px;
}

.item12 {
    color: #ffffff;
    overflow: hidden;
    max-width: 1130px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    top: 280px;
}

.item12 .excerpt, .item12 .small {
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #fff;
}

.item12 a {
    background: #cc0c33;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 34px;
    display: inline-block;
}

.item12 a:hover {
    background: #b70025
}

.item12 .big-text {
    font-size: 42px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 50ms;
    animation-delay: 100ms;
}

.animate-out {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

/*-------  БЛОК 2  -----------*/
.block_2 {
    background: #323232;
}

.block_2 h2 {
    display: none;
}

.select_block {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

.select_block select {
    display: inline-block;
    padding: 8px 12px 9px 12px;
    border: none;
    outline: none;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    border-radius: 0;
}

.s_one select {
    width: 100%;
    font-size: 14px;
}

.s_one {
    width: 15%;
    position: relative;
}

.s_two {
}

.s_two p {
    position: relative;
    display: inline-block;
    margin: 0;
    background: #fff;
    font-size: 14px;
}

.s_two p span {
    position: absolute;
    z-index: 10;
    left: 12px;
    top: 8px;
}

.s_two p select {
    display: inline-block;
    margin-left: 60px;
    padding: 8px 50px 9px 10px;
    font-size: 14px;
}

.s_two p:last-child select {
    display: inline-block;
    margin-left: 26px;
}

.btn_auto {
    width: 15%;
    background: #cc0c33;
    border: none;
    color: #fff;
    padding: 10px 0 10px 0;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}

.btn_auto:hover {
    background: #b70025
}

.s_one:after, .s_two p:after {
    content: "▼";
    padding: 12px 0px;
    font-size: 8px;
    position: absolute;
    color: #cc0c33;
    background: #fff;
    right: 0px;
    top: 0px;
    z-index: 100;
    text-align: center;
    width: 24px;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
}

.s_two p span strong {
    font-weight: 400;
    display: none;
}

.block_2 .search {
    display: none;
}


/*-------  БЛОК 3  -----------*/
.block_3 {
    background: #323232;
}

.block_3 .main {
    padding-top: 0;
}

.block_3 h2 {
    display: inline-block;
    color: #afafaf;
    font-weight: 250;
    line-height: 1;
    margin-bottom: 20px;
    font-size: 30px;
    margin-right: 70px;
    margin-top: 50px;
}

.block_3 .search {
    display: inline-block;
    color: #afafaf;
    text-decoration: none;
    border-bottom: 1px dashed #afafaf;
    position: relative;
    top: -3px;
}

.block_3 .search:before {
    content: "";
    background: url(../images/search.svg) no-repeat 0px 0px;
    background-size: 15px;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: -24px;
    top: 5px;
}

.block_3 .search:hover {
    opacity: 0.8;
}

.block_3 ul {
    list-style: none;
    margin-top: 30px;
    -webkit-column-width: 170px;
    -moz-column-width: 170px;
    column-width: 170px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;

}

.block_3 ul li {
    margin-bottom: 12px;
}

.block_3 ul li a {
    text-decoration: none;
    color: #afafaf;
    font-weight: 400;
    font-size: 14px;
}

.block_3 ul li a span {
    display: inline-block;
    margin-left: 10px;
    color: #7b7a7a;
}

.block_3 ul li a:hover {
    color: #fff;
}


/*-------  БЛОК 4  -----------*/
.block_4 {
    background: #fff;
    overflow-x: hidden;
}

.all_plus {
    width: calc(100% + 40px);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.plus {
    position: relative;
    padding: 30px 30px 30px 100px;
    border: 1px solid #e2e2e2;
    display: inline-block;
    width: calc(50% - 168px);
    vertical-align: top;
    margin: 0 30px 30px 0;
}

.plus img {
    width: 30px;
    position: absolute;
    margin: 0 0 0 -50px;
}

.plus h4 {
    text-transform: uppercase;
    margin-bottom: 8px;
    line-height: 1.2;
    font-size: 15px;
    color: #444;
}

.plus p {
    margin-bottom: 0;
}

.block_4 h2, .block_6 h2, .block_7 h2 {
    text-align: center;
    font-size: 30px;
    line-height: 1.0;
    color: #444
}



















































































/*-------  МАШИНЫ КАТАЛОГ  -----------*/


.tovar_tab {
    display: block;
    width: calc(100%);
    background: #e8e8e8;
    color: #000;
    height: 30px;
    font-size: 13px;
    margin-bottom: 8px;
    padding: 10px 0 0px;
    position: relative;
}



.tovar_tab strong {
    float: left;
    margin-bottom: 0;
    margin-right: 15px;
    width: 120px;
    margin-left: 114px;
    font-weight: 600;
}

.tovar_tab p {
    width: calc(70% - 140px);
    display: inline-block;
    font-weight: 600;
}

.tovar_tab p span {
    display: inline-block;
}


.all_tovar {
    width: calc(100%);
    display: flex;
    flex-wrap: wrap;
    margin: 50px 0 10px 0;
    font-size: 0;
}






.tovar {
    position: relative;
    display: inline-block;
    width: 100% !important;
    vertical-align: top;
    margin: 0 0px 30px 0;
    background: #f3f3f3;
    font-size: 14px;
}

.grid_tovar {
    width: 100% !important;
    display: block;
    margin-bottom: 8px;
    background: #f8f8f8;
}



.tovar a {
    text-decoration: none;
    display: block;
}

.tov_img {
}

.tov_img img {
    width: 100px;
    float: left;
    display: block;

    vertical-align: middle;
}

.grid_tovar img {
    width: 100px;
    float: left;
    display: block;
}





.tov_info {
    padding: 12px;
    color: #333;
    display: block;
    padding: 0;
    margin: 0;
    margin-left: 114px;
    width: auto;
    position: relative;
    padding-top: 0px;
}

.grid_tovar .tov_info {
    display: block;
    padding: 0;
    margin: 0;
    margin-left: 114px;
    width: auto;
    position: relative;
    padding-top: 0px;
}



.tov_info strong {
    display: table-cell;
    margin-bottom: -20px;
    margin-right: 26px;
    width: 140px;
    line-height: 1;
    position: relative;
    top: -3px;
    height: 66px;
    font-size: 14px;
    vertical-align: middle;
    overflow: hidden;
    font-weight: 400;
}


.tov_info p {
    display: block;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    width: calc(70% - 60px);
    position: absolute;
    top: 20px;
    left: calc(126px + 6%);
}

.grid_tovar .tov_info strong {
    display: table-cell;
    margin-bottom: -20px;
    margin-right: 26px;
    width: 140px;
    line-height: 1;
    position: relative;
    top: -3px;
    height: 66px;
    font-size: 14px;
    vertical-align: middle;
    overflow: hidden;
    font-weight: 400;
}

.grid_tovar .tov_info p {
    display: block;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    width: calc(70% - 60px);
    position: absolute;
    top: 20px;
    left: calc(126px + 6%);
}






.tov_info .tov_price {
    font-size: 16px;
    color: #d82133;
    font-weight: 800;
    position: absolute;
    right: 15px;
    top: 10px;
    display: block;

}

.g_pr {
    position: absolute;
    right: 15px;
    top: 10px;
    display: block;
    font-weight: 600;
    color: #d82133;
}




.tov_info .tov_price span {
    font-size: 14px;
    color: #7d7d7d;
    font-weight: 300;
    display: inline-block;
    margin-left: 14px;
}




.tov_info:hover strong {
    text-decoration: none;
}



.tovar:hover {
    box-shadow: 0px 0px 14px #00000038;
    background: #ffffff;
	
}



.tovar_href {
    text-align: center;
    margin-bottom: 40px;
}

.tovar_href a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    border: 1px solid #000;
    padding: 10px 40px;
    font-weight: 600;
}

.tovar_href a:hover {
    color: #d82133;
    border: 1px solid #d82133;
}




.tovar .tov_info p span {

    display: inline-block;
    width: auto;
}
.tov_info p span.g_hide {
    display: none;
}


.tov_info p span:nth-child(1), .tovar_tab p span:nth-child(1) {
    width: 13%;
}

.tov_info p span:nth-child(2), .tovar_tab p span:nth-child(2) {
    width: 100px;
}
.tov_info p span:nth-child(3), .tovar_tab p span:nth-child(3) {
    width: 165px;
}

.grid_tovar .tov_info p span:nth-child(1), .tovar_tab p span:nth-child(1) {
    width: 13%;
}

.grid_tovar .tov_info p span:nth-child(2), .tovar_tab p span:nth-child(2) {
    width: 100px;
}

.grid_tovar .tov_info p span:nth-child(3), .tovar_tab p span:nth-child(3) {
    width: 165px;
}


.grid_tovar .tov_info p span {

    display: inline-block;
    width: auto;
}





















.grid_tovar .tov_info .tov_price {
    font-size: 14px;
    color: #0a0a0a;
    position: absolute;
    right: 20px;
    top: 15px;
}

.grid_tovar .tov_info .tov_price span {
    font-size: 14px;
    display: block;
    margin-left: 0px;
    top: -3px;
    position: relative;
}



.grid_tovar:last-child {
    margin-bottom: 50px;
}

.grid_tovar:hover {
    box-shadow: none;
}















































/*-------  БЛОК 5  -----------*/
.block_5 {
    background: #2f3336 url(../images/bg_5.jpg) no-repeat center center;
    font-size: 0;
    margin-bottom: 0px;
}

.block_5 .main {
    padding: 0;
}

.bl_5 {
    display: inline-block;
    color: #fff;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
    width: calc(33%);
    border-left: 1px solid #484848;
    padding: 60px 0;
}

.bl_5:last-child {
    border-right: 1px solid #484848;
}

.bl_5 p {
    margin-bottom: 0;
    width: 265px;
    height: 109px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 20px;
}

.bl_5 p strong {
    display: block;
    font-size: 38px;
    font-weight: 800;
}

.bl_5 p:hover {
    background: url(../images/ramka.png) no-repeat 0 0;
}


/*-------  МАШИНЫ КАТАЛОГ BLOCK_6  -----------*/
.block_6 {
    padding: 30px 0 0 0;
}

.all_cat {
    font-size: 0;
    width: 100%;
    margin-top: 60px;
    text-align: center;
}

.auto {
    display: inline-block;
    color: #000;
    text-align: center;
    vertical-align: top;
    width: calc(20%);
    text-decoration: none;
    margin-bottom: 20px;
}

.auto img {
    display: inline-block;
    margin-bottom: 10px;
}

.auto p {
    font-size: 13px;
}

.auto p span {
    display: inline-block;
    margin-left: 6px;
    color: #d82133;
}

.auto:hover p {
    color: #6b6b6b;
}

.auto:hover img {
    opacity: 0.7;
}


/*-------  БЛОК 7  -----------*/
.block_7 {
    background: #f6f6f6;
    padding: 30px 0 0 0;
}

.block_7 h2 {
    margin-bottom: 40px;
}

.bl_7 {
    display: inline-block;
    color: #000;
    vertical-align: top;
    width: calc(33.333% - 84px);
    text-decoration: none;
    margin-bottom: 80px;
    padding: 0 0px 0 80px;
    position: relative;
}
/*
.bl_7:before {
    content: "";
    position: absolute;
    background: #d82133;
    height: 1px;
    width: 44px;
    display: block;
    left: 0;
    top: 44px;
}
*/
.bl_7 em {
    font-style: normal;
    color: #d7d7d7;
    font-weight: 700;
    font-size: 70px;
    overflow: hidden;
    height: 60px;
    display: block;
    margin-bottom: 20px;
}

.bl_7 strong {
    display: block;
    margin-bottom: 8px;
    font-size: 17px;
    color: #444;
}

.bl_7 p {
    color: #717171;
    font-size: 14px;
    margin-bottom: 24px;
}

.bl_7 a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #e4e4e4;
    padding: 8px 20px
}

.bl_7 a:hover {
    border: 1px solid #d82133;
}


/*-------  БЛОК 8  -----------*/
.block_8 {
    background: #2f3336 url(../images/bg_8.jpg) no-repeat top center;
    padding: 30px 0;
    color: #bbbaba;
}

.block_8 h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    float: left;
    position: relative;
    top: -1px;
}

.block_8 h2:before {
    content: "";
    position: absolute;
    background: #d82133;
    height: 2px;
    width: 44px;
    display: block;
    left: 0;
    top: 34px;
}

.bl_8 {
    margin-left: 290px;
}

.bl_8 a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    border: 1px solid #5a5a5a;
    padding: 8px 26px;
    display: inline-block;
    margin-top: 10px;
}

.bl_8 a:hover {
    border: 1px solid #d82133;
}

/*-------  БЛОК INSTA  -----------*/
.block_insta {
    font-size: 0;
    overflow: hidden;
}

.block_insta a {
    width: 14.285%;
    display: block;
    float: left;
    vertical-align: top;
}

.block_insta a p {
    position: relative;
    display: block;
    background: #212121;
    text-align: center;
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.block_insta a p:before {
    content: "";
    padding-top: 100%;
    float: left;
}

.block_insta a p img {
    width: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    opacity: 0.6
}

.block_insta a p span {
    font-size: 16px;
    position: absolute;
    margin: auto;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    color: #fff;
    width: 100%;
    height: 10px;
}

.block_insta .insta p img {
    width: 30px;
    top: -30px;
}


/*-------  ФУТЕР  -----------*/
.footer {
    background: #1f1f1f url(../images/bg_foot.jpg) no-repeat top center;
    padding: 0px 0;
    color: #c3c3c3;
}

.footer .main {
    padding: 24px 0 0px 0;
}

.foot_menu {
    border-bottom: 1px solid #3a3a3a;
    padding-bottom: 20px;
}

.foot_menu ul {
}

.foot_menu ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.foot_menu ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}

.foot_menu ul li a:hover {
    color: #ccc;
}

.foot_info {
    padding: 30px 0;
}

.f_bl {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 4px);
    position: relative;
    padding-top: 40px;
}

.f_bl h4 {
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    top: 0;
}

.f_bl p {
    font-size: 14px;
    margin-bottom: 11px
}

.f_bl p a {
    color: #e2e2e2;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
    font-weight: 600;
}

.f_bl p span {
    display: inline-block;
    width: 110px
}

.graf {
    display: none;
}

.foot_a {
    display: inline-block;
    margin-bottom: 40px;
    color: #c1012b;
    font-size: 14px;
}

.coz {
    cursor: default;
}

.coz a {
    margin-right: 4px;
}

.coz a:hover {
    opacity: 0.8;
}

.coz a img {
    width: 20px;
}

.coz p {
    float: left;
    position: relative;
    top: -1px;
    margin-right: 20px;
    font-size: 14px;
}

.footer_bot {
    background: #1d1d1d;
    color: #5f5f5f;
    font-size: 13px;
}

.footer_bot .main {
    padding: 24px 0 30px 0;
}

.footer_bot p {
    margin-bottom: 0;
}

.client .main {
    padding: 40px 0;
}

.client span {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: calc(16.666% - 4px);
}

.client span img {
    width: 100%;
    max-width: 148px;
}


/*------ ФИЛЬТР В КАТАЛОГЕ -------*/
.catalog {
    display: block;
    margin-top: 116px;
    clear: both;
    min-height: 900px;
}

.left_col {
    float: left;
}

.right_col {
    margin-left: 290px;
    padding-top: 9px;
    min-height: 850px;
}

.right_col .tovar {
    width: calc(33.333% - 30px);
}

.right_col .all_tovar {
    margin-top: 0;
}

.left_col {
    width: 260px;
}

.filter {
    background: #f3f3f3;
    padding: 14px;
    position: relative;
}

.filter h3 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 16px;
    color: #444
}

.sel_block {
    margin-bottom: 12px;
    position: relative;
}

.sel_block select {
    font-size: 14px;
    padding: 10px 10px;
    border: none;
    border-radius: 3px;
    position: relative;
    outline: none;
    color: #444;
}

.sel_block select:active, .sel_block select:focus {
    outline: none
}

/*------ Треугольник в селект -------*/
.sel_block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/ugol.svg) top 54% right 8px no-repeat;
    background-size: 6px;
}

.sel_block select::-ms-expand {
    display: none;
}

@media screen and (min-width: 0\0
) {
    .sel_block select {
        background: none \9;
        padding: 5px \9;
    }
}

/*-------------*/

.sel_block p {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #444;
}

.f_one select {
    width: 100%;
    display: block;
}

.f_one select {
}

.f_two {
    margin-top: 19px;
}

.f_two label {
}

.f_two select {
    width: calc(50% - 2px);
    padding: 6px 10px;
}


.radio {
    margin-bottom: 14px;
    overflow: hidden;
}

.radio label {
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.radio label span {
    background: linear-gradient(to top, #efefef, #ffffff);
    font-size: 14px;
    width: calc(50% - 4px);
    display: inline-block;
    padding: 6px 0;
    text-align: center;
    border: 1px solid #e2e2e2;
    color: #444;
}

.radio input {
    position: absolute;
    top: -30px;
}

.radio input:checked + span {
    box-shadow: 0px 0px 100px -27px #ababab inset;
    border: 1px solid #dadada;
}

.radio label span:last-child {
    margin-right: 0;
}

.rad_2 label span {
    width: calc(33.33% - 5px);
}


.f_check {
    margin-bottom: 30px;
}

.f_check label {
    display: block;
    margin-bottom: 8px;
    position: relative;
    overflow: hidden;
    color: #444
}

.f_check label span {
    content: "";
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: #fff;
    top: 4px;
    border: 1px solid #ccc;
    margin-right: 12px;
    border-radius: 3px;
}

.f_check input {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: absolute;
    left: -23px;
}

.f_check input:checked + span {
    background: #fff url(../images/m_3.svg) no-repeat 4px 3px;
    background-size: 12px;
}

.f_color {
    margin-bottom: 14px;
    position: relative;
    margin-top: 30px;
    font-size: 0;
}

.f_color p {
    font-size: 14px;
    margin-bottom: 10px
}

.f_color label {
    overflow: hidden;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0px 7px 8px 0;
}

.f_color label input {
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
}

.f_color label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

.f_color input:checked + span {
    background-image: url(../images/m_2.svg);
    background-size: 10px;
    background-position: 8px 8px;
    background-repeat: no-repeat;
}

.f_color .black + span {
    background: #000;
    border: 1px solid #000;
}

.f_color .silver + span {
    background: linear-gradient(to top, #c1c1c1, #ffffff);
    border: 1px solid #c1c1c1;
}

.f_color .white + span {
    background: #fff;
    border: 1px solid #bdbdbd;
}

.f_color .gray + span {
    background: #a9a9a9;
    border: 1px solid #a9a9a9;
}

.f_color .blue + span {
    background: #005bea;
    border: 1px solid #005bea;
}

.f_color .red + span {
    background: #ea0000;
    border: 1px solid #ea0000;
}

.f_color .green + span {
    background: #119200;
    border: 1px solid #119200;
}

.f_color .orange + span {
    background: #f39700;
    border: 1px solid #f39700;
}

.f_color .brown + span {
    background: #845a00;
    border: 1px solid #845a00;
}

.f_color .purple + span {
    background: #9c00f5;
    border: 1px solid #9c00f5;
}

.f_color .yellow + span {
    background: #ffda07;
    border: 1px solid #ffda07;
}

.f_color .silver:checked + span {
    background: linear-gradient(to top, #c1c1c1, #ffffff);
    position: relative;
}

.f_color .silver:checked + span:after {
    background-image: url(../images/m_1.svg);
    background-size: 10px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 8px;
    left: 8px;
}

.f_color .white:checked + span {
    background-image: url(../images/m_1.svg);
    background-size: 10px;
    background-position: 8px 8px;
}

.f_btn {
    display: block;
    width: 100%;
    border: none;
    background: #d82133;
    padding: 14px 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    box-shadow: 0px 2px 4px #969696;
    cursor: pointer;
}

.f_btn:hover {
    background: #bf1021;
}

.f_reset {
    display: block;
    margin: 14px auto 4px auto;
    width: 154px;
    position: relative;
}

.f_reset input {
    border: none;
    background: none;
    text-align: center;
    font-size: 14px;
    position: relative;
    width: 100%;
    padding: 10px 10px 10px 26px;
    cursor: pointer;
    z-index: 1;
    outline: none;
    color: #555;
}

.f_reset span {
    position: absolute;
    width: 19px;
    height: 19px;
    background: #ffffff url(../images/close_1.svg) no-repeat 6px 6px;
    background-size: 8px;
    display: block;
    top: 8px;
}

.f_reset input:hover {
    color: #777;
}


/*------ СОРТИРОВКА -------*/
.catalog_tit {
    position: relative;
    margin-bottom: 16px;
}

.catalog_tit h1 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 8px;
    color: #444
}

.catalog_tit > span {
    position: absolute;
    right: 0;
    top: 4px;
    color: #999;
}

.open_filter {
    background: #d82133;
    padding: 12px 0;
    width: calc(100% - 60px);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0px 2px 4px #969696;
    margin-bottom: 30px;
    display: none;
}

.open_filter span {
    background: url(../images/setup.svg) no-repeat 0px 12px;
    background-size: 22px;
    padding: 12px 0 12px 34px;
}

.catalog_tit ul {
    list-style: none;
    width: calc(100% - 60px);
    position: relative;
    left: 20px;
    -webkit-column-width: 100px;
    -moz-column-width: 100px;
    column-width: 100px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: none;
}

.catalog_tit ul li {
    margin-bottom: 6px;
}

.catalog_tit ul li a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}

.catalog_tit ul li a span {
    display: inline-block;
    margin-left: 4px;
    color: #888;
}

.catalog_tit ul li:first-child a, .catalog_tit ul li:first-child a span {
    color: #d82133 !important;
}

.catalog_sort {
    position: relative;
}

.catalog_sort p {
    color: #7b7b7b;
}

.catalog_sort select {
    font-size: 14px;
    padding: 0 20px 10px 10px;
    outline: none;
    margin-left: 0px;
    border: none;
}

/*------ Треугольник в селект сортировки-------*/
.catalog_sort select, .vid select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(../images/ugol.svg) top 32% right 8px no-repeat;
    background-size: 6px;
}

.catalog_sort select::-ms-expand, .vid select::-ms-expand {
    display: none;
}

@media screen and (min-width: 0\0
) {
    .sel_block select, .vid select {
        background: none \9;
        padding: 5px \9;
    }
}

/*-------------*/

.sort_list {
    position: absolute;
    right: 0;
    top: 0;
}

.sort_list div {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-left: 3px;
}

.sort_list .active {
}

.list {
    background: url(../images/list_1.svg) no-repeat 0px 0px;
    background-size: 17px;
    opacity: 0.2;
}

.grid {
    background: url(../images/grid_1.svg) no-repeat 0px -1px;
    background-size: 20px;
    opacity: 0.3;
}

.list.active {
    background: url(../images/list_2.svg) no-repeat 0px 0px;
    background-size: 17px;
    opacity: 1;
}

.grid.active {
    background: url(../images/grid_2.svg) no-repeat 0px -1px;
    background-size: 20px;
    opacity: 1;
}

.close_filter {
    position: absolute;
    top: 40px;
    right: 26px;
    background: #000 url(../images/close_2.svg) no-repeat 8px 9px;
    background-size: 12px;
    width: 30px;
    height: 30px;
    display: none;
}

.close_filter_2 {
    display: block;
    margin: 20px auto 0 auto;
    position: relative;
    width: 130px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px dashed #000;
    display: none;
}

/*------ ПАГИНАЦИЯ -------*/
.pag_block {
    position: relative;
    cursor: default;
    font-size: 17px;
}

.paginate span {
    background: #d82133;
    padding: 1px 7px;
    color: #fff;
}

.paginate a {
    text-decoration: none;
    padding: 1px 7px;
    color: #000;
}

.paginate a:hover {
    color: #999;
}

.vid {
    position: absolute;
    right: -6px;
    top: 2px;
    font-size: 15px
}

.vid span {
    color: #777;
}

.vid select {
    border: 0;
    padding: 0 18px 8px 10px;
    outline: none;
    font-size: 16px;
}

/*------ Текстовый блок в каталоге -------*/
.content_txt {
    margin-top: 60px;
}

.content_txt h2 {
    font-size: 18px;
    font-weight: 600;
    color: #444;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px;
    padding-bottom: 8px
}

.content_txt p {
    color: #555;
}

.txt_link {
    margin-top: 50px;
}

.txt_link h2 {
    font-size: 20px;
    color: #000;
    margin-bottom: 30px;
    border: none;
}

.txt_link a {
    color: #000;
    font-size: 18px;
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px
}

.txt_link a:hover {
    color: #cc0631;
    text-decoration: underline;
}


/*------ СТРАНИЦА ОДНОГО ТОВАРА -------*/
.one_slyd {
    top: 131px;
    position: relative;
    margin-bottom: 131px;
}

.one_slyd .main {
    padding: 12px 0;
}

.hleb {
    font-size: 22px;
    color: #d8d8d8;
    left: -4px;
    position: relative;
    margin-bottom: 10px;
}

.hleb a {
    font-size: 13px;
    text-decoration: none;
    color: #999;
    margin: 0 4px;
    position: relative;
    top: -2px;
}

.hleb span {
    font-size: 13px;
    color: #999;
    margin: 0 4px;
    position: relative;
    top: -2px;
}

.hleb a:hover {
    color: #777;
}

.one_tit {
    position: relative;
    margin-bottom: 10px;
}

.one_tit h1 {
    font-size: 28px;
    margin-bottom: 14px;
    line-height: 1.2;
}

.one_tit h1 span {
    font-weight: 400;
    margin-left: 10px;
    color: #666;
}

.one_tit h1 .fav a {
}

.one_tit h1 .fav {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 12px;
}

.one_tit h1 .fav a {
    background-size: 20px;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 0px;
    opacity: 0.3;
    cursor: pointer;
}

.one_tit h1 .fav a:hover {
    opacity: 0.2;
}

.fav a.f_act {
    opacity: 1 !important;
    background-size: 18px;
}

.one_price_1 div {
    display: inline-block;
}

.one_price_1 span {
    font-size: 20px;
    margin-right: 10px;
    color: #777;
    font-weight: 300;
    position: relative;
}

.one_price_1 span:first-child {
    font-weight: 700;
    font-size: 24px;
    color: #d82133;
    top: 2px;
}

.one_price_1 a {
    text-decoration: none;
    color: #fff;
    background: #b51020;
    padding: 8px 14px;
    font-weight: 600;
}

.one_price_1 a:hover {
    color: #d82133;
    background: #fff;
}

.one_tit_right {
    position: absolute;
    right: 0;
    top: 10px;
    text-align: right;
}

.one_tit_right span {
    font-size: 14px;
    border-left: 1px solid #999;
    padding-left: 10px;
    display: inline-block;
    margin-left: 10px;
}

.one_tit_right span:first-child {
    padding: 0;
    border: 0;
}

.one_tit_right p {
    color: #777;
    font-size: 14px;
    margin-top: 32px;
}

#owl_big .owl-dots {
    max-width: 1130px;
    width: calc(100% + 4px);
    margin: 0 auto;
    position: relative;
    padding: 0px 0;
    text-align: left !important;
    font-size: 0 !important;
    left: 2px;
}

#owl_big .owl-dot {
    background-size: cover;
    background-position: 0px;
    background-repeat: no-repeat;
    display: inline-block;
    width: calc(10% - 4px);
    height: 70px;
    margin: 0 4px 4px 0;
}

#owl_big .owl-dot span {
    display: none;
}

#owl_big .owl-dot.active {
    opacity: 0.6;
}

#owl_big .owl-nav {
    top: 0px;
    background: #353535;
}

#owl_big .owl-prev, #owl_big .owl-next {
    background: #00000000 url(../images/arrow_left.svg) no-repeat center center !important;
    background-size: 26px !important;
    height: auto;
    border-radius: 0 !important;
    padding: 0 30px 0 26px !important;
    position: absolute;
    top: -5px;
    left: -5px;
    font-size: 0 !important;
    outline: none;
}

#owl_big .owl-next {
    left: unset;
    right: -5px !important;
    background: #00000000 url(../images/arrow_right.svg) no-repeat center center !important;
    background-size: 26px !important;
}

#owl_big .owl-prev:hover {
    background: #00000045 url(../images/arrow_left.svg) no-repeat center center !important;
    background-size: 26px !important;
}

#owl_big .owl-next:hover {
    background: #00000045 url(../images/arrow_right.svg) no-repeat center center !important;
    background-size: 26px !important;
}

#owl_big .owl-item a:hover:after {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    background: #000 url(../images/zoom.svg) no-repeat center center;
    background-size: 18px;
    bottom: 18px;
    left: calc(50% - 19px);
    border-radius: 4px;
    opacity: 0.4
}


.one_tab {
    display: block;
    margin-top: 26px;
    margin-bottom: 20px;
}

.one_tab_left {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
    width: calc(100% - 360px);
}

.one_tab_left .left_block {
    margin-bottom: 30px;
    overflow: hidden;
}

.one_tab_left .left_block:last-child {
    margin-bottom: 0;
}

.one_tab_left .left_block .tit {
    background: #f4f4f4;
    padding: 8px 18px 10px 18px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    clear: both !important;
}

.one_tab_left .left_block .tit span {
    font-weight: 400;
    margin-left: 10px;
}

.one_tab_left .left_block .block {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px 18% 10px 0;
    font-size: 15px;
    position: relative;
    top: 0px;
    display: block;
    left: 18px;
}

.one_tab_left .left_block .block span {
    float: right;
    font-weight: 700
}

.one_tab_left .left_block .block span a {
    color: #000;
    text-decoration: none;
}

.one_tab_left .left_block .block span a:hover {
    color: #b51020;
}

.one_tab_left .left_block ul {
    margin: 0 30px 0 34px;
}

.one_tab_left .left_block ul li {
    font-size: 12px;
    margin-bottom: 10px;
    padding-right: 30px;
    list-style: none;
}

.one_tab_left .left_block ul li span:before {
    content: "·";
    font-size: 36px;
    position: absolute;
    top: -12px;
    left: -20px;
    color: #d82133;
}

.one_tab_left .left_block ul li span {
    color: #000;
    font-size: 15px;
    display: inline-block;
    margin-left: 4px;
    position: relative;
}

.one_tab_left .left_block p {
    margin-left: 18px;
    font-size: 15px;
    margin-bottom: 20px;
}

.text_hide {
    position: relative;
    overflow: hidden !important;
    margin-bottom: 30px;
    display: block;
    padding-bottom: 24px;
}

.text_hide:after {
    content: "";
    position: absolute;
    bottom: 24px;
    width: 100%;
    height: 60px;
    background: #ffffffb0;
    background: linear-gradient(to top, #ffffff, #ffffff75);
}

.text_hide.h_auto:after {
    background: none;
}

.text_hide .read_more {
    position: absolute;
    bottom: 0px;
    background: #fff;
    width: 100%;
    height: 24px;
    padding: 18px 0 0 8px;
}

.text_hide .read_more span {
    color: #d82133;
    font-size: 16px;
    background: #fff;
    padding: 6px 12px;
    cursor: pointer;
}

.text_hide .read_more span:hover {
    color: #000;
}

.t_coll {
    -webkit-column-width: 270px;
    -moz-column-width: 270px;
    column-width: 270px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
    position: relative;
    top: 1px;
    margin: 0 0px 0 0px;
}

.t_coll:after {
    position: absolute;
    content: "";
    background: #fff;
    width: 6%;
    height: 100%;
    top: 0;
    right: 0;
}

.one_map {
    margin-top: -20px;
}

.one_big_map .left_block .tit {
    background: #f4f4f4;
    padding: 8px 18px 10px 18px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    clear: both !important;
}

.one_big_map .left_block .tit span {
    font-weight: 400;
    margin-left: 10px;
}

.one_big_map {
    margin-bottom: 30px;
}

/*------ ПРАВАЯ КОЛОНКА -------*/
.one_tab_right {
    display: inline-block;
    background: #f1f1f1;
    width: 286px;
    padding: 20px 20px 20px 20px;
    vertical-align: top;
}

.r_price {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #d82133;
    margin-bottom: 20px;
    margin-top: 6px;
}

.r_price span {
    font-size: 18px;
    color: #b5b5b5;
    font-weight: 400;
    margin-left: 16px;
    position: relative;
    top: -3px;
}

.r_link {
    display: block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    background: #fff;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 16px 0;
    text-align: center;
    border-bottom: 2px solid #b51020;
    font-size: 13px;
    font-weight: 600;
}

.r_link span {
    font-weight: 800;
}

.r_link.red {
    background: #b51020;
    color: #fff;
    box-shadow: 0 2px 1px #00000070;
    margin-bottom: 14px;
}

.r_link:hover {
    background: #f7f7f7;
}

.r_link.red:hover {
    background: #9a0917;
}

.r_manager {
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
}

.r_dialog {
    background: #fafafa;
    padding: 14px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    position: relative;
    margin-bottom: 34px;
}

.r_dialog:after {
    content: "";
    width: 30px;
    height: 15px;
    background: url(../images/ugol.png) no-repeat top left;
    position: absolute;
    bottom: -15px;
    left: 34px;
}

.r_dialog strong {
    display: block;
    margin-bottom: 8px;
}

.r_dialog span {
}

.r_man {
    position: relative;
    left: 10px;
}

.r_man img {
    border-radius: 50%;
    float: left;
}

.r_man_in {
    margin-left: 96px;
    width: auto;
}

.r_man_in strong {
    display: block;
}

.r_man_in span {
    display: block;
    margin-bottom: 10px;
}

.r_man_in a {
    text-decoration: none;
    color: #d82133;
    font-weight: 600;
    font-size: 15px;
}

.r_man_in a span {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
}

/*------ ПОХОЖИЕ АВТОМОБИЛИ -------*/
.one_ather_auto {
    background: #f3f3f3;
    padding: 22px 0;
}

.one_ather_auto h3 {
    font-size: 21px;
    margin-bottom: 22px;
}

#owl_car .tovar {
    width: 100%;
    background: #fff;
}

#owl_car .owl-prev, #owl_car .owl-next {
    background: #00000091 url(../images/arrow_left.svg) no-repeat 12px center !important;
    background-size: 12px !important;
    height: 40px;
    width: 40px;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: 0px 2px 4px #0000004a;
    position: absolute;
    top: calc(50% - 58px);
    left: -20px;
    font-size: 0 !important;
}

#owl_car .owl-next {
    left: unset;
    right: -20px !important;
    background: #00000091 url(../images/arrow_right.svg) no-repeat 15px center !important;
    background-size: 12px !important;
}

#owl_car .owl-prev:hover {
    background: #00000098 url(../images/arrow_left.svg) no-repeat 12px center !important;
    background-size: 12px !important;
}

#owl_car .owl-next:hover {
    background: #00000098 url(../images/arrow_right.svg) no-repeat 15px center !important;
    background-size: 12px !important;
}

.one_pre {
    margin: 70px 0 60px 0;
    width: 100%;
    display: block;
    overflow: hidden;
}

.one_pre_left {
    float: left;
    width: calc(62% - 60px);
}

.one_pre_left h3, .one_pre_right h3 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.one_pre_left h3:after, .one_pre_right h3:after {
    content: "";
    height: 2px;
    width: 120px;
    background: #d82133;
    display: block;
    position: absolute;
    bottom: -1px;
}

.one_pre_left h3 span {
    font-size: 0;
}

.pre_block {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 40px);
    padding: 20px 34px 0 0;
    margin-right
}

.pre_block .pre_img {
    width: 60px;
    height: 60px;
    background: #f3f3f3;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border-radius: 50%;
}

.pre_block .pre_img img {
    width: 30px;
    position: relative;
    top: 3px;
}

.pre_block strong {
    margin-top: 12px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 8px;
}

.pre_block p {
    color: #444;
}

.one_pre_right {
    width: 40%;
    float: right;
    min-height: 60px;
    margin-top: 20px;
}

.one_pre_right h3 {
    display: none;
}

#owl_layer .owl-prev, #owl_layer .owl-next {
    background: #00000091 url(../images/arrow_left.svg) no-repeat 12px center !important;
    background-size: 12px !important;
    height: 40px;
    width: 40px;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: 0px 2px 4px #0000004a;
    position: absolute;
    bottom: 6px;
    right: 60px;
    font-size: 0 !important;
}

#owl_layer .owl-next {
    left: unset;
    right: 10px !important;
    background: #00000091 url(../images/arrow_right.svg) no-repeat 15px center !important;
    background-size: 12px !important;
}

#owl_layer .owl-nav {
    display: block;
    background: #00000059;
    position: absolute;
    width: 100%;
    height: 60px;
    bottom: 0;
}

#owl_layer .owl-prev:hover {
    background: #00000098 url(../images/arrow_left.svg) no-repeat 12px center !important;
    background-size: 12px !important;
}

#owl_layer .owl-next:hover {
    background: #00000098 url(../images/arrow_right.svg) no-repeat 15px center !important;
    background-size: 12px !important;
}

#owl_layer .owl-nav:before {
    content: "Последние покупатели";
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    left: 20px;
    top: 18px;
    font-size: 18px;
    font-weight: 300;
}

.pswp__button--share {
    display: none !important;
}


/*------ GAMBURGER -------*/
#nav-toggle {
    cursor: pointer;
    padding: 29px 40px 27px 14px;
    position: absolute;
    left: -20px;
    top: 0px;
    display: none;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 26px;
    background: white;
    position: absolute;
    display: block;
    content: '';
}

#nav-toggle span:before {
    top: -8px;
}

#nav-toggle span:after {
    bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    transition: all 200ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
    opacity: 1;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
}

/*------ МОДАЛЬНОЕ ОКНО -------*/
.body_out {
    overflow: hidden;
    margin-right: 24px;
    width: auto;
}

.body_okno {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.78);
    text-align: center;
    vertical-align: middle;
    z-index: 99000;
    -webkit-overflow-scrolling: touch;
}

.body_okno:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.my_okno {
    display: inline-block;
    background: #fff;
    max-width: 440px;
    text-align: left;
    margin: 20px 40px;
    position: relative;
    vertical-align: middle;
    box-shadow: 12px 12px 24px rgba(0, 0, 0, 0.36);
    width: calc(100% - 80px);
}

.my_okno .okno_close {
    position: absolute;
    font-size: 26px;
    right: -17px;
    top: -17px;
    z-index: 10;
    background: #fff url(../images/close_3.svg) no-repeat 10px 11px;
    background-size: 12px;
    width: 34px;
    height: 34px;
    display: block;
    border-radius: 50%;
    cursor: pointer;
}


.okno_tit {
    background: #bd1727;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    font-size: 18px;
}

.ok_box {
    display: block;
    border: 1px solid #ccc;
    width: calc(100% - 20px);
    padding: 10px;
    margin-bottom: 14px;
    border-radius: 3px;
    outline: none;
    font-size: 14px;
    position: relative;
}

.ok_but {
    background: #bd1727;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 40px;
    font-size: 13px;
    border: none;
    cursor: pointer;
    float: right;
}

.ok_but:hover {
    background: #a60d1c;
}

.cont_okno {
    padding: 20px 20px 30px 20px;
    overflow: hidden;
}

.okno_2 p {
    border-bottom: 1px solid #eaeaea;
    width: calc(100% + 20px);
    display: block;
    margin-left: -20px;
    padding: 8px 20px 20px 20px;
    font-size: 13px;
    color: #777;
}

.okno_1 p {
    margin-bottom: 0px;
    font-size: 13px;
    color: #777;
}

.cont_okno .f_check {
    display: block;
    margin-bottom: 0px;
}

.cont_okno .f_check label input {
    position: absolute;
}

.cont_okno .f_check label i {
    padding-left: 30px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    top: -24px;
    position: relative;
    font-style: normal;
    font-size: 13px;
    width: calc(100% + 20px);
}

.okno_1, .okno_2 {
    display: none;
}

.ok_car {
    margin-top: 18px;
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    width: calc(100%);
    display: block;
    margin-left: -20px;
    padding: 0px 20px 0px 20px;
}

.ok_car_tit {
    background: #e8e8e8;
    padding: 10px 12px;
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 600;
}

.ok_car img {
    width: 100px;
    float: left;
    margin-bottom: 16px;
}

.ok_car_info {
    margin-left: 114px;
}

.ok_car_info strong {
    font-size: 17px;
    line-height: 1;
    margin-bottom: 10px;
    display: block;
}

.ok_car_info p {
    font-size: 18px;
    color: #b3b3b3;
    font-weight: 600;
}

.ok_car_info p span {
    display: inline-block;
    margin-right: 12px;
    color: #bd1727;
}

/*------ СТРАНИЦА ОТЗЫВЫ -------*/
.ather_str {
    top: 131px;
    position: relative;
    margin-bottom: 131px;
}

.ather_str .main {
    padding: 12px 0;
}

.ather_str h1 {
    font-size: 28px;
    margin-bottom: 14px;
    line-height: 1.2;
}

.ather_info {
    margin-bottom: 30px;
}

.ather_info p {
    font-size: 16px;
}

#otziv_id_1 {
    margin-bottom: 50px;
}

#otziv_id_1 .item-video {
    height: 300px;
}

#otziv_id_1 .owl-video-tn {
    background-size: cover !important;
}

.otziv_slide .tit {
    background: #eee;
    padding: 12px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
}

.otziv_slide .tit span {
    font-weight: 400;
}

#otziv_id_2 img {
    border: 3px solid #bfbfbf;
    width: calc(100% - 6px);
}

#otziv_id_2 {
    margin-bottom: 50px;
}

.otziv_slide .owl-prev, .otziv_slide .owl-next {
    background: #00000091 url(../images/arrow_left.svg) no-repeat 12px center !important;
    background-size: 12px !important;
    height: 40px;
    width: 40px;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: 0px 2px 4px #0000004a;
    outline: none;
    position: absolute;
    top: calc(50% - 30px);
    left: -20px;
    font-size: 0 !important;
}

.otziv_slide .owl-next {
    left: unset;
    right: -20px !important;
    background: #00000091 url(../images/arrow_right.svg) no-repeat 15px center !important;
    background-size: 12px !important;
    z-index: 99990000;
}

.otziv_slide .owl-prev:hover {
    background: #00000098 url(../images/arrow_left.svg) no-repeat 12px center !important;
    background-size: 12px !important;
}

.otziv_slide .owl-next:hover {
    background: #00000098 url(../images/arrow_right.svg) no-repeat 15px center !important;
    background-size: 12px !important;
}

.youtube-player {
    background: #000;
    position: relative;
}

.youtube-player iframe {
    width: 100%;
    display: block;
}

.youtube-player .play {
    background: url(../images/play.svg) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    background-size: 60px;
    cursor: pointer;
}

.youtube-player .play:hover {
    background: #00000016 url(../images/play.svg) no-repeat center center;
    background-size: 60px;
}

#otziv_id_2 .fancybox, #otziv_id_3 .fancybox {
    position: relative;
    display: block;
}

#otziv_id_2 .fancybox:before, #otziv_id_3 .fancybox:before {
    content: "";
    background: #00000069 url(../images/zoom.svg) no-repeat center center;
    background-size: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}

#otziv_id_2 .fancybox:hover:before, #otziv_id_3 .fancybox:hover:before {
    opacity: 1;
}

.otziv_bot_txt {
    margin: 50px 0 100px 0;
    font-size: 15px;
    font-weight: 600;
    border-top: 1px solid #dcdcdc;
    padding-top: 34px
}

.otziv_bot_txt a {
    color: #000;
}

.otziv_bot_txt a:hover {
    text-decoration: none;
}

/*------ КОНТАКТЫ -------*/
.c_map .tit {
    padding: 15px 26px !important;
}

.c_map iframe {
    width: 100%;
    height: 380px;
}

.c_table {
    width: 100%;
    margin-left: 0px;
    background: #f3f3f3;
    display: table;
    margin-top: 30px;
    margin-bottom: 30px;
}

.c_table .tr {
    display: table-cell;
    border-right: 30px solid #fff;
    vertical-align: top;
    width: 50%;
}

.c_table .tr:last-child {
    width: 40%;
    border: 0;
}

.c_table .tr .td {
    display: table-cell;
    width: 5%;
    border-right: 30px solid #fff;
    padding-bottom: 50px;
}

.c_table .tr .td:last-child {
    border: 0;
}

.c_table .tr .td .ta {
    border-bottom: 30px solid #fff;
}

.c_table .tr .td .ta:last-child {
    border: 0;
}

.c_table .ta {
    padding: 26px;
    padding-bottom: 16px;
}

.c_table .ta .block {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

.c_table .ta .block:last-child {
    margin-left: 30px;
    width: calc(50% - 40px);
}

.c_table .ta h4 {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 12px;
}

.c_table .ta strong {
    display: block;
    margin-bottom: 12px;
    margin-top: 0px;
}

.c_table .ta p {
    margin-bottom: 5px;
}

.c_table .ta p span {
    float: right;
}

.c_table .ta p a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
}

.c_table .ta p a strong {
    display: inline-block;
    margin: 0;
}

.c_table .ta .coz a img {
    width: 28px !important;
}

.c_table .ta .c_p {
    margin-top: 14px;
    display: block;
    margin-bottom: 0;
}

.c_table .ta .c_p strong {
    margin-bottom: 0;
}

.block_tel {
    margin-bottom: 16px
}

.c_way_txt {
    padding: 22px 26px;
    background: #f3f3f3;
    margin-bottom: 30px;
}

.c_way_txt h4 {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 18px;
}

.c_way_txt p {
    line-height: 1.5;
    margin-bottom: 14px;
}

.c_way_txt p:last-child {
    margin-bottom: 0;
}

.c_way_txt iframe {
    width: calc(100% + 52px);
    margin-left: -26px;
    height: 420px;
    margin-bottom: -26px;
}

.way_block {
    margin-bottom: 6px;
}

.way_block h5 {
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 12px;
    outline: none;
}

.way_block h5:hover {
    color: #333;
}

.way_block h5 span {
    display: inline-block;
    background: #bd1727;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 1.22;
    font-size: 13px;
    position: relative;
    top: -2px;
    margin-right: 6px;
}

.way_open {
    display: none;
    padding-bottom: 10px;
}

/*------ СТРАНИЦА КРЕДИТА --------*/
.top_credit {
    background: url(../images/credit_bg.jpg) no-repeat center -106px;
    min-height: 740px;
    top: 120px;
    overflow: hidden;
    margin-bottom: 0px;
}

.top_credit .tit {
    text-align: center;
    color: #fff;
    margin-bottom: 80px;
    margin-top: 84px;
}

.top_credit .tit strong {
    display: block;
    text-transform: uppercase;
    font-size: 58px;
    font-weight: 900;
    margin-bottom: 4px;
}

.top_credit .tit span {
    display: block;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 4px;
}

.top_credit .tit i {
    display: block;
    font-style: normal;
    color: #ffffff80;
}

.top_credit ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 18%;
    -moz-column-gap: 18%;
    column-gap: 18%;
    color: #fff;
    list-style: none;
    position: relative;
}

.top_credit ul li {
    position: relative;
    width: 100%;
    display: block;
    font-size: 18px;
    padding-left: 40px;
    font-weight: 600;
    margin-bottom: 26px;
}

.top_credit ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 22px;
    height: 22px;
    background: #d82133 url(../images/m_4.svg) no-repeat 4px 5px;
    border-radius: 50%;
    background-size: 13px;
}

.blockleftright {
    margin-bottom: 10px;
    overflow: hidden;
}

.blockleftright h1 {
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 1.1
}

.blockleftright .main > p {
    font-size: 16px;
}

.blockleftright .block {
    margin-top: 50px;
}

.blockleftright .block .left {
    width: calc(50%);
    display: table-cell;
    vertical-align: top;
    padding-right: 30px
}

.blockleftright .block .left iframe {
    width: 100%;
}

.blockleftright .block .left img {
    width: 100%;
    display: block;
}

.blockleftright .block .right {
    display: table-cell;
    width: calc(48%);
    background: #f6f6f6;
    padding: 24px;
    vertical-align: middle;
    padding-top: 0px;
}

.calc_credit {
    background: #f1f1f1;
    padding-bottom: 40px;
}

.calc_credit .main {
    position: relative;
}

.calc_credit h2 {
    font-size: 28px;
    margin-bottom: 40px;
    margin-top: 10px
}

.calc_credit .block {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 30px);
    margin-right: 40px;
    position: relative;
}

.calc_credit .sel_block {
    margin-bottom: 30px;
}

.calc_credit .sel_block select {
    background: #fff url(../images/ugol.svg) top 54% right 12px no-repeat;
    background-size: 6px;
}

.calc_credit .raschet {
    width: calc(33.33% - 60px);
}

.calc_credit .raschet .price {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 40px;
}

.calc_credit .raschet .price span {
    font-weight: 600;
    color: #e4031a;
    margin-left: 20px;
    font-size: 16px;
    position: relative;
    top: -1px
}

.polzun {
    margin-bottom: 38px;
    padding: 0 0px;
}

.calc_credit .raschet p {
    margin-bottom: 14px;
    font-weight: 600;
    position: relative;
}

.calc_credit .raschet p b {
    position: absolute;
    right: 0;
}

.calc_credit .image {
    margin-right: 0;
    width: calc(33.33% - 0px);
}

.calc_credit .image img {
    width: 100%;
}

.calc_credit .sum {
    width: 100%;
    top: -44px;
}

.calc_credit .sum .tit {
    font-size: 26px;
}

.calc_credit .sum .tit p {
    display: inline-block;
    width: calc(33.33% - 30px);
    margin-right: 40px;
    font-weight: 700;
    margin-bottom: 0;
}

.calc_credit .sum .tit b {
    font-weight: 700;
}

.calc_credit .sum .tit b span {
    display: inline-block;
    margin-right: 10px;
    font-size: 36px;
}

.calc_credit .form {
    display: block;
    border: 8px solid #e6e6e6;
    text-align: center;
    padding: 28px;
    padding-bottom: 32px
}

.calc_credit .form h3 {
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 16px;
}

.calc_credit .form .box {
    border: 1px solid #ccc;
    padding: 9px 12px 11px 12px;
    font-size: 14px;
    color: #000;
    margin-right: 14px;
    width: 28%;
}

.calc_credit .form .bot {
    border: 1px solid #bf0d31;
    padding: 10px 12px;
    font-size: 13px;
    color: #fff;
    margin-right: 0;
    width: 20%;
    background: #bf0d31;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}

.calc_credit .form .bot:hover {
    background: #b30225;
}

.pluses h2 {
    font-size: 26px;
    margin-bottom: 40px;
    margin-top: 10px
}

.pluses ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 3%;
    -moz-column-gap: 3%;
    column-gap: 3%;
    color: #000;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}

.pluses ul li {
    position: relative;
    width: 100%;
    display: block;
    font-size: 16px;
    padding-left: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}

.pluses ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    background: #d82133 url(../images/m_4.svg) no-repeat 5px 5px;
    border-radius: 50%;
    background-size: 11px;
}

.bank {
    background: #f1f1f1;
}

.bank h2 {
    font-size: 26px;
    margin-bottom: 30px;
}

.bank .block {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px);
    margin-right: 24px;
    margin-bottom: 40px;
    background: #e8e8e873;
}

.bank .block:nth-child(2n+1) {
    width: calc(50% - 15px);
    margin-right: 0px;
}

.bank .block .tit {
    background: #e0e0e0;
    text-transform: uppercase;
    padding: 14px 18px;
    font-size: 17px;
    font-weight: 700;
    position: relative;
    margin-bottom: 26px
}

.bank .block .tit span {
    text-transform: none;
    background: #d40e21;
    color: #fff;
    padding: 16px 0;
    position: absolute;
    top: 0;
    right: 90px;
    width: 90px;
    text-align: center;
    font-size: 14px
}

.bank .block .tit span:last-child {
    background: #ad0b1b;
    right: 0;
}

.bank .block .price {
    padding: 0 0px 0 18px;
}

.bank .block .price strong {
    background: #e0e0e0;
    padding: 6px 10px;
    margin-right: 10px;
    font-weight: 800;
    font-size: 14px
}

.bank .block .price span {
    color: #d40e21;
}

.bank .block ul {
    padding: 0 14px;
    list-style: none;
    margin-top: 34px;
    display: block;
    overflow: hidden;
    height: 140px;
    position: relative;
    width: 475px;
}

.bank .block ul li {
    position: relative;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px
}

.bank .block ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #d40e21;
    position: absolute;
    top: 7px;
    left: 0;
}

.bank .block .more {
    color: #d40e21;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    margin: 14px 0 30px 34px;
    position: relative;
}

.bank .block .more:before {
    content: "";
    position: absolute;
    background: url(../images/but.svg) no-repeat 0px 0px;
    background-size: 10px;
    top: 5px;
    left: -20px;
    width: 10px;
    height: 10px;
    display: block;
}

.bank .block .more_close:before {
    content: "";
    position: absolute;
    background: url(../images/but.svg) no-repeat 0px 0px;
    background-size: 10px;
    top: 5px;
    left: -20px;
    width: 10px;
    height: 10px;
    display: block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bank .block ul:after {
    background: linear-gradient(to top, #eeeeee, #eeeeee3d);
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
}

.bank .block .more:hover {
    opacity: 0.8;
}

.bank .block .h_auto:after {
    height: 0;
}

.document {
    padding: 20px 0;
}

.document h2 {
    font-size: 26px;
    margin-bottom: 30px;
}

.document .block {
    display: table-cell;
    vertical-align: middle;
    width: calc(60%);
    padding: 60px;
}

.document .b_bg {
    margin-right: 50px;
    background: url(../images/bg_doc.png);
    padding: 10px;
    width: calc(50%);
}

.document .block .in {
    background: #fff;
    padding: 60px 40px
}

.document .block .doc {
    position: relative;
    padding-left: 60px;
    margin-bottom: 40px;
    font-weight: 700;
}

.document .block .doc img {
    width: 40px;
    position: absolute;
    left: 0;
}

.document .block p {
    margin-bottom: 0;
    font-size: 13px;
    margin: -30px 0 0 60px;
}

.document .block .doc a {
    color: #c40006;
}

.document .block strong {
    font-weight: 800;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.document .block ul {
    list-style: none;
}

.document .block ul li {
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.document .block ul li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: #c40006;
    position: absolute;
    top: 7px;
    left: 0;
}

.cr_last {
    background: #f1f1f1;
    padding-bottom: 40px;
}

.cr_last h2 {
    font-size: 26px;
    margin-bottom: 30px;
}

.cr_last .block {
    width: 62%;
    display: block;
}

.cr_last .block h3 {
    font-size: 18px;
    margin-bottom: 18px
}

.cr_last .block p {
    font-weight: 600;
    border-left: 3px solid #c40006;
    padding: 4px 0;
    padding-left: 18px;
}

.cr_last .block ul {
    list-style: none;
}

.cr_last .block ul li {
    background: url(../images/m_5.svg) no-repeat 0px 5px;
    background-size: 10px;
    padding-left: 20px;
    margin-bottom: 18px;
    font-weight: 600;
    line-height: 1.4
}

.cr_last .right {
    background: #fafafa;
    text-align: center;
    position: absolute;
    right: 0;
    top: 110px;
    padding: 40px 10px;
    width: 270px;
    height: 210px;
    box-shadow: 0 0 10px #00000017;
}

.cr_last .right b {
    font-family: Georgia, serif;
    display: block;
    font-size: 166px;
    left: -24px;
    font-weight: normal;
    line-height: 0.55;
    margin-bottom: 70px;
    color: #c40006;
    position: relative;
}

.cr_last .right b i {
    font-size: 72px;
    position: absolute;
    font-style: normal;
    top: 23px;
}

.cr_last .right strong {
    display: block;
    font-size: 20px;
    color: #c40006;
}

.cr_last .right span {
    font-weight: 700;
}

.blockleftright h1, .calc_credit h2, .pluses h2, .bank h2, .document h2, .cr_last h2 {
    color: #2d2d2d;
}

.calc_credit, .bank, .cr_last {
    background: #f6f6f6;
}

/*------ СТРАНИЦА ОБМЕНА --------*/

.top_obmen {
    background: url(../images/obmen_bg.jpg) no-repeat center -106px;
    text-align: center;
}

.top_obmen .tit {
    margin-bottom: 60px;
}

.top_obmen ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    display: inline-block;
    max-width: 80%;
    margin: 0 auto;
    text-align: left;
}

.obmen_stap {
    background: #f3f3f3;
    padding: 28px 0;
}

.obmen_stap .main {
    overflow: hidden;
}

.obmen_stap h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

.obmen_stap .all_step {
    display: flex;
    flex-wrap: wrap;
    width: 101%
}

.obmen_stap .step {
    background: #f8f8f8;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 65px);
    margin-right: 26px;
    border: 1px solid #e4e4e4;
    position: relative;
}

.obmen_stap .step:last-child {
    margin-right: 0;
}

.obmen_stap .step:after {
    content: "";
    background: url(../images/stap_1.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    right: -28px;
    top: calc(50% - 12px);
}

.obmen_stap .step:last-child:after {
    display: none;
}

.obmen_stap .step span {
    display: block;
    font-size: 40px;
    font-weight: 700;
    line-height: 0.8;
    margin-bottom: 16px;
    color: #c40006;
    text-shadow: 0px 2px 2px #bfbfbf;
}

.obmen_stap .step strong {
    display: block;
    margin-bottom: 6px;
}

.obmen_stap .step p {
    margin-bottom: 0;
    font-size: 14px;
}

.obmen_stap .form_block {
    padding: 40px;
    border: 10px solid #e4e4e4;
    margin-top: 26px;
    background: #f8f8f8;
    position: relative;
}

.obmen_stap .form_block h2 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 26px
}

.obmen_stap .form_block .block {
    display: inline-block;
    width: 30%;
    margin-right: 40px;
    position: relative;
}

.obmen_stap .form_block .trade:after {
    content: "";
    position: absolute;
    background: url(../images/trade_1.svg) no-repeat;
    background-size: 22px;
    width: 24px;
    height: 24px;
    display: block;
    top: 50%;
    right: -36px;
}

.obmen_stap .form_block .block p {
    font-weight: 700;
    margin-bottom: 16px
}

.obmen_stap .form_block .block .sel_block {
    border: 1px solid #eaeaea;
}

.obmen_stap .form_block .form {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ededed;
    padding: 30px;
    width: 26%;
    padding-top: 92px;
}

.obmen_stap .form_block .form p {
    font-weight: 700;
    margin-bottom: 18px
}

.obmen_stap .form_block .form .box {
    background: #fff;
    border: 0;
    font-size: 14px;
    padding: 9px 12px;
    display: block;
    margin-bottom: 16px;
    width: calc(100% - 24px);
}

.obmen_stap .form_block .form .bot {
    background: #c40006;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 12px;
    width: 100%;
    font-weight: 600;
    font-size: 14px
}

.obmen_doc {
    font-size: 0;
    padding: 30px 0 50px 0
}

.obmen_doc h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

.obmen_doc .block {
    display: inline-block;
    vertical-align: top;
    width: calc(50%);
    font-size: 14px;
    padding-top: 30px;
}

.obmen_doc .block p {
    font-weight: 700;
    margin-bottom: 38px;
    position: relative;
    padding-left: 46px;
}

.obmen_doc .block p img {
    width: 30px;
    position: absolute;
    top: -6px;
    left: 0;
    margin-right: 16px;
}

.obmen_doc .block p:last-child img {
    width: 26px;
    top: -4px;
    margin-right: 20px;
}

.obmen_doc .block ul {
    padding: 16px 60px 40px 60px;
    list-style: none;
}

.obmen_doc .block ul li {
    margin-bottom: 15px;
    font-weight: 600;
    padding-left: 16px;
    position: relative;
}

.obmen_doc .block ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    background: #c40006;
    top: 9px;
    left: 0;
}

.obmen_doc .block.two {
    background: #f3f3f3;
}

/*------ СТРАНИЦА ПОДБОРА --------*/
.top_podbor {
}

.top_podbor .tit {
    margin-bottom: 80px;
    line-height: 1.14;
    margin-top: 105px;
}

.top_podbor .tit span {
    font-size: 24px;
    font-weight: 600;
    margin-top: 20px;
}

.top_podbor .tit em {
    font-style: normal;
}

.top_podbor ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0px;
    display: inline-block;
    max-width: 82%;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

.top_podbor ul li {
    margin-bottom: 40px;
    font-size: 17px;
}

.podbor_step {
    width: calc(100% + 30px) !important;
}

.podbor_step .step {
    width: calc(33% - 66px);
}

.step_line {
    display: block;
    width: calc(82% - 40px);
    height: 2px;
    border-bottom: 2px dotted #c40006;
    margin: 24px 0 34px 0;
    position: relative;
    left: 40px
}

.step_line:before {
    content: "";
    display: block;
    height: 22px;
    width: 1px;
    position: absolute;
    border-left: 2px dotted #c40006;
    top: 5px;
}

.step_line:after {
    content: "";
    display: block;
    height: 22px;
    width: 1px;
    position: absolute;
    border-left: 2px dotted #c40006;
    bottom: 2px;
    right: -1px;
}

.step_line img {
    width: 24px;
    position: relative;
    top: 15px;
    left: -11px;
}

.podbor_step .step:after {
    right: -26px;
    top: 28px;
}

.podbor_step .step strong {
    font-size: 18px;
    line-height: 1.0;
    margin-bottom: 10px !important;
}

.podbor_step .step p {
    font-size: 16px;
}

.obmen_stap .link {
    background: #cc1426;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 40px;
    display: block;
    width: 200px;
    text-align: center;
    margin: 40px auto 0 auto;
}

.obmen_stap .link:hover {
    background: #b10a1b;
}

.car_podbor {
    margin-top: -20px;
}

.car_podbor .main {
    padding-top: 0
}

.car_podbor .car {
    display: block;
    border: 10px solid #ececec;
    padding: 40px;
    background: #ffffff;
    background: linear-gradient(to top, #f3f3f3, #fff);
}

.car_podbor .car h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

.car_podbor .car > p {
    font-size: 18px;
    font-weight: 700
}

.car_podbor .car > p span {
    color: #c40006;
}

.car_podbor .car .block {
    position: relative;
    width: 654px !important;
    height: 395px !important;
    margin: 0 auto;
    margin-top: 80px;
}

.car_podbor .car .block img {
    width: 654px !important;
}

.car_podbor .car .plus {
    border: 0;
    position: absolute;
    padding: 0;
    cursor: pointer;
    width: 34px;
    height: 38px;
    margin: 0 !important;
}

.car_podbor .car .plus:after {
    content: "+";
    color: #fff;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 300;
    background: url(../images/car_plus.svg) no-repeat;
    background-size: 35px;
    text-align: center;
    line-height: 1.2;
    width: 34px;
    height: 38px;
}

.car_podbor .car .plus p {
    position: absolute;
    width: auto;
    min-width: 240px;
    left: -113px;
    background: #000000c2;
    color: #fff;
    padding: 16px 10px 26px 20px;
    bottom: 25px;
    font-size: 14px;
    display: none;
}

.pl_1 {
    top: 20px;
    right: 46px
}

.pl_2 {
    top: 42px;
    right: 190px
}

.pl_3 {
    bottom: 186px;
    right: 120px
}

.pl_4 {
    top: 114px;
    left: 290px
}

.pl_5 {
    top: 164px;
    left: 150px
}

.car_podbor .car .plus:hover p {
    display: block;
}

.car_podbor .car .plus:hover:after {
    color: #000;
}

.tarif_podbor {
    font-size: 0;
}

.tarif_podbor h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

.tarif_podbor .block {
    display: inline-block;
    vertical-align: top;
    width: calc(33.3% - 21px);
    font-size: 15px;
    margin-right: 30px;
    background: #f3f3f3;
}

.tarif_podbor .block:last-child {
    margin-right: 0;
}

.tarif_podbor .block .tit {
    text-align: center;
    color: #fff;
    background: #a9060b;
    text-transform: uppercase;
    font-weight: 600;
    padding: 30px 10px;
    font-size: 17px
}

.tarif_podbor .block ul {
    list-style: none;
}

.tarif_podbor .block ul li {
    position: relative;
    border-bottom: 1px solid #cacaca;
    padding: 14px 20px 14px 40px;
    opacity: 0.3;
    font-weight: 600
}

.tarif_podbor .block ul li:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../images/close_3.svg) no-repeat 0 0px;
    background-size: 10px;
    top: 20px;
    left: 18px;
    opacity: 0.9
}

.tarif_podbor .block ul .on {
    opacity: 1;
    border-bottom: 1px solid #e4e4e4;
}

.tarif_podbor .block ul .on:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(../images/m_5.svg) no-repeat 0 0px;
    background-size: 11px;
    top: 19px;
    opacity: 1
}

.tarif_podbor .block ul li:last-child {
    border: 0;
}

.tarif_podbor .block .zakaz {
    padding: 10px;
    position: relative;
}

.tarif_podbor .block .zakaz:after {
    content: "";
    display: block;
    background: url(../images/bg_doc.png);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5
}

.tarif_podbor .block .zakaz_in {
    padding: 16px 20px 34px 20px;
    text-align: center;
    background: #fbfbfb;
    position: relative;
    z-index: 1
}

.tarif_podbor .block .zakaz .price {
    margin-bottom: 10px;
    color: #cc1426;
    font-size: 58px;
    font-weight: 900;
}

.tarif_podbor .block .zakaz .price span {
    font-size: 18px;
    margin-left: 6px;
}

.tarif_podbor .block .zakaz a {
    background: #cc1426;
    text-decoration: none;
    color: #fff;
    padding: 20px;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.tarif_podbor .block .zakaz a:hover {
    background: #a9060b;
}

.podbor_doc {
    margin-top: -50px;
}

.podbor_doc .block {
    background: #f3f3f3;
    padding: 50px;
}

.podbor_doc .block p {
    font-size: 17px;
    font-weight: 700;
    padding-left: 46px;
    position: relative;
    margin-bottom: 0;
}

.podbor_doc .block p img {
    width: 26px;
    margin-right: 20px;
    position: absolute;
    left: 0;
}

.podbor_doc .block p:last-child img {
    width: 32px;
    top: -4px
}

.podbor_doc .block p:last-child {
    margin-top: 40px;
}

.podbor_doc .block a {
    color: #cc1426;
}

/*------ СТРАНИЦА КОМИССИИ --------*/
.top_komis {
    background: url(../images/komis_bg.jpg) no-repeat center -106px !important;
}

.top_komis .tit {
    margin-top: 115px;
}

.top_komis ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1%;
    -moz-column-gap: 1%;
    column-gap: 1%;
    max-width: 1000px;
    display: block;
    margin: 0 auto;
}

.komis_pre {
    background: #f3f3f3;
    overflow: hidden;
}

.komis_pre h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

.komis_pre .all_block {
    width: 102.8%;
    display: flex;
    flex-wrap: wrap;
}

.komis_pre .all_block .block {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 96px);
    background: #fff;
    padding: 40px 32px;
    margin: 0 30px 30px 0;
    overflow: hidden;
}

.komis_pre .all_block .block strong {
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    color: #d60a1e;
    font-weight: 700;
}

.komis_pre .all_block .block p {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    font-size: 16px;
}

.komis_pre .all_block .block span {
    color: #f2f2f2;
    position: absolute;
    font-size: 280px;
    display: block;
    right: -12px;
    bottom: -32px;
    font-weight: 700;
    line-height: 1;
    text-align: right;
}

.komis_calc {
    padding: 10px 0;
}

.komis_calc .main {
    display: flex;
    flex-wrap: wrap;
}

.komis_calc .calc {
    display: inline-block;
    background: #f7f7f7;
    border: 10px solid #e8e8e8;
    padding: 30px;
    text-align: center;
    width: 26%;
    margin-right: 30px;
}

.komis_calc .calc .tit {
    background: #f1f0f0;
    margin: -30px -30px 20px -30px;
    padding: 13px 16px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px
}

.komis_calc .calc p {
    font-size: 17px;
    margin-bottom: 8px
}

.komis_calc .calc .box {
    text-align: center;
    border: 1px solid #e4e4e4;
    padding: 2px 8px;
    font-size: 22px;
    font-weight: 600;
    width: 90px;
    margin-bottom: 22px;
    position: relative;
}

.komis_calc .calc .box_2 {
    background: #e7e7e7;
}

.komis_calc .calc span {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.komis_calc .calc i {
    color: #4a4a4a;
    display: inline-block;
    margin-top: 14px;
}

.komis_calc .calc_2 {
    display: inline-block;
    background: #f6f6f6 url(../images/komis_2.png) no-repeat right bottom -40px;
    padding: 30px;
    width: calc(70% - 126px)
}

.komis_calc .calc_2 .tit {
    background: #ececec;
    margin: -30px -30px 20px -30px;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 21px;
    color: #d80726;
}

.komis_calc .calc_2 .tit span {
    background: #b90c25;
    color: #fff;
    margin: -15px -20px 0px -20px;
    padding: 15px 20px;
    margin-right: 20px
}

.komis_calc .calc_2 p {
    font-size: 17px;
    line-height: 1.3
}

.komis_calc .calc_2 ul {
    list-style: none;
    margin-bottom: 18px;
    display: block;
    overflow: hidden;
}

.komis_calc .calc_2 ul li {
    font-size: 15px;
    font-weight: 700;
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
    float: left;
    width: 240px;
}

.komis_calc .calc_2 ul li:before {
    content: "";
    position: absolute;
    background: #e00525;
    width: 5px;
    height: 5px;
    top: 8px;
    left: 0;
}

.komis_calc .calc_2 i {
}

.komis_calc .calc_2 i span {
    color: #d60a1e;
    font-size: 17px;
    margin-right: 5px;
    left: -2px;
    position: relative;
    font-weight: 700
}

.komis_doc {
    padding: 10px 0;
}

.kos_stap {
    background: #efefef;
}

.komis_doc_2 {
    background: #f3f3f3;
    padding: 10px 0;
    overflow: hidden;
}

.komis_doc_2 .block {
    padding-top: 0px;
}

.komis_doc_2 .block ul {
    padding: 16px 60px 0px 0px;
}

.komis_doc_2 h2 {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.komis_doc_2 .two {
    background: #ffffff;
    padding: 40px 30px;
    width: calc(50% - 80px);
    border: 10px solid #e8e8e8;
}

.komis_doc_2 .two h3 {
    color: #cc1426;
    text-transform: uppercase;
    font-size: 33px;
    font-weight: 800;
    line-height: 1.12;
    margin-bottom: 10px;
}

.komis_doc_2 .block.two h3 span {
    display: block;
    font-size: 26px;
    font-weight: 600;
}

.komis_doc_2 .block.two h3 span:after {
    content: "";
    width: 20px;
    height: 2px;
    background: #c5040a;
    display: inline-block;
    position: relative;
    top: -8px;
    left: 10px;
}

.komis_doc_2 .two p {
    padding: 0;
    margin-bottom: 0;
    font-weight: 400;
}

.komis_doc_3 {
    padding: 10px 0;
}

.komis_doc_3 .main {
    display: flex;
    flex-wrap: wrap;
}

.komis_doc_3 .block {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 26px);
    text-align: center;
    margin-right: 30px;
    background: url(../images/doc_bg_1.jpg) no-repeat 0 -2px;
    background-size: cover;
    padding: 10px 0 20px 0;
    position: relative;
}

.komis_doc_3 .two {
    margin-right: 0;
    width: calc(50% - 8px);
    background: #f3f3f3;
    text-align: left;
}

.doc_in_1 {
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 5px;
}

.doc_in_1 p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.doc_in_1 p a {
    display: block;
    width: 70%;
    margin: 0 auto;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    background: url(../images/doc_4.svg) no-repeat 0 2px;
    background-size: 40px;
    padding-left: 54px;
    position: relative;
    left: 30px;
}

.doc_in_2 {
    width: 280px;
    margin: 0 auto;
}

.doc_in_2 .r_dialog {
    display: none;
}

/*------ СТРАНИЦА СРОЧНОГО ВЫКУПА --------*/
.vikup_stap {
    background: #fff;
    padding: 0px 0 0px 0;
}

.vikup_stap h2 {
    margin-bottom: 34px;
}

.vikup_stap .step strong {
    font-size: 17px;
}

.vikup_stap .step {
    background: #f8f8f8;
    border-color: #eaeaea;
}

.vikup_zayav {
    color: #fff;
    background: #cd0c34;
    padding: 16px 10px 18px 10px;
    font-size: 18px;
    margin: 30px auto;
    width: 280px;
    cursor: pointer;
    text-align: center;
    font-weight: 600
}

.vikup_zayav:hover {
    background: #bb062b;
}

.vikup_brand {
    background: #f3f3f3;
    padding: 20px 0;
}

.vikup_brand .main {
    overflow: hidden;
}

.vikup_brand h2 {
    font-size: 24px;
    margin-bottom: 30px;
}

.vikup_brand .brands {
    font-size: 0;
    width: 102%;
    margin-bottom: 26px;
}

.vikup_brand .brands span {
    display: inline-block;
    vertical-align: top;
    background: #fbfbfb;
    margin: 0 16px 16px 0;
    text-align: center;
    width: calc(11.2% - 20px);
    overflow: hidden;
    padding: 10px 0;
    border: 1px solid #e0e0e0;
}

.vikup_brand .brands span img {
    width: auto;
    max-height: 80px;
    position: relative;
    margin-top: -10px;
    margin-bottom: -10px;
}

.vikup_brand .brands span:hover {
    background: #cd0c34;
}

.vikup_brand p {
    font-size: 16px;
}

.map_block {
    padding: 20px 0 0px 0;
}

.map_block h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.map_block p {
    font-size: 16px;
}

.map_block .all_map {
    overflow: hidden;
    display: block;
    margin-top: 50px;
    margin-bottom: 30px;
}

.map_block .all_map .karta {
    width: 621px;
    height: 545px;
    background: url(../images/map.png) no-repeat top left;
    background-size: 100%;
    position: relative;
    float: left;
}

.map_block .all_map .karta .big {
    position: absolute;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    height: 40px;
}

.map_block .all_map .karta .big i {
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cd0c34;
    position: absolute;
    left: calc(50% - 7px);
    top: 23px;
}

.map_block .all_map .karta .small {
    position: absolute;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
    height: 28px;
}

.map_block .all_map .karta .small i {
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cd0c34;
    position: absolute;
    left: calc(50% - 5px);
    top: 18px;
}

.map_block .all_map .big:hover, .map_block .all_map .small:hover {
    color: #cd0c34;
}

.g_1 {
    left: 260px;
    top: 240px;
}

.g_11 {
    left: 210px;
    top: 190px;
}

.g_12 {
    left: 270px;
    top: 320px;
}

.g_13 {
    left: 330px;
    top: 200px;
}

.g_14 {
    left: 250px;
    top: 350px;
}

.g_15 {
    left: 300px;
    top: 220px;
}

.g_2 {
    left: 26px;
    top: 410px;
}

.g_21 {
    left: 150px;
    top: 310px;
}

.g_22 {
    left: 180px;
    top: 420px;
}

.g_23 {
    left: 66px;
    top: 394px;
}

.g_3 {
    left: 420px;
    top: 90px;
}

.g_31 {
    left: 340px;
    top: 70px;
}

.g_32 {
    left: 310px;
    top: 40px;
}

.g_33 {
    left: 440px;
    top: 160px;
}

.g_4 {
    left: 480px;
    top: 380px;
}

.g_41 {
    left: 420px;
    top: 340px;
}

.g_42 {
    left: 370px;
    top: 440px;
}

.g_43 {
    left: 386px;
    top: 370px;
}

.g_44 {
    left: 450px;
    top: 394px;
}

.g_5 {
    left: 30px;
    top: 240px;
}

.g_51 {
    left: 140px;
    top: 230px;
}

.g_52 {
    left: 114px;
    top: 324px;
}

.g_53 {
    left: 50px;
    top: 310px;
}

.g_6 {
    left: 430px;
    top: 230px;
}

.g_61 {
    left: 350px;
    top: 320px;
}


.map_block .all_map .all_goroda {
    display: block;
    position: relative;
    margin-left: 680px;
    padding-top: 50px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0%;
    -moz-column-gap: 0%;
    column-gap: 0%;
    width: 360px;
}

.map_block .all_map .all_goroda .big {
    position: relative;
    height: auto;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    padding-left: 20px;
    cursor: pointer;
}

.map_block .all_map .all_goroda .small {
    position: relative;
    height: auto;
    font-size: 16px;
    margin-bottom: 4px;
    padding-left: 20px;
}

.gorod {
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
    width: 130px;
}

.map_block .all_map .all_goroda .big:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ce0006;
    border-radius: 50%;
    top: 8px;
    left: 0;
}

.map_block .all_map .all_goroda .small:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #b3b3b3;
    border-radius: 50%;
    top: 9px;
    left: 0;
}

.map_block .big.active {
    color: #cd0c34;
}

.map_block .small.active {
    color: #cd0c34;
}

.map_block .small.active:before {
    background: #cd0c34 !important;
}

/*------ ТОЧКА НА КАРТЕ --------*/
.map_block .all_map .karta .big .puls {
    width: 14px;
    height: 14px;
    position: absolute;
    left: calc(50% - 7px);
    top: 23px;
}

.map_block .all_map .karta .small .puls {
    width: 9px;
    height: 9px;
    position: absolute;
    left: calc(50% - 5px);
    top: 18px;
}

.circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    background-color: #ff0008;
    width: 20px;
    height: 20px;
    bottom: -10px;
    right: -10px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 6px solid #ff0008f5;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
    -webkit-filter: blur(2px);
}


.img-circle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 8px;
    height: 8px;
    bottom: 0px;
    right: 0px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    background-color: #ff0008;
    -webkit-filter: blur(0.5px);
}

.map_block .all_map .karta .small .puls .img-circle {
    width: 4px;
    height: 4px;
    bottom: 0px;
    right: 0px;
}

.map_block .all_map .karta .small .puls .circle-fill {
    width: 14px;
    height: 14px;
    bottom: -9px;
    right: -9px;
}


@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}

@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
    }
}

@-moz-keyframes circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
        -moz-opacity: .1;
        -webkit-opacity: .1;
        -o-opacity: .1;
    }
    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .6;
        -moz-opacity: .6;
        -webkit-opacity: .6;
        -o-opacity: .1;
    }
}

@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .1;
    }
    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .5;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .1;
    }
}

@-o-keyframes circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .1;
    }
    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .5;
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .1;
    }
}

@keyframes circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .1;
    }
    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .5;
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .1;
    }
}

@-moz-keyframes circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@-o-keyframes circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}

@keyframes circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .2;
    }
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .2;
    }
}


.vikup_doc {
    background: #f3f3f3;
    padding: 12px 0;
}

.vikup_doc .all_doc {
}

.vikup_doc .all_doc h3 {
    font-size: 24px;
    margin-bottom: 60px;
}

.vikup_doc .all_doc .left {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.vikup_doc .all_doc .left {
}

.vikup_doc .all_doc .left span {
    display: inline-block;
    vertical-align: top;
    width: 52%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    padding-left: 40px;
    line-height: 1.2
}

.vikup_doc .all_doc .left span:nth-child(2n+1) {
    width: 30%;
    padding-left: 50px;
}

.vikup_doc .all_doc .left span img {
    width: 26px;
    position: absolute;
    top: -4px;
    display: inline-block;
    margin-right: 20px;
    left: 0;
}

.vikup_doc .all_doc .left span.num {
}

.vikup_doc .all_doc .left span.num img {
    width: 40px !important;
    top: -10px;
    left: -8px;
}

.vikup_doc .all_doc .left span:nth-child(2n+1) img {
    width: 32px
}

.vikup_doc .all_doc .left p {
    font-size: 18px;
    font-weight: 700;
    margin-top: 50px;
    position: relative;
    padding-left: 40px;
}

.vikup_doc .all_doc .left p img {
    width: 24px;
    top: 2px;
    position: absolute;
    left: 0;
}

.vikup_doc .all_doc .right {
    display: inline-block;
    vertical-align: top;
    width: 38%;
}

.vikup_doc .all_doc .right .block {
    background: url(../images/bg_doc.png);
    padding: 10px;
    margin-top: -36px;
    margin-bottom: 20px;
}

.vikup_doc .all_doc .right ul {
    background: #fff;
    list-style: none;
    padding: 20px 30px 16px 30px
}

.vikup_doc .all_doc .right ul li {
    font-weight: 600;
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px;
}

.vikup_doc .all_doc .right ul li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background: #c40006;
    top: 9px;
    left: 0;
}

.vikup_doc .all_doc .right .bot {
    width: auto;
    background: #cd0c34;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 17px 0;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.vikup_doc .all_doc .right .bot:hover {
    background: #b90429;
}

/*------ СТРАНИЦА ОНЛАЙН ПРОДАЖИ --------*/
.top_online .tit span {
    font-size: 22px;
    font-weight: 600;
}

.top_online ul {
    left: 9%;
}

.online_stap {
    background: #fff;
    padding: 0 0;
}

.online_stap .main {
    padding-bottom: 10px;
}

.online_stap .step {
    width: calc(25% - 70px);
}

.online_stap .step p {
    font-size: 14px;
}

.online_stap .step:after {
    content: "";
    background: url(../images/stap_1.svg) no-repeat;
    background-size: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    right: -28px;
    top: calc(50% - 12px);
}

.online_stap .step_line {
    width: calc(80% - 60px);
    height: 2px;
    border-bottom: 2px dotted #c40006;
    margin: 24px 0 34px 0;
    position: relative;
    left: 0;
    margin-left: 11%;
}

.online_stap .link {
    font-size: 18px;
    padding: 16px 10px;
    width: 260px;
    cursor: pointer;
}

.online_plus {
    background: #f6f6f6;
    padding: 0;
}

.online_plus .main {
    overflow: hidden;
    padding: 50px 0 30px 0;
}

.online_plus h3 {
    font-size: 24px;
    margin-bottom: 24px;
    margin-left: 40px;
}

.online_plus p {
    font-size: 15px;
    font-weight: 700;
    position: relative;
    padding-left: 40px;
    margin-bottom: 24px;
}

.online_plus .all_plus {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
}

.online_plus .left {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 96px);
    padding: 26px 30px 18px 30px;
    background: #ecf8e4;
    margin-right: 26px;
    border: 1px solid #199c201a;
}

.online_plus .left p:before {
    color: #199c20;
    position: absolute;
    content: "+";
    left: 0;
    top: -1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e5f1cd;
    text-align: center;
    line-height: 1.5
}

.online_plus .right {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 96px);
    padding: 26px 30px 18px 30px;
    background: #fdebe9;
    border: 1px solid #e83d3b17;
}

.online_plus .right p:before {
    color: #e83d3b;
    position: absolute;
    content: "-";
    left: 0;
    top: -1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #efcdcd;
    text-align: center;
    line-height: 1.3;
    font-size: 17px;
}

.online_price {
    text-align: center;
    padding: 0;
}

.online_price .block {
    background: url(../images/bg_doc.png);
    padding: 12px;
}

.online_price .block_in {
    background: #f8f8f8;
    padding: 40px
}

.online_price strong {
    font-size: 28px;
    display: inline-block;
    margin-bottom: 14px;
}

.online_price strong span {
    font-weight: 800;
    font-size: 32px;
    color: #cd0c34;
}

.online_price p {
    margin-bottom: 8px;
    font-size: 17px;
    color: #4f4f4f;
}

.online_price p:before {
    content: "*";
    color: #f73e53;
    font-weight: 700;
    margin-right: 4px;
}

.online_doc {
    background: #f3f3f3;
    padding: 0 0 0px 0;
}

.online_doc .two .doc_in_2 {
    width: auto;
}

.online_doc .two h3 {
    font-size: 26px;
    margin-bottom: 60px;
}

.online_doc .two p {
    position: relative;
    padding-left: 50px;
    font-weight: 700;
    margin-bottom: 40px;
}

.online_doc .two .pass:before {
    content: "";
    background: url(../images/doc_1.svg) no-repeat 0 0;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 0;
}

.online_doc .two .pass_2:before {
    content: "";
    background: url(../images/doc_2.svg) no-repeat 0 0;
    background-size: 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 0;
}


/*------ СТРАНИЦА ПОКУПКИ В РОССИИ --------*/
.av {
    background: url(../images/obmen_bg.jpg) no-repeat center -106px !important;
}

.av .tit {
    margin-top: 60px;
}

.av .tit strong {
    line-height: 1.2;
    margin-bottom: 30px;
}

.av .tit span {
    font-size: 24px;
    font-weight: 600;
}

.av_car {
    margin-top: 60px;
}

.av_doc {
}

.av_block {
    background: #efefef;
    padding: 30px 40px 50px 40px;
}

.av_block h2 {
    font-size: 28px;
    margin-bottom: 30px;
}

.av_block p {
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    padding-left: 40px;
    background: url(../images/doc_3.svg) no-repeat 0 3px;
    background-size: 26px;
}

.av_block p strong {
    display: block;
}

.av_block p:last-child {
    background: url(../images/doc_2.svg) no-repeat 0 3px;
    background-size: 30px;
    padding: 4px 0 6px 40px;
    font-weight: 700;
    margin-top: 30px;
}

.av_block p a {
    color: #c5040a;
}

.tov_img object {
    width: 100%;
    display: block;
}


.add-favorites.active {
    background: url(/assets/images/heart_2.svg) no-repeat 0px 0px;
    background-size: auto;
    opacity: 1;
    background-size: 18px;
}

.fav button {
    background: url(/assets/images/heart_1.svg) no-repeat 0px 0px;
    background-size: auto;
    position: absolute;
    background-size: 18px;
    width: 20px;
    height: 18px;
    top: 13px;
    left: 18px;
    opacity: 0.2;
    padding: 0;
    border: none;
    cursor: pointer;
}

.pagination {
    list-style: none;
}

.pagination .page-item {
    display: inline;
    text-decoration: none;
    padding: 1px 7px;
    color: #000;
}

.grid_tovar object {
    width: 100px;
    float: left;
    display: block;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: .5rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}

#trade-in-form {
    padding-bottom: 5px;
}


.paginate .disabled span {
    background: none;
    padding: 1px 7px;
    color: #8B8B8B;
}

.t_coll_title {
    font-weight: 700;

}

.t_coll_title span::before {
    content: "" !important;
}


.btn-panel {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #467fcf;
    border-color: #467fcf;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 40px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-decoration: none;
}


#usd-price {
    font-weight: 900;
    color: #0a0a0a;
}

.calc_credit .raschet .price span {
    font-weight: 900;
}

#credit-form {
    padding-bottom: 20px;
}

.not-relevant {
    font-weight: bold !important;
    color: #d82133 !important;
}
.fav .add-favorites {
    background-size: 20px;
    width: 20px;
    height: 20px;
    top: 10px;
    left: 0px;
    opacity: 0.3;
    cursor: pointer;
}

.owl-carousel .owl-item img {
    width: 100% !important;
}

.sold-out {
    position: absolute;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 600px) {
.owl-carousel .owl-stage {
 max-height:240px!important;
}

.owl-carousel .owl-item {
max-height:240px!important;
}
}

@media only screen and (max-width: 400px) {
.owl-carousel .owl-stage {
 max-height:205px!important;
}

.owl-carousel .owl-item {
max-height:205px!important;
}
}